/* CSS Document */
html{
overflow:scroll;
}


body{
margin:0; 
background-color:#999489;
background-image:url(../images/bg.gif);
font-size: 100.1%;
}

a img {
border:none;
}

#container{
	width:926px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#headerContainer{
	background-image:url(../images/bg-top.gif);
	background-repeat:repeat-x;
	height:110px;
	border-bottom:3px solid #9ba2a5;
}

#headerContainer #logo{
	float:left;
	width:200px;
	margin-left:3px;
	font-size:10px;
	font-weight:bold;
	color:#5b5f6c;
	text-align:center;
}

#headerContainer #logo .text{
	padding-top:2px;
}



#MainContainer{
padding:0px 3px 0px 0px;
margin:3px 0px 3px 3px;
background-position:0% 100%;
background-image:url(../images/bg-nav.jpg);
background-repeat:repeat-y;
width:920px;
}






/* ----------  left nav  ------------ */


#MainContainer #nav{
float:left;
width:200px;
}

#MainContainer #nav .blue{
background-color:#cad7de;
border-bottom:3px solid #fff;
}

#MainContainer #nav .green{
background-color:#cedfb4;
border-bottom:3px solid #fff;
}

#MainContainer #nav .orange{
background-color:#f2d8ab;
border-bottom:3px solid #fff;
}

#MainContainer #nav .copper{
background-color:#f6af5f;
border-bottom:3px solid #fff;
}


#MainContainer #nav .panelheader{
height:32px;
color:#585f6c;
line-height:32px;
font-size:14px;
font-weight:bold;
padding-left:16px;
background-image:url(../images/nav-dot.gif);
background-position:98% 50%;
background-repeat:no-repeat;
}


#MainContainer #nav .panelContent{
padding:11px 6px 8px 16px;
font-size:11px;
color:#000;
overflow: auto;
}




#MainContainer #nav .panelContent ul{
list-style:none;
margin:0;
padding:0;
}

#MainContainer #nav .panelContent ul li a{
text-decoration:none;
color:#000;
}

#MainContainer #nav .panelContent ul li a:hover{
text-decoration:none;
color:#979696;
}

#MainContainer #nav .blue .panelContent{
background-color:#e3eaed;
}

#MainContainer #nav .blue .panelContent ul li{
background-image:url(../images/blue-bullet.gif);
background-position:0% 50%;
background-repeat:no-repeat;
padding-left:12px;
}

#MainContainer #nav .blue .mdHover,
#MainContainer #nav .blue .mdSelected {
background-color : #a7becb;
color:#e3eaed;
}


#MainContainer #nav .green .panelContent{
background-color:#eff8e2;
}

#MainContainer #nav .green .panelContent ul li{
background-image:url(../images/green-bullet.gif);
background-position:0% 50%;
background-repeat:no-repeat;
padding-left:12px;
}

#MainContainer #nav .green .mdHover,
#MainContainer #nav .green .mdSelected{
background-color : #b0c78e;
color:#eff8e2;
}




#MainContainer #nav .orange .panelContent{
background-color:#f4e0bd;
}

#MainContainer #nav .orange .panelContent ul li{
background-image:url(../images/orange-bullet.gif);
background-position:0% 50%;
background-repeat:no-repeat;
padding-left:12px;
}

#MainContainer #nav .orange .mdHover,
#MainContainer #nav .orange .mdSelected {
background-color : #d2ae6d;
color:#f4e0bd;
}

#MainContainer #nav .copper .panelContent{
background-color:#f7ca97;
}


#MainContainer #nav .copper .panelContent ul li{
background-image:url(../images/pink-bullet.gif);
background-position:0% 50%;
background-repeat:no-repeat;
padding-left:12px;
}

#MainContainer #nav .copper .mdHover,
#MainContainer #nav .copper .mdSelected {
background-color : #f6af5f;
color:#ffffff;
}


/* ----------  left nav END ------------ */

#MainContainer #mainContent{
float:left;
width:717px;
min-height:440px;
height:auto!important;
height:440px;
margin-left:3px;
}

#MainContainer #mainContent .top{
height:31px;
line-height:31px;
padding-left:5px;
}

#MainContainer #mainContent .top .left{
float:left;
width:500px;
}

#MainContainer #mainContent .top .right{
float:left;
width:200px;
padding-right:12px;
text-align:right;
font-size:11px;
font-weight:bold;
}

#MainContainer #mainContent .top .right a{
color:#9ba2a5;
text-decoration:none;
}

#MainContainer #mainContent .top .right a:hover{
text-decoration:underline;
}

#MainContainer #mainContent h1{
font-size:18px;
font-weight:bold;
margin:0;
padding:0;
color:#b3b3b2;
float:left;
padding-right:4px;
}

#MainContainer #mainContent span.separator{
font-size:18px;
font-weight:bold;
margin:0;
padding:0;
color:#b3b3b2;
float:left;
display:block;
padding-right:6px;
}

#MainContainer #mainContent h2.seo{
font-size:18px;
font-weight:bold;
margin:0;
padding:0;
color:#b3b3b2;
float:left;
}

