/*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, Geneva, Arial, helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	text-align: center;
}

#container {
	width:985px;
	position:relative;
	margin-right:auto; /* centers container in all new browsers */
	margin-left: auto;
	text-align: left; /* re-aligns text to left - required because of the fix for centering containers in IE 4 thru 6 - see body */
	background-image: url(../imageGeneral/pageBkgnd.jpg);
	}

#containerOld {
	width:985px;
	position:relative;
	margin-right:auto; /* centers container in all new browsers */
	margin-left: auto;
	text-align: left; /* re-aligns text to left - required because of the fix for centering containers in IE 4 thru 6 - see body */
	background-color: #FFFFFF;
	}

#containerNarrow {
	width:800px;
	position:relative;
	margin-right:auto; /* centers container in all new browsers */
	margin-left: auto;
	text-align: left; /* 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;
}

/*    ----------------product navigation-----------------            */
#proNavBack { /*background for the centered productNav bar */
	background-image: url(../imageGeneral/navBkg.jpg); 	position: absolute; 	top: 101px;	left: 0px; 	width:985px; 	height:25px; }
#productNav { /*positions productNav */
	position: absolute;	top: 101px;	left: 15px;	width: 948px;	z-index: 400;	}
#nav {/* visible navigation ALL LISTS*/
	font-size: 12px; color: #000000; float: left;	width: 950px;	list-style: none;	line-height: 16px;	font-weight: bold;	padding: 0;	text-align: left;	}
#nav ul {
	float: left;	list-style: none;	line-height: 16px;	font-weight: bold;	padding: 0;	}
/* the first level of drop down menu */
#nav a {
	display: block;	width: auto; padding-top: 4px;	padding-right: 2px;	padding-bottom: 4px;	padding-left: 2px; color: #000000;}
.noLink {
	display: block;	width: auto;	color: #000000;	font-size: 12px;	line-height: 24px;	}
#nav li { /*all list items */
	float: left; padding: 0; width: 135px;	} /* width needed for Opera */

/* Hiding and retrieving the drop downs */
#nav li ul { /* second level lists */
	position: absolute;	left: -999em;	height: auto;	width: 135px;	font-weight: normal;	margin: 0;	z-index: 575;	background-color:#FEE8A3;	border: 1px solid #FF9934;	} /*using left instead of display to hide menues because display: none isn't read by screen readers */
#nav li ul ul { /* third-and-above-level lists */
	margin: -18px 0 0 -130px;	}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;	}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;	}
#nav li:hover, #nav li.sfhover {
	background-image:url(../imageGeneral/navBkg-over.jpg);	}

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

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

.sectionLinks{
	position: relative;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	z-index: 1;
	line-height: 21px;
	background-image: url(../imageGeneral/navBkg.jpg);
	background-repeat: repeat-x;
	height: 25px;
	padding-left: 15px;
}

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

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

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

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

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

.resourceLinks{
	position: relative;
	font-size: 11px;
	line-height: 20px;
	padding-left: 20px;
	background-position: left;
	background-color: #eeeeee;
	height: 20px;
}

.resourcePage{
	position: relative;
	font-size: 12px;
	line-height: 21px;
	padding-left: 25px;
	background-position: left;
	background-color: #FFFFFF;
	height: 20px;
	color: #333333;
}

.resourceLinksImg{ position: relative; padding-left: 10px; background-color: #eeeeee; height: 90px; padding-top: 5px;}
.resourceLinks a:hover, a:active{color: #000000; text-decoration: none;}
.resourceLinks a:link {color: #000000; text-decoration: none;}
.resourceLinks a:visited {color: #000000;text-decoration: none;}



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: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000000;
	line-height: 125%;
	text-indent: 25px;
	padding-right: 10px;
	padding-left: 10px;
}

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

/*         ----------list styles----------          */
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 125%;
}
li {
	color: #333333;
}


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


/*  ------------text styles for heading 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: 17px}
.mdBlack {font-size: 13px; font-weight: bolder; color: #000000;}
.smBlack {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	line-height: 12px;
}
.XsmBlack{font-size: 8px; color: #000000; line-height: 12px;}

.XlgGrey {
	font-size: 42px;
	font-weight: bold;
	color: #CCCCCC;
}
.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;}
.XsmRed {font-size: 8px; color: #CC0000;}

.lgBlue {font-size: 20px; font-weight: bold; color: #000099;}
.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;}

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

/* ****************mast image and location********************* */
#branding{
	background-image:url(../imageGeneral/branding.jpg);
	height: 125px;
	width: 985px;
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	background-position: top;
	z-index: 300;
}
#tagline{
	position: absolute;
	width: 468px;
	left: 62px;
	top: 78px;
	font-size: 12px;
}

