/* CSS Document */

body{margin:0; padding:0; font-family: "Lucida Grande", Lucida, Verdana, Arial, sans-serif; 
font-size:85%;
behavior:url(../htc/csshover.htc), url(CSS/csshover.htc), url(../../htc/csshover.htc);
}

a {
color:#878787;
text-decoration: underline;
} 

a:hover {
color: #CC0000;
text-decoration: underline;
}

a:visited {
text-decoration: underline;
}

b {
font-size: 105%;
color: black;
}

h1 {
font-size: 105%;
border-bottom: black;
}

h3 {
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.5em;
line-height:inherit;
font-weight:lighter;
color:#878787;
border-bottom: 1px solid #c1c1c1;}

h4 {
margin:10px 0 0 0;
font-size:1em;
line-height:inherit;
font-weight:bold;
color:#878787;
border-bottom: 1px solid #c1c1c1;}

*html h4 {
margin:10px 0 0 0;
font-size:.85em;
line-height:inherit;
font-weight:bold;
color:#878787;
border-bottom: 1px solid #c1c1c1;}

p {
margin: 0 0 1em 0;
font-size: .9em;
}

em{color: #CC0000;}

div.horRule {
height: 1px;
width 100px;
border-top: 1px solid #E5E5E5;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 10px;
margin-right: 10px;
}

div.horRule hr {
clear: both;}

#maincontainer{
width: 800px; /*Width of main container*/
margin: 5px 0 0 5px;
}

#masthead{
background: #ffffff;
height: 100px; /*Height of top section*/
width: 100%;
}
.floatleft{
float: left;
clear: none;
margin: 10px;
}
.floatright{
float: right;
clear: none;
margin: 10px;
}

.indent{
margin: 0 0 0 105px;}

/*drop down menu*/
div#main_Nav {
margin: 0;
padding: 0;
float: left;
font: bold;
width: 100%;
background: url(images/gray_nav_bar.jpg);
border: 1px solid #999999;
border-bottom: 1px solid red;
height: 28px;
}

div#main_Nav ul {
margin:0 0 0 -2.6em; 
}

div#main_Nav li {
float:left;
position:relative;
background: url(images/right_divider.gif) right repeat-y;
list-style-type:none;
font-size: 93%;
font-weight: bold;
padding: .47em 1.2em .6em 1.2em;
left: -.3em;
color: #666666;
}

* html div#main_Nav li {
padding: .65em 1.2em .6em 1.2em;
}

div#main_Nav li:first-child {
border-left:none; 
}

div#main_Nav li:hover {
background-color:#eaeaea;
position: relative;
}

div#main_Nav a {
display:block;
text-decoration:none;
color:#666666;
font-size: 95%;
padding: 0 3px;
}

div#main_Nav a:hover {color: #666666;
font-size: 95%;
}

* html div#main_Nav ul {
float:left; 
margin-left:2px;
font-size: 95%;
}

* html div#main_Nav ul li ul {
border-top: 1px solid red;
border-left:1px solid #999999;
border-right:none;
background: none;
top: 2.5em;
left: -.1em;
}

div#main_Nav ul li ul {
left: -999em;
position:absolute;
width:11em;
top: 2.3em;
left: -.5em;
font-size: 98%; /*96%*/
}

div#main_Nav ul li ul li {
width:100%;
border-left:none;
border-bottom:none;
background-color: #cfcfcf; /*dddddd*/
border-right:none;
height: 18px; /*12*/
background-image: none;
}

div#main_Nav ul li ul li:hover {
background-color:#f1f1f1;
position: relative;
}

div#main_Nav ul li ul li:first-child {
border-top: 1px solid red;
}


body div#main_Nav ul li ul {display:none;}
div#main_Nav ul li:hover ul {display: block; }
div#main_Nav ul li:hover ul, div#main_Nav ul li ul: hover {display:block;
}


* html div#main_Nav a {display: block;}

/*Start Global Utility*/

#masthead h1{margin: 0;padding: 20px 10px 20px; height: 40px; float: left;}

#globalUtility{
float: right;
margin: 8px 10px;
font-size: 85%;
border-right: none;
background-image: none;
}

#main_Nav #globalUtility ul li a{
display: inline;
color: black;
text-decoration: none;
}

#main_Nav #globalUtility li:hover {
background: none; 
}

