* { margin:0; padding:0;}

.class12 A:link {text-decoration: none; color:#009900}
.class12 A:visited {text-decoration: none; color:#3366FF;}
.class12 A:active {text-decoration: none; color:#009900}
.class12 A:hover {text-decoration: underline; color:#3366FF;}

#wrap { width:984px; text-align:left; margin:0 auto;}

#header { height:51px;}
#logo { height:51px;width:361px; float:left;}
#logo h1 { text-indent:-9999px;  padding:0; margin:0;}
#logo h1 a { width:361px; height:51px; display:block; background:url(../i/logo.gif) no-repeat;}

#topmenu { float:right;}
#topmenu ul { list-style:none; font-size:85%; padding-top:20px;}
#topmenu ul li { display:inline; margin-right:10px;}
#topmenu ul li a { color:#666; text-decoration:none;}
#topmenu ul li a:hover { text-decoration:underline; color:#000;}


a:focus { outline:0; -moz-outline:0;}

.fld { border:1px solid #666;}
.btn {background:#FFF url(../i/bg9.gif) repeat-x 0 50%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #999; border-bottom:1px solid #999; padding:2px 10px; color:#222; cursor:pointer; cursor:hand;}
.btn2 {background:#8ebb44; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #999; border-bottom:1px solid #999; padding:2px 10px; color:#FFF; font-size:200%; font-weight:bold; cursor:pointer; cursor:hand;}

a.btn { text-decoration:none;}
a.btn:hover { background:#FFC;}

#link { width:190px; text-indent:-9999px; background:url(../i/url.gif) no-repeat; height:56px;}

.clear { clear:both;}
.font {font-family:Arial, Helvetica, sans-serif;}

#search { width:340px; float:left;}
#search form { padding-top:5px; padding-left:35px;}
#search .fld { width:300px;; border:1px solid #5d7895; color:#333;  font-size:85%; margin:0 10px;}
#search .fld:focus { background:#FFC;}

#menu { height: 56px; line-height:56px;color:#5D7895;  font-size:140%; width:682px;  background:url(../i/bg2.gif) no-repeat;}
#menu ul { list-style:none; padding-left:50px; padding-top:5px;}
#menu ul li { display:inline; margin-right:15px;}
#menu ul li a { letter-spacing:-1px; color:#004181; text-decoration:none;}
#menu ul li a:hover { text-decoration:underline;}
 
#search-shop {width:682px;height:33px;  background:#004181 url(../i/bg3.gif) no-repeat; }

#live { width:112px; height:89px; text-indent:-9999px; display:block;  background:url(../i/livesupport.gif) no-repeat;}


#sublinks {color:#FFF; font-size:85%; width:210px; float:right; padding-top:7px;}
#sublinks a { padding:0 7px;color:#FFF; text-decoration:none;}
#sublinks a.cart { padding:10px 45px 10px 0; background:url(../i/cart.gif) no-repeat 100% 0;}
#sublinks a:hover { text-decoration:underline;} 

.brands-cats { background:url(../i/bg7.gif) no-repeat;color:#FFF; height:28px;padding:3px 0 5px 20px;}
.brands-cats b { }
.brands-cats a { color:#4A6A87; text-decoration: none;}
.brands-cats a:hover { text-decoration:underline; color:#FF7200;}
.brands-cats a.current {  color:#FF7200; font-weight:bold;}

.brands-cats a.clearlink {background:url(../i/clear.gif) no-repeat 0 3px; padding-left:12px; font-size:85% !important; float:right; margin-top:2px; color:#FFF !important; margin-right:5px;}

a.deletelink {background:url(../i/delete.gif) no-repeat 0 3px; padding-left:12px; font-size:85% !important;  color:#666 !important;}


.chooseother { padding:3px 0 5px 10px;}
.chooseother a {background:url(../i/plus.gif) no-repeat 0 3px;padding-left:12px; font-size:85% !important;margin-top:2px; color:#9e9e9e !important;}

#main { margin-left:34px;}

#left { width:190px; float:left;background:url(../i/bg8.gif) repeat-y;}

#left ul { list-style:none; padding:5px 20px; margin-bottom:20px;}

#left ul li ul { padding:5px 0; font-size:85%; margin-bottom:0;}
#left ul li ul li { background:none; padding-left:0;}

#left a { color:#696969; text-decoration:none;}
#left a.current {color:#8ebb44; text-decoration:none; font-weight:bold;} 
#left a:hover {color:#8ebb44; text-decoration:underline;}


#right { width:794px; float:right; background:#FFF; min-height:600px; }
#right.inner { width:794px;}
#right.fullsize { width:100%; float:none;}
#right.fullsize #footer { margin-left:0;}


#promo { width:794px; height:172px; background:url(../i/bg4.jpg) no-repeat;}
#promo ul { list-style:none; padding-left:60px; font-weight:bold; font-size: 140%; padding-top:20px; line-height:180%}
#promo ul li a { color:#FFF; text-decoration:none;}
#promo ul li a:hover { text-decoration:underline; color:#FFC;}

#promo2 { height:180px;}
#promo2 ul { list-style:none;}
#promo2 ul li { display:inline;}
#promo2 ul li a#b1 { height:120px; width:406px; text-indent:-9999px; float:left; display:block; background:url(../i/shoes.gif) no-repeat;}
#promo2 ul li a#b2 { height:120px; width:388px; text-indent:-9999px; float:left; display:block; background: url(../i/accessories.gif) no-repeat;}
#promo2 ul li a#b3 { width:794px; height:60px;text-indent:-9999px;display:block; background:url(../i/discount.gif) no-repeat; float:left;}

#bestsellers { margin:20px 0 0 0 !important ;}
#bestsellers ul { list-style:none;}
#bestsellers ul li { width:175px; float:left; padding-right:6px; margin-left:6px; background:url(../../i/ruler.gif) no-repeat 100% 15%; text-align:center; margin-bottom:10px;height:250px !important;}
#bestsellers .desc { font-size:85%; font-style:normal; color:#5D7895;  padding:5px; display:block}
.price { font-weight:bold; font-size:150%; color:#004181; padding:5px 0;}
.price sup { font-size:75%}
a.add { background:#FF8A00; color:#FFF; text-decoration:underline; padding:3px 10px; font-size:85%; font-weight:bold;}
a.add:hover { background:#E62C01; text-decoration:none;}



.content-pages {padding:10px; font-size:85%; margin-left:11px;}
.content-pages a { color:#4A6A87; text-decoration:none; padding:0 5px;}
.content-pages a:hover { text-decoration:underline; color:#333;}

#brandlogos { margin-left:11px; height:66px; background:url(../i/brands.gif) no-repeat 50% 0; margin-bottom:20px; }


.trail { font-size:85%; color:#5D7895; padding:10px 40px;}

h1 {font-size:250%; font-weight:normal; margin-top:10px; letter-spacing:-1px; padding:0 20px;}

.pages { font-size:85%; padding:5px 10px; border-bottom:1px solid #EAEAEA; margin:0 10px; }
.pages a { padding:0 3px;color:#5D7895;}
.pages a:hover { background:#FF8A00; text-decoration:none; color:#FFF;}
.pages b { padding:0 3px; background:#EEE; color:#666;}


#items { margin:20px 0;}
#items ul { list-style:none; }
#items ul li { width:175px; float:left;  padding-right:6px; margin-left:6px; background:url(../../i/ruler.gif) no-repeat 100% 15%; text-align:center; margin-bottom:20px; height:250px;}
#items .desc {  font-style:normal;  padding:5px; font-size:85%;display:block; height:35px; overflow:hidden}
#items .price { font-weight:bold; font-size:110%; color:#8ebb44; padding:5px 0;display:block;}
#items .price sup { font-size:75%}
#items ul li img {padding:3px; border:1px solid #EAEAEA;}
#items ul li a.add {  color:#8ebb44 !important; text-decoration:underline; padding:5px 14px; font-size:95%; background:#FFF; font-weight:bold; }
#items ul li a.add:hover { background:#8ebb44; text-decoration:none; color:#FFF !important;}

.no-products {padding:20px; text-align:center;}

#relcon {width:200px;  float:right; margin-bottom:20px;}
#related { border:3px solid #FFF;}
#related .brd { border:1px solid #CFCCC8; padding:10px; background:#171717;}
#related h3#rela { border-bottom:1px solid #E4E4E4; padding:5px  0 5px 25px; no-repeat 0 50%; color:#004181; text-transform:uppercase; font-size:110%; margin-bottom:10px;}
#related h3#news { border-bottom:1px solid #E4E4E4; padding:5px  0 5px 25px; background:url(../i/newslet.gif) no-repeat 0 50%; color:#004181; text-transform:uppercase; font-size:110%; margin-bottom:10px;}
#related h3#testi { border-bottom:1px solid #E4E4E4; padding:5px  0 5px 25px; background:url(../i/testi.gif) no-repeat 0 50%; color:#004181; text-transform:uppercase; font-size:110%; margin-bottom:10px;}

#related img { border:1px solid #EAEAEA; padding:1px; }

#newsletter { margin-bottom:20px;}
#newsletter p {margin-bottom:10px; text-align:justify; font-size:85%; color:#999;}

#related td { padding:3px; font-size:85%;}

.tstm {font:85% Georgia, serif; text-align:justify; color:#666;}
.tstm i {font:100% Arial, Helvetica, sans-serif; display:block; padding:5px 0; margin:5px 0;border-top:1px solid #E4E4E4; text-align:right;}

#details { width:700px; float:left; background:#FFF; margin-top:20px;}
#pics { width:300px; float:left; margin-left:20px;}
#pics img { padding:2px; border:1px solid #EAEAEA; margin-bottom:5px;}
#desc { width:350px; float:right; font-size:85%; margin-right:20px;}
#desc h2 { font-size:220%; letter-spacing:-1px; font-weight:normal; margin-bottom:10px;}
#desc .price { font-size:200%; margin-bottom:10px;}
#desc p { margin-bottom:10px; text-align:justify;}

.product { font-size:250%; font-weight:normal; margin-top:10px; letter-spacing:-1px; padding:0 20px;}

.detdesc { text-align:justify; padding:5px 0; border-top:1px dashed #EAEAEA; border-bottom:1px dotted #EAEAEA;margin-bottom:10px;  }

#pics .all-images { padding-left:25px;}
#pics .all-images img {padding:1px !important; margin-right:10px;}

.tbl { border:1px solid #EAEAEA; border-collapse:collapse; border-bottom:0;}
.tbl th { background:#e9e9e9; padding:5px; font-weight:bold; text-align:left;}
.tbl td { border-bottom:1px solid #EAEAEA; padding:5px; color:#333;}
.tbl tr.odd td {background:#F1F1F0;}


.tbl .right { text-align:right;}

.shipp {padding:5px 0; border-bottom:1px solid #EAEAEA; margin-bottom:5px;}

.sizeselector {padding:10px; border:1px solid #EAEAEA; background:#FAFAFA;}
.sizeselector table td {padding:2px;}
.sizeselector table td .fld {border:1px solid #B8C4D0; color:#5D7895; padding:3px; font-size:105%; margin:2px 0;}
.steps { text-align:center; background:#004181; color:#FFF;  font-size:120%; width:25px; height:25px; line-height:25px; margin:0;}

.dont {padding:10px; border:1px solid #EAEAEA; background:#FAFAFA; text-align:center; margin:10px 0;}
a.dontsize {background:url(../../i/dontsize.gif) no-repeat 0 3px;padding-left:12px; }
a.getdeals {background:url(../../i/getdeals.gif) no-repeat 0 3px;padding-left:12px;}

#sizeava {padding:10px; border:1px solid #CCC; background:#EAEAEA; margin-bottom:10px;}
#sizeava h2 {margin-bottom:5px; }
#sizeava .form-tbl td, #sizeava .form-tbl td input, #sizeava .form-tbl td select  {font-size:100%;}

#getdeals {padding:10px; border:1px solid #CCC; background:#EAEAEA;}
#getdeals h2 {margin-bottom:5px; }
#getdeals .form-tbl td, #getdeals .form-tbl td input, #getdeals .form-tbl td select  {font-size:100%;}

.close {background:url(../../i/close.gif) no-repeat 0 3px; padding-left:12px;  float:right; margin-top:2px; color:#9e9e9e !important; float:right;}

.filter { padding:5px 10px; font-size:85%; border-bottom:1px solid #EAEAEA; margin:0 10px;}
.filter a {padding:0 3px;}


.cart-tbl { border:1px solid #EEE; border-collapse:collapse; margin:10px 0;}
.cart-tbl th { background:#E4E4E4; padding:5px; font-weight:bold; text-align:left;}
.cart-tbl td { border-bottom:1px solid #EEE; padding:5px; color:#333;}

.cart-total { font-weight:bold; font-size:110%; color:#004181 !important; padding:10px 0;}

fieldset {padding:10px; border:1px solid #EAEAEA; margin-bottom:10px;}
legend {padding:0 10px; font-size:140%;}

.form-tbl td {padding:5px;}
.form-tbl .right {width:120px; font-size:85%; }
.form-tbl input.fld, .form-tbl select.fld {width:180px; }

.content { background:#FFFFFF; padding:20px;}

kbd {color:#F00; font-size:110%;}

.cartfinal {line-height:180%;}
.cartfinal .btn {font-size:180%; }

label.error {padding-left:5px; color:#F00;}
input.error {border-color:#F00;}

.cart-empty { text-align:center; padding:20px 0;}

.content-text { width:690px; text-align:justify; background:url(../i/bg5.gif) no-repeat 0 100%;}
.content-text p {margin-bottom:10px;}

.content-text h1 {margin-bottom:2px; background:url(../i/bg5top.gif) no-repeat;font:260% Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#004181; padding:5px 20px;}
.content-text h2 {margin-bottom:5px;font:160% Arial, Helvetica, sans-serif; margin-top:15px;}

.text { padding:10px 20px;}
.greybg { background:#EAEAEA;}

#translate {border:1px solid #d9d9d9; background:#e5e5e5; color:#727272; font:75% Arial, Helvetica, sans-serif; padding:5px 7px;}
#translate input { margin-right:4px; margin-top:5px;}

.freesh {color:#FFF; background:#D3161E; font:bold 105%  Arial, Helvetica, sans-serif;; padding:2px 5px; text-transform:uppercase; border:1px solid #D3161E; -moz-border-radius:3px; -webkit-border-radius:3px;}

.promocode {background:#FFC; border:1px solid #EAEAEA;}