html, body{ margin:0; padding:0; text-align:center; background: url(../styleImages/imgs/background.gif) top center; font: 13px/1.5em Verdana;} 
 
#pagewidth{ width:850px; text-align:left; margin-left:auto; margin-right:auto; background: url(../styleImages/imgs/page_background.gif) top center repeat-y;} 
 
#header{ position:relative; height:145px; background: url(../styleImages/imgs/header.jpg) top center no-repeat; width:100%;} 

#leftcol{ width:212px; float:left; position:relative; }
 
#maincol{ float: right; display:inline; position: relative; width:628px; margin: 10px 10px 10px 0px;}
#maincol h1{margin: 0px 0px -5px 0px; font-size: 16px; color:#FF9900;}
#maincol h2,h3,h4,h5{margin: 0px 0px -5px 0px; font-size: 16px; color:#FF9900;}
#maincol p{color:#333333; font-size: 13px; line-height:2em; }
#maincol a{color:#333333;  text-deocartion:underline;}
#maincol a:hover{color:#5BADFF; text-deocartion:none;}

#footer{ height:100px; color:#FFFFFF; font-weight:bold; clear:both; background: url(../styleImages/imgs/footer.gif) top center no-repeat; padding: 5px 0px 0px 0px;} 
#footer a{ color:#FFFFFF; font-weight:bold; } 
#footer a:hover{color:#003399; font-weight:bold;}

#menu { width: 200px; border-color: #BCD2E6; border-style: none solid none solid; border-size: 1px; border-width: 1px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  font-weight:bold; }
#menu ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#menu li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; }
#menu li a:link, #menu li a:visited { color: #8BADCF; display: block; background: url(../styleImages/imgs/menu.gif); padding: 6px 0 0 10px; }
#menu li a:hover, #menu li #current { color: #627EB7; background: url(../styleImages/imgs/menu.gif) 0 -32px; padding: 6px 0 0 10px; }
#menu li a:active { color: #627EB7; background: url(../styleImages/imgs/menu.gif) 0 -64px; padding: 6px 0 0 10px; }

