  
BODY {
	font: 62.5% verdana, arial, helvetica, sans-serif;
 	text-align: left;
	background:#fff;	
padding:0px 0px;
margin:0px 0px;	
}

* {
padding:0;
margin:0;
}

html, body, #fullheight{height:100%}

.container{
height:100%;
margin-left:0px;
}

TABLE { 
padding:0px 0px;
margin:0px 0px;
border:0px;
font-size: 1em;
}

.errorBox{
background-color:#ff0000;
color:#fff;
padding:5px 5px;
}

.errorBox a{
color:#fff;
text-decoration:none; 
}

.errorBox a:hover{
text-decoration:underline;
}


.subTopLeft{
width:250px;
float:left;
clear:none;
}

a.whiteLink:link,a.whiteLink:hover,a.whiteLink:visited{
color:#fff;
text-decoration:none;
}

a.whiteLink:hover{
text-decoration:underline;
}

.blueBg{
background-color:#2366ac;
padding:0px 0px;
margin:0px 0px;
color:#fff;
}

.blueLeftBg{
background-color:#2366ac;
padding:0px 0px;
margin:0px 0px;
color:#fff;
}

.ie .blueLeftBg{
height:82px;
}

.gecko .blueLeftBg{
height:82px;
}

.no_js .blueLeftBg, .js .no_js .blueLeftBg, .js .has_js .blueLeftBg, .opera .blueLeftBg, .webkit .blueLeftBg, .conqueror .blueLeftBg{
height:82px;
}

.ie .subTopRight{
margin-top:46px;
}

.gecko .subTopRight{
margin-top:46px;
}

.no_js .subTopRight, .js .no_js .subTopRight, .js .has_js .subTopRight, .opera .subTopRight, .webkit .subTopRight, .conqueror .subTopRight{
margin-top:46px;
}



form.login input{
vertical-align:middle;
border: 0;
text-align: left;
width:90px;
font: 1.15em verdana, arial, helvetica, sans-serif;
margin:2px 0px 2px 0px;
}

.searchLongInput{
vertical-align:top;
border: 0;
text-align: left;
width:187px;
font: 1.15em verdana, arial, helvetica, sans-serif;
margin:5px 0px 2px 0px;
}


form.login label{
width:90px;
}

.label2{
margin-top:3px;
width:104px;
float:left;
}


#container1 {
	position: relative;
	width: 550px;
	height: 10px;
	padding: 0;
	margin: 0px 0 23px 0;
	background: #fff;	
	}

#nav {
	position: absolute;
	top: 10px;
	left: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 23px;
	display: inline;
	overflow: hidden;
	width: 550px;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 23px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -23px;

	}

#tproducts a  {
	width: 95px;
	background: url(../images/layoutSub/menu/products.gif) top left no-repeat;
	}	
	
#tabout a  {
	width: 63px;
	background: url(../images/layoutSub/menu/about.gif) top left no-repeat;
	}
  	
#tcontact a  {
	width: 81px;
	background: url(../images/layoutSub/menu/contact.gif) top left no-repeat;
	}	

#thowtopurchase a  {
	width: 134px;
	background: url(../images/layoutSub/menu/howtopurchase.gif) top left no-repeat;
	}

#tfaq a  {
	width: 51px;
	background: url(../images/layoutSub/menu/faq.gif) top left no-repeat;
	}

#tlogin a  {
	width: 61px;
	background: url(../images/layoutSub/menu/login.gif) top left no-repeat;
	}	
	
#thome a  {
	width: 56px;
	background: url(../images/layoutSub/menu/home.gif) top left no-repeat;
	}	
	
	
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0px;
border-top: 0px; /*THEME CHANGE HERE*/
border-bottom: 1px solid #ccc; /*THEME CHANGE HERE*/
border-right: 1px solid #ccc; /*THEME CHANGE HERE*/
border-left: 1px solid #ccc; /*THEME CHANGE HERE*/
font: 1em verdana, arial, helvetica, sans-serif;
line-height:12px;
z-index:100;
background-color: white;
width:175px;
visibility: hidden;

}


.dropmenudiv a{
width: auto;
display: block;
/*border-bottom: 1px solid #999; *//*THEME CHANGE HERE*/
padding: 2px 0;
margin:5px 5px 5px 20px;
text-decoration: none;
font-weight: bold;
color: #476fb7;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color:#99cccc;
}


.blueCurveBg{
background-image: url(../images/layout/blueMiddleRight.gif);
background-repeat: no-repeat;
background-position: bottom left;
color:#fff;
background-color:#2366ac;
}

.orangeBg{
background-color:#ffcc99;
}

.greenFishBg{
background-color:#99cccc;
background-image: url(../images/layoutSub/greenLineBg.gif);
background-repeat: repeat-y;
}


.ie .catViewText{
font-size:24px;
padding-top:3px;
}

