html{ font-size: 12px; }
body{ margin: 0; font: 12px Arial, Verdana, sans-serif; color: #5a5a5a; background-color:#ffffff; }
form { padding: 0; margin: 0; display: inline; }
#utility_bar { width: 885px; position: relative; height: 20px; padding-top:5px; text-align:right; font-weight: bold; }
#header { margin: 0px auto; clear: left; position: relative; width: 945px; height: 140px; text-align:left; background-color:#FFFFFF; padding-top:10px; }
#content { margin: 0px auto; padding: 0px; width: 945px; position: relative; background-color: #fff; text-align:left; margin-bottom: 10px; }
#footer { margin: 0px auto; padding: 10px 0px 5px 0px; clear: left; position: relative; width: 945px; height: 114px; color:#706E6F; background-color:#FFFFFF;
font-size:12px; text-align:right; background: url(/images/FooterBG.gif) no-repeat left top; }
.TopMenuBG { background: url(../images/TopMenu.jpg) no-repeat right top; width:638px; height: 42px; text-align:right; }
.TopMenuText { width:500px; padding-right:50px; }
.TopMenu { font-size:14px; font-weight:bold; color: #6D6D6D; line-height:14px; text-decoration:none; }
.TopMenu:link { font-size:14px; font-weight:bold; color: #6D6D6D; line-height:14px; text-decoration:none; }
.TopMenu:visited { font-size:14px; font-weight:bold; color: #6D6D6D; line-height:14px; text-decoration:none; }
.TopMenu:active { font-size:14px; font-weight:bold; color: #6D6D6D; line-height:14px; text-decoration:none; }
.TopMenu:hover { font-size:14px; font-weight:bold; color: #0a246a; line-height:14px; text-decoration:none; }
.topLink { font-size:10px; font-weight:bold; color: #6D6D6D; line-height:14px; text-decoration:none; }
.topLink:link { font-size:10px; font-weight:bold; color: #6D6D6D; line-height:14px; text-decoration:none; }
.topLink:visited { font-size:10px; font-weight:bold; color: #6D6D6D; line-height:14px; text-decoration:none; }
.topLink:active { font-size:10px; font-weight:bold; color: #6D6D6D; line-height:14px; text-decoration:none; }
.topLink:hover { font-size:10px; font-weight:bold; color: #0a246a; line-height:14px; text-decoration:none; }
img{border: none;}
/* HyperLink */
A:link { font-size: 12px; color:#777777; text-decoration:none; }
A:visited { font-size: 12px; color:#777777; text-decoration:none; }
A:active { font-size: 12px; color:#777777; text-decoration:none; }
A:hover { font-size: 12px; color:#000000; text-decoration:none; }
input[type="text"], input[type="reset"], input[type="password"], input[type="file"],
SELECT, OPTION, TEXTAREA { BORDER: #ccc 1px solid; padding: 2px 2px 2px 2px;}
input[type="radio"] { border-style: none; }
input[type="submit"] { BORDER: #ccc 1px solid; padding: 1px 2px 2px 2px; cursor:pointer; }
input[type="button"], BUTTON { BORDER: #ccc 1px solid; padding: 0px; cursor:pointer; }
.input { BORDER:#ccc 1px solid; padding: 2px 2px 2px 2px; background-color:#F0F0F0; color:#000000; text-decoration:none; }
.input:visited { BORDER:#ccc 1px solid; padding: 2px 2px 2px 2px; background-color:#F0F0F0; color:#000000; text-decoration:none; }
.input:active { BORDER:#ccc 1px solid; padding: 2px 2px 2px 2px; background-color:#F0F0F0; color:#000000; text-decoration:none; }
.input:hover { BORDER:#000 1px solid; padding: 2px 2px 2px 2px; background-color:#F0F0F0; color:#000000; text-decoration:none; }
.input2 { BORDER:#ccc 1px solid; padding: 4px 5px 6px 5px; background-color:#F0F0F0; color:#000000; text-decoration:none; }
.input2:visited { BORDER:#ccc 1px solid; padding: 4px 5px 6px 5px; background-color:#F0F0F0; color:#000000; text-decoration:none; }
.input2:active { BORDER:#ccc 1px solid; padding: 4px 5px 6px 5px; background-color:#F0F0F0; color:#000000; text-decoration:none; }
.input2:hover { BORDER:#000 1px solid; padding: 4px 5px 6px 5px; background-color:#F0F0F0; color:#000000; text-decoration:none; }
#Logo { width:150px; height:80px; text-align:center; }
#TopLink { float: right; }
div#TopLink ul li { list-style-type: none; float: left }
div#TopLink ul li a { padding-bottom: 0px; line-height: 36px; padding-left: 12px; padding-right: 12px; display: block; background: url(/images/TopLinkSplit.gif) no-repeat left 50%; float: left; color: #393939; font-size: 12px; text-decoration: none; }
div#TopLink ul li a:link { padding-left: 12px; padding-right: 12px; display: block; background: url(/images/TopLinkSplit.gif) no-repeat left 50%; float: left; color: #393939; font-size: 12px; text-decoration: none; }
div#TopLink ul li a:visited { padding-left: 12px; padding-right: 12px; display: block; background: url(/images/TopLinkSplit.gif) no-repeat left 50%; float: left; color: #393939; font-size: 12px; text-decoration: none; }
div#TopLink ul li a:hover { padding-left: 12px; padding-right: 12px; display: block; float: left; color: #bf0000; font-size: 12px; text-decoration: none; }
div#TopLink ul li.first a { background: none transparent scroll repeat 0% 0% }
/* Footer Link */
#FooterLink { background: url(/images/FooterMenuBG.gif) no-repeat left; float: right; width:631px; height:26px; }
div#FooterLink ul li { list-style-type: none; float: left; }
div#FooterLink ul li a { padding-bottom: 5px; line-height: 25px; padding-left: 12px; padding-right: 12px; display: block; background: url(/images/FooterMenuSplit.gif) no-repeat left 40%; float: left; color: #598409; font-weight:bold; font-size: 12px; text-decoration: none; }
div#FooterLink ul li a:link { padding-left: 12px; padding-right: 12px; display: block; background: url(/images/FooterMenuSplit.gif) no-repeat left 40%; float: left; color: #598409; font-weight:bold; font-size: 12px; text-decoration: none; }
div#FooterLink ul li a:visited { padding-left: 12px; padding-right: 12px; display: block; background: url(/images/FooterMenuSplit.gif) no-repeat left 40%; float: left; color: #598409; font-weight:bold; font-size: 12px; text-decoration: none; }
div#FooterLink ul li a:hover { padding-left: 12px; padding-right: 12px; display: block; float: left; color: #696969; font-weight:bold; font-size: 12px; text-decoration: none; }
div#FooterLink ul li.first a { background: none transparent scroll repeat 0% 0% }
/* Start Left Menu */
ul.menu { list-style-type:none; margin: 0; padding: 0 10px 0 10px; width: 190px; font-weight:normal; background: url(/images/Categories2.gif) repeat-y; }
ul.menu a { display: block; text-decoration: none; font-weight:normal; }
ul.menu li { border-top: 1px dotted #828282; border-bottom: 0px solid #828282; }
ul.menu li a { color: #000000; padding: 0.5em; padding-left: 15px; }
ul.menu li a:hover { color:#0A246A; font-weight:normal; border-left: 10px #357ABD solid; padding-left: 5px; }
ul.menu li a.selected { color:#0A246A; font-weight:normal; border-left: 10px #357ABD solid; padding-left: 5px; }
ul.submenu { list-style-type:none; margin: 0; padding: 0; width: 180px; font-weight:normal; }
ul.submenu a { display: block; text-decoration: none; font-weight:normal; }
ul.submenu li { border-top: 1px dotted #828282; border-bottom: 0px solid #828282; }
ul.submenu li a { color: #000000; margin-left:25px; padding: 0.5em; padding-left: 5px; }
ul.submenu li a:hover { color:#800080; font-weight:normal; border-left: 10px silver solid; padding-left: 0px; }
ul.submenu li a.selected { color:#800080; font-weight:normal; border-left: 10px #D87806 solid; padding-left: 0px; }
/* End Left Menu */
#TopSpace { width:180px; text-align:right; }
#TopSpace span { padding-right:20px; }
#topMenu1 { width:80px; height: 28px; text-align:center; background: url(/images/TopMenu1.gif) no-repeat left bottom; }
#topMenu1 a { color: #334855; font-weight:bold; font-size: 13px; text-decoration: none; }
#topMenu1 a:hover { color: #800000; font-weight:bold; font-size: 13px; text-decoration: none; }
#topMenu2 { width:102px; height: 28px; text-align:center; background: url(/images/TopMenu1.gif) no-repeat right bottom; }
#topMenu2 a { color: #334855; font-weight:bold; font-size: 13px; text-decoration: none; }
#topMenu2 a:hover { color: #800000; font-weight:bold; font-size: 13px; text-decoration: none; }
#topMenu3 { height: 47px; padding-right:20px; background: url(/images/TopMenu2.gif) no-repeat top; }
.LeftBanner { margin:2px 0px 2px 0px; }
.MainNewEvent { text-align:center; vertical-align:top; width:194px; height:160px; background: url(/images/NewsEventsBG.gif) no-repeat top left;}
.MainNewEventText { text-align:left; width:180px; height:115px; margin-top:40px; overflow-y: scroll; }
.MainLine { margin:10px 0px 10px 0px; width:732px; height:35px; background: url(/images/MainLine.gif) no-repeat bottom left; }
.MainProducts { line-height:150%; }
.Products { border:0; width:132px; height:164px; }
.ProductsItems { margin-bottom:10px; }
.ProductsListBG { padding: 2px 1px 1px 1px; text-align:center; vertical-align:top; width:138px; height:170px; background: url(/images/ProductBG.gif) no-repeat top left;}
/*.ProductsListBG { padding: 2px 1px 1px 1px; text-align:center; vertical-align:top; width:138px; height:170px; } */
#div_LeftLogin { background: url(/images/CartMiniBG.gif) no-repeat; width:191px; height:80px; padding:17px 5px 0px 5px; text-align:center; margin-bottom:5px; }
#div_LeftCartMini { background: url(/images/CartMiniBG.gif) no-repeat; width:161px; height:57px; padding:20px; text-align:center; margin-bottom:5px; }
.topCart:link { font-size: 12px; color:#606060; text-decoration:none; }
.topCart:visited { font-size: 12px; color:#606060; text-decoration:none; }
.topCart:active { font-size: 12px; color:#606060; text-decoration:none; }
.topCart:hover { font-size: 12px; color:#000000; text-decoration:underline; }
#ProductName { text-align:left; margin-bottom:10px; font-size:13px; color:#6ABE33; font-weight:bold; }
.itemNo { text-align:left; font-size:13px; color:#329815; font-weight:normal; border-bottom:solid 1px #c0c0c0; margin-bottom:10px; }
.itemNoText { text-align:left; font-size:13px; color:#FF811D; font-weight:bold; }
.itemDesc1 { text-align:left; margin: 10px 0px 10px 0px; }
.itemDesc2 { text-align:left; margin: 10px 0px 10px 0px; }
#gallery { border:solid 10px #F1F1F1; margin-right:30px; }
#gallerylarger { background-color: #F1F1F1; height:18px; padding-top:10px; }
.DetailBG { background: url(/images/DetailBG.gif) no-repeat left top; padding: 80px 20px 0px 20px; text-align:center; }
.DetailBG_BBS { background: url(/images/DetailBG.gif) no-repeat left top; padding: 10px 32px 0px 32px; text-align:center; }
.CustomerServiceText { margin:0px 0px 10px 65px; text-align:left; padding-left: 20px; background: url(/images/blet_Green.gif) no-repeat left; color: #598409; font-weight:bold; font-size: 20px; text-decoration: none; }
.CustomerServiceText2 { margin:10px 0px 5px 0px; text-align:left; padding-left: 10px; background: url(/images/bulit.gif) no-repeat left; color: #598409; font-weight:bold; font-size: 15px; text-decoration: none; }
.CustomerServiceText3 { margin:0px 0px 30px 0px; text-align:left; padding-left: 10px; text-decoration: none; }
.CustomerServiceBG { text-align:left; width:581px; height:182px; background: url(/images/CustomerServiceBG.gif) no-repeat center top; filter:alpha(opacity=60); padding: 40px 40px 10px 40px; }
.PolicyText { margin:0px 0px 0px 65px; text-align:left; padding-left: 20px; background: url(/images/blet_Green.gif) no-repeat left; color: #598409; font-weight:bold; font-size: 20px; text-decoration: none; }
.PolicyBG { text-align:left; width:581px; padding: 20px 40px 10px 40px; }
.ShippingText { margin:0px 0px 0px 65px; text-align:left; padding-left: 20px; background: url(/images/blet_Green.gif) no-repeat left; color: #598409; font-weight:bold; font-size: 20px; text-decoration: none; }
.ShippingBG { text-align:left; width:581px; padding: 20px 40px 10px 40px; }
.CompanyText { margin:0px 0px 0px 65px; text-align:left; padding-left: 20px; background: url(/images/blet_Green.gif) no-repeat left; color: #598409; font-weight:bold; font-size: 20px; text-decoration: none; }
.CompanyBG { text-align:left; width:581px; padding: 20px 40px 10px 40px; }
.FAQText { margin:0px 0px 0px 65px; text-align:left; padding-left: 20px; background: url(/images/blet_Green.gif) no-repeat left; color: #598409; font-weight:bold; font-size: 20px; text-decoration: none; }
.FAQBG { text-align:left; width:581px; padding: 20px 40px 10px 40px; }
.ReturnsText { margin:0px 0px 0px 65px; text-align:left; padding-left: 20px; background: url(/images/blet_Green.gif) no-repeat left; color: #598409; font-weight:bold; font-size: 20px; text-decoration: none; }
.ReturnsBG { text-align:left; width:581px; padding: 20px 40px 10px 40px; }
.DiscountRateText { margin:0px 0px 0px 65px; text-align:left; padding-left: 20px; background: url(/images/blet_Green.gif) no-repeat left; color: #598409; font-weight:bold; font-size: 20px; text-decoration: none; }
.DiscountRateBG { text-align:left; width:581px; padding: 20px 40px 10px 40px; }
.LoginText { font-size:20px; color:#60bd37; text-align: center; margin-bottom:20px; }
.LoginText2 { font-size:12px; color:#6b6b6b; text-align: center; margin-bottom:20px; }
.DetailLoginBG { width:450px; height:226px; background: url(/images/LoginBG2.gif) no-repeat center top; padding: 40px 40px 20px 40px; }
.DetailLoginBG2 { width:450px; height:226px; padding: 10px 40px 20px 40px; }
.LoginTD { font-size:12px; color:#48b318; text-align: right; }
.LoginTD2 { font-size:12px; text-align: left; }
.DetailForgotBG { width:450px; height:159px; background: url(/images/ForgotBG.gif) no-repeat center top; padding: 50px 40px 20px 40px; }
.ForgotText { font-size:20px; color:#60bd37; text-align: center; margin-bottom:10px; }
.ForgotTD { font-size:12px; color:#48b318; text-align: right; }
.ForgotTD2 { font-size:12px; text-align: left; }
.DetailRegisterBG { width:450px; height:159px; background: url(/images/ForgotBG.gif) no-repeat center top; padding: 50px 40px 20px 40px; }
.DetailRegisterBG2 { width:650px; height:700px; /* background: url(/images/RegisterBG2.gif) no-repeat center top; */ padding: 20px 40px 0px 40px; }
.RegisterText { font-size:20px; color:#60bd37; text-align: center; margin-bottom:5px; }
.RegisterText1 { text-align:left; padding-left: 20px; background: url(/images/blet_Green.gif) no-repeat left; color: #60BD37; font-weight:bold; font-size: 15px; text-decoration: none; }
.RegisterText2 { width:450px; font-size:13px; padding-right:15px; color:#A2A2A2; text-align: right; margin-bottom:0px; }
.DetailMyAccountBG { width:450px; height:396px; text-align:left; background: url(/images/MyAccountBG.gif) no-repeat center top; padding: 10px 0px 0px 0px; }
.CartText1 { font-size:20px; color:#60bd37; text-align: center; margin-bottom:20px; }
.CartText2 { font-size:12px; color:#6b6b6b; text-align: center; margin-bottom:20px; }
.MyAccountOrderText { font-size:20px; color:#60bd37; text-align: center; margin-bottom:20px; }
.cartImage { display:inline; float:left; }
.cartText { display:inline; float:left; padding: 10px 0px 0px 10px; }
.CartTableHeader { border:solid 1px #c0c0c0; }
.CartTableRow { border: solid 1px #c0c0c0; }
.hrLine0 { border:dotted 1px #c0c0c0;height:1px; margin:0px 0px 20px 0px; }
.hrLine1 { border:dotted 1px #c0c0c0;height:1px; margin:20px 0px 20px 0px; }
#PageNavigator { padding: 10px 10px 0px 10px; text-align:center; }
#PageNavigatorTop { padding: 10px 10px 0px 10px; text-align:right; }
#PageNavigatorBottom { padding: 10px 10px 0px 10px; text-align:right; }
/*===================================================================================================================================================================*/
/* jQuery - zoomple
This plugin is developed by Yordan Stoev
Homepage: http://yordanstoev.com/blog/zoomple-simple-jquery-plugin-for-image-zoom/ */
/*===================================================================================================================================================================*/
#Previewholder{ left:0; top:0; position:absolute; display:none; border:1px solid #ccc; background:#00; }
#Previewholder img{ display:block; }
#Previewholder p{ margin:0; padding:0; font:11px Verdana,sans-serif; color:#090808; }
#Previewholder p span{ border-top:1px solid #ccc; display:block; padding:5px; background:transparent url(/Common/jQuery/images/desc_bg.gif) 0 100% no-repeat; }
/*===================================================================================================================================================================*/
/*===================================================================================================================================================================*/
/* UPS */
/*===================================================================================================================================================================*/
.UPS_Table { padding:0px; border: none 0px; width:100%; font-size: 12px; font-family: Verdana, Arial, sans-serif; vertical-align:middle; }
.UPS_Radio { line-height: 14px; font-family: Verdana, Arial, sans-serif; }
.UPS_TD { padding: 2px; text-align: left; font-family: Verdana, Arial, sans-serif; }
.UPS_TR1 { background-color:#EBEBEB; }
.UPS_TR2 { background-color:#FFFFFF; }
/*===================================================================================================================================================================*/
/*===================================================================================================================================================================*/
/* Custom Checkboxes & Radio Buttons - http://ryanfait.com/ */
/*===================================================================================================================================================================*/
span.checkbox { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(/Common/images/Custom/checkbox.gif) no-repeat; display: block; clear: left; float: left; }
span.radio { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(/Common/images/Custom/radio.gif) no-repeat; display: block; clear: left; float: left; }
span.select { position: absolute; width: 190px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ height: 21px; padding: 0 24px 0 8px; color: #fff; font: 12px/21px arial,sans-serif; background: url(/Common/images/Custom/select.gif) no-repeat; overflow: hidden; }
.ccrb {padding:3px 0 0 0; }
/*===================================================================================================================================================================*/
.txtPrice { text-align:right; }
.txtQty { text-align:center; }
SELECT.selectbox { border:solid 1px #c0c0c0; color : #000000; font-weight: normal;background: #FFFFFF; }
.Sitemap { color:#999999; font-family: Verdana, Arial, sans-serif; font-size: 9pt; }
.saleprice { text-decoration: line-through; margin-right:10px; }