html, body{ margin:0; padding:0; font: 13px/1.5em Verdana; } 
 
#pagewidth{ }
 
#header{ position:relative; height:118px; background:url(../styleImages/imgs/top.gif) repeat-x; width:100%;} 
 
#leftcol{ width:16%; float:left; position:relative; background-color:#FFFFFF; }
 
#twocols{ float:right; position:relative; width: 82%; margin: 0px 0px 30px 0px;}
 
#rightcol{ width:20%; float:right; position:relative; background-color:#FFFFFF; color:#000000; }
#rightcol h3{ color:#000000; font-size: 12px; margin: 10px 0px 5px 0px; }

#maincol{background-color: #FFFFFF; float: left; display:inline; position: relative; width:76%; color:#000000; }
#maincol h1{color:#000000; font-size: 14px; margin: 10px 0px 5px 0px;}


#footer{ height:100px; background-color:#535353; background:url(../styleImages/imgs/footer.gif) repeat-x; width:100%; text-align:center; font-size:11px; padding:20px 0px 0px 0px; color: #000000;} 



#tabs { float:right; width:100%; font-size:100%;background:url(../styleImages/imgs/logo.jpg) top left no-repeat; line-height:normal; border-bottom:1px solid #BCD2E6; font-weight:bold; }
#tabs ul { margin:0; padding:92px 2px 0 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 4px; text-decoration:none; }
#tabs a span { float:left; display:block; background:url(../styleImages/imgs/tab2.gif) no-repeat right top; padding:5px 15px 4px 6px; color: #000000; }
 /* 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;}


#menu { width: 100%; 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: #000000; 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; }

.productthumb {float:left; text-align:center; width: 120px; height: 200px;font-family:verdana,arial; font-size: 12px; color:#000000; margin:20px 0px 30px 0px;}
.productthumb a{color:#000000; text-decoration:none; font-weight:bold;}
.productthumb a:hover{color:#000000; 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);}

.randomthumb {float: left; text-align:center; width: 99%; font-family:verdana,arial; font-size: 12px; color:#000000; margin:10px 0px 0px 0px;}
.randomthumb a{color:#000000; text-decoration:none; font-weight:bold;}
.randomthumb a:hover{color:#000000; text-decoration:none; font-weight:bold; }
.randomthumb img{text-align: center; width: 100px; border:1px solid #CCCCCC; }
.randomthumb :hover img{text-align: center; width: 100px; border:1px solid #CCCCCC;  filter:alpha(opacity=50);opacity:.50; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}

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


.boxContent { padding-top: 10px;}

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

.searchBtn { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; background-color: #FFFFFF; border: 1px solid #000000; height: 20px; width: 30px;}

.searchBox { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; width:90px;background-color: #FFFFFF; border: 1px solid #000000;}

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

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

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

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



li.bullet { list-style-type: square; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #000000;}
li.bulletLrg { list-style-type: square; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #000000;}
li.num { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; }
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: #000000; background-color: #FFFFFF; padding: 2px; line-height: 20px; text-align: center; text-decoration: none; border: 1px solid #000000;}

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


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

.txtSale { color: #FF0000;}

.txtOutOfStock { color: #FF0000;}

.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: #000000; text-decoration:none;}

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

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

.txtContentTitle { color:#000000; font-size: 14px; margin: 10px 0px 5px 0px; font-weight:bold;}

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

.tblList { border: 1px solid #000000;}

.tdListTitle { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000;}

.tdEven { background-color: #FFFFFF;}

.tdOdd { background-color: #FFFFFF;}

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

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

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

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

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

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

.cartProgress { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #000000; 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: #000000;}

.tdcartTitle { font-weight: bold; color: #000000; background-color: #FFFFFF; border-bottom: 1px solid #000000;}

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

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

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

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

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

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

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

.txtError { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #050F72; background-color: #FFCECE; border: 1px solid #FF0000; 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: #000000;}

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;}
}