/* --------- margins --------- */
* { margin: 0px; padding: 0px; }
h1, h1.normal, h2, h3, h4, h5, h6, blockquote, p, ul, ol { margin: 10px 0px; }
ul, ol { margin-left: 10px; padding-left: 20px; }
hr { margin: 10px 0px; }

/* --------- general html styles --------- */
body { 
	background: #fff;
	line-height: 1.5; /* to fix rendering bugs */
	font: .7em  Verdana, Arial, Helvetica, sans-serif;
	left-margin:10;
}

h1,  h1.normal, .bigblue { color: #336699; font: bold 130% Verdana, Arial, Helvetica, sans-serif;}
h2 { color: #336699; font: bold 120% Verdana, Arial, Helvetica, sans-serif;}
h3 { color: #336699; font: bold 100% Verdana, Arial, Helvetica, sans-serif;}
h4 { color: #657385; font: bold 100% Verdana, Arial, Helvetica, sans-serif;}

select { min-width:1.5em; }

img { border: 0px; }
img.alignmiddle {vertical-align: middle;}
img.aligntextbottom {vertical-align: text-bottom;}
img.aligntexttop {vertical-align: text-top;}
img.aligntop {vertical-align: top;}

table { font-size: 100%; border-collapse: collapse; border-spacing: 0px; border: none; }
	th, td { padding: 0px; margin: 0px; }
	th { background: #CED5E0; font-weight: bold; }
	th a:link, th a:visited { text-decoration: none }

input, select, textarea { font: 100% Verdana, Arial, Helvetica; margin: 1px; }
	input, select.alignmiddle { vertical-align: middle; }

hr { height: 1px; color: #DDE0E5; border: none; background: #dde0e5; }

a:link { color: #0287a3; text-decoration: none; }
a:visited { color: #499cad; text-decoration: none; }
a:active, a:hover { color: #fd9c20; text-decoration: underline; }

.code, code, pre { color: #E08501; font-size: 100%; font-family: Courier New, Courier; }

.strike { text-decoration: line-through; color: #c00; }

/* ---------- form and table data styles ---------- */

/* 
datatable:
- headings are bold, aligned left, with background color. 
- cells have padding 2px 
*/
	.datatable { 
		padding: 0px; border: 0px; border-spacing: 0px; border-collapse: collapse;
	}
		.datatable td, .datatable th { padding: 2px; }
		.datatable th { text-align: left; }
		.datatable th.header { background: #7B8595; color: #fff; } 
		.datatable .alt { background: #eee; }

/* 
formtable:
- headings are uncolored and aligned left unless specified with class header or header2
- cells havd padding 2px 3px
- special "required" class results in red text and inputs
*/
	.formtable { padding: 0px; border: 0px; border-spacing: 0px; border-collapse: collapse; }
		.formtable td, .formtable th { padding: 2px 3px 2px 3px; }
		.formtable th { text-align: left; background: none; padding: 2px; }
		.formtable th.header { background: #B5BDCA; }
		.formtable th.header a { color: #000; }
		.formtable th.header2 { background: #CED5E0; }
		.formtable .required { color: #c00; }
		.formtable .required input, .formtable .required select, .formtable .required textarea { border: solid 1px #c00; }

/* 
tablegrid:
- cells are bordered
- text is align left unless specified with class .aligncenter
- use a divider cell (.tablegriddiv) with <hr> inside for divider
*/
	.tablegrid { border: none; border-collapse: collapse; margin-bottom: 10px; }
		.tablegrid th, .tablegrid td { border: solid 1px #92a9b6; padding: 3px; text-align: left; }
		.tablegrid th.aligncenter, .tablegrid td.aligncenter { text-align: center; }
		.tablegriddiv hr { display: none; }
		.tablegriddiv { background: #b5bdca; height: 2px; padding: 0px; }

/* 
layouttablepad:
- only for layout. cells have right and bottom padding.
*/
	.layouttablepad { border: none; border-collapse: collapse; }
		.layouttablepad td { padding: 0px 10px 10px 0px; }

/*
ordertable:
- cells have padding on right and bottom.
*/
	.ordertable td {
		padding: 0px 5px 5px 0px;
	}

/* 
salestable:
- Used for displaying royalties and other sales data
- headings are aligned left, have background color unless .nobg class applied
- cells have padding 3px
*/
	.salestable { padding: 0px; border: 0px; border-spacing: 0px; border-collapse: collapse; }
		.salestable td, .salestable th { padding: 3px; }
		.salestable th { text-align: left; }
		.salestable .header { background: #eee; }
		.salestable .nobg { background: none; }
		.salestable .alignright { text-align: right; }
		.salestable .total { color: #c00; text-align: right; }

.supportindex td { color: #6a7582; border-bottom: solid 1px #D4D9E2; padding: 3px; }

.tablebox {position: relative; border: 1px solid #B6BECB; }

.dkgrey { background: #7B8595; color: #ffffff }
.ltgrey { background: #CED5E0; }
.grey { background: #B5BDCA; }
.whitecell { background: #ffffff; }
.bottomborderdark { background: #ffffff; border-bottom: solid 1px #6E7284 }

/* old */
.table { padding: 3px; }
.form { border: 0px; border-spacing: 1px; padding: 3px; }
.smallform { border: 0px; border-spacing: 1px; padding: 2px;  }
.formnospace { border: 0px; border-spacing: 0px; border-collapse: collapse; padding: 3px;  }

.tablenoborder { padding: 3px; }
.tablelayout { border: 0px; border-spacing: 0px; border-collapse: collapse; margin: 0px; padding: 0px; width: auto; }
.tableborder, .smalltableborder, .tablebordernospace, .smalltablebordernospace, .tabledivided { border: solid 1px #92A0B6; padding: 2px; }
	.tableborder { border-spacing: 1px; }
	.smalltableborder { border-spacing: 1px; }
	.tablebordernospace { border-spacing: 0px; border-collapse: collapse; }
	.smalltablebordernospace { border-spacing: 0px; border-collapse: collapse; }
	.tabledivided { border-collapse: collapse; border-spacing: 0px;  }
		.tabledivided .cell { padding: 3px; border: solid 1px #92a0b6; }



/* old styles */
.content { margin: 0px; padding: 0px 4px 4px 4px; }
	.content .title, .content .titlegrey { font: bold 185%; }
.contentpadding { margin: 0px; padding: 0px 4px 4px 4px;}

.shown { color: #9AA3B2;  }
.shown A:link, .shown A:visited { color: #9AA3B2; text-decoration: none; }
.shown A:active, .shown A:hover { color: #cc0000; text-decoration: none; }


.sidebar { color: #666666; font: 11px Verdana, Arial, Helvetica }
.head { background: #eeeeee; font: 11px Verdana, Arial, Helvetica }
.whitebold { background: #ffffff; color: #000000; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica }
.whitesmallbold { color: #ffffff; font-size: 10px; font-weight: bold; font-family: Verdana, Arial, Helvetica }
	.whitesmallbold A:link, .whitesmallbold A:visited { color: #ffffff }
	.whitesmallbold A:active, .whitesmallbold A:hover { color: #FFEA8A }
.divider { background-color: #cccccc }
.bluedivider { background-color: #336699 }
.bottomblueborder { border-bottom: solid 1px #336699 }
.dim {	color: #acacac; font: 11px Verdana, Arial, Helvetica; }
	A.dimmed:link { color: #acacac }
	A.dimmed:visited { color: #acacac }
	A.dimmed:active { color: #666666 }
	A.dimmed:hover { color: #666666 }
.inprogress { color: #666666 }
	A:link.progress { color: #666666; text-decoration: none }
	A:visited.progress { color: #666666; text-decoration: none }
	A:active.progress { color: #333333 }
	A:hover.progress { color: #333333 }
.prodcat { font-size: 10px; line-height: 12pt; font-family: Verdana, Arial, Helvetica }
TD.shopcart { BACKGROUND-color: #336699; color: #ffffff; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica;}
TD.shopheader { FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica; }
TD.shop { FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica; }
TD.salesheader { FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica;}
TD.sales { FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica; }
TD.refunds { FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica; color: #990000; }
TD.salesorange { FONT-SIZE: 10px; FONT-WEIGHT: bold; color: #ff9900; FONT-FAMILY: Verdana, Arial, Helvetica;}
TD.salestitle { BACKGROUND-color: #eeeeee; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica;}
TD.salesheaderwhite { background-color: #ffffff; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica;}
TD.saleswhite{ background-color: #ffffff; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica;}
TD.salesorangewhite { background-color: #ffffff; FONT-SIZE: 10px; FONT-WEIGHT: bold; color: #ff9900; FONT-FAMILY: Verdana, Arial, Helvetica; }
TD.shopcart { BACKGROUND-COLOR: #eeeeee; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica;}
TD.catnumber { BACKGROUND-COLOR: #eeeeee; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica; }




/* old layout styles */
.leftcol {
	background: #eff2f7;
	width: 178px; 
}
	.leftcol h2 { 
		margin: 0px 0px 0px 0px;
	}
	.leftcol .content {
		margin: 0px 0px 0px 0px;
		width: 178px;
		padding: 3px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width: 172px;
	}
	
		html>body .leftcol .content {
			width: 170px;
		}



	.leftcol A:link { 
		color: #008DAA;
		text-decoration: none;
	}
	.leftcol A:visited {
		color: #00657A;
		text-decoration: none;
	}
	.leftcol A:active, .leftcol A:hover {
		color: #cc0000;
		text-decoration: none;
	}
	.leftcol ul { margin: 0px 0px 1.5em 0px; list-style: none; padding: 0px; }
	.leftcol  ul ul { margin: 0px 0px 0px 15px; }

.leftcolwhite {
	background: #ffffff;
	width: 178px;
}

.maincol {
	background: #fff;
	text-align: center;
	line-height: 1.5; /* to fix rendering bug */
	width: 576px;
}

.maincolsearch {
	background: #fff;
	text-align: center;
	line-height: 1.2; /* to fix rendering bug */
}

#maincolcontent {
	text-align: left;
	margin: 0px auto;
	margin: 0px 10px 0px 10px;
	line-height: 1.2em;
	font-size: 110%;
	border-left: solid 1px #b6becb;
	border-right: solid 1px #b6becb;
	border-bottom: solid 1px #b6becb;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 556px;
}
	html>body #maincolcontent { width: 556px; }
	
	#maincolcontent h1 { margin: 0px 0px -10px 0px;}
	#maincolcontent h1.normal, #maincolcontent h2.normal { margin: 0px 0px 5px 0px; }
	#maincolcontent .content { margin: 0px 0px -9px 0px; padding: 4px; }
		@media all and (min-width: 0px){ /* Opera 7 only */
			#maincolcontent .content {
				margin: 0px 0px 0px 0px;
			}
		}

	#maincolcontent .content ul { clear: both; list-style: none; padding-left: 0px; margin-left: 0px;}
	#maincolcontent .content ul.accent li {padding-left: 12px; padding-bottom: 3px; background: url('/images/buttons/arrow1.gif') no-repeat 0 3px;}
	#maincolcontent .content ul li {padding-left: 12px; padding-bottom: 3px; background: url('/images/buttons/arrow2.gif') no-repeat 0 3px;}
	#maincolcontent .content a:link, #maincolcontent .content a:visited { text-decoration: none; }

.bottombox {
	margin: 10px;
	border: solid 1px #b6becb;
	width: 556px;
	position: relative;
	text-align: left;
}
	.bottombox td.middle, .bottombox th.middle {
		border-left: solid 1px #b6becb;
		border-right: solid 1px #b6becb;
	}
	
	.bottombox th {
		border-bottom: solid 1px #b6becb;
		color: #336699;
		text-align: left;
		padding: 4px;
		background: #F5F5F5;
		font: bold 100% Verdana, Arial, Helvetica
	}
	
	.bottombox td {
		font: 100% Verdana, Arial, Helvetica;
		padding: 4px;
		vertical-align: top;
	}
	

.rightcol { width: 204px; border-left: solid 1px #b6becb; border-right: solid 1px #b6becb; }
.rightcol h2 { margin: 0px 0px -10px 0px; }
.rightcol h2.normal { margin: 0px 0px 0px 0px; }
.rightcol h2.graphic {margin: -5px;}
	.rightcol .content { margin: 0px 0px -9px 0px; padding: 4px;  }
		@media all and (min-width: 0px){ /* Opera 7 only */
			.fixedtableright .content {
				margin: 0px 0px 0px 0px;
			}
		}
	.rightcol A { text-decoration: none }
	
.variabletable {
	left: 15px;
	width: 95%;
	text-align: left;
}

/*main page middle tables */
.fixedtable {width: 557px; max-width: 557px; border: 1px solid #B6BECB; border-top: none; text-align: left; }
.fixedtableleft { background: #ffffff; border-right: solid 1px #b6becb;}
	.fixedtableleft h1 { margin: 0px 0px -14px 0px;}
	.fixedtableleft .content { margin: 0px 0px -9px 0px; padding: 4px; }
		@media all and (min-width: 0px){ /* Opera 7 only */
			.fixedtableleft .content {
				margin: 0px 0px 0px 0px;
			}
		}
	.fixedtableleft A:link { color: #007A93; text-decoration: none; }
	.fixedtableleft A:visited { color: #00657A; text-decoration: none;}
	.fixedtableleft A:active, .fixedtableleft A:hover { color: #cc0000; text-decoration: none; }
	.fixedtableleft .content .description { font: Verdana, Arial, Helvetica; }
	.fixedtableleft .content .description .shown { color: #9AA3B2; }
	.fixedtableleft .content .description .shown A:link, .fixedtableleft .content .description .shown A:visited { color: #9AA3B2; text-decoration: none; }
	.fixedtableleft .content .description .shown A:active, .fixedtableleft .content .description .shown A:hover { color: #cc0000; text-decoration: none; }
	/*.fixedtableleft .content .150line { line-height: 150%; }*/
	.fixedtableleft .content ul { clear: both; list-style: none; padding-left: 0px; margin-left: 0px;}
	.fixedtableleft .content ul li {padding-left: 12px; padding-bottom: 3px; background: url('/images/buttons/arrow2.gif') no-repeat 0 5px;}
	.fixedtableleft .content ul.accent li {padding-left: 12px; padding-bottom: 3px; background: url('/images/buttons/arrow1.gif') no-repeat 0 5px;}

.fixedtableright { background: #ffffff;}
	.fixedtableright h2 { margin: 0px 0px -14px 0px; }
	.fixedtableright h2.normal { margin: 0px 0px 0px 0px; }
	.fixedtableright .content { margin: 0px 0px -9px 0px; padding: 4px; }
		@media all and (min-width: 0px){ /* Opera 7 only */
			.fixedtableright .content {
				margin: 0px 0px 0px 0px;
			}
		}
	.fixedtableright A { text-decoration: none }

.mainpic { height: 132px; border-bottom: solid 1px #ffffff; }
.mainpic img { display: block; }
.middlebanner { margin: -10px -10px 0px -10px; }

/*account area styles */
			/* remove after customer pages done */
			.accountfixedtable {
				width: 557px; 
				max-width: 557px; 
				border-left: 1px solid #B6BECB;
				border-right: 1px solid #B6BECB;
				border-bottom: 1px solid #B6BECB; 
				text-align: left;
			}
			.accountfixedtableleft { background: #ffffff; border-right: solid 1px #b6becb; }
				.accountfixedtableleft h1 { margin: 0px 0px -14px 0px;}
				.accountfixedtableleft .content { 
					margin: 0px 0px -9px 0px; 
					padding: 4px; 

				}

			.accountfixedtableright { background: #ffffff; width: 154px; max-width: 154px;}
			.accountfixedtableright h2 { margin: 0px 0px -14px 0px; }
				.accountfixedtableright h2.normal { margin: 0px 0px 0px 0px; }
				.accountfixedtableright .content { margin: 0px 0px -9px 0px; padding: 4px;  }
					@media all and (min-width: 0px){ /* Opera 7 only */
						.accountfixedtableright .content {
							margin: 0px 0px 0px 0px;
						}
					}

#customercredit {
	background: url('/images/buttons/cashout.gif') no-repeat 1px 0px;
	padding-left: 30px;
}
#cashout {
	background: url('/images/buttons/cashout.gif') no-repeat 1px 0px;
	padding-left: 30px;
}

.prodsearchbox {
	border: solid 1px #DDE0E5;	
	background: #F5F5F5;
	padding: 5px;
}


/* textbox and input var colors */
.requiredinput { background: #ffffa0; }/* styles for account pages */
.accounttabs {
	width: 557px;
	max-width: 557px;
	position: relative;
	left: 15px;
	margin-bottom: -2px;
	line-height: 11px;
	font: 90% Verdana, Arial, Helvetica;
}

/* styles for sitebuilder program catalogs */

.sbcat { 
	border: 0px;
	padding: 4px;
	font: 90% Verdana, Arial, Helvetica
}

.sbcatnopad {
	border: 0px;
	border-collapse: collapse;
	padding: 4px;
	font: 90% Verdana, Arial, Helvetica
}

.sbcatgrey {
	background: #dedede;
}

/********************* DHTML menu styles **************************/

	/* --[[ Main Expand Icons ]]-- */
	#imenus0 .imeam span,#imenus0 .imeamj span {background-image:url(none); width:7px; height:5px; left:0px; top:5px; background-repeat:no-repeat;background-position:top left;}
	#imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {background-image:url(none); background-repeat:no-repeat;background-position:top left;}


	/* --[[ Sub Expand Icons ]]-- */
	#imenus0 ul .imeas span,#imenus0 ul .imeasj span {background-image:url(none); width:5px; height:7px; left:0px; top:3px; background-repeat:no-repeat;background-position:top left;}
	#imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {background-image:url(none); background-repeat:no-repeat;background-position:top left;}

	/*--[[ Orientation none=vertical, left=horizontal ]]--*/
	#imenus0 li {float:left; }

	/* --[[ Main Container ]]-- */
	#imouter0 {padding:0px; margin:0px; z-index: 100; }

	/* --[[ Sub Container ]]-- */
	#imenus0 li ul {
		background:#f4f7f9 url('/images/base/menu-dropdownbg.gif') repeat-x top; 
		border:solid 1px #93a6bd; 
		padding:5px 5px 5px 15px; 
		margin:0px;
	}


	/* --[[ Main Items ]]-- */
	#imenus0 li a { font-size: 10px; height: 18px; }
		#imenus0 img { display: block; float: left; }

		/* [hover] - These settings must be duplicated for IE comptatibility.*/
		#imenus0 li:hover>a {}
		#imenus0 li a.ihover, .imde #imenus0 a:hover { }

		/* [active] */
		#imenus0 li a.iactive {}

		/* [Main Graphic Button Text Content] */
		#imenus0 .imbuttons {}


	/* --[[ Sub Items ]]-- */
	#imenus0 ul a {color:#7d8b9c; height: auto; text-align:left; text-decoration:none; border-style:none; padding:2px 5px; }

		/* [hover] - These settings must be duplicated for IE comptatibility.*/
		#imenus0 ul li:hover>a {color:#000000;}
		#imenus0 ul li a.ihover {color:#000000;}

		/* [active] */
		#imenus0 ul li a.iactive {background-color:#ffffff; }

.imcm ul,.imcm li,.imcm div,.imcm span,.imcm a{text-align:left;vertical-align:top;padding:0px;margin:0;list-style:none outside none;border-style:none;background-image:none;clear:none;float:none;display:block;position:static;overflow:visible;line-height:normal;}.imcm li a img{display:inline;border-width:0px;}.imcm span{display:inline;}.imcm .imclear,.imclear{clear:both;height:0px;visibility:hidden;line-height:0px;font-size:1px;}.imcm .imsc{position:relative;}.imcm .imsubc{position:absolute;visibility:hidden;}.imcm ul ul{position:relative;}.imcm li{list-style:none;font-size:1px;float:left;}.imcm ul ul li{width:100%;float:none !important;}.imcm a{display:block;position:relative;}.imcm ul .imsc,.imcm ul .imsubc {z-index:10;}.imcm ul ul .imsc,.imcm ul ul .imsubc{z-index:20;}.imcm ul ul ul .imsc,.imcm ul ul .imsubc{z-index:30;}.imde ul li:hover .imsubc{visibility:visible;}.imde ul ul li:hover  .imsubc{visibility:visible;}.imde ul ul ul li:hover  .imsubc{visibility:visible;}.imde li:hover ul  .imsubc{visibility:hidden;}.imde li:hover ul ul .imsubc{visibility:hidden;}.imde li:hover ul ul ul  .imsubc{visibility:hidden;}.imcm .imea{display:block;position:relative;left:0px;font-size:1px;line-height:0px;height:0px;float:right;}.imcm .imea span{display:block;position:relative;font-size:1px;line-height:0px;}.dvs,.dvm{border-width:0px}/*\*//*/.imcm .imclear,.imclear{font-size:1px;}*/
.dropdowndivider { border-top: solid 1px #a9b3bf; }

/********************** v6 special styles ***************************/

.iconlist { margin: 0px 0px 1.5em 0px; padding: 0px; list-style: none; }
	.iconlist a { 
		display: block;
		min-height: 40px; 
		padding: 3px 0px 0px 43px; 
	}
	.icontext { color: #657385; text-decoration: none; }

/********************* v6 layout styles *******************************/
#topad { background: #e1e7ef; padding: 5px; text-align: center; }

#logo img, #phone img { display: block; }

#top{ min-width: 950px; height: 60px; background: #fff; }

#logo {float: left; width: 200px; height: 60px; }

#tabmenu {
	height: 20px;
	background: #8a8f9d;
}
	
#phone { float: right; height: 60px; }

#tealmenu {
	height: 20px;
	position: absolute;
	top: 60px;
	right: 0px;
}

	#accountmenu ul { margin: 0px; padding: 0px; list-style: none; }
	#accountmenu li { display: inline; }
	#accountmenu a { display: block; float: left; text-indent: -999999px; }
	#tealaccount a { width: 82px; height: 20px; background: url('/images/base/tealmenu.gif') no-repeat; }
	#teallogin a { width: 48px; height: 20px; background: url('/images/base/tealmenu.gif') no-repeat -82px 0px; }
	#teallogout a { width: 56px; height: 20px; background: url('/images/base/tealmenu.gif') no-repeat -130px 0px; }
	#tealcart a { width: 67px; height: 20px; background: url('/images/base/tealmenu.gif') no-repeat -186px 0px; }

#breadcrumb {
	background: #c4cfdc;
	padding: 3px 3px 3px 18px;
	color: #6a7582;
	border-bottom: solid 1px #ffffff;
	font: 90% Verdana, Arial, Helvetica;
}
	#breadcrumb A:link, #breadcrumb A:visited { color: #6a7582; text-decoration: none }
	#breadcrumb A:active, #breadcrumb A:hover { color: #000; text-decoration: none }

#body3col {
	width: 970px;
	background:  url('/images/base/columns3.gif') repeat-y;
}

#body2col {
	width: 980px;
	background:  url('/images/base/columns2static.gif') repeat-y;
	padding-right: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 970px;
}
	html>body #body2col { width: 970px; }

#productdownload #body1col {
	width: 900px;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
}

#bodyliquid {
	width: auto;
	background:  url('/images/base/columns2.gif') repeat-y;
	/* border-left: solid 178px #eff2f7;*/
	padding-left: 186px;
}

#bodyliquidinner {
	margin: 0px;
	width: 100%;
	height: 100%;
}

#body2 {
	width: 186px;
	height: 100%;
	float: left;
	color: #798798;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 166px;
}
	html>body #body2 { width: 166px; }
	#body2 h2, #body3 h2 { 
		color: #798798;
		font-size: 130%;
		margin: 0px 0px 1.5em 0px;
	}
	#body2 p, #body3 p { margin: 0px 0px 1.5em 0px; }
	#body2 ul { margin: 0px 0px 1.5em 0px; list-style: none; padding: 0px; }
	#body2 ul ul { margin: 0px 0px 0px 15px; }
	#body2 input, #body2 select { font-size: 90%; }
	.body2nomargin { margin: 8px -10px; }

#bodyliquid #body2 {
	margin-left: -186px;
	position: relative;
	z-index: 10;
	margin-right: 0px;
}

#bodyliquid #body1 {
	float: left;
	position: relative;
	width: 100%;
	z-index: 12;
}
	#bodyliquid #body1 #body1content {
		padding: 0px 9px 10px 9px;
		font-size: 110%;
	}

	
#body2col #body1 {
	width: 773px;
	float: left;
	font-size: 110%;
}
	#body2col #body1 #body1content {
		width: 773px;
		padding: 10px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 753px;
	}
		html>body #body2col #body1 #body1content { width: 753px; }

		/* Hides from IE5-mac -- 3 pixel jog hack for IE \*/
		* html #body1content ul, * html #body1content p { margin-right: -3px; }
		/* End hide from IE5-mac */

#body3col #body1 {
	width: 556px;
	float: left;
	font-size: 110%;
}
	#body3col #body1 #body1content {
		width: 556px;
		margin-bottom: 10px;
		padding: 10px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 536px;
	}
		html>body #body3col #body1 #body1content { width: 536px; }
		
		/* Hides from IE5-mac -- 3 pixel jog hack for IE \*/
		* html #body1content ul, * html #body1content p, * html #body1content ol, * html #body1content { margin-right: -3px; }
		/* End hide from IE5-mac */
			
	#mainpicflash, #body3col #mainpic { margin: -10px -10px 10px -10px; }
	#body3col #body1 .officemktlogo { margin: 0px -10px 10px -10px; border-bottom: solid 1px #b6becb }
		.officemktlogo img { display: block }
	#body3col #body1 h1 { margin: 0px -10px 0px -10px; }
	#body3col #body1 h1, #body3col #body1 h1 a { 	
		display: block;
		width: 556px;
		height: 39px;
		text-indent: -999999px;
	}
	#body3col #body1 h1.normal { margin: 10px 0px; width: auto; height: auto; text-indent: 0px; }
		/* eventually get rid of the .title classes below and move the top .title classes underneath. */
		#body3col #body1 h1.title, #body2col #body1 h1.title, .imgheader {
			width: auto;
			text-indent: 0px;
			color: #ffffff;
			height: 32px;
			margin: -10px -10px 0px -10px;
			padding-left: 10px;
			background: url('/images/base/headingbg1.gif') repeat-x;
		
		}

		#body3col #body1 h1.titlecontent {
			color: #336699;
			height: 32px;
			margin: 0px -10px 0px -10px;
			padding-top: 5px;
			padding-left: 9px;
			vertical-align: middle;
			background: url('/images/base/headingbg-grey.gif') repeat-x;
			font: bold 140% Corbel, 'Lucida Sans', Verdana, sans-serif;
		}

		#body3col #body1 h1.titlegrey {
			width: auto;
			text-indent: 0px;
			color: #336699;
			height: 32px;
			margin: -10px -10px 0px -10px;
			padding-top: 5px;
			padding-left: 5px;
			vertical-align: middle;
			background: url('/images/base/headingbg-grey.gif') repeat-x;
			font: bold 140% Corbel, 'Lucida Sans', Verdana, sans-serif;
		}
		
	#body3col #body1 .floatbox { 
		width: 175px; 
		float: right; 
		border: solid 1px #ccc; 
		padding: 10px; 
		margin-bottom: 10px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 155px;
	}
		html>body #body3col #body1 .floatbox { width: 155px; }
	#body3col #body1 p { margin: 0px 0px 1.5em 0px; line-height: 1.4em; }
	#body3col #body1 .pixelbg {
		width: 536px;
		padding-bottom: 10px;
		background: #fff url('/images/base/pixelbg.gif') no-repeat bottom right;
	}
	#body3col #body1 fixedtable { margin: 0px -10px 0px -10px; }
	
	.threeads { 
		background: #dde0e5;
		width: 556px;
		padding: 10px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 536px;
	}
		html>body .threeads { width: 536px; }
	.threeads1, .threeads3 {
		width: 160px;
		float: left;
	}
	.threeads2 {
		width: 215px;
		float: left;
		text-align: center;
	}

#body3 {
	width: 218px;
	float: left;
	color: #657385;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 198px;
}
	html>body #body3 { width: 198px; }
	#body3 h2 { width: 204px; }
	#body3 ul { margin: 0px 0px 18px 0px; padding: 0px; list-style: none; }
	
	.adbanner {
		margin: 0px -7px 0px -7px;
		text-align: center;
		padding: 10px;
		font-size: 9px;
		color: #626F78;
	}

	.colorbox { 
		margin: 0px -7px; 
		padding: 8px; 
		background: #eff2f7; 
	}
	#body3 .colorbox { margin: 0px 0px; padding: 8px; background: #eff2f7; }

#footer {
	border-top: solid 1px #93a6bd;
	padding: 8px;
	color: #657385;
	background: #fff;
}
	#footerleft { float: left; }
	#footerright { 
		float: right; 
		width: 421px; 
		height: 50px; 
		padding: 16px 0px 0px 8px;
		background: url('/images/base/paymentoptions-bg.gif') no-repeat;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 413px;
		height: 34px;
	}
		html>body #footerright { width: 413px; height: 34px; }
	#footerlinks { clear: both; }

.body12colwrapper {
	position: relative;
}
.body12colleftcol { width: 280px; }
.body12colrightcol { position: absolute; top: 0px; right: 0px; width: 280px; }
/******************************* styles for catalog and product areas **********************/

#advancedsearch {
	border-left: solid 1px #b8c5d4;	
	border-right: solid 1px #b8c5d4;	
	border-bottom: solid 1px #b8c5d4;	
	background: #F5F5F5;
	font: 90% Verdana, Arial, Helvetica;
}

.cartitembar {
	background: #F5F5F5;
	border-bottom: solid 1px #b8c5d4;
	padding: 5px;
}

.advancedsearchheader {
	padding: 5px; 
}

.advancedsearchbar {
	font-weight: bold;
	padding: 5px;
	border-top: solid 1px #b8c5d4;	
	border-bottom: solid 1px #DDE0E5;
}

.broadfilter 
{
	width: 100%;
	min-width: 775px;
	border-left: solid 1px #b8c5d4;	
	border-right: solid 1px #b8c5d4;	
	border-bottom: solid 1px #b8c5d4;	
	background: #F5F5F5;
	font: 90% Verdana, Arial, Helvetica;
}

.broadfiltertable {
	width: 600px;
	float: left;
}
.broadfiltertable td { padding: 2px 8px; border-right: solid 1px #DDE0E5; }

.broadfilterhelp {
	width: 140px;
	margin: 5px;
	padding: 2px;
	border: solid 1px #DDE0E5;
	float: right;
}
	.broadfilterhelp strong { color: #336699; font: bold 100% Verdana, Arial, Helvetica, sans-serif; }

.tablecolumns { border: none; border-spacing: none; border-collapse: collapse; }
	.tablecolumns td { padding: 2px 8px; border-right: solid 1px #DDE0E5; }

.breadcrumbprod {
	margin: 20px 0px 0px 0px;
}

.pagesarea {
	font: 90% Verdana, Arial, Helvetica;
	margin: 10px 0px 10px 0px;
}

.sortarea {
	margin: 10px 0px 10px 0px;
	font: 90% Verdana, Arial, Helvetica;
}

#searchresultscontainerouter {
	width: auto;
	padding-right: 218px;
}

#searchresultscontainerinner {
	margin: 0px;
	width: 100%;
	height: 100%;
}

#searchresults {
	width: 100%;
	float: left;
	position: relative;
	z-index: 15;
}

#searchresultsadarea {
	float: left;
	position: relative;
	width: 218px;
	z-index: 12;
	color: #657385;
	margin-left: 0px;
	margin-right: -218px;
}

#searchresultsadtext {
	text-align: left;
	width: 210px;
	border: solid 1px #92a9b6;
	padding: 2px;
	margin: .5em 0px .5em 0px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 206px;
}
	html>body #searchresultsadtext { width: 206px; }

#searchresultsadarea h2 { 
	color: #798798;
	font-size: 130%;
	margin: .5em 0px .5em 0px;
}

.warning {
	border: solid 1px #d17f7f;
	padding: 5px;
	background: #fbeded;
	margin: 10px 0px 10px 0px;
}

/* Hides from IE5-mac \*/
* html #advancedsearch, * html .breadcrumbprod, * html .pagesarea, * html .warning, * html .advancedsearchbar  {height: 1%;}
/* End hide from IE5-mac */

.producttable { /* for float that holds the search result item */
	width: 232px;
	height: 310px;
	float: left;
}

.catheader {
	padding: 2px;
	font-size: 110%;
	border: solid 1px #DDE0E5;
}

.programcell { padding: 2px 0px; }
.screencell { padding: 2px; }

.price {
	color: #ff9900;
	font: bold 100% Verdana, Arial, Helvetica;
}

#searchresultsfooter { clear: both; text-align: right; }

.categorylist li { margin: 5px 0px 5px 0px; }

/* product detail page */
.buttonrow { 
	margin: -10px -10px 0px -10px; 
	padding: 2px; 
	border-top: solid 1px #dde0e5; 
	border-bottom: solid 1px #dde0e5; 
	text-align: center;
	height: 26px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 20px;	
}
	html>body .buttonrow { height: 20px; }
	
.bottombuttonrow { 
	margin: 0px -10px -10px -10px;
	padding: 2px; 
	border-top: solid 1px #dde0e5; 
	text-align: center;
}

.productdetailid { font-style: italic; padding: 5px 0px; }

.productdetail { position: relative; }

.productdetail h1.normal {
	padding-right: 100px; /* space for tables/css star */
}

#productdetailstar {
	position: absolute;
	top: 26px;
	right: 0px;
}
	#productdetailstar_css, #productdetailstar_tables {
		width: 110px;
		height: 50px;
		display: block;
		background: url('/images/buttons/productdetailstar-css.gif') no-repeat;
		text-indent: -9999px;
	}
	
	#productdetailstar_tables {
		background: url('/images/buttons/productdetailstar-tables.gif') no-repeat;	
	}

.designproductable { /* used on float on Design detail page for showing product types */
	width: 268px;
	height: 200px;
	float: left;
}

.productlistbox
{
	width: 100%;
	border-collapse:collapse;
}
.productlistbox td {text-align: center; border: dotted 1px #DDE0E5;}
.productlistboxitem
{
	color: #ff9900;
	font: bold 100% Verdana, Arial, Helvetica;
	border: 0px;
}
.productlistboxitem td {text-align: center; border: 0px;}

/*testdrive*/
.midboxwrapper {
	width: 350px;
	height: 225px;
	float: left;
	position: relative;
	margin-top: 10px;
}

.midboximageleft {
	float: left;
	width: 100px;
	height: 120px;
}

.midboxright 
{
	position: relative;
	background: url('/images/landingpages/homeboxsingle_blue.gif') no-repeat;
	font-size: .9em;
	float: left;
	width: 238px;
	height: 200px;
	margin-left: 5px;
	padding: 5px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 228px;
}
	html>body .midboxright { width: 228px; }
	
	.midboxright .bottombuttons 
	{
		width: 100%;
		padding: 5px;
		position: absolute;
		bottom: 10px;
	}
	.bottombuttons .leftbutton
	{
		left: 0px;
	}
	.bottombuttons .rightbutton
	{
		position: absolute;
		right: 20px;
	}

.topboxlarge
{
	position: relative;
	background: url('/images/landingpages/homeboxsinglelarge_orange_pic.jpg') no-repeat;
	font-size: .9em;
	width: 750px;
	height: 200px;
	padding: 5px 5px 5px 150px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 595px; 
	height: 190px;
}
	html>body .topboxlarge { width: 595px; height: 190px;}
	
/************************ styles for v7 cart pages ***************************/

.shopcartbuttons { 
	margin: 0px 0px 10px 0px; 
	padding: 10px 4px; 
	text-align: center; 
	background: #fafafa; 
	border-bottom: solid 1px #dde0e5; 
	border-top: solid 1px #dde0e5;
}


/* checkout page related styles */
#cartbody {
	width: 780px;
	margin: 0px auto;
	background: url('/images/base/cartbodybg.gif') repeat-y;
	padding: 0px 20px 20px 20px;
	font-size: 110%;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 740px;
}
	html>body #cartbody { width: 740px; }

#cartbodyheader {
	padding: 20px 0px 10px 0px;
	background: #fff;
}

#cartleft {
	width: 465px;
	margin-right: 10px;
	float: left;
}
#cartleft h2 { border-bottom: solid 1px #336699; padding-bottom: 2px;}

#cartright {
	width: 265px;
	float: right;
	padding: 0px 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 245px;
}
	html>body #cartright { width: 245px; }

.cartcolumn { padding: 5px; width: 170px; background: #F5F5F5; border-top: solid 1px #b6becb; border-left: solid 1px #b6becb;}
.cartborder { color: #ffffff; background: #336699; font: bold 11px Verdana, Arial, Helvetica; text-align: left; }
.cartbg { background: #eeeeee; text-align: left; }
.cartheader1 { background: #7B8595; color: #ffffff; font-weight: bold; padding: 2px; }
.cartheader2 { background: #B5BDCA; color: #000000; font-weight: bold; padding: 2px;}
.cartheader3 { color: #000000; font-weight: bold; padding: 2px; }
.cartbody { background: #ffffff;  padding: 2px; text-align: left; }
.carterror { background: #990000; color: #ffffff; }
.nospace { margin-top: 0px; margin-bottom: 0px; }


/************************* styles for support pages **************************/

.supportcol {
	width: 177px;
	float: left;
}
	.centercol { 
		padding: 0px 8px; 
		margin-right: 3px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 161px;
	}
	html>body .centercol { width: 161px; }

#printbutton {
	float: right;
}

.supportid { 
	font: italic 90% Verdana, Arial, Helvetica;
}

.supportresults li {
	padding-bottom: 10px;
}

.tutoriallist li {
	margin-bottom: 10px;
}
	.tutoriallist img { margin-top: 5px; }

#printable { /* for printable pages */
	padding: 15px;
	font-size: 110%;
}

	#printable ul, #printable ol { padding-left: 30px; }

/* old */
.supportintro {
	color: #777777;
	font: 90% Verdana, Arial, Helvetica;
}

/*************************** home page styles *******************************/

.body1home {
	background: url('/images/landingpages/homepic.jpg') no-repeat top right;
}

#body2col #body1.body1home #body1content {
	color: #657385;
	width: 773px;
	padding: 20px 19px 15px 20px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 734px;
}
	html>body #body2col #body1.body1home #body1content { width: 734px; }

.hometitle { 	
	display: block;
	width: 380px;
	height: 80px;
	text-indent: -999999px;
	background: url('/images/landingpages/hometitle.gif') no-repeat;
}

.homeintro {
	font-size: 120%;
	padding-right: 320px;
}

#homead {
	margin: 20px 0px 0px 0px;
}

#homeboxeswrapper {
	margin: 10px 0px 20px 0px;

	background: url('/images/landingpages/homeboxestop.gif') no-repeat top left;
	width: 734px;
	padding-top: 10px;
}

	#homeboxesinner {
		width: 734px;
		background: url('/images/landingpages/homeboxesbottom.gif') no-repeat bottom left;
	}

	#homeboxesinner .col1, #homeboxesinner .col2, #homeboxesinner .col3 {
		width: 238px;
		float: left;
		padding: 0px 10px 10px 10px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 218px;
	}
		html>body #homeboxesinner .col1, html>body #homeboxesinner .col2, html>body #homeboxesinner .col3 {
			width: 218px;
		}
	
	#homeboxesinner .col1, #homeboxesinner .col2 {
		margin-right: 10px;
	}
	
	#homeboxesinner h2 {
		text-indent: -9999px;
		width: 217px;
		height: 24px;
		margin: 0px;
	}

#homecolumns {
	width: 734px;
	background: url('/images/landingpages/homecolumns.gif') repeat-y;
	font-size: .9em;
}
	#homecolumns h2 {
		font-size: 1.3em;
		color: #657385;
	}
	
	#homecolumns .col1, #homecolumns .col2, #homecolumns .col3 {
		width: 244px;
		float: left;
		padding: 0px 10px 10px 10px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 224px;
	}
		html>body #homecolumns .col1, html>body #homecolumns .col2, html>body #homecolumns .col3 {
			width: 224px;
		}
	
	#homecolumns .col1, #homecolumns .col2 {
		margin-right: 1px;
	}

/*************************** frequently used classes ************************/
.nomargin { margin: 0px; }
.nobottommargin, #body3 h2.nobottommargin, #body2 h2.nobottommargin { margin-bottom: 0px; }
.notopmargin, #body3 h2.notopmargin, #body2 h2.notopmargin { margin-top: 0px; }
ul.accent1, ul.accent1 ul, ul.accent2 { margin: 0px 0px 10px 0px; padding: 0px; list-style: none; }
ul.accent1 li, ul.accent1 ul.accent1 li { background: url('/images/buttons/arrow1.gif') no-repeat 0px 5px; padding-left: 12px; line-height: 1.5em; }
ul.accent2 li, ul.accent1 ul li { background: url('/images/buttons/arrow2.gif') no-repeat 0px 5px; padding-left: 12px; line-height: 1.5em; }

.quote {
	width: 200px; 
	padding: 15px 0px;
	border-top: solid 8px #f0f0f0;
	border-bottom: solid 8px #f0f0f0;
	background: #f8f8f8;
	text-align: center;
	color: #798798;
	font: bold italic 18px Georgia, Times, 'Times New Roman', serif;
}

/* ---------- layout ------------------ */
.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.floatleft { float: left; margin: 0px 5px 5px 0px; }
.floatright { float: right; margin: 0px 0px 5px 5px; }
.breadcrumb { margin: 0px; padding: 4px 4px 4px 0px; }
.padding5 { margin: 0px; padding: 5px 5px 5px 5px; }
.padding20 { margin: 0px; padding: 20px; }
.coupon { border: dashed 2px #DDE0E5; padding: 5px;	margin-bottom: 5px; }
.dottedborder { border: dotted 1px #DDE0E5; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }


/* ----------- text and text color ----------- */
.normal { color: #000000; font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px;}
.red, .required { color: #c00; }
.greytext, .note { color: #798798; }
.blue { color: #336699; }
.offblue { color: #366 }
.orange { color: #f90 }
.fade {color: #666;}
.small { font-size: 90%; }
.smaller { font-size: 80%; }
.eight { font-size: 80%; }
.tiny { font-size: 70%; }
.bold { font-weight: bold; }
.nostyle { font-style: normal; font-weight: normal; }

.title {
	color: #ffffff;
	height: 32px;
	margin: 0px -10px 0px -10px;
	padding-top: 5px;
	padding-left: 5px;
	vertical-align: middle;
	background: url('/images/base/headingbg1.gif') repeat-x;
	font: bold 140% Corbel, 'Lucida Sans', Verdana, sans-serif;
}

.titlecontent {
	color: #336699;
	height: 32px;
	margin: 0px -10px 0px -10px;
	padding-top: 5px;
	padding-left: 9px;
	vertical-align: middle;
	background: url('/images/base/headingbg-grey.gif') repeat-x;
	font: bold 140% Corbel, 'Lucida Sans', Verdana, sans-serif;
}

.titlegrey {
	color: #336699;
	height: 32px;
	margin: 0px -10px 0px -10px;
	padding-top: 5px;
	padding-left: 5px;
	vertical-align: middle;
	background: url('/images/base/headingbg-grey.gif') repeat-x;
	font: bold 140% Corbel, 'Lucida Sans', Verdana, sans-serif;
}