#MainContainer #mainContent .seperator{
background-color:#cad7de;
height:4px;
font-size:0;
margin-left:2px;
margin-right:2px;
}

#MainContainer #mainContent #banner{
margin:4px 0px 2px 3px;
}

#MainContainer #mainContent #info{
padding:10px 2px 10px 5px;
font-size:.69em;
color:#585f6c;
}

#MainContainer #mainContent #info a{
color:#585f6c;
text-decoration:underline;
}

#MainContainer #mainContent #info #map{
width:400px;
height:300px;
float:right;
margin:0px 2px 10px 12px;
padding-top:3px;
}

#MainContainer #mainContent #info a:hover{
color:#b3b3b2;
text-decoration:underline;
}

#MainContainer #mainContent #info h2{
font-size:14px;
font-weight:bold;
color:#b3b3b2;
margin:0;
}



/* !!!!!!!!!!!!!!!!!!!!!!! */





#MainContainer #mainContent #info .commtext{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
padding:0px 0px 10px 8px; 
width:210px;

}

#MainContainer #mainContent #info table{
border:0;
padding:0;
margin:0;
}

#MainContainer #mainContent #info table td{
vertical-align:top;
}

#MainContainer #mainContent #info table.directions{
width:100%;
}

#MainContainer #mainContent #info table.directions th{
background-color:#cad7de;
color:#fff;
font-size:14px;
font-weight:bold;
height:20px;
}



#MainContainer #mainContent #info .image{
float:right;
margin:0 2px 10px 12px;
}

#MainContainer #mainContent #info .image2{
float:left;
margin:0px 0px 0px 0px;
}


#MainContainer #mainContent #info p{
padding:0 0 10px 0;
margin:0;
}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

#MainContainer #mainContent #productPreview{
float:left;
width:218px;
margin-left:2px;
}

#productPreview .title{
background-color:#cad7de;
text-align:center;
font-size:14px;
font-weight:bold;
color:#585f6c;
padding:5px 0px 5px 0px; 
}

#productPreview #image{
margin-top:3px;
}

#productPreview #image img{
width:216px;
border:1px solid #9ba2a5;
margin-top:3px;

}

#productPreview #description{
margin-top:10px;
font-size:11px;
color:#585f6c;
padding:0px 0px 6px 6px;
}

#productPreview #description h2{
font-size:13px;
font-weight:bold;
margin:0px 0px 4px 0px;
}

#productPreview #description input{
border-style:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:0;
font-size:13px;
font-weight:bold;
color:#585f6c;
margin:0px 0px 4px 0px;
width:216px;
height:14px;
}

#productPreview #description span input{
border-style:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:0;
font-size:13px;
font-weight:bold;
color:#8f9297;
width:216px;
height:13px;
}

#productPreview #description textarea{
width:210px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-style:none;
border:0;
font-size:11px;
color:#585f6c;
overflow:auto;
scrollbar-face-color:#cad7de;
}


#productPreview #description p{
margin:0;
padding-bottom:4px;
}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


#MainContainer #mainContent #productSelect{
float:left;
width:486px;
margin-left:5px;
}

#productSelect .title{
background-color:#cad7de;
color:#585f6c;
font-size:10px;
padding:8px 0px 7px 9px; 
}

#productSelect #selection{
margin-top:3px;
width:470px;
height:380px;
padding-right:16px;
overflow-y:scroll;
overflow-x:hidden;
scrollbar-face-color:#cad7de;
}

#selection table{
border:none; 
padding:0;
margin:0;
font-size:10px;
color:#505664;
}

#selection table td{
vertical-align:bottom;
text-align:center;

}



#selection table input.img  {
border:1px solid #9ba2a5;
width:87px;
display:block;
}

#selection .TNProductNumber
{
	text-align:center;
	color:#585f6c;
	font-size:10px;
	border-style:none;
	border-width:0px;
	width:80px;
	margin-top:4px;
	
}


#MainContainer #mainContent #flashContainer{
margin-bottom:3px;
}

#MainContainer #mainContent .feature{
float:left;
width:233px;
}

#MainContainer #mainContent .divider{
float:left;
margin:0px 4px 0px 4px;
width:1px;
} 

#footer{
border-top:3px solid #9ba2a5;
background-image:url(../images/bg-footer.gif);
background-repeat:repeat-x;
height:54px;
color:#505664;
font-size:10px;
text-align:right;
padding:8px 5px 0px 0px;
}

.clearit{
clear:both;
font-size:0;
height:0;
line-height:0.0;
}



/* ----------  Top Drop down ------------ */
#TopNav{
	float:left;
	padding-top:60px;
	width:715px;
	font-weight:bold;
	font-size:14px;
	color:#7f8588;
}


#TopNav ul{
list-style:none;
padding:0;
margin:0;
}

#TopNav ul li.divider{
color:#ea9527;

}

#TopNav ul li{
float:right;
padding-right:15px;
}

#TopNav ul li a{
color:#7f8588;
text-decoration:none;
}

#TopNav ul li a:hover{
color:#bbbec0;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #999; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 140px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #999; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #7f8588;
font-size:10px;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}