/* 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:#cc6600;}
a:hover, a:focus { text-decoration:none; color:#fff;}
: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;}
.brown { color:#cc6600;}
.rel { position:relative;}
.alignLeft { float:left;}
.alignRight { float:right;}
.caps { text-transform:uppercase;}
.abs div { position:absolute;}
.clr { height:0; clear:both; line-height:0px;}
/*** general ***/
body { background:url(../images/bg.jpg) repeat-x #300c00; text-align:center; font-family:Arial; color:#fff; font-size:12px; position:relative; min-width:1025px}
#wrapper { width:1000px; text-align:left; margin:0 auto; position:relative; margin-top:27px;}
#header { background:url(../images/mBody.png) 0 100% no-repeat; padding-bottom:21px;}
#logo { top:140px; right:70px; z-index:7; position:absolute;}
#nav { background:url(../images/nav.png) no-repeat; font-size:12px; font-family:Georgia; width:100%; z-index:9; height:38px;}
#nav li a, .qmparent { background:url(../images/nvDv.png) 100% 0 no-repeat; display:block; float:left; width:160px; height:24px; text-align:center;padding:12px 20px 0 20px; color:#cc9966; text-decoration:none;}
#nav li a:hover, #nav li a:focus, .qmparent:focus, .qmparent:hover { background-color:#000; color:#fff;}
#nav li ul, .qmmc div { display:block; padding:0; margin:0 0 0 0; background:#000;}
#nav li li a, .qmmc div a { color:#fff; padding:10px 15px 10px 30px; display:block; min-width:154px; border-bottom:1px solid #0f0f0f; text-decoration:none}
#nav li li a:hover, #nav li li a:focus, .qmmc div a:hover, .qmmc div a:focus { color:#fff; background:#100400;}
#imgHeader { padding:5px; background:#300c00; border:1px solid #996633;}
#imgHead {}
#imgHead .imgs { padding:5px; background:#300c00; border:1px solid #996633; float:left; margin:1px 2px 1px 0;}
#imgHead .imgs.last { margin-right:0;}
#mBody { background:url(../images/mContent.png) 50% 0 repeat-y; padding:0 9px; margin-top:-12px; z-index:2; position:relative;}
/*** left side ***/
.sidebar { float:left; width:268px; color:#fff; background:url(../images/sidebar.jpg) 0 100% no-repeat;}
#search { background:url(../images/search.png) no-repeat; width:268px; height:31px; padding:14px 0 0 26px;}
#search .txt { float:left; width:190px; margin-right:10px; color:#999; font-size:12px; background:none; border:0;}
#search .btn { width:26px;}
.sidebar .title { background:url(../images/sb_title.png) no-repeat; height:20px; padding:8px 0 0 14px; font-family:Georgia;}
#shopmenu { font-family:Georgia;}
#shopmenu li { background:url(../images/nvDv.gif) 0 100% no-repeat; display:block;}
#shopmenu li a { background:url(../images/menu.png) no-repeat; display:block; height:22px; padding:11px 0 0 50px; color:#fff}
#shopmenu li a:hover, #shopmenu li a:focus { background-position:0 -70px;}
#cartbox { background:url(../images/sb_cart.png) 0 100% no-repeat; height:68px;}
#cartbox .btns { padding:12px 10px; text-align:center}
#cartbox a { color:#fff;}
#cartbox a:hover, #cartbox a:focus { text-decoration:underline;}
#loginmenu { background:url(../images/login_btns.png) no-repeat; height:77px; margin-top:-2px; padding-top:5px;}
#loginmenu .one { background:url(../images/btn_login1.png) no-repeat;}
#loginmenu .two { background:url(../images/btn_login2.png) no-repeat;}
#loginmenu .thr { background:url(../images/btn_login3.png) no-repeat;}
#loginmenu .btn { color:#fff; height:22px; width:213px; padding:0; margin:0 auto 3px auto; text-indent:-2000px}
#loginmenu .btn:hover, #loginmenu .btn:focus { background-position:0 -60px;}
#stockist { background:url(../images/btn_stockist.png) no-repeat; height:57px; width:100%; display:block;}
#stockist:hover, #stockist:focus { background-position:0 -100px}
#newsletter { background:url(../images/newsletter.png) no-repeat; height:80px; padding:65px 18px 0 32px;}
#newsletter .txt { width:186px; background:0; border:0; margin:0 5px 5px 0; color:#999; font-size:12px; font-family:Tahoma; padding:4px 0 0 8px; float:left;}
#newsletter .txtbtn { clear:both; padding:10px 20px 0 0; text-align:right;}
#newsletter .txtbtn input { background:url(../images/ico_mail.png) 0 2px no-repeat; border:0; padding-left:18px; font-size:12px; cursor:pointer; color:#fff;}
#newsletter .txtbtn input:hover, #newsletter .txtbtn input:focus { text-decoration:underline;}
/*** main content area ***/
.mContent { float:left; width:701px; margin:0 0 3px 8px;}
/*** cart items ***/
.row { float:left; clear:both;}
.box { background:url(../images/box_top.png) no-repeat #5f1800; margin:0 1px 4px 3px; width:229px; float:left;}
.box .imgHolder { overflow:hidden; height:inherit; width:210px; min-height:180px; margin:9px;}
.box .text { padding:0 10px; text-align:center; font-size:12px;}
.box .prodTitle { margin-bottom:6px; font-size:14px;}
.box .prodPrice { margin:0; font-weight:bold;}
.box .btns { background:url(../images/box_bot.png) 0 100% no-repeat; padding:33px 0 0 100px; height:26px; position:relative;}
.box .cartBtn { height:13px; color:#fff; text-decoration:none; font-weight:bold; margin-right:28px;}
.box .similar { text-decoration:underline;}
.mContent .box a:hover, .mContent .box a:focus { text-decoration:underline;}
.btn.like { background:url(../images/btn_like.png) no-repeat; width:47px; height:24px; position:absolute; bottom:8px; left:40px; padding:0; margin:0;}
.heading { background:url(../images/heading.png) repeat-x; height:21px; padding:5px 0 0 14px; margin-bottom:3px; clear:both;}
.mContent .heading * { font-size:14px; color:#8c5a19; font-family:Georgia;}
.btn { background:url(../images/btn.png) 0 0 no-repeat; color:#66a4d3; line-height:14px; width:177px; height:21px; font-size:12px; display:block; text-align:center; padding-top:7px; margin:2px auto 0 auto;}
.btn:hover, .btn:focus { background-position:0 -60px; color:#fff; text-decoration:none}
input.btn { border:0; margin:0; padding:0; background:0;}
input.btn:hover, input.btn:focus { cursor:pointer;}
/*** footer ***/
#footer { background:url(../images/footerLoop.jpg) repeat-x; color:#a47e51; font-size:12px; position:relative;}
#footer .wrapper { background:url(../images/footer.jpg) no-repeat; width:960px; height:85px; margin:0 auto; padding:45px 20px 0 20px; z-index:2; position:relative;}
#footer a { color:#a47e51; text-decoration:none;}
#footer a:hover, #footer a:focus { text-decoration:underline;}
#social { top:29px; right:122px;}
#social .faceb { background:url(../images/ico_faceb.png) no-repeat;}
#social .tweet { background:url(../images/ico_tweet.png) no-repeat;}
#social .btn { width:40px; height:41px; text-indent:-1000px; margin:0 2px 0 0; display:block; float:left;}
#social .btn:hover, #social .btn:focus { background-position:0 -100px;}
#ring { bottom:18px; right:-14px;}
.mContent .subtitle, .mContent h1, .mContent h2 { margin-bottom:10px; font-size:26px; color:#004275; font-family:Georgia;}
.mContent h2 { font-size:22px;}
.mContent .text ul { margin-bottom:10px; padding-left:20px;}
.mContent a {}
.mContent a:hover, .mContent a:focus {}