@charset "utf-8";
/* CSS Document */
body,td,th,input,select,textarea{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#666;}
body{width:100%;min-height:100%;height:auto;margin:0;padding:0;cursor:default; background:#fff;}
h1,h2,h3,h4,h5,h6,p,span,form,div,ul,li,fieldset{margin:0;padding:0;border:none;}
table,td{border:none;}
img{border:none;}

html,body,.wrapper{width:100%;height:auto;min-height:100%;left:0;top:0;position:absolute;}
html>body,html>body .wrapper{}
.wrapper { background:url(../images/pg_bkr.png) top left repeat-x;}

* html .footer{position:absolute;}
* html .main{padding-bottom:190px;}

head:first-child+body div.footer{position:absolute;z-index:0;}
head:first-child+body div.main{padding-bottom:190px;}
@media all and (min-width:0){head~body{height:100%;}
}


.header {width:100%; height:auto; clear:both; position:relative;}
.headercnt {width:1000px; height:155px; clear:both;  margin:0px auto; position:relative; background:url(../images/mainbkr.png) top center repeat-y;}
.logo { width:160px; height:85px; float:left; clear:none; position:relative; }
.tagline { width:270px; float:left; clear:none; position:relative; padding:20px 0px; }
.tagline a { text-decoration:underline; color:#666; }
.tagline a:hover { text-decoration:none; }
.mainmenu { width:980px; float:left; clear:both; position:relative; background:url(../images/mainMenuBkr.png) top left repeat; padding:10px; }
.left_head { width:450px; float:left; clear:none; position:relative;}
.right_head {width:550px; float:left; clear:none; position:relative;}

.topmenu {width:500px; height:25px; text-align:right; z-index:10500; float:right; clear:both; position:relative; margin:20px 0 10px 0;}
.topmenu ul {display:inline-block;}
.topmenu ul.top-level {margin-left:0;}
.topmenu ul {margin:0; padding:0; list-style:none; float:right; text-align:right;}
.topmenu li {margin:0; padding:0;}
.topmenu a {display:block;color:#000; line-height:19px; text-decoration:none; padding:0 20px; font-size:12px; }
* html .topmenu ul.top-level {margin-left:0;} /* I don't know why, but this centers IE5.5 ?? */

.topmenu li:hover > ul {visibility:visible;}
.topmenu a:hover ul,
.topmenu a:hover a:hover ul,
.topmenu a:hover a:hover a:hover ul {visibility:visible;}
.topmenu a:hover ul ul,
.topmenu a:hover a:hover ul ul {visibility:hidden;}

.topmenu ul.top-level {margin:0 auto;}
.topmenu li.top-level-li {float: left; zoom: 1; list-style-type:none; height:19px; text-decoration:none; color:#000; font-size:12px; font-weight:lighter;}
 
.topmenu a.top-level-a {float:left; padding:0 0 0 5px;}
.topmenu a.top-level-a b {float:left; padding:0 5px 0 0; cursor:pointer; cursor:hand; height:19px; line-height:19px;}
.topmenu a.down b {float:left; padding:0 5px 0 0; cursor:pointer;}

.topmenu li.top-level-li.activ {background:#ccc; color:#000; position: relative; }
.topmenu li.top-level-li.activ ul.drop-down li a:hover { color:#000;}
.topmenu li.top-level-li.activ a { color:#000;}
.topmenu li.top-level-li:hover {  background:#ccc; color:#000; position: relative; }
.topmenu a.top-level-a:hover {background:#ccc; color:#000; position: relative;}
.topmenu a.top-level-a:hover b,
.topmenu a.top-level-a:focus b,
.topmenu a.top-level-a:active b {color:#000; cursor:pointer;}
.topmenu a.down:hover b,
.topmenu a.down:focus b,
.topmenu a.down:active b {color:#000; cursor:pointer;}

.topmenu li.top-level-li:hover > a {white-space:nowrap;}
.topmenu li.top-level-li:hover > a b {color:#000; }
.topmenu li.top-level-li:hover > a.down b {color:#000; }
 
.topmenu li ul {display:block; position:absolute; visibility:hidden; background:#ccc; left:0;  white-space:nowrap;}
.topmenu li li {border-bottom:1px dotted #000; }
.topmenu li li a {background:#ccc; padding-bottom:1px; font-size:12px; font-weight:normal; color:#000; text-align:left;}
.topmenu li li a:hover {background:#eee; color:#000;}
.topmenu li li:hover > a {background:#eee;}
.topmenu li li a.fly {background: url(../images/fly.gif) no-repeat right top;}
.topmenu li li a.fly:hover {background:#eee url(../images/fly_hover.gif) no-repeat right top;}
.topmenu li li:hover > a.fly {background:#eee url(../images/fly_hover.gif) no-repeat right top; color:#000;}
.topmenu ul.drop-down {top:19px; }
.topmenu li li ul {left:100%; margin-top:-20px; margin-left:0px; font-size:11px; }
 
.topmenu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
.topmenu table ul li a {padding-left:0; padd\ing-left:20px;}
.topmenu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
.topmenu table table ul {margin-top:-4px; marg\in-top:-6px;}

.shopMenu { width:auto; float:right; clear:none; position:relative; }
.shopMenu a { background:url(../images/arrow02.png) center right no-repeat #1a3172; padding:5px 20px 5px 10px; color:#ccc; font-size:10px; text-decoration:none; float:right; clear:none; }
.order { width:auto; float:right; clear:none; position:relative; margin-left:1px; }
.order a { background:url(../images/arrow01.png) center right no-repeat #1a3172; padding:5px 20px 5px 10px; color:#ccc; font-size:10px; text-decoration:none; float:right; clear:none; }
.shopMenu a:hover, .shopMenu a.activ { background:url(../images/arrow02.png) center right no-repeat #0087c5;}
.order a:hover, .order a.activ { background:url(../images/arrow01.png) center right no-repeat #0087c5;}

/*main*/
.main { width:100%; height:100%; clear:both; position:relative;background:url(../images/mainbkr02.png) bottom center no-repeat; }
.maincnt {width:1000px;height:100%;margin:30px auto; position:relative;  }

.leftcol {  width:190px; float:left; clear:none; position:relative; margin-right:20px; padding-left:10px; }
.sidecol {width:780px; float:left; clear:none; position:relative; }

.heading01 { border-left:10px solid #23408f; font-size:14px; font-weight:normal; line-height:12px; padding-left:10px; color:#23408f; }
.heading01 strong { font-size:14px; display:block; }

.heading02 { border-left:10px solid #595959; font-size:14px; font-weight:normal; line-height:12px; padding-left:10px; color:#595959; }
.heading02 strong { font-size:14px; display:block; }

.heading { border-bottom:1px solid #000035; font-size:24px; font-weight:normal; color:#000035; display:block; letter-spacing:-1px; }
.heading03 { border-bottom:1px solid #000; font-size:24px; font-weight:normal; color:#000035; display:block; letter-spacing:-1px; margin-top:20px; padding:20px; }

.sidemenu { width:170px; float:left; clear:both; position:relative; margin-left:20px; }
.sidemenu a { display:block; color:#23408f; background:url(../images/bullet01.png) center left no-repeat; padding:5px 5px 5px 15px; border-bottom:1px dotted #999; text-decoration:none; }

.sidemenu02 { width:170px; float:left; clear:both; position:relative; margin-left:20px; }
.sidemenu02 li { list-style-type:none; }
.sidemenu02 a { display:block; color:#595959; background:url(../images/bullet01.png) center left no-repeat; padding:5px 5px 5px 15px; border-bottom:1px dotted #999; text-decoration:none; }
.sidemenu02 span { color:#000; display:block; margin-bottom:3px; }
.sidemenu02 input { border:1px solid #999999; padding:3px; margin-bottom:10px; }
.sidemenu02 button { background:#595959; color:#fff; padding:5px; border:none; margin-bottom:10px; display:block; }

.bigslider { width:760px; height:250px; float:left; clear:both; position:relative; border:1px solid #ccc; border-top:none; padding:0px 9px 24px 9px; }
.slider { width:760px; position:relative; height:250px; float:left; clear:both; }
.sldimg { position:absolute; top:0; left:0; }

.undermain { width:100%; height:70px; clear:both; position:absolute; bottom:120px; left:0;background:#000035; }
.undermaincnt { width:960px; height:30px; margin:0px auto; position:relative; padding:20px; font-size:10px; }
.logo02 { width:180px; height:30px; float:right; clear:none; position:relative;}
.undermenu { width:770px; float:left; clear:none; position:relative; }
.undermenu li { list-style-type:none; float:left; clear:none; margin-right:30px; }
.undermenu a { color:#80809a; font-size:14px; text-decoration:none; text-transform:uppercase; letter-spacing:-0.05em; line-height:16px;}
.undermenu a strong { display:block; font-size:18px; }
.undermenu a:hover { color:#ccc; }
.undermenu li.activ a { color:#fff; }

/*footer*/
.footer { width:100%;  clear:both; position:absolute; bottom:0; left:0;background:url(../images/footerBkr.png) top left repeat; }
.footercnt { width:960px; height:80px; margin:0px auto; position:relative; padding:20px; color:#666; font-size:12px; }
.boxmenu {width:160px; float:left; clear:none; position:relative; border-left:1px solid #5e5e5e; padding:5px 10px; }
.boxmenu a { text-decoration:none; color:#999; display:block; line-height:18px; }
.boxmenu a:hover { text-decoration:underline;}
.boxmenu li.activ a { color:#fff; text-decoration:underline; }

.rightfoot { width:380px; float:right; clear:none; position:relative; margin-left:20px; color:#666; text-align:right; font-size:12px; line-height:16px; }
.rightfoot a { color:#666; text-decoration:none; }
.rightfoot span { color:#333; display:block; }
.rightfoot span a { color:#333; text-decoration:none; }

/*prod_list*/
.pagination{height:25px;float:right;clear:right;position:relative;text-align:right; margin-top:20px;}
.pagination .prev{color:#000;text-decoration:none;clear:none;margin-right:5px;}
.pagination .pag{text-decoration:none;color:#000;padding:2px 5px;border:1px solid #ccc;margin-right:1px;}
.pagination .pag:hover, .pagination .pag.activ{background:#23408F; color:#fff;}

.orderP { float:left; clear:none; margin-top:20px; }
.orderP a.blue { background:#23408F; padding:2px 5px; color:#fff; text-decoration:none; margin-left:5px; }
.orderP a.black { background:#ccc; padding:2px 5px; color:#fff; text-decoration:none; margin-left:5px; }

.prodbox { width:190px; height:280px; /* min-height:255px; max-height:300px; */ float:left; clear:none; position:relative; border-bottom:3px solid #ccc; margin-bottom:10px; }
.prodbox img { float:left; clear:both; border:5px solid #fff; padding:5px; }
.prodbox:hover img { border-color:#e5e5e5; }
.prodDet { width:170px; height:75px; /* min-height:30px; max-height:55px; */ clear:both; position:absolute; bottom:0; left:0; padding:10px; overflow:hidden; font-size:12px; color:#555; background:#e5e5e5; }
.prodbox:hover { border-bottom:3px solid #00aeef; }
/*.prodbox:hover .prodDet { background:#e5f7fd; } */
.prodDet .categ {color:#555555;font-size:11px;}
.prodDet .brand { color:#333; font-size:10px; display:block; }
.prodDet .title { font-size:12px; color:#000; font-weight:bold; text-decoration:underline; display:block; margin-top:3px; }
.prodDet .log { font-size:9px; color:#555;display:block; text-decoration:none; }
.prodDet .numb { font-size:10px; color:#555;display:block; text-decoration:none; }
.prodDet span.price {font-size:10px; color:#000; position:absolute; right:10px; bottom:0; padding:1px 5px; background:#ccc; }
.prodDet span.price strong {font-size:14px;}
.prodbox:hover span.price { background:#00aeef; color:#fff; }

.box01 fieldset.c_acc { border-left:3px #ccc solid; margin:20px; }
.box01 fieldset.c_acc label { color:#333; width:495px; padding:5px 10px; float:left; clear:both; }
.box01 fieldset.c_acc input, .box01 fieldset.c_acc select, .box01 fieldset.c_acc label textarea, fieldset.coresp select, fieldset.coresp input { background:#eee; border:1px solid #ccc;  padding:5px; color:#000; } 
.box01 fieldset.c_acc label textarea { background:none; }
.box01 fieldset.c_acc input:hover, .box01 fieldset.c_acc select:hover, .box01 fieldset.c_acc label textarea:hover { border:1px solid #666; }
.box01 label { float:left; clear:none; margin:0px 10px; font-size:12px;}
.box01 label input, .box01 label select { font-size:12px; }

.history { width:780px; float:left; clear:both; color:#000; margin-bottom:20px; }
.history a { color:#000; text-decoration:underline; font-weight:bold; }
.history a:hover, .history a.activ { text-decoration:none; }

.step1 { width:780px; float:left; clear:both; height:40px; background-image:url(../images/sprite_shop.png); background-position:0px 0px; }
.step2 { width:780px; height:40px; background-image:url(../images/sprite_shop.png); background-position:0px -40px; }
.step3 { width:780px; height:40px; background-image:url(../images/sprite_shop.png); background-position:0px -80px; }

table.delivery { width:780px; float:left; clear:both; position:relative;}
table.delivery tr.brd_ccc td { border-bottom:1px dotted #999;   }
table.delivery tr td { font-size:12px; color:#333; }
table.delivery td input { text-align:center; }
.att_box{width:550px;float:left;clear:both;position:relative;}
.att_box ul{padding-left:25px;color:#000;line-height:20px;}
.att_box a { position:absolute; right:0px; top:10px;}
.link { color:#333; text-decoration:underline; }
.linkb { font-size:10px; color:#666; text-decoration:underline; }
.grey_box02 { width:760px; float:left; clear:both; padding:9px; background:#e5e5e5; border:1px solid #b1b1b1; }

.sidecol p { line-height:18px; font-size:13px; margin-bottom:10px; }
.sidecol p a, .sidecol ul li a { text-decoration:underline; color:#23408F; }
.sidecol p a:hover, .sidecol ul li a:hover { text-decoration:none; }
.sidecol ul { margin-left:25px; list-style-type:square; font-size:13px; line-height:18px; margin-bottom:10px; }
.fl { float:left; clear:none; }

.bigprodbox { width:780px; float:left; clear:both; position:relative; }
.heading04 { width:365px; height:auto; float:left; clear:both; position:relative; padding:20px 90px 20px 20px; }
.heading04 h2.branded { font-size:16px; font-weight:normal; color:#666; }
.heading04 h1, .heading04 h3.shape { font-size:22px; font-weight:normal; color:#000035; letter-spacing:-0.04em;}
.heading04 h3.shape { font-weight:bold; font-size:24px; }
.heading04 .brand02 { width:80px; height:80px; position:absolute; top:-40px; right:0; border:1px solid #000; }
.details { width:435px; float:left; clear:both; position:relative; padding:20px; padding-top:0px; }
.colBox {border:1px solid #CCCCCC;clear:none;float:left;height:13px;margin-bottom:5px;margin-right:5px;padding:2px;width:13px;margin-top:5px;}
.colour {cursor:pointer;clear:none;float:left;height:13px;width:13px;}
.stock { float:right; clear:none; background:url(../images/inStock.png) center left no-repeat; padding-left:20px;}
.id { float:left; clear:none;font-size:10px; color:#b0b0b0; margin-right:20px; }
.Bnow { font-size:24px; letter-spacing:-1px; color:#000; display:block; border-bottom:1px solid #000; text-transform:uppercase; }
.add { border:none; background:#23408f; padding:2px 6px; color:#fff; font-size:9px; text-transform:uppercase; font-weight:bold; cursor:pointer;}
table img.prodS { float:left; clear:none; border:1px solid #ccc; margin-right:10px; }
.bigprodbox table { float:left; clear:both; }
.mb0mt { margin:0; margin-top:3px;}
.bigprodbox table tr td input { border:1px dotted #666; }

.brands {width:95px;float:left; clear:none; position:relative; border-bottom:3px solid #ccc; margin-bottom:10px; }
.brands img { float:left; clear:both; border:5px solid #fff; padding:5px; }
.brands:hover img { border-color:#e5e5e5; }
.brands:hover { border-bottom:3px solid #00aeef; }

.banner780 { width:780px; float:left; clear:both; position:relative;}
.banner190 { width:190px; float:left; clear:both; position:relative;}

.txtCont { float:left; clear:both; position:relative; padding:10px 0; background:#fff; }
.txtCont p { font-size:12px; line-height:18px; margin-bottom:10px; }
.txtCont p a { text-decoration:underline; color:#000; }
.txtCont p a:hover { text-decoration:none; }
.txtCont p img { border:1px solid #ccc; padding:4px;  }
img.leftFloat { float:left; margin-right:15px; margin-bottom:5px; }
img.rightFloat { float:right; margin-left:15px; margin-bottom:5px;}
.txtCont ul { font-size:12px; line-height:18px; margin-bottom:5px; margin-left:25px; }
.txtCont ul li a { text-decoration:underline; color:#23408F; }
.txtCont ul li a:hover { text-decoration:none; }


fieldset.c_acc { border-left:3px #ccc solid; margin:20px; }
fieldset.c_acc label { color:#333; width:495px; padding:5px 10px; float:left; clear:both; }
fieldset.c_acc input, fieldset.c_acc select, fieldset.c_acc label textarea, fieldset.coresp select, fieldset.coresp input { background:#eee; border:1px solid #ccc;  padding:5px; color:#000; }
fieldset.c_acc label textarea { background:none; }
fieldset.c_acc input:hover, fieldset.c_acc select:hover, fieldset.c_acc label textarea:hover { border:1px solid #666; }
label { float:left; clear:none; margin:0px 10px; font-size:12px;}
label input, label select { font-size:12px; }

.newsBox { width:760px; float:left; clear:both; position:relative; font-size:11px; padding:10px 0px; border-bottom:1px dotted #ccc;}
.newsBox span.date02 { color:#666; font-size:10px; display:block; }
.newsBox a.title01 { text-decoration:underline; color:#000; font-size:12px; font-weight:bold; }
.newsBox a.title01:hover {color:#23408F; }
.newsBox p { font-size:12px; clear:none; float:none; margin-bottom:5px;}
.newsBox .link05 { color:#001A62; font-size:12px; text-decoration:underline; background:url(../images/arrow01.gif) center right no-repeat; padding-right:10px; float:left; clear:none; font-weight:normal;}
.newsBox .link05:hover {text-decoration:none;}

.subcateg {clear:both;float:left;}
.subcateg ul { list-style-type:none; margin-left:0;}
.subcateg ul li.subcat {background:url(../images/arrow05-trans.png) no-repeat scroll left center transparent;border-bottom:1px dotted #999999;clear:none;float:left;font-size:11px;padding:2px 0 2px 10px;width:170px; line-height:20px; margin-right:10px;}
.subcateg ul li.subcat a {text-decoration:none;color:#666;}
.subcateg ul li.subcat a:hover {color:#303C96;}

h3.date01 { font-size:18px; font-weight:normal; letter-spacing:0.01em; margin-top:20px; float:left; clear:both;}

h2, h3, h4, h5 { font-size:18px; font-weight:normal; color:#000035; letter-spacing:-1px;}

.mr10 { margin-right:10px;}
.mt10 { margin-top:10px;}
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mr20 { margin-right:20px;}
.mr9 { margin-right:9px;}

.box { float:left; clear:none; }
.box01 { float:left; clear:both; position:relative; }
.brdBot { border-bottom:1px dotted #ccc; }
.brdTop { border-top:1px dotted #ccc; }
.brds {border-right:4px solid #000;border-bottom:10px solid #000; }
.brdL { border-left:1px solid #000; }
.bkr01 { background:#eee; }
.brdTop02 { border-top:1px solid #000; }
.fr { float:right; }
.bluebkr { background:#dff3ff; }
.bluebkr02 { background:#eaf7ff; }

.s190 { width:190px; }
.sp760 { width:760px; padding:10px; }
.s780 { width:780px; }
.sp740 { width:740px; padding:10px; }
.s535 { width:535px; }
.s244 { width:244px; }
.sp204 { width:204px; padding:15px 20px; }
.sp515 { width:515px; padding:0px 0px 0px 20px; }
.s304 { width:304px; }
.s475 { width:475px; }
.sp264 { width:264px; padding:20px; }
.sp170 { width:170px; padding:10px; }

.brandslider {width:760px; padding:10px; height:90px;margin:0px auto; position:relative; overflow:hidden; }
.arrow1 { width:15px; height:91px; position:absolute; top:0px; left:0px; cursor:pointer; background:url(../images/slider_arrow1.png) top left no-repeat #fff; z-index:5000; }
.arrow2 { width:15px; height:91px; position:absolute; top:0px; right:0px; cursor:pointer; background:url(../images/slider_arrow2.png) top left no-repeat #fff; z-index:5000; }
.imgsld { width:760px; position:absolute; left:15px; top:10px; }
.imgsld img { float:left; clear:none; }
.brands01 { width:75px; height:75px; float:left; clear:none; text-decoration:none; margin-bottom:20px; }

table.prbuy {border:1px dotted #999;}
table.prbuy tr:hover {background:#ffffcc;}
table.prbuy tr.activ {background:#CFF;}
table.prbuy thead tr, table.prbuy thead tr:hover {background:#eeeeee;}
table.prbuy td {border-bottom:1px dotted #999;}
table.prbuy td input[type=text] { text-align:center; }

.ccmod { width:720px; border:10px solid #ccc; padding:20px; }
.ccmod h2 { border:none; }
.ccmod h3 {color:#666; }

.prodbox02 { width:190px; float:left; clear:none; position:relative;background:#1a3172; margin-bottom:10px; border-bottom:5px solid #1a3172;}
.prodbox02 h4 { font-size:18px; font-weight:normal; color:#fff; letter-spacing:-1px; padding:10px;background:#1a3172; display:block; }
.prodbox02 img { float:left; clear:both;padding:0px 10px; }
.prodDet02 { width:170px; float:left; clear:both; position:relative; padding:10px; font-size:12px; color:#fff; }
.prodbox02:hover { border-bottom:5px solid #00aeef; }
.prodDet02 .categ {color:#fff;font-size:11px;}
.prodDet02 .brand { color:#fff; font-size:10px; display:block; }
.prodDet02 .title { font-size:12px; color:#fff; font-weight:bold; text-decoration:underline; display:block; margin-top:3px; margin-bottom:15px; }
.prodDet02 .log { font-size:9px; color:#fff;display:block; text-decoration:none; }
.prodDet02 .numb { font-size:10px; color:#fff;display:block; text-decoration:none; }
.prodDet02 span.price {font-size:10px; color:#fff; position:absolute; right:10px; bottom:0; padding:1px 5px;}
.prodDet02 span.price strong {font-size:14px;}
.prodbox02:hover span.price { background:#00aeef; color:#fff; }

.random, .random h4 { background:#444; }
.random { border-bottom-color:#444; }

a.delfromshop { width:41px; height:13px; background:url(../images/del_icon.gif) top left no-repeat; display:block; }
a.delfromshop:hover { background:url(../images/del_icon2.gif) top left no-repeat; }

fieldset.account{border:1px solid #CCCCCC;clear:both;cursor:default;margin:10px 0;padding:0 10px 10px; }
fieldset.account label {font-size:12px; color:#333;}
fieldset.account label.ordh strong { font-size:14px; color:#1a3172; }
fieldset.account legend {background:none repeat scroll 0 0 #1a3172;color:#fff;margin-bottom:10px;padding:2px 5px;}

.hidden { display:none; }

#recaptcha_area, #recaptcha_table { float:left; margin-left:18px; }

.language { width:500px; height:15px; float:right; clear:both; position:relative; padding:0px 10px; text-align:right; }
.language a { margin-left:10px; height:15px; line-height:15px; }

.special  { width:48px; height:48px; position:absolute; top:130px; right:10px; background:url(../images/special.png) top left no-repeat; }
.sitesearch h2.heading02 { color:#1A3172; border-left-color:#1A3172; }
.sitesearch button { background:#1A3172; }