/*This first section may be broken out for use with branding.shtml when used with the php include statement */
@charset "iso-8859-1";
/*css for nametag...created 5 Mar 2008
--last updated xxxxxx : discription of actions taken  : by xx--*/

/* ********Fixes IE margin-padding error****** */
* { margin : 0;	padding : 0;}
.clear {font-size: 1px; height: 1px}
/* ****************STRUCTURING STYLES********************* */
body {
	background-color:#666666;
	min-width:985px; /* maintains usability for viewers set below 800px in width */
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	text-align: center;
}

a:link {color: #003399; text-decoration: none; }
a:visited {color: #666666; 	text-decoration: none; }
a:hover, a:active { color: #FF9900; text-decoration: none; }

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000000;
	line-height: 125%;
	text-indent: 25px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

h1 {display: none;} /*heading used for non-css format*/
h2 {display: none;} /*heading used for non-css format*/

/*         ----------list styles----------          */
ul {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 125%;}
li {color: #333333;}
label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC6600;
	vertical-align: top;
}
.newProduct {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 125%;
}
.newProduct ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	list-style-position: outside;
	line-height: 125%;
	list-style-type: none;
}
.newProduct li {
	color: #333333;
	padding-top: 5px;
	padding-left: 10px;
}


/*          ----------table styles----------        */
table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; background-repeat: no-repeat;}

#container {
	width:985px;
	position:relative;
	margin-right:auto; /* centers container in all new browsers */
	margin-left: auto;
	text-align: left;
	background-color: #FFFFFF;
	}

/* containerNarrow is used on openWindow with no left navigation ie. calculator pages, online design etc. */
#containerNarrow {
	width:800px;
	position:relative;
	margin-right:auto; /* centers container in all new browsers */
	margin-left: auto;
	text-align: center; /* maintains usability for viewers set below 800px in width */
	background-color: #FFFFFF;
}

#content{float: left; width: 760px; left: 225px; background-color: #FFFFFF; padding-left: 10px;}

/* ****************   BRAND310 STYLES   ********************* */
#branding{ background-image: url(images/brandbkg.jpg); height: 110px; width: 985px; background-repeat: no-repeat; position: relative; top: 0px; background-position: left top; 	z-index: 300; background-color: #FFFFFF; }
.company {display: none;}
.tagline{display: none; }
#logoHotSpot a{ position: absolute;	height: 60px; width: 309px; top: 25px; text-decoration: none; left: 14px; }
#logoHotSpot a span {display: none;}
#utilityNav {	width:985px; left: 0px; top: -18px; background-color:#DCCCA0; padding:6px 0 4px 0; font-size:1.15em; text-decoration: none; text-align: center; line-height: 100%; }
#utilityNav a{ padding: 0 10px; }
#utilityNav a:link, #utilityNav a:visited { color:#000000; }
#utilityNav a:hover, #utilityNav a:active { color:#CC6600; font-weight:bold; }
#liveChat{
	position: relative;
	width: 100px;
	left: 0px;
	top: -40px;
	height: 37px;
	float: right;
	padding-right: 20px;
}
#phoneTime { position:absolute; width:426px; height: 64px; left: 441px; top: 12px; font-size:1em; color: #FFFFFF; text-align: right; line-height: 20px; }
.phone {  font-size:2.25em; font-weight:bold; color:#FFFFFF; }
#security{  position: absolute; width: 100px; left: 878px; top: 12px; height: 60px;}
#search{ position: absolute; width: 395px; left: 582px; top: 88px; text-align:right; float:right; }
.searchText {  width: 150px; border:#432200 1px solid; font-size:0.95em; background-color:#F3EFE0; padding:2px;}
.searchImg {  padding:0; margin:0;}

/* start styles for product navigation */
#pageNav { position: absolute; left: 22px; top: 86px; height: 32px; width:743px; }
.clearit { 	clear: both; height: 0; line-height: 0.0; font-size: 0; }
#pageNavbar, #pageNavbar ul { padding: 0; margin: 0; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; }
#pageNavbar a { display: block; text-decoration: none; padding: 5px 10px 5px 10px; font-size: 1em; font-weight: bold; color: #E5DABA; text-align: left; border-right:#9A4D01 thin solid;}
#pageNavbar li {	float: left; width: 15em;	}
#pageNavbar li ul, #pageNavbar ul li  {	width: 17em;	}
#pageNavbar ul li a  {	color: #666666; border-right: 0; padding: 5px 20px 5px 5px; 	}
#pageNavbar li ul { position: absolute; display: none; 	background-color: #666666; border-left: 10px solid #cc6600;padding-bottom:15px;}
#pageNavbar li:hover a, #pageNavbar a:focus,
#pageNavbar a:active, #pageNavbar li.p7hvr a { 	color: #FFFFFF; background-color: #CC6600; }
#pageNavbar li:hover ul, #pageNavbar li.p7hvr ul {	display: block; }
#pageNavbar li:hover ul a, #pageNavbar li.p7hvr ul a {	color: #E5DABA; background-color: transparent;	}
#pageNavbar ul a:hover { 	background-color: #999999!important; color: #FFFFFF!important;	}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#pageNavbar li {width: auto;}
/* end styles for product navigation */
/* ****************   END BRAND210 STYLES   ********************* */

/* ****************   START SITEINFO210 STYLES   ********************* */
#si {clear:both;}
#siteInfo { position: absolute; font-size: 0.9em; line-height: 115%; background-image:url(images/siteInfobkg.jpg); background-color: #FFFFFF; width: 985px; height: 195px; top: auto;}
#siteInfo  a:link, #siteInfo  a:visited { color:#000000; }
#siteInfo  a:hover, #siteInfo  a:active { color:#666666; }
#siteInfo table td{padding:2px; margin:0;}
#siteInfo-nav { position:absolute; width:500px; height: 21px; left: 475px; top: 10px; font-size:1.15em; text-decoration: none; text-align: right; line-height: 100%; }
#siteInfo-nav a {padding: 0 5px;}
#copywrite-guarantee { position:absolute; width:300px; height: 21px; left: 250px; top: 40px; font-size:1.15em; text-decoration: none; text-align: left; line-height: 100%; }
#copywrite-guarantee a {padding: 0 5px;}
#partners {	position:absolute;width:550px;height: 21px;left: 95px;top: 85px;font-size:1.15em;text-decoration: none;text-align: left;line-height: 100%;}
#additionalSites {position:absolute;width:600px;height: 21px;left: 15px;top: 160px;font-size:1.15em;text-decoration: none;text-align: left;line-height: 100%;}
#additionalSites a {padding: 0 5px;}
#newsletter {position:absolute;width:250px;left: 735px;top: 40px;font-size:1.15em;text-decoration: none;text-align: left;line-height: 100%;}
/* ****************   END SITEINFO210 STYLES   ********************* */


/*    ----------------left navigation-section and resource nav-----------------            */
#sectionNav{float: left; width: 200px; position: relative; background-color: #FFFFFF;}

/*********** #sectionLinks styles ***********/

.sectionLinks{
	position: relative;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	z-index: 1;
	line-height: 19px;
	background-repeat: repeat-x;
	padding-left: 15px;
	font-weight: bold;
	color: #CC6600;
}

.sectionLinks a:hover, a:active{ color: #CC6600; text-decoration: none;}

.sectionLinks a:link {color: #CC6600; text-decoration: none;}

.sectionLinks a:visited {color: #CC6600; text-decoration: none;}

.sectionReorder{
	position: relative;
	z-index: 1;
	line-height: 38px;
	background-color: #FFFFFF;
}

/*********** .resourceLinks styles ***********/

.resourceLinks{
	position: relative;
	font-size: 10px;
	line-height: 18px;
	padding-left: 30px;
	background-position: left;
	background-color: #FFFFFF;
}

.resourcePage{
	position: relative;
	font-size: 11px;
	line-height: 15px;
	padding-left: 45px;
	background-position: left;
	background-color: #FFFFFF;
	color: #666666;
	font-weight: bold;
}
.resourceLinks a:hover, a:active{color: #666666; text-decoration: none;}
.resourceLinks a:link {color: #000000; text-decoration: none;}
.resourceLinks a:visited {color: #000000;text-decoration: none;}

.resourcePage a:hover, a:active{color: #666666; text-decoration: none;}
.resourcePage a:link {color: #000000; text-decoration: none;}
.resourcePage a:visited {color: #000000;text-decoration: none;}


/*  ------------text styles for headings and emphasis--------------------    */
.orHead {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	line-height: 30px;
}

.orHeadtop {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	line-height: 30px;
}

.XlgBlack {font-size: 24px;font-weight: normal; color: #000000; line-height: 25px}
.lgBlack {font-size: 16px;font-weight: bold; color: #000000; line-height: 22px}
.mdBlack {font-size: 13px; font-weight: bolder; color: #000000; }
.smBlack {font-size: 10px; font-weight: bold; color: #000000; line-height: 12px;}
.smBlackLt {font-size: 11px; color: #000000; line-height: 12px;}
.XsmBlack{font-size: 8px; color: #000000; line-height: 12px;}

.XlgGrey {font-size: 36px; font-weight: bold; color: #777777; line-height: 36px;}
.lgGrey {font-size: 16px; font-weight: bold; color: #777777; line-height: 18px;}
.mdGrey {font-size: 13px; font-weight: bold; color: #777777;}
.mdGreyLt {font-size: 12px; color: #777777;}
.smGrey {font-size: 10px; font-weight: bold; color: #777777;}

.xXlgRed {font-size: 26px;font-weight: bold; color: #CC0000; line-height: 30px;}
.XlgRed {font-size: 20px;font-weight: bold; color: #CC0000; }
.lgRed {font-size: 16px;font-weight: bold; color: #CC0000; }
.mdRed {
	font-size: 13px;
	font-weight: bold;
	color: #CC0000;
}
.smRed {font-size: 10px; font-weight: bold; color: #CC0000;}
.smRedLt {font-size: 10px; color: #CC0000;}
.XsmRed {font-size: 8px; color: #CC0000;}

.lgBlue {font-size: 16px; font-weight: bold; color: #000099; line-height: 20px;}
.mdBlue {font-size: 13px; font-weight: bold; color: #000099;}
.mdBlueLt {font-size: 12px; color: #000099;}
.smBlue {font-size: 10px; font-weight: bold; color: #000099;}

.XlgOrange {font-size: 20px;font-weight: bold; color: #FF6600; line-height: 24px}
.lgOrange {font-size: 16px;font-weight: bold; color: #FF6600; }
.mdOrange {font-size: 12px; font-weight: bold; color: #FF6600;}
.smOrange {font-size: 10px; font-weight: bold; color: #FF6600;}

.XlgDOrange {font-size: 20px;font-weight: bold; color: #CC6600; line-height: 24px}
.lgDDOrange {font-size: 16px;font-weight: bold; color: #CC6600; }
.mdOrange {font-size: 12px; font-weight: bold; color: #CC6600;}
.smDOrange {font-size: 10px; font-weight: bold; color: #CC6600;}

.lgWhite {font-size: 16px;font-weight: bold; color: #FFFFFF; }
.mdWhite {font-size: 13px; font-weight: bold; color: #FFFFFF;}


#pageName{
	float: right;
	width: 700px;
	left: 11px;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-align: right;
	padding: 10px 18px 10px 10px;
}
#pageNameTwo{
	float: right;
	width: 700px;
	left: 11px;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-align: right;
	padding: 10px 18px 10px 10px;
	line-height: 110%;
}

/* --------------expandable round boxes---------------------*/
.rndBoxTop {
	width:750px;
	background-image: url(../imageGeneral/rndBox_top.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 22px;
	padding-left: 15px;
	padding-top: 15px;
}

.rndBoxBottom {
	width:750px;
	background-image: url(../imageGeneral/rndBox_bottom.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 22px;
	padding-left: 15px;
}

.rndBoxSides {
	width:750px;
	background-image: url(../imageGeneral/rndBox_middle.png);
	background-repeat: repeat-y;
	background-position: top;
	padding-left: 15px;
}

/*   -----------------back navigation----------------      */
#backNav{
	float: left;
	width: 700px;
	left: 12px;
	top: 130px;
	background-repeat: no-repeat;
	background-position: left center;
	height: 25px;
	background-image: url(../imageGeneral/backNav.gif);
	padding-left: 10px;
	font-size: 11px;
}

.backNav a:hover, a:active{
	color: #000000;
	text-decoration: none;
}

.backNav a:link {
	color: #CC0000;
	text-decoration: none;
}

.backNav a:visited {
	color: #CC0000;
	text-decoration: none;
}


/*     ---------------- divs for images ----------------     */
.floatimgleft {float:left; margin-right:10px; margin-bottom:10px;}
.floatimgright {float:right; margin-right:10px; margin-bottom:10px;}

/* divs to control more-more drop downs*/
/* always visible */
#outer .holder {}
#outer .holder p {padding:5px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#FF6600; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}
#outer div.more table {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:right; padding-right:10px;}
#outer div.click table {display:block; float:right; padding-right:10px;}
select {
	width: 200px;
	font-size: 11px;
	line-height: 150%;
	z-index: 4;
	margin-bottom: 7px;
}

.state {
	width: 50px;
	font-size: 11px;
	margin-bottom: 4px;
}

.imprintColor {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	line-height: 18px;
}
.noDisplay {display: none;}
.order {
	font-size: 19px;
	line-height: 20px;
	font-weight: bold;
	color: #003399;
	text-align: right;
	display: block;
}
.order a:hover{
	color: #FF6600;
}
.divline {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	padding-top: 10px;
	margin-bottom: 20px;
	width: 95%;
	left: 50%;
	right: 50%;
}
div.forumThreads{
	border: 1px solid #003B62;	
	padding: 5px;
}