.catSelect{
vertical-align:top;
width:150px;
font: 1em verdana, arial, helvetica, sans-serif;
border: 0;
display:inline;
}

.ie .whiteHR
{
margin:0px 0px ;
color:#fff;
width:211px;
height:1px;
padding:0px 0px;
border: 0;
text-align:left;
}

.gecko .whiteHR
{
background-color:#fff;
margin: 2px 0px 6px 0px;
width:208px;
height:1px;
padding:0;
text-align:left;
border: 0;
}

.webkit .whiteHR
{
color:#fff;
background-color:#fff;
margin: 1px 0px 6px 0px;
width:208px;
height:1px;
padding:0;
text-align:left;
border: 0; 
}

.no_js .whiteHR, .js .no_js .whiteHR, .js .has_js .whiteHR, .opera .whiteHR, .webkit .whiteHR, .conqueror .whiteHR
{
color:#fff;
background-color:#fff;
margin: 2px 0px 6px 0px;
width:208px;
height:1px;
padding:0;
text-align:left;
border: 0; 
}

.ie .advSearchButton{
position:relative;
top:3px;
left:1px;
}

.gecko .advSearchButton{
position:relative;
top:3px;
left:-2px;
}

.no_js .advSearchButton, .js .no_js .advSearchButton, .js .has_js .advSearchButton, .opera .advSearchButton, .webkit .advSearchButton, .conqueror .advSearchButton
{
position:relative;
top:3px;
left:-2px;
}

.ie .advSearchArea{
position:relative;
top:-3px;
}

.gecko .advSearchArea, .no_js .advSearchArea, .js .no_js .advSearchArea, .js .has_js .advSearchArea, .opera .advSearchArea, .webkit .advSearchArea, .conqueror .advSearchArea
{

}


.bottomLeftSub{
color:#999;
line-height:150%;
}

.leftMenuSub{
background-color:#e8e8e6;
color:#999;
line-height:150%;
}

.bottomLeftSub a{
color:#3366cc;
text-decoration:none;
font-weight:bold;
}

.bottomLeftSub a:hover{
text-decoration:underline;
}

.leftLinkList{
margin-left:30px;
}

ul{
list-style-image: url(../images/layoutSub/leftOrangeBullet.gif);
list-style-type: circle;
}

.orange ul li{
margin:5px 0px 5px 0px;
}

.subBox{
margin:20px 0 20px 0;
background-color:#e7e7e5;
border: 1px solid #c2c2c0;
padding:10px 10px;
color:#2366ac;
width:auto;
font-weight:bold;
}

.ie .greyHR
{
margin:0px 0px ;
color:#c2c2c0;
width:250px;
height:1px;
padding:0px 0px;
border: 0;
text-align:left;
}

.gecko .greyHR
{
background-color:#c2c2c0;
margin: 2px 0px 6px 0px;
width:250px;
height:1px;
padding:0;
text-align:left;
border: 0;
}

.webkit .greyHR
{
color:#c2c2c0;
background-color:#e7e7e5;
margin: 1px 0px 6px 0px;
width:250px;
height:1px;
padding:0;
text-align:left;
border: 0; 
}

.no_js .greyHR, .js .no_js .greyHR, .js .has_js .greyHR, .opera .greyHR, .webkit .greyHR, .conqueror .greyHR
{
color:#c2c2c0;
background-color:#e7e7e5;
margin: 2px 0px 6px 0px;
width:250px;
height:1px;
padding:0;
text-align:left;
border: 0; 
}

.otherSelect{
vertical-align:top;
font: 1em verdana, arial, helvetica, sans-serif;
border: 1px solid #000;
display:inline;
}

.blueText{
color:#2366ac;
line-height:150%;
font-weight:bold;
}

a.blueText:link,a.blueText:visited,a.blueText:active,a.blueText:hover{
color:#2366ac;
}

.textNoSizeInput {
margin:5px 5px;
vertical-align:middle;
border: 0px solid #000000;
text-align: left;
}









.iconContainer{
float:left;
margin:20px 20px;
}

.iconBox{
padding: 5px 5px; 
text-align:center;
margin:5px 5px;
width:80px;
height:100px

}

.iconCaption{
width:80px;
height:30px;
margin: 3px 0px 0px 0px;
padding: 0px 0px;
text-align:center;
}

a.iconBox:hover{
border-bottom: 0px;
}

a.iconBox:link,a.iconBox:hover,a.iconBox:visited{
text-decoration:none;
}

a.iconCaption:hover{
border-bottom: 1px dotted #2366ac;
}

a.iconCaption:link,a.iconCaption:hover,a.iconCaption:visited{
color:#2366ac;
text-decoration:none;
font-size:1em;
}


a.noLine:hover
{border-bottom: 0px;}

.greyStepsText{

}
