/* Author : Patrick Sy */
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,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;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus { outline:0;}
body { line-height:1;}
/* ol, ul { list-style:none;} */
table { border-collapse:separate; border-spacing:0;}
caption, th, td { text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after { content:"";}
blockquote, q { quotes:"" "";}
/*** font styles ***/
a,h1,h2,h3,h4,h5,h6,p,pre,table,th,td,label,li,input,textarea,select,blockquote,code,dt,dd {}
a { text-decoration:none; cursor:pointer; color:#cc0000;}
a:hover, a:focus { text-decoration:none; color:#e68a00;}
:focus { outline:0;}
h1,h2,h3 {}
p,strong,li,label,pre,table,th,tr,td,tbody,tfoot,thead,blockquote,code {}
em { font-style:italic;}
strong { font-weight:bold;}
img { vertical-align:top;}
/* ol li { list-style:decimal inside;} */
span.break { display:block; margin-bottom:22px;}
.red { color:#cc0000;}
.blue { color:#006699;}
.alignLeft { float:left;}
.alignRight { float:right;}
.caps { text-transform:uppercase;}
.abs div { position:absolute;}
.clr { height:0; clear:both;}
/*** general ***/
body { background:url(../images/bg.gif) #fff; text-align:center; font-size:12px; font-family:Arial, Trebuchet MS; color:#000; position:relative;}
.wrapper { width:1026px; padding:0 11px; text-align:left; margin:0 auto; position:relative;}
#wrap { background:url(../images/mContent.gif) repeat-y; width:1048px; margin:0 auto;}
#header .wrapper { background:url(../images/header.gif) no-repeat; height:380px;}
#logo { top:0; left:16px; z-index:2; display:block;}
#tagLine { top:0; left:228px; z-index:3;}
#shopCart { background:url(../images/cartBg.gif) repeat-x; z-index:2; width:280px; height:135px; right:19px; top:0; color:#fff; padding:32px 0 0 56px;}
#shopCart .btn { background:url(../images/btn.png) no-repeat; display:block; float:left; margin-right:3px; width:108px; height:15px; color:#fff; padding-top:3px; text-align:center; font-size:10px; font-weight:bold;}
#shopCart .btn:hover, #shopCart .btn:focus { background-position:0 -30px;}
#cartIcon { right:10px; top:63px;}
#login { top:127px; right:19px; width:300px; height:27px; padding:13px 37px 0 0; text-align:right; z-index:3; color:#fff;}
#login a { color:#fff;}
#login a:hover, #login a:focus { text-decoration:underline}
#mBody .wrapper { background:url(../images/mBot.gif) 0 100% no-repeat; min-height:320px; margin-top:-140px; padding-bottom:11px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { #mBody {}}
#sidebar { width:205px; float:left; padding:0 10px 0 11px; font-size:11px;}
.subtitle { background:url(../images/subtitleR.gif) repeat-x; height:17px; padding:10px 0 0 24px; display:block; color:#fff;}
.box { background:url(../images/nvBot.gif) 0 100% no-repeat #1a1a1a; padding-bottom:10px;}
.box .text { padding:6px 10px;}
.box select { width:100%; color:#999; font-size:12px;}
#mContent { width:786px; float:left; padding:0 0 0 7px; margin-top:-66px;}
#imgHeader { background:url(../images/imgShade.png) 50% 100% no-repeat; padding-bottom:21px; margin-bottom:7px; height:281px;}
#latest { width:485px; float:left; margin-right:2px;}
#latest .text { padding-top:11px;}
#latest .prodHolder { width:138px; float:left; padding:7px 11px 0 12px; position:relative;}
#latest .prodHolder .title { color:#ff9900; font-weight:bold; margin-bottom:10px;}
#latest .prodHolder .imgWrap { height:136px;}
#latest .prodHolder .imgWrap img { border:1px solid #ccc;}
#latest .prodHolder .btn { background:url(../images/btn_add_cart.gif) 100% 100% no-repeat; padding-bottom:16px; display:block;}
#latest .prodHolder .btn:hover, #latest .prodHolder .btn:focus { background-position:100% 138px;}
#specials { width:299px; float:left; position:relative;}
#specials .maintitle { background:url(../images/titleR.gif) repeat-x;}
#specials .text { padding:11px 110px 0 15px; line-height:14px; position:relative;}
#specials .text .title { font-size:14px; font-weight:bold;}
#specials .imgWrap { position:absolute; top:38px; right:0;}
#indexRow { background:url(../images/indexRow.gif) repeat-y #fff; float:left; min-height:230px; clear:both;}
.maintitle { background:url(../images/titleB.gif) repeat-x; height:21px; padding:7px 0 0 20px; display:block; color:#fff; font-size:14px;}
#footer { background:#000; padding:0 11px; width:1026px; margin:0 auto; font-size:11px; color:#fff; clear:both;}
#footer .wrapper { background:url(../images/footer.gif) repeat-x; padding:0; height:249px;}
#footer #links { padding:28px 11px 0 11px; position:relative;}
#footer #links .cols { float:left; width:200px; height:147px; margin-right:5px; padding:20px 10px 0 30px; background:url(../images/footDv.png) 100% 0 no-repeat;}
#footer .boxes li { list-style:url(../images/tab.png); margin:12px 0 0 15px;}
#footer .boxes li a { display:block;}
#footer #links .last { background:none;}
#footer #links #info { text-align:right; position:absolute; width:250px; right:0; padding:32px 30px 0 0;}
#footer #social img { vertical-align:middle; margin:0 0 0 8px;}
#footer #info img { margin-bottom:12px;}
#footer #copyright { font-size:12px; padding:18px 32px 0 32px; clear:both;}
#footer a { color:#fff;}
#footer a:hover, #footer a:focus { text-decoration:underline;}
/*** inside template ***/
#mContent .inside { padding:6px; background:#fff; float:left;}
.inside .maintitle { padding-bottom:5px; border-bottom:1px solid #ccc; position:relative; width:752px;}
.inside .paginate { background:#cc0000; top:0; right:0; height:21px; padding:3px 0; position:absolute; float:left;}
.inside .paginate a { background:url(../images/paginateDv.gif) 100% 0 no-repeat; display:block; float:left; padding:6px 14px 0 12px; height:15px; font-size:9px; color:#fff;}
.inside .paginate a.reverse, .inside .paginate a:hover, .inside .paginate a:focus { color:#000;}
.inside .paginate a.reverse:hover, .inside .paginate a.reverse:focus { color:#fff;}
.inside .paginate a:hover, .inside .paginate a:focus { text-decoration:underline;}
.inside .cartRow { padding:6px; border:1px solid #ccc; border-width:0 1px 1px 1px; float:left;}
.inside .cartRow div { float:left;}
.inside .cartImg { width:150px;}
.inside .cartDesc { color:#333; font-size:11px; width:240px;}
.cartDesc .title { color:#000; font-weight:bold;}
.cartDesc .stars { display:block; float:right; margin-right:10px;}
.inside .cartTag, .inside .cartPrice { width:184px; text-align:center; padding-top:30px;}
.inside .cartPrice a { font-size:10px;}
.inside .cartPrice .btn { background:url(../images/btn_buy.gif) 0 0 no-repeat; width:61px; height:22px; display:block; float:left; text-indent:-1000px;}
.inside .cartPrice .btn:hover, .inside .cartPrice .btn:focus { background-position:0 -40px;}
.inside .cartPrice .itemPrice { font-size:20px; color:#cc0000; float:left; width:90px; display:block; text-align:right; padding-right:10px;}
.inside .paging { background:url(../images/titleB.gif) repeat-x; height:19px; padding:9px 0 0 20px; margin-top:30px; display:block; color:#fff; font-size:10px; position:relative; float:left; width:752px;}