.menutitle{ width: 192px; height: 27px;margin: 0px 0px 0px 0px; padding: 5px 0px 0px 10px;  font-weight:bold; background: url(../styleImages/imgs/menutitle.gif); color:#FFFFFF;}


#contacts { float:right; width:850px; font-size:11px; line-height:2em; margin: 10px 0px 0px 0px; text-align:right; color:#333333;}
#contacts a { color:#333333;}
#contacts a:hover { color:#000000;}

#search { float:right; width:850px; font-size:11px; line-height:2em; margin: 20px 0px 0px 0px; text-align:right; color:#333333;}
.searchtext {color:#2894FF; margin: 0px 10px 0px 0px;}
.searchBox { font-family: Arial, Helvetica, sans-serif; font-size: 100%; height: 16px; color: #2894FF; width:90px;background-color: #FFFFFF; border: 1px solid #A8D3FF;}
.searchBtn { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #2894FF; background-color: #FFFFFF; border: 1px solid #A8D3FF; height: 20px; width: 30px; margin: 0px 0px 0px 20px;}

#tabs { float:right; width:850px; font-size:100%; line-height:normal; font-weight:bold; }
#tabs ul { margin:0; padding:23px 0px 0px 10px; list-style:none;float:right; }
#tabs li { display:inline; margin:0; padding:0; }
#tabs a { float:left; background:url(../styleImages/imgs/tab.gif) no-repeat left top; margin:0; padding:0 0 0 10px; text-decoration:none; }
#tabs a span { float:left; display:block; background:url(../styleImages/imgs/tab2.gif) no-repeat right top; padding:5px 17px 4px 6px; color: #FFFFFF; }
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
 /* End IE5-Mac hack */
#tabs a:hover span { color: #627EB7; }
#tabs a:hover { background-position:0% -42px; color: #627EB7; }
#tabs a:hover span { background-position:100% -42px; color: #627EB7; }
#tabs #current a { background-position:0% -42px; }
#tabs #current a span { background-position:100% -42px;}

.productthumb {float:left; text-align:center; width: 120px; height: 200px;font-family:verdana,arial; font-size: 12px; color:#999999; margin:20px 0px 30px 0px;}
.productthumb a{color:#59ACFF; text-decoration:none; font-weight:bold;}
.productthumb a:hover{color:#999999; text-decoration:none; font-weight:bold; }
.productthumb img{text-align: center; width: 100px; border:1px solid #CCCCCC; }
.productthumb :hover img{text-align: center; width: 100px; border:1px solid #CCCCCC;  filter:alpha(opacity=50);opacity:.50; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}

#productscontainer {margin: 20px 0px 0px 0px;float:left;padding: 0px;font-family: verdana;font-size: 13px;text-align: center;}
.productsicon {margin: 0px 15px 0px 15px; float:left; text-align: center;}
.productsicon a {padding: 35px;display: block;color: #777;text-decoration: none;width: 100px;height: 220px; }
.productsicon a:hover{color: #333333;background: url(../styleImages/imgs/product_icon.gif) top left no-repeat;}
.productsicon a img{text-align: center; width: 100px; margin: 0px 0px 10px 0px;border:1px solid #FFFFFF; height: 80px;}
.productsicon :hover img{text-align: center; width: 100px; border:1px solid #999999; filter:alpha(opacity=80);opacity:.80; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80) }


.homepageimg{float:right; text-align-right;margin:10px;}


.boxContent { padding: 0px; margin: 0px;}
.boxContentRight { padding: 20px; margin: 0px; width: 160px;}


.boxContentRight2 { padding: 20px; margin: 0px; width: 160px;}
.boxContentRight2 a{color:#59ACFF; text-decoration:none; font-weight:bold;}
.boxContentRight2 a:hover{color:#999999; text-decoration:none; font-weight:bold; }
.boxContentRight2 img{text-align: center; width: 100px; border:1px solid #CCCCCC; }
.boxContentRight2 :hover img{text-align: center; width: 100px; border:1px solid #CCCCCC;  filter:alpha(opacity=50);opacity:.50; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}


#searchmailing { padding: 10px 0px 0px 10px;}

.textbox { background-color: #FFFFFF; border: 1px solid #5BADFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5BADFF;}

.textboxDisabled { background-color: #FFFFFF; border: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5BADFF;}

.submit { font-family: Arial, Helvetica, sans-serif; color: #5BADFF; background-color: #FFFFFF; border: solid;  font-weight: bold; border: 1px solid #5BADFF;}

form, ol, ul { margin: 0px; padding: 0px;}

#subCats {float: left; margin: 0px; width: 600px; text-align: center; padding:20px 0px 20px 0px;}
.subCat {padding: 8px; float: left; width: 120px;  text-align: center; height:200px;}

li.bullet { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #5BADFF; list-style: none;}
li.bulletLrg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #5BADFF; list-style: none;}
li.num { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #5BADFF; list-style: none;}
li.account { list-style-type: square; padding-top: 5px; padding-bottom: 5px;}

.txtSession, .txtCopy, .txtSiteDocs { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #333333;}

a.txtSession, a.txtSiteDocs { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #031074; text-decoration: none;}

a.txtSession:hover, a.txtSiteDocs:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #031074; text-decoration: underline;}

a.txtButton { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #5BADFF; background-color: #FFFFFF; padding: 2px; line-height: 20px; text-align: center; text-decoration: none; border: 1px solid #5BADFF;}

a.txtButton:hover { font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: #FFFFFF; padding: 2px; line-height: 20px; text-align: center; text-decoration: none; border: 1px solid #5BADFF}


.txtOldPrice { text-decoration: line-through;}

.txtSale { color: #FF9900;}

.txtOutOfStock { color: #FF9900;}

.txtSiteDocs, a.txtSiteDocs { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #333333; text-decoration:none;}

a.txtSiteDocs:hover { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #5BADFF; text-decoration:none;}

.txtDefault, a.txtDefault, a.txtLink, a.txtLocation { font-family: Verdana, Arial, Helvetica, sans-serif; color: #5BADFF; text-decoration:none; font-weight:bold;}

a.txtDefault:hover, a.txtLink:hover, a.txtLocation:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #5BADFF; text-decoration:underline; font-weight:bold;}

.txtContentTitle {margin: 0px 0px -5px 0px; font-size: 16px; color:#FF9900; font-weight:bold;}

.txtBoxSave { color: #F90707; padding-left: 16px;}

.tblList { border: 1px solid #5BADFF;}

.tdListTitle { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #5BADFF;}

.tdEven { }

.tdOdd {}

.txtCartPrice { float: right; color: #FF9900; padding-right: 3px;}

.txtCart { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #5BADFF;}
.cartTotal { border-top: 1px dashed #5BADFF;  padding-top: 2px; margin-top: 3px;}

a.txtCartProduct:active, a.txtCartProduct:link, a.txtCartProduct:visited { text-decoration: none; color: #5BADFF;}

a.txtCartProduct:hover { text-decoration: none; color: #5BADFF;}

a.txtviewCart:active, a.txtviewCart:link, a.txtviewCart:visited { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #5BADFF; text-decoration: none; font-weight: bold; padding: 2px; border: 1px solid #5BADFF;}

a.txtviewCart:hover { background-color: #5BADFF; color: #FFFFFF; border: 1px solid #5BADFF;}

.cartProgress { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #5BADFF; padding: 4px; border: 0px ; width: 350px; margin: auto;}

.txtcartProgressCurrent { color: #FF9900; font-weight: bold;}

.quickBuy { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; color: #5BADFF;}

.tdcartTitle { font-weight: bold; color: #5BADFF;  border-bottom: 1px solid #5BADFF;}

.tdcartEven { background-color: #EBEDFE;}
.tdcartOdd { background-color: #FFFFFF;}

.tdCartSubTotal { padding-top: 10px; border-top: 1px solid #5BADFF;}

a.txtCheckout { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #5BADFF; background-color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 2px; border: 1px solid #5BADFF;}

a.txtUpdate { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #5BADFF; background-color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 2px; border: 1px solid #5BADFF;}

a.txtCheckout:hover { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; background-color: #5BADFF; text-decoration: none; font-weight: bold; padding: 2px; border: 1px solid #5BADFF;}

a.txtUpdate:hover { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; background-color: #5BADFF; text-decoration: none; font-weight: bold; padding: 2px; border: 1px solid #5BADFF;}

.txtStockWarn { font-size: 100%; color: #FF9900;}

.txtError { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #050F72; background-color: #FFCECE; border: 1px solid #FF9900; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px;}

.txtCopyright, a.txtCopyright { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-top: 5px; color: #5BADFF;}

a.txtCopyright:hover { text-decoration: none;}

.dropDown { width: 120px;}





















.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix{display: inline-block;}


* html .clearfix{height: 1%;}
.clearfix{display: block;}


 @media print{ 
#leftcol{display:none;} 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}