html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin:0;
padding:0;
border:0;
outline:0;
}
html, body{
color:#000;
font:12px "Trebuchet MS",Verdana,Tahoma;
}
body{
background:#E6E7E9 url(../img/images/body-bg.gif) repeat-x 0 0;
height:100%;
}
h1{
padding:0 0 0 10px;
margin:0 0 14px;
color:#000;
font-size:18px;
font-weight:normal;
line-height:20px;
}
h2{
padding:0;
margin:0 0 14px;
color:#201C20;
font-size:18px;
font-weight:normal;
line-height:22px;
}
h3{
padding:0;
margin:0 0 14px;
color:#201C20;
font-size:16px;
font-weight:bold;
line-height:18px;
}
h4, h5, h6{
padding:0;
margin:0 0 10px;
color:#000;
font-size:12px;
font-weight:bold;
line-height:130%;
}
p{
padding:0;
margin:0 0 10px;
line-height:140%
}
a{
color:#0060A9;
text-decoration:none;
outline:none;
}
a:hover{
color:#003964;
text-decoration:underline;
}
img,a img{
border:0;
}
ul{
padding:0;
margin:0 0 10px 0;
}
ul li{
padding:3px 0;
margin:0;
}
ol{
padding:0;
margin:0 0 10px 0;
list-style:decimal inside;
}
ol li{
padding:3px 0;
margin:0;
}
blockquote{
padding:0 0 9px 20px;
margin:0;
line-height:18px
}
form,fieldset{
margin:0;
padding:0;
border:0;
}
legend{
display:none;
}
input, textarea, select{
padding:2px;
vertical-align:middle;
font:14px Arial, Helvetica, sans-serif;
background:#FFF;
color:#333;
border:1px solid;
border-color:#9FA4AA #CACECF #CACECF #9FA4AA;
}
textarea{
padding:1px;
}
select{
width:236px;
}
input{
width:230px
}
dl{
padding:0;
margin:0 0 10px;
}
dt{
padding:0;
margin:0 0 7px 0
}
dd{
padding:0;
margin:5px 0 0 20px
}
table{
border:0;
width:100%;
}
table td{
font-size:12px;
vertical-align:top;
text-align:left;
}
.fl{
float:left;
}
.fr{
float:right;
}
.ac{
text-align:center;
}
.ar{
text-align:right;
}
.al{
text-align:left;
}
.clr{
clear:both;
zoom:1;
}
.clrfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
zoom:1;
}
input.radio{
border:none;
display:block;
float:left;
margin-right:3px;
margin-top:3px;
width:14px !important;
}
input.btn{
color:##414141;
font-size:12px;
font-weight:normal;
margin:0;
padding:3px 14px;
cursor:pointer;
border:0;
width:auto;
background:#F1F1F1;
border:1px solid #A7A9AC;
}
input.btn:hover{
background:#ddd;
}
#wrapper{
width:960px;
padding:0 4px;
margin:0 auto;
background:url(../img/images/wrapper-bg.gif) repeat-y 0 0;
}
#header{
padding:0 14px 8px 6px;
margin:0 -4px;
position:relative;
height:32px;
background:#0060AA;
background:#0060AA url(../img/images/header-bg.gif) repeat-y 0 0;
overflow:hidden;
}
#header h1#logo{
padding:0;
margin:7px 0 0;
width:230px;
height:25px;
float:right;
background:url(../img/images/logo-bg.gif) no-repeat 0 0;
border:none;
}
#header h1#logo a{
padding:0;
margin:0;
display:block;
width:230px;
height:25px;
}
#header h1#logo span{
display:none;
}
#menu{
padding:0;
margin:0;
list-style:none;
float:left;
overflow:hidden;
zoom:1;
}
#menu li{
padding:0;
margin:0;
float:left;
line-height:14px;
}
#menu li a{
padding:14px 12px 10px;
color:#E6E7E8;
font-size:12px;
display:block;
text-decoration:none;
font-weight:bold;
}
#menu li a:hover{
color:#FFF;
background:url(../img/images/menu-active.gif) no-repeat center 0;
}
#menu li.active a{
font-weight:bold;
background:url(../img/images/menu-active.gif) no-repeat center 0;
color:#FFF;
}
#holder{
padding:12px 10px 0 162px;
margin:0;
background:url(../img/images/holder-bg.jpg) no-repeat 1px 0;
min-height:600px;
height:auto !important;
height:600px;
}
#bd{
padding:6px 10px 6px 0;
margin:0 0 16px;
background:#E6E7E8 url(../img/images/bd-bg.gif) no-repeat 0 0;
list-style:none;
overflow:hidden;
zoom:1;
}
#bd li{
padding:0 14px 0 10px;
margin:0;
float:left;
white-space:nowrap;
background:url(../img/images/bd-bllt.gif) no-repeat right 6px;
}
#bd li a{
color:#0060A9;
font-size:12px;
}
#bd li a:hover{
color:#003964;
}
#bd li img{
vertical-align:middle;
}
#bd li.active{
background:none;
}
#bd li.active a{
color:#000;
}
#content{
padding:0;
margin:0 0 10px;
list-style:none;
width:590px;
float:right;
min-height:350px;
height:auto !important;
height:350px;
}
#content table{
border:0 none;
border-collapse:collapse;
margin:0 0 14px;
width:100%;
}
#content table tr.header td{
background:#DDD;
border:1px solid #CCC;
color:#555;
font-size:12px;
font-weight:bold;
padding:6px 8px;
text-align:left;
vertical-align:top;
}
#content table td{
border:1px solid #CCC;
font-size:12px;
padding:6px 8px;
text-align:left;
vertical-align:top;
}
#content .intro{
padding:10px 34px 2px 12px;
margin:0 0 14px;
background:#FFF003;
font-size:13px;
position:relative;
min-height:20px;
height:auto !important;
height:20px;
}
#content .intro .close{
padding:0;
margin:0;
width:15px;
height:15px;
background:url(../img/images/close-ico.gif) no-repeat 0 0;
position:absolute;
top:10px;
right:10px;
}
#content .intro .close a{
display:block;
width:15px;
height:15px;
}
#content .intro .close span{
display:none;
}
#content .intro .close a:hover{
background:url(../img/images/close-ico.gif) no-repeat 0 bottom;
}
#content .product-list{
padding:0;
margin:0;
list-style:none;
overflow:hidden;
zoom:1;
}
#content .product-list li{
padding:0;
margin:0 22px 20px 0;
width:276px;
height:226px;
border:4px solid #E6E7E8;
background:#E6E7E8;
float:left;
overflow:hidden;
zoom:1;
}
#content .product-list li.last{
margin-right:0;
}
#content .product-list li .image{
height:170px;
margin:0 0 4px;
overflow:hidden;
background-position:center 0;
background-repeat:no-repeat;
}
#content .product-list li .image a{
height:170px;
display:block;
overflow:hidden;
}
#content .product-list li .image a:hover{
border:2px solid #999;
height:164px;
}
#content .product-list li h3{
padding:0;
margin:0 0 4px;
color:#0060A9;
font-size:14px;
font-weight:normal;
line-height:18px;
overflow:hidden;
height:21px;
}
#content .product-list li h3{
color:#0060A9;
font-size:14px;
font-weight:normal;
}
#content .product-list li .bottom{
padding:0;
margin:0;
height:30px;
overflow:hidden;
zoom:1;
}
#content .product-list li .new-price{
padding:4px 6px;
margin:0 6px 0 0;
background:#FFF003;
float:left;
font-size:16px;
font-weight:bold;
}
#content .product-list li .new-price span{
font-size:12px;
}
#content .product-list li .old-price{
padding:6px 0 0;
margin:0;
float:left;
font-size:15px;
font-weight:bold;
text-decoration:line-through;
}
#content .product-list li .old-price span{
font-size:12px;
}
#content .product-list li .save-price{
padding:6px 2px 0 0;
margin:0;
float:right;
}
.sort-list{
padding:0;
margin:0 0 14px;
list-style:none;
overflow:hidden;
zoom:1;
}
.sort-list li{
padding:0 6px 0 0;
margin:0;
font-size:14px;
float:left;
}
.sort-list li a{
padding:0;
margin:0;
display:block;
}
.sort-list li.up a{
padding-right:20px;
margin-right:10px;
background:url(../img/images/up-ico.gif) no-repeat right 1px;
}
.sort-list li.down a{
padding-right:20px;
margin-right:10px;
background:url(../img/images/down-ico.gif) no-repeat right 1px;
}
.sort-list li.active a{
font-weight:bold;
}
.desription-list{
padding:0 0 4px;
margin:0;
list-style:none;
overflow:hidden;
zoom:1;
clear:both;
}
.desription-list li{
padding:0;
margin:0 0 20px;
overflow:hidden;
zoom:1;
}
.desription-list li .image{
background-position:center 0;
background-repeat:no-repeat;
width:171px;
height:104px;
margin:0 10px 4px 0;
overflow:hidden;
float:left;
}
.desription-list li .image a{
display:block;
border:2px solid #E6E7E8;
width:167px;
height:100px;
overflow:hidden;
}
.desription-list li .image a:hover{
border:2px solid #999;
}
.desription-list li .image img{
vertical-align:bottom;
}
.desription-list li .entry{
width:234px;
overflow:hidden;
float:left;
}
.desription-list li h3{
padding:0;
margin:0 0 10px;
color:#0060A9;
font-size:14px;
font-weight:normal;
line-height:16px;
}
.desription-list li h3 a{
color:#0060A9;
font-size:14px;
font-weight:normal;
}
.desription-list li p.open{
padding:0;
margin:0 0 8px;
color:#0060A9;
font-size:11px;
line-height:12px;
}
.desription-list li p.open a{
padding-right:8px;
color:#0060A9;
font-size:11px;
background:url(../img/images/open-ico.gif) no-repeat right 4px;
}
.desription-list li .price{
width:170px;
overflow:hidden;
float:right;
}
.desription-list li .price .new-price{
background:#FFF003;
float:right;
font-size:16px;
font-weight:bold;
margin:0 0 6px 6px;
padding:4px 6px;
}
.desription-list li .price .old-price{
float:right;
font-size:14px;
font-weight:normal;
margin:0;
padding:6px 0 6px;
text-decoration:line-through;
}
.desription-list li .new-price span, .desription-list li .old-price span{
font-size:12px;
}
.desription-list li .save-price{
clear:both;
text-align:right;
padding-right:6px;
}
#content .pager{
padding:0;
margin:0 0 10px;
list-style:none;
overflow:hidden;
zoom:1;
background:url(../img/images/pager-bg.gif) repeat-x 0 bottom;
text-align:center;
}
#content .pager li{
padding:0;
margin:0;
display:inline;
vertical-align:middle;
line-height:16px;
}
#content .pager li a{
padding:10px 8px;
display:inline-block;
text-decoration:none;
font-size:13px;
vertical-align:middle;
}
#content .pager li a:hover{
padding-bottom:6px;
border-bottom:4px solid #A7A9AC;
}
#content .pager li.active a{
border-bottom:4px solid #A7A9AC;
font-size:16px;
color:#000;
font-weight:bold;
padding:9px 10px 7px 10px;
}
#content .pager li.prev a{
background:url(../img/images/paging-prev.gif) no-repeat center 13px;
height:16px;
}
#content .pager li.prev a:hover{
height:16px;
background:url(../img/images/paging-prev.gif) no-repeat center 13px;
}
#content .pager li.next a{
background:url(../img/images/paging-next.gif) no-repeat center 13px;
height:16px;
}
#content .pager li.next a:hover{
height:16px;
background:url(../img/images/paging-next.gif) no-repeat center 13px;
}
#content .pager li.prev a span, .pager li.next a span{
display:none;
}
.open-image{
padding:0;
margin:0 20px 6px 0;
float:left;
text-align:center;
}
.open-image a{
display:block;
width:271px;
height:162px;
overflow:hidden;
border:2px solid #E6E7E8;
}
.open-image img{
vertical-align:bottom;
}
.open-image a:hover{
border:2px solid #999;
}
.open-prices{
overflow:hidden;
zoom:1;
}
.open-prices dl{
padding:0;
margin:0 0 10px;
overflow:hidden;
zoom:1;
}
.open-prices dt{
padding:2px 4px 2px 0;
margin:0;
font-size:18px;
width:120px;
float:left;
line-height:22px;
}
.open-prices dd{
padding:1px 6px 1px 6px;
margin:0;
font-size:24px;
width:120px;
float:left;
}
.open-prices dd span{
font-size:18px;
}
.open-prices dd.old-price{
text-decoration:line-through;
}
.open-prices dd.new-price{
background:#FFF003;
}
.open-prices .save-price{
padding:0;
margin:0 0 10px;
font-size:16px;
clear:both;
}
.print{
padding:2px 0 2px 20px;
margin:0 0 6px;
line-height:14px;
background:url(../img/images/print-ico.gif) no-repeat 0 2px;
}
.send{
padding:2px 0 2px 20px;
margin:0 0 6px;
line-height:14px;
background:url(../img/images/send-ico.gif) no-repeat 0 2px;
}
.friend{
padding:2px 0 2px 20px;
margin:0 0 6px;
line-height:14px;
background:url(../img/images/friend-ico.gif) no-repeat 0 2px;
}
.zoom{
padding:2px 0 2px 20px;
margin:0 0 14px;
line-height:14px;
background:url(../img/images/zoom-ico.gif) no-repeat 0 2px;
}
.back{
padding:0 0 0 10px;
margin:0 0 10px;
line-height:14px;
background:url(../img/images/back-ico.gif) no-repeat 0 4px;
}
.see-all{
padding:0 0 0 20px;
margin:0 0 10px;
font-size:14px;
background:url(../img/images/see-all-ico.gif) no-repeat 0 2px;
}
#sidebar{
padding:0;
margin:0;
width:180px;
float:left;
}
#sidebar .menu{
padding:0;
margin:0 0 14px;
list-style:none;
}
#sidebar .menu li{
padding:0;
margin:0;
}
#sidebar .menu li a{
padding:3px 10px 3px 16px;
margin:0;
display:block;
background:url(../img/images/bd-bllt.gif) no-repeat 6px 8px;
text-decoration:none;
zoom:1;
font-size:13px;
}
#sidebar .menu li.active a{
background:#FFF003 url(../img/images/bd-bllt.gif) no-repeat 6px 8px;
}
#sidebar .menu li a:hover{
background:#E2E2E2 url(../img/images/bd-bllt.gif) no-repeat 6px 8px;
}
#sidebar .last-visit{
padding:8px 10px;
margin:0 0 10px;
background:#E6E7E8;
}
#sidebar .last-visit h2{
padding:0;
margin:0 0 4px;
color:#000;
font-size:13px;
font-weight:normal;
line-height:14px;
}
#sidebar .last-visit ul{
padding:0;
margin:0;
list-style:none;
}
#sidebar .last-visit li{
padding:2px 0;
margin:0;
}
#sidebar .last-visit li a{
font-size:13px;
}
#footer{
width:940px;
padding:24px 14px 20px 14px;
margin:0 auto;
font-size:11px;
color:#333;
overflow:hidden;
background:url(../img/images/footer-bg.gif) no-repeat 0 0;
}
#footer ul{
padding:0;
margin:0;
list-style:none;
overflow:hidden;
zoom:1;
}
#footer ul li{
padding:0 10px;
margin:0;
float:left;
background:url(../img/images/footer-sep.gif) no-repeat 0 2px;
}
#footer ul li.first{
padding-left:0;
background:none;
}
#screen{
background:#222;
top:0;
height:100%;
left:0;
filter:alpha (opacity=50);
-moz-opacity:0.5;
opacity:0.5;
-khtml-opacity:0.5;
position:fixed;
width:100%;
}
#popup{
padding:14px 34px 14px 34px;
margin:0 0 0 -330px;
width:592px;
position:fixed;
top:110px;
left:50%;
background:#E6E7E8;
border:4px solid #777;
}
#popup .close{
margin:0;
padding:0;
width:15px;
height:15px;
position:absolute;
top:10px;
right:10px;
background:url(../img/images/pclose-ico.gif) no-repeat 0 0;
}
#popup .close a{
margin:0;
padding:0;
width:15px;
height:15px;
display:block;
}
#popup .close a:hover{
background:url(../img/images/pclose-ico.gif) no-repeat 0 bottom;
}
#popup .close span{
display:none;
}
#popup h1{
margin:0 0 8px;
}
#popup .print{
padding:2px 0 2px 20px;
margin:0 0 10px;
line-height:14px;
float:right;
background:url(../img/images/pprint-ico.gif) no-repeat 0 2px;
}
#popup .forma{
padding:0;
margin:0;
overflow:hidden;
zoom:1;
clear:both;
}
#popup .forma ul{
padding:0;
margin:0;
overflow:hidden;
zoom:1;
list-style:none;
}
#popup .forma ul li{
padding:6px 0;
margin:0;
overflow:hidden;
zoom:1;
}
#popup .forma ul li em{
color:#F00;
font-style:normal;
}
#popup .forma ul li label{
padding:2px 6px 0 0;
margin:0;
display:block;
float:left;
width:130px;
font-size:14px;
}
#popup .forma ul li input{
float:left;
margin:0 10px 0 0;
}
#popup .forma ul li textarea{
width:440px;
height:110px;
}
#popup .forma ul li.err textarea, #popup .forma ul li.err input{
border:1px solid #F00;
}
#popup .forma ul li p.error{
padding:3px 0 0 20px;
margin:0;
color:#F00;
float:left;
background:url(../img/images/error-ico.gif) no-repeat 0 4px;
}
#popup .forma ul li.bttns{
padding-left:136px;
}
#popup .forma ul li.bttns .link{
padding:3px 0 0;
}
#popup .ok{
padding:6px 10px 6px 30px;
margin:0 0 10px;
background:#FFF url(../img/images/ok-ico.gif) no-repeat 8px 7px;
border:2px solid #52CC14;
line-height:18px;
}