*{margin:0;padding:0;}
body{font:normal 11px Arial,Helvetica,sans-serif;color:#333;}
img{border:none;}
input,select{color:#555;font-family:Arial, Helvetica, sans-serif;}
a{text-decoration:none;color:#0066CC;cursor:pointer;}
a:hover{color:#FF6600;text-decoration:underline;}

.clearfix:after{content: ".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}

.small{font-size:10px;color:#666666;}

/* Header */
#page{width:918px;margin:0 auto;}
#toppage{position:relative;height:33px;}
#toppgup{height:20px;padding:3px 0 1px;}
h1 {position:absolute;height:42px;}
#toppgr{position:absolute;right:0px;top:35px;z-index:10;}
#toppgr a{display:block;width:38px;height:21px;float:left;margin-left:3px;}
#toppgr .id{background-position:0 -328px;}
#toppgr .in{background-position:0 -306px;}
.basketcnt1 {background-color:#b3ceed;padding:1px 4px;font:bold 11px Arial}
.basketcnt2 {background-color:#edbd79;padding:1px 4px;font:bold 11px Arial}

#searchbar .l,#searchbar .r,.idblue .l,.idblue .r,.idorng .l,.idorng .r,.tabmenu li .l,.tabmenu li .r,#searchbar .inputshadow .l,#searchbar .inputshadow .r,h3,h4,h5,#left .cat ul li a,.nhd u,.nhd i,.sstl,.sstr,.ssbl,.ssbr,#toppgr a,#ssbot .a1,#bc .l,#bc .r,#bc span,#bc .home,.pdtab .l,.pdtab .r,.inq-btn .l,.inq-btn .r,.y-btn .offer,.cart,.im .current,.pdslidebtn,.hbimg{background:url(images/no-repeat2.png) no-repeat;}

#searchbar .m,#cattab a,.idblue,.idorng,.pdborder,.pdisi,.tabmenu li .m,#searchbar .inputshadow .m,.inputshadow .srcbut,#bc .m,.pdtab .m,.inq-btn .m,.y-btn,.paging .nextprev{background:url(images/repeat-x.gif) repeat-x;}

.headr a{color:#000}
.hbimg{background-position:0px -475px;width:20px;height:12px;display:inline-block;font-size:0;padding:-3px 0 0;}

#cattab{height:30px;top:1px;list-style:none;left:275px;float:left;position:relative;}
#cattab a{float:left;border-style:solid;color:#FFF;border-color:#3776A2 #3776A2 #fff #72B0DD;font:bold 12px Arial,Helvetica,sans-serif;line-height:28px;border-width:1px 1px 0px 1px;padding:0 20px;text-shadow:1px 1px 1px #284160;}
#cattab a:hover{text-decoration:none;color:#DFD;}
#cattab a.current{border-color:#CCC #CCC #fff #e1e1e1;background:#FFF;text-shadow:none;color:#505050;border-bottom-width:1px;line-height:28.3px;}
#cattab a.current:hover{color:#000;}

.srcbut{border:#3776A2 solid 1px;color:#FFF;font:bold 11.5px Arial;background-position:0 -5px;padding:1px 9px;height:22px;margin-top:0;text-shadow:1px 1px 1px #284160;}
.srcbut:hover{color:#DFD;}
#searchbar{height:33px;margin:0 auto 5px;width:1000px;}
#searchbar div{height:33px;float:left;}
#searchbar .l{width:3px;}
#searchbar .m{width:908px;border:#E1E1E1 solid;border-width:1px 0;height:27px;background:#fff;padding:4px 2px 0 2px;overflow:hidden;}
#searchbar .m{height:33px;}
#searchbar .r{width:3px;background-position:-3px 0;}
#searchbar .select-container{float:none;}
#searchbar .i,#searchbar select{background-color:transparent;border:0;margin-top:4px;width:100%;}
#searchbar .i{margin:5px 0 0;}
#searchbar .inputshadow{height:22px;margin-right:5px;}
#searchbar .inputshadow span{border:none;padding:0;float:left;height:22px;}
#searchbar .inputshadow .l{width:3px;background-position:0 -33px;}
#searchbar .inputshadow .r{width:2px;background-position:-2px -33px;}
#searchbar .inputshadow .m{background-position:0 -597px;}
.withcsc {height:22px;padding:5px 5px;}
/* Header End */

.y-btn{height:22px;text-align:center;display:inline-block;background-position:0 -760px;line-height:22px;border:#CCC solid 1px;}
.y-btn:hover{background-position:0 -738px;}
.y-btn a{color:#333;font-weight:bold;display:block;padding:0 5px 0 33px;background:url(images/no-repeat.gif) no-repeat -11px -365px;}
.y-btn a:hover{text-decoration:none;}
.y-btn .offer{display:block;padding:0 5px 0 33px;background-position:-11px -365px;}

.paging{text-align:center;margin-top:10px;font:bold 14px/16px "Trebuchet MS";}
.paging div,.paging span,.paging a{display:inline-block;display:-moz-inline-box;}
.paging div{max-width:720px;overflow:hidden;vertical-align:top;}
.paging span,.paging a{padding:1px 6px;margin:0 3px 5px 3px;}
.paging span{color:#FFF;background:#DDD;}
.paging span.active{color:#333;}
.paging .nextprev{background-position:0 -782px;}
.paging .nextprev:hover{color:#036;text-decoration:none;}
.paging a{color:#333;}
.paging a:hover{background:#DDD;text-decoration:none;}

.medal{vertical-align:middle;margin:0 2px;}
.medal2{float:left;margin:0 5px 5px 0;}

.pdtab{position:relative;list-style:none;margin-top:5px;top:1px;display:inline-block;height:33px;}
.pdtab li{float:left;margin-right:1px;cursor:pointer;}
.pdtab span{display:block;float:left;height:33px;width:9px;font-weight:bold;line-height:33px;}
.pdtab .l{background-position:0 -126px;}
.pdtab .r{background-position:-9px -126px;}
.pdtab .m{width:auto;padding:0 3px;background-position:0 -685px;}
.pdtab li.active .l{background-position:0 -93px;}
.pdtab li.active .m{background-position:0 -650px;}
.pdtab li.active .r{background-position:-9px -93px;}
.pdtab a{color:#555;}
.tabcontent{border:#DDD solid 1px;padding:10px;}
.pgd1,.pgd2{font-weight:bold;padding:0 0 2px;color:#666;}

/* Footer */
#footer{margin:10px auto 0;}
.foot1{text-align:center;padding:10px 0;width:918px;font-size:11px;background-color:#F7F7F7;border-top:#ccc solid 1px;border-bottom:#ccc solid 1px;margin:auto;}
.foot2{margin:5px auto 0;padding:0 5px;}
.foot2 a,.foot3 a{color:#333;}
.foot3{text-align:center;padding:10px 0;width:918px;color:#777;margin:auto;}
/* Footer End */

@media only screen and (min-width:240px) and (max-width:480px){
 .foot1{text-align:center;padding:10px 0;width:98%;font-size:11px;background-color:#F7F7F7;border-top:#ccc solid 1px;border-bottom:#ccc solid 1px;margin:auto;}
}
@media only screen and (min-width:240px) and (max-width:768px){
 #cattab{height:0}
 #page{width:100%;margin:0 auto;}
 #toppage{height:50px;}
 #searchbar{width:100%;margin-bottom:0 auto 0px;}
 #searchbar #searchbox{width:95%;}
 #searchbar .srcbar0{width:70%;}
 #cattab{left:0;float:none;}
 #cattab a.cattab1,#cattab a.cattab2,#cattab a.cattab3,
 #searchbar .srcbar1,#searchbar .srcbar2,#searchbar .srcbar3,#rss{display:none;}
}
@media only screen and (min-width:240px) and (max-width:960px){
}
@media only screen and (min-width:240px) and (max-width:1024px){
 #page{width:98%;margin:0 auto;}
 #footer{margin:10px auto 0;width:100%;}
 .foot1{text-align:center;padding:10px 0;width:100%;font-size:11px;background-color:#F7F7F7;border-top:#ccc solid 1px;border-bottom:#ccc solid 1px;margin:auto;}
 .foot3{text-align:center;padding:10px 0;width:100%;color:#777;margin:auto;}
}

@media only screen and (min-width:480px) and (max-width:768px){}
@media only screen and (min-width:480px) and (max-width:960px){}
@media only screen and (min-width:768px) and (max-width:960px){}