/* Global styles */

/* START HTML element rules */
body {
      /*font-family:"verdana" sans-serif;*/
      font-family:sans-serif;
      font-size:80%;
      margin:0;
      padding:0;
      height:100%;
      background-color:white}

/*----- Link formats --------*/			

a {color:#000099;} /*--- Default is same as .DARK ----*/
a:visited {color:#000099;}
a:hover {
	color:#FF6600;}

a.dark {color:#000099}
a.dark:visited {color:#000099;}
a.dark:hover {
	color:#FF6600;}


td a.dark {color:#000099}
td a.dark:visited {color:#000099;}
td a.dark:hover {
	color:#FF6600;}

a.light {color:white;}
a.light:visited {color:white;}
a.light:hover {
	color:yellow;}

td a.light {color:white;}
td a.light:visited {color:white;}
td a.light:hover {
	 color:yellow;}
	 													
/*--------Form formats --------*/
form {
	margin-top:.5em;
	margin-bottom:.5em;	}

/*-------Header formats -------*/
h1, h2, h3, h4 {
	 margin-top:0;
	 margin-bottom:.5em;
	 padding:0;
	 font-weight:bold;
	 color:#6666FF;
	 font-family:Sans-Serif;
	 /* color:#3366cc; cool EKJ blue */
	 /* color:#FF6600; */
	 }
h1 {font-size:1.6em;}
h2 {font-size:1.4em;}
h3 {font-size:1.18em;}
h3.nomargin {
	font-size:1.18em;
	margin-bottom: 0em;
	margin-top: 0em;}
h4 {
	font-size:1.04em;
	margin-top:.5em;
	margin-bottom:.25em;
	color:black;}
h4.nomargin {
	font-size:1.04em;
	color:black;
	margin-top:0em;
	margin-bottom:0em;}
h6 {margin-bottom:.25em;}

/*------ Misc. HTML formats ----*/
img {border:none;}

p { 
	margin-top:.5em;
	margin-bottom:.75em; }
/* END HMTL rules */

/* START custom element rules */
.red_bold {
	font-weight: bold; 
	color: #FF0000;
}

.dropShadow, .dropShadowDark {
	position:relative;
	padding-top:1px;
	padding-left:1px;
	color:#000099}


.dropShadowText, .dropShadowTextDark {
	position:absolute;
	top:0;
	left:0;
	color:#FF6600;
	}
.dropShadowText {display:none}

.dropShadowDark {color:black;}

.dropShadowTextDark {
	color:white;
	}

.formRow {margin-bottom:.5em;}

.formCaption {color:black;}

.section508 {
	color:#000099; 
	position:absolute;
	right:0;
	bottom:0;
	font-size:4pt;
	z-index:0;}
.section508:visited {color:#000099;}

.section508:hover {color: #000099;}

.secNotice {
	font-weight:bold;
	font-size:.85em;
	margin-bottom:1em;}

.hardBreak {display:none} /* hard break <br/> for Mac adjustment */

.required {font-weight:bold;color:red}

.highlight {font-weight:bold;color:#FF6600}

.buttonRow input, .buttonRow img {margin-right:1em;}

.row0 {background-color:#E7E7EE;}
.row1 {background-color:#F1F2F8;}

.underline { text-decoration:underline; }

/*---START LOGO rules------*/
#logo { /* full block element including miniCart */
	position:relative;
	/*text-align:center;*/
	padding-top:7px;
	width:100%;
        background-color:#000099;
	border-bottom:solid 2px white;
	overflow:hidden;}
#logo {
	background-image:url(/images/redesign/left-bg-long.gif);
	background-repeat:no-repeat;
	background-position:top left;}

#logoImage {
	/*float:left;*/
	z-index:6;
	border:none;}

/* START miniCart element */
#miniCart {
	position:relative;
	text-align: left;
	float:right;
	width:16.1em;
	top:10px;
	font-weight:bold;
	font-size:.9em;
	color:white;
}

.row {position:relative;}

.rowItem {
	position:relative;
	/* padding-left should match width of 
		rowBullet image + actual padding */
	padding-left:17px;
	margin-bottom:2px;
}

.rowBullet {
	position:absolute;
	vertical-align:middle;
	left:0; 
	top:0;
}

.cartIconBullet {
	position:absolute;
	vertical-align:middle;
	left:0; 
	top:0;
}

#cartHeader {
	position:relative;
	width:100%;
	padding-left:29px;
	margin-bottom:1em;
	padding-top:5px;
	font-size:1.16em;
	padding-bottom:2px;
}

#cartCount {
	margin-top:.3em;
	padding-top:0px;
	padding-left:29px;
	height:1.6em;
}

#cartShopLink {font-size:.95em;}

#cartIcon {width:26px;} 

/* END miniCart rules */

/*START navbar rules */							
.navBar {
	width:100%;
	clear:left;
	padding-top:.25em;
	padding-bottom:.25em;
	text-align:center;
	font-size:1.15em;}
	
.navItem { /* inline navBar links */
				 position:relative;
				 margin-left:1em;
				 margin-right:1em;
				 white-space:nowrap;
			     text-decoration:none;
				 }
a.navItem {color:navy}

#navBarMain { /* Navbar for main links */
		background-color:#FFCC00; /* #E3E4EE; */
		font-weight:bold;
		border-top:solid 1px black;}
						
#navBarHeader, #navBarFooter { /* Secondary nav bar */
				color:white;
				background-color:#FF6600;
				border-top:solid 1px black;
				border-bottom:solid 1px black;}
#navBarHeader a.light, #navBarFooter a.light {
	font-weight:bold;
	color:white;
	font-size:.9em}

#navBarHeader a.light:hover {
				color:yellow;
				text-decoration:underline}

#navBarFooter a.light:hover {
		color:yellow;
		text-decoration:underline}

/* END Navbar Styles */


/* Flyout menu rules */
.flyoutMenu { /* holds menu items */
			visibility:hidden;
			position:absolute;
			top:0;
			background-color:#3366cc;
			font-weight:bold;
			/* left s/be same as flyoutMenu width */
			left:225px;
			border:solid 1px black;
			font-size:1.1em;
			z-index:3;
			/* changes to width--also change flyoutTrigger:width
				 and flyoutMenu:left props */
			width:225px;}
	
.flyoutTrigger { /* element that triggers flyout 
position:relative;
width:226px;	
*/
display: none;
			
			/* width s/be same as .flyoutMenu width + 1 */
			
			}

.flyoutLink, .menuPlaceHolderItem  {
						position:relative;
						display:block;
						padding:3px;
						padding-left:5px;
						color:white;
						border-top:solid 1px white;
						text-decoration:none;
						font-family:Sans-Serif;
						}
.flyoutLink:visited {color:white}
.flyoutLink:hover, #rootLink:hover {background-color:#FF6600;color:white}

/* Define first 'visible' layer of links */
.rootTrigger, .menuPlaceHolderItem {
	width:155px;
	margin-bottom:4px;
	text-align:center;
	font-size:.84em;
	background-color:#000099;
	z-index:2;
	border:solid 1px black;
	}

.rootTrigger 
{left:-167px;
 top:3em;
visibility:visible ;}

.rootLink {border-top:none;margin:0;font-weight:bold}
.firstMenu {left:153px;}

/* menuPlaceHolder provides an inline placeholder for
   dynamically positioning the menu */

#menuPlaceHolder {visibility:hidden;border-bottom:none;} 

.menuPlaceHolderItem {
	width:150px;
	font-size:1em;
	font-weight:bold;}

.menuPlaceHolderItem_new {
	width:145px;
	font-size:11px;
	font-family: verdana;
	font-weight: normal;
	display: block;
	background: #000099;
	margin-bottom:2px;
	padding:5px;
	color: #fff;
	text-decoration: none;
	}
.menuPlaceHolderItem_new:hover {
	width:145px;
	font-size:11px;
	font-family: verdana;
	font-weight: normal;
	display: block;
	background: #FF6600;
	margin-bottom:2px;
	padding:5px;
	color: #fff;
	text-decoration: none;
	}
	
/* END flyout menu rules */

/* START TagLinks (links to common product categories */
.tagLink 
{
	font-family:"Arial Narrow" "sans-serif";
	font-weight:600;
	font-size:1.13em;
	color:#FF6600;white-space:nowrap;;}

.tagLink:visited 
{
	color:#FF6600;}
	
.tagLink:hover
{
	color:blue;}

.tagLinks img 
{
	vertical-align:middle;
	margin-left:3px;
	margin-right:3px;}
/* END tagLinks */

/* START plLogin Styles */
.optionList {
	position:relative;
	padding-right:2px;
	font-size:1.12em;}

.option {position:relative;margin-bottom:1em;}
/* END plLogin Styles */

/* START Description BOX STYLES */

.bodyText {font-family:"verdana"}
/* END Description BOX STYLES */

/* START Contact bar Styles */
#contactBarHolder {
	position:relative;
	width:100%;
	border-top:solid 2px #000099;
	text-align:middle;
	padding-top:.25em;
	padding-bottom:.25em;
	background-color:#FFCC00;
	}

#contactBar {
	position:relative;
	font-weight:bold;
	font-size:.84em;
	margin-left:auto;
	margin-right:auto;}

.contactItem {
	position:relative;
	float:left;
	vertical-align:top;
	text-align:left;
	color:black;
	width:20%;}

.contactBullet, .contactInfo {float:left;}

.contactBullet {
	position:relative;
	padding-top:.75em;
	left:3px;
	width:22px;
	margin-right:7px;}

/* END Contact Bar styles */

/* START banner ad styles */

.banner_ad {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* END banner ad styles */


/* START 508 compliance styles */

FIELDSET {
	border: 0px;
	display: inline;
	margin: 0px;
}


/* END 508 compliance styles */


/* START ad styles */

#adBox {
	margin-top:1em;
	text-align: center;
	width: 161px;
}

.textAd {
	border: solid 2px #000099;
	background: #ff6600;
	margin: 13px;
	font-size: 1.2em;
}

.textAdText {
	font-weight: bold;
	color: #FFFFFF;
}

/* END ad styles */


/* BEGIN legacy styles from old website iteration(s) */

.boldBlue {
	font-weight: bold;
	color: #000099;
}

/* END legacy styles */

/**** BEGIN Version 2 STYLES *****/

.tipPromoHeader 
{
	font-size:1.24em;
	font-weight:900;
	color:Red;}

.tipPromoLink 
{
	font-weight:bold;
	font-size:.75em;
	margin-top:.5em;}
	

/** START generic color classes **/

.orange {
	color: #FF6600;
}

.blue {
	color: #000099;
}

.menuPlaceHolderItem_Home {
	width:145px;
	font-size:11px;
	font-family: verdana;
	font-weight: normal;
	display: block;
	background: #000099;
	margin:0 2px 2px 0;
	padding:5px;
	text-align:center;
	color: #fff;
	text-decoration: none;
	float:left;
	}
.menuPlaceHolderItem_Home:hover {
	width:145px;
	font-size:11px;
	font-family: verdana;
	font-weight: normal;
	display: block;
	background: #FF6600;
	margin-bottom:2px;
	padding:5px;
	text-align:center;
	color: #fff;
	text-decoration: none;
	margin:0 2px 2px 0;
	float:left;
	}

/** END generic color classes 
/* END GLOBAL STYLES */