#main_Nav #globalUtility ul li a:hover{ 
text-decoration:underline;
}

/*Main Content*/

#mainContentWrapper{
float: left;
text-align: left;
margin: 10px 0;
padding: 0px;
border:0;
width: 100%;
}

.twocol_wideleft {
background:url(images/background_2col_wleft.gif) repeat-y;
}
	
.twocol_wideright {
background:url(images/background2col_wright.gif) repeat-y;
}
	
.threeCol { 
background:url(images/background_3col.gif) repeat-y;
}	


/* Two Column Layout */

#twocol_right {
	float: left;
	width: 165px;
	margin: 0 10px 0 0;
	height:100%;
	padding: 0 0 40px 0;
	}

#twocol_main { 
	margin: 0;
	float: left;
	width: 625px;
	padding: 0 0 40px 0;
	}
	
#twocol_main .innertube h1 {
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:inherit;
	font-weight:lighter;
	color:#cc0000;
	border-bottom: 1px solid #c1c1c1;
	width: 625px;
	}

#twocol_main p {
	padding:0px 12px 0px 10px;
	color:#6d6d6d;
	}
	

/* Two Column Wide Left Layout*/

#twocol_wideleft_main {
	float: left;
	width: 625px;
	margin: 0;
	padding: 0 0 40px 0;
	}

#twocol_wideleft_right { 
	margin: 0;
	float: left;
	width: 165px;
	}

#twocol_wideleft_main .innertube h1 {
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:inherit;
	font-weight:lighter;
	color:#cc0000;
	border-bottom: 1px solid #c1c1c1;
	}
	
#twocol_wideleft_main p {
	padding:0px 10px 0px 10px;
	color:#6d6d6d;
	}


/* Three Column Layout */

#threecol_main{
/*margin: 0 165px 0 165px; Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
float:left;
width: 450px;
padding: 0 0 40px 0;
}

#threecol_left{
float: left;
width: 165px; /*Width of left column in pixel*/
/*margin-left: -800px; Set margin to that of -(MainContainerWidth)*/
margin: 0;
padding: 0 0 40px 0;
}

#threecol_right{
float: left;
width: 165px; /*Width of right column*/
/*margin-left: -165px; Set left margin to -(RightColumnWidth)*/
margin:0 0 0 10px;
padding: 0 0 40px 0;
}

#threecol_main .innertube h1 {
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:inherit;
	font-weight:lighter;
	color:#cc0000;
	border-bottom: 1px solid #c1c1c1;
	}

#threecol_main p {
	padding:0px 12px 0px 10px;
	color:#6d6d6d;
	}

/* Footer */ 

#footer {
  clear: left;
  height: 35px;
  width: 100%;
  border-top: solid 1px #cccccc;
  font: bold;
  margin: 0;
  padding: 0;
  font-size:85%;
}
*html #footer {
  padding: 10px 0 0 0;
  font-size:85%;
}
#footer ul li{
display: inline;
list-style: none;
}

#footer ul li a{
float: left;
color: #666666;
padding: 0px 10px ;
text-decoration: none;
margin: 0 2.5em 1em -2.7em;
}

#footer ul li a:hover{text-decoration:underline;}

#footer #copyright {
color: #666666;
font-size: 80%;
padding: 0px 15px;
float: right;
}

/* Innertube - provides column padding*/ 

.innertube{
margin: 10px 0 10px 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}

.innertube p{
padding:0px 12px 0px 10px;
color:#6d6d6d;
}


.table_gray{
margin: 10px 20px 10px 165px; /*used to enclose content in a gray table*/
width: 400px;
border: 1px solid #cccccc;
background: #eaeaea;
background-image: url(images/gray_bg3x800.jpg);
background-repeat:repeat-x;
padding: 10px;
}

.banner_top_margin{
margin: 0 0 10px 10px; /*provides left margin for horizontal banner*/
}
.HPbanner_top_margin{
margin: 10 0 0 0; /*provides left margin for horizontal banner*/
}

/* Feature Products */ 

#feature_products div{
float:left;
margin:0 0 10px 10px;
clear:none;
width:135px;
height: 145px;
}
	
#feature_products a {
	text-decoration:underline;
	margin: 5px;	}
#feature_products h2 {
	font-size: 1em;
	color: #CC0000;
	width: 500px;
	margin: 10px;
	height: none;	}