/* ****************creates image map for hotspots********************* */
#logoHotSpot a{
	position: absolute;
	height: 75px;
	width: 309px;
	top: 0px;
	text-decoration: none;
	left: 1px;
}

#logoHotSpot a span {display: none;}

#ribbonHotSpot a{
	position: absolute;
	height: 125px;
	width: 400px;
	top: 610px;
	text-decoration: none;
	left: 239px;
}

#ribbonHotSpot a span {display: none;}

#lanyardHotSpot a{
	position: absolute;
	height: 133px;
	width: 213px;
	top: 805px;
	text-decoration: none;
	left: 461px;
}

#lanyardHotSpot a span {display: none;}

/* ****************locates navigation, phone, tagline, search etc.********************* */
#utilityNav {
	font-size:11px;
	text-decoration: none;
	position:absolute;
	width:668px;
	left: 307px;
	top: 6px;
	text-align: right;
	line-height: 16px;
}

#phoneTime {
	font-size:12px;
	text-decoration: none;
	position:absolute;
	width:651px;
	left: 324px;
	top: 26px;
	text-align: center;
	line-height: 16px;
	height: 36px;
}

#search {
	left: 512px;
	top: 75px;
	position: absolute;
	width: 465px;
	color: #0066CC;
}

#pageName{
	float: right;
	width: 425px;
	left: 11px;
	top: 130px;
	height: 25px;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-align: right;
	padding-right: 18px;
}
#pageNameTwo{
	float: right;
	width: 425px;
	left: 11px;
	top: 130px;
	height: 38px;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-align: right;
	padding-right: 18px;
}

#guarantee{
	position: relative;
	width: 100px;
	left: 42px;
	top: -150px;
	font-size: 0.75em;
	z-index: 250;
}

#guaranteeSmall{
	position: absolute;
	width: 100px;
	left: 42px;
	top: 30px;
	font-size: 0.75em;
	z-index: 250;
}

#partners{
	position: relative;
	width: 100px;
	left: 0px;
	top: -140px;
	font-size: 0.75em;
	z-index: 250;
}

/* --------------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 site info-----------      */

#siteInfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFFFF;
	clear: both;
	width: 985px;
}

.subNav {
	font-size:11px;
	text-align: left;
}


#subNav{
	background-image:url(../imageGeneral/subNavBkg.jpg);
	height: 300px;
	width: 985px;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

#footer{
	height: 85px;
	width: 985px;
	background-repeat: repeat-x;
	background-image: url(../imageGeneral/brandOnly.jpg);
}

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

.floatimgright {
    float:right;
    margin-right:10px;
    margin-bottom:10px;
    }

/*   ------ POP UP ON A LINKED ROLLOVER--------  */
a.screen, a.screen:visited {
	position:relative;
	z-index:1;
	width: 250px;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 18px;
	text-align: center;
	padding: 35px;
}
a.screen b {
	position:absolute;
	visibility:hidden; /* hide the image */
	width:378px; /* give it a width */
	height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
	border:1px solid #000; /* add a border */
	left:-200px; /* position:the image */
	top:-150px;
	background-image: url(../imageIndex/newpagedescription.gif);
	font-weight: normal;
}
a.screen:hover {
	text-decoration:none;
	border:0; /* needed for this to work in IE */
	z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:450px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}

#PopUpAd {
	position:absolute;
	z-index:9999;
	height: 450px;
	width: 338px;
	padding: 20px;
}