#feature_products p {
	color: #878787;
	margin: none;
	margin-left: -10px;
	}
#feature_products img {
	border: solid 1px #ccc;
	}
	
#feature_products a:hover {
	text-decoration:underline;
	color:#cc0000;
	}
	
/* Brands */ 

#BrandsList div{
float:left;
margin:0 0 10px 10px;
clear:none;
width:290px;
height: 220px;
}
	
#BrandsList a {
	text-decoration:underline;
	margin: 5px;	}
#BrandsList h2 {
	margin:10px 0 10px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:inherit;
	font-weight:lighter;
	color:#cc0000;
	border-bottom: 1px solid #c1c1c1;
	}
#BrandsList p {
	color: #878787;
	margin: none;
	font-size: .9em;
	}
#BrandsList img {
	border: none;
	padding: 5px;
	}
	
#BrandsList a:hover {
	text-decoration:underline;
	color:#cc0000;
	}
	

/* Current Promotions */ 

#current_promo div{
margin: 10px;
padding: 0;
float: left;
clear: none;
width: 190px;
height: 90px;
}
#current_promo img{
border: 1px solid #ccc;
margin:2px;
}
#current_promo a {
text-decoration:underline;
}
#current_promo a:hover{
color: #CC0000;
}


/*Vertical Navigation*/

#navBar{
	width: 165px;
	float: left;
	margin: 0px;
	padding: 0px;
	}

/*********** Secondary Navigation styles ***********/

.relatedLinks{
	padding: 20px 5px 0 18px;
	font-size: 90%;
	float: left;
}

.relatedLinks h3{
	padding: 0;
	color: gray;
	margin-bottom: 0;
	margin-top: 0;
	border-bottom: none;
	font-size: 1em;
	font-weight: bold;
}

.relatedLinks a:link{
	color: #878787;
	text-decoration: none;
	}

.relatedLinks a:visited{
	color: #878787;
	text-decoration: none;
}	
.relatedLinks a:hover{
	color: #878787;
	text-decoration: underline;
}
.relatedLinks img{
border: solid 1px #ccc;
margin: 20px 0 0 0;}


#navBar ul a:link, #navBar ul a:visited {
display: block;
padding: 2px 0 2px 0;
}
#navBar ul {list-style: none; margin: 0.5em 0 1em 0; padding: 0; }

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #eaeaea;
list-style-type: none;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/*Content list used in Feature Products*/

.content{
width:600px;
float: left;
margin: 10px 0 10px 10px;
}
.content p{
font-size: .9em;
color:#6d6d6d;
float: left;
width: 375px;
vertical-align: middle;
}
.content b{
font-size: 1em;
color: #CC0000;
}

.content img{
float: left;
margin:10px 10px 10px 0;
}	

.content ul{
color: #CC0000;
font-weight:bold;
font-size: .9em;
float: left;
margin: 0 ;
list-style-type: square;
list-style-position:inside;
}
* html .content ul{
margin-left: 15px;
}
.content li{
color:#6d6d6d;
font-weight:normal;
}
.content h3{
padding: 0;
color: #878787;
border-bottom: 1px solid #cccccc;
font-size: 1.1em;
font-weight:bold;
}

.content a {
padding: 10px;
text-decoration: none;
color: black;
}

.content a:hover{
text-decoration: underline;
}
/*image position*/
img.left { margin:4px 30px 10px 0; }
img.right { margin:4px 0 10px 30px; float: right;}
.clearthefloats {float: left;} 
/*Masthead for pages without navigation*/

#masthead_sans_nav{
background-image: url(images/RedGray_Bar.jpg);
background-repeat: repeat-x;
height: 80px; 
width: 100%;
}

#masthead_sans_nav h1{margin: 0;padding: 10px 10px; height: 50px; float: left; }

/*Start of Homepage Gray Boxes*/

.homepage_GrayBox{
width: 180px;
background-image: url(images/gray_bg4x50.jpg);
background-repeat:repeat-x;
background-color: #eaeaea;
height: 150px;
border: solid 1px #dddddd;
padding: 5px 5px;
margin: 0 10px 10px 0;
float: left;
}
.homepage_GrayBox img{
padding: 5px;
}
.homepage_GrayBox p{
padding: 5px 5px 5px 5px;
font-size: .85em;
color: #878787;
margin: 0;
}
.homepage_GrayBox_right{
width: 180px;
background-image: url(images/gray_bg4x50.jpg);
background-repeat:repeat-x;
background-color: #eaeaea;
height: 150px;
border: solid 1px #dddddd;
padding: 5px 5px;
margin: 0 0 5px 0;
float: left;
}
.homepage_GrayBox_right img{
padding: 5px;
}
.homepage_GrayBox_right p{
padding: 0 5px 5px 5px;
font-size: .85em;
color: #878787;
}
.homepage_GrayBox_right ul{
margin: 0;
padding: 0 5px 5px 15px;
font-size: .85em;
color: #878787;
}
.homepage_GrayBox_right li{
padding: 3px 0 5px 0;
list-style-type: square;
list-style-position:outside;
list-style-image:none;
}

/*End of Homepage Gray Boxes*/
#form1 {
height: 44px;
width: 425px;
margin:30px 0 0 10px;
}
#form1 form input {
border: 1px solid #546DAF;
font-size: .9em;
background-color:#E0E0E0;
margin: 10px 0 0 0;
}
#searcharea a {
font-size:.75em;
font-weight: bold;
color: #546DAF;
}


/* Executive Bios */
#execBio {margin:10px 0; float:left; clear:both; width:100%;}	

#execBio ul {color:#6d6d6d; margin:1em; list-style-type:square; list-style-position:inside; margin-left: 0; padding-left: 1em; text-indent: -1em;}
	
#execBio div {
	float:left;
	margin:0 20px 30px 20px;
	clear:none;
	width:100px;
	}
	
#execBio img {border:1px solid #CCCCCC;}
#execBio a img:hover {border:1px solid red;}
	
#execBio h2 {
	font-size:1.1em;
	color:#6d6d6d;
	font-weight:bold;
	margin:0.5em 0.1em 0.3em 0.1em;
	padding:0;
	text-decoration:none;
	}
	
#execBio h3 {
	margin:20px 0 0.9em 0;
	padding:0;
	text-decoration:none;
	}
	
#execBio a {
	text-decoration:none;
	}	
	
#execBio a:hover {
	text-decoration:underline;
	color:#cc0000;
	}
	
#execBio span.bioName {
	font-size:1.1em;
	color:#6d6d6d;
	font-weight:bold;
	margin:0.5em 0.1em 0.3em 0.1em;
	padding:0;
	text-decoration:none;
	display:block;
	}
/*Horizontal Navigation*/
.HrzNav ul{
font-weight:bold;
font-size: .9em;
float: left;
margin: 0 0 0 5px ;
padding: 3px 10px 10px 0;
display: block;
width: 98%;
}
.HrzNav ul li {
display: inline;
border-right: 1px solid #ccc;
padding: 5px;}
.HrzNav ul li:last-child{
border-right: none;
}
*html .HrzNav ul li:last-child{
border-right: none;
}
* html .HrzNav ul{
margin-left: 0px;
}
.HrzNav li{
color:#6d6d6d;
font-weight:normal;
}
.terms ol li {
margin-left: 0;
font-size:.9em;
color: #6d6d6d;
}
.terms ul li {
margin-left: 0;
font-size:.9em;
color: #6d6d6d;
list-style-type:square;
}

#generaltable table {
margin: 10px 0 0 10px; 
font-size: .8em;
border-collapse: collapse;
width: 96%;
border: 1px solid #dddddd;
}
#generaltable th, td {
padding: 0.1em 1em;
}
#generaltable caption {
font-size: 1.2em;
font-weight: bold;
margin: 1em 0;
}
#generaltable col {
border-right: 1px solid #ccc;
}
#generaltable thead {
color: #CC0000;
height: 35px;
background: url(../images/gray_bar.jpg) repeat-x left center;
border-top: 1px #ccc;
border-bottom: 1px #ccc;
}
#generaltable th {
color: #CC0000;
height: 35px;
background: url(images/gray_bar.jpg) repeat-x left center;
border-top: 1px #ccc;
border-bottom: 1px #ccc;
font-size: 1.2em;
font-weight: normal;
text-align: left;
}
#generaltable .odd {
background-color: #edf5ff;
}
#generaltable tr: hover {
background-color: #3d80df;
color: #fff;
}
#generaltable thead tr: hover {
background-color: transparent;
color: inherit;
}