/* 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:underline; cursor:pointer; color:#666;}
a:hover, a:focus { text-decoration:none; color:#720006;}
: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;}
.blue { color:#00bfff;}
.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 #b6383d; text-align:center; font-family:Arial; color:#000; font-size:12px; position:relative; min-width:1025px}
.wrapper { text-align:left; width:1001px; margin:0 auto; position:relative;}
/*** header area ***/
#header { height:155px;}
#header .abs { border-bottom:1px solid #8b8c8f; height:100px;}
#logo { top:0; left:350px; z-index:9;}
#links { top:95px; right:0; z-index:8; width:425px;}
#links a { background:url(../images/nvDv.png) 100% 4px no-repeat; font-size:14px; display:block; float:left; color:#fff; height:30px; padding:20px 24px 3px 22px; text-decoration:none;}
#links a:hover, #links a:focus { color:#720006;}
#nav { background:url(../images/nav.jpg) no-repeat; font-size:14px; width:1001px; height:53px; top:95px; left:0; z-index:8;}
#nav li li, #nav li { margin:0; padding:0; /** qm omits **/}
#nav li a, .qmparent { background:url(../images/nvDv.png) 100% 4px no-repeat; display:block; float:left; color:#fff; height:30px; padding:20px 31px 3px 29px; text-decoration:none;}
#nav li a:hover, #nav li a:focus, .qmparent:focus, .qmparent:hover { color:#ffcc99;}
#nav li ul, .qmmc div { display:block; float:left; padding:0; margin:-2px 0 0 0; background:#000;}
#nav li li a, .qmmc div a { color:#fff; padding:5px 10px; display:block; min-width:110px; 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:#ffcc99;}
#social { top:50px; right:20px; z-index:7;}
#social .faceb { background:url(../images/ico_faceb.png) no-repeat;}
#social .tweet { background:url(../images/ico_tweet.png) no-repeat;}
#social .btn { width:45px; height:27px; text-indent:-1000px; margin-right:6px;}
#social .btn:hover, #social .btn:focus { background-position:0 -60px;}
#foreground { background:url(../images/overlay.png) no-repeat; width:100%; height:438px; top:0; left:0; position:absolute; z-index:0;}
#foreground2 { background:url(../images/overlay2.png) no-repeat; width:100%; height:480px; bottom:0; left:0; position:absolute; z-index:0;}
/*** body content area ***/
#mBody { line-height:16px;}
#imgHeader { margin:13px auto 0 auto;}
#search { background:url(../images/search.jpg) no-repeat; height:48px; position:relative; margin-bottom:8px;}
#search .form { top:11px; left:20px;}
#search .txt { width:145px; background:0; border:0; margin-right:3px; color:#ccc; font-size:12px; padding-top:4px; float:left;}
#search .btn { width:20px; text-indent:-1000px; cursor:pointer; background:0;}
#shopcart { top:12px; right:20px; color:#fff}
#shopcart a { color:#fff; text-decoration:none}
#shopcart a:hover, #shopcart a:focus { text-decoration:underline}
/*** home page ***/
.index #pageTitle { background:url(../images/heading.jpg) no-repeat; height:30px; padding:11px 0 0 30px;}
.index .mContent { background:none;}
.index .column .text { color:#fff}
.index .prodTitle { color:#ffcc99; font-size:18px;}
.index .tag { color:#ffcc99}
.index .text a { color:#fff;}
.index .imgHolder { background:url(../images/imgHolder2.png) no-repeat;}
.index .btn.cart { background:url(../images/btn_cart.gif) no-repeat;}
.index .btn.cart:hover, .index .btn.cart:focus { background-position:0 -60px}
#pageTitle { background:url(../images/heading.png) no-repeat; color:#fff; font-size:18px; height:33px; padding:27px 0 0 40px;}
.mContent { background:url(../images/mContent.png) repeat-y; padding:20px 0 0 15px; min-height:277px;}
.bottom { background:url(../images/mcBot.png) no-repeat; height:20px; margin-bottom:14px;}
.row { float:left; width:100%; margin-bottom:20px;}
.column { width:490px; float:left;}
/*** cart text ***/
.column .text { width:280px; float:left; padding-top:8px; color:#9f262a;}
.prodTitle { color:#9f262a; font-size:18px;}
.prodDesc { font-weight:bold;}
.tag { color:#9f262a}
.column .imgHolder { float:left; margin-right:16px;}
.imgHolder { background:url(../images/imgHolder.png) no-repeat; height:151px; width:181px; padding:4px 9px 9px 4px;}
.imgHolder .img { overflow:hidden; height:inherit; width:inherit;}
.btn.cart { background:url(../images/btn_cart.png) no-repeat; width:114px; height:23px; margin-right:1px; padding:0;}
.btn.like { background:url(../images/btn_like.png) no-repeat; width:47px; height:24px; padding:0;}
#newsletter { background:url(../images/newsletter.jpg) no-repeat; height:44px; position:relative; margin-bottom:12px;}
#newsletter .form { top:11px; left:270px;}
#newsletter .txt { width:162px; background:0; border:0; margin-right:10px; color:#999; font-size:12px; padding-top:4px}
#newsletter .btnTxt { background:0; border:0; color:#fff; cursor:pointer; text-decoration:underline; font-size:11px;}
#newsletter .btnTxt:hover, #newsletter .btnTxt:focus { text-decoration:none;}
#newsletter .stockist { right:5px; top:5px;}
#newsletter .stockist a { background:url(../images/btn_stockist.jpg) no-repeat; display:block; width:311px; height:34px;}
#newsletter .stockist a:hover, #newsletter .stockist a:focus { background-position:0 -60px}
.btn { background:url(../images/btn.png) 0 0 no-repeat; color:#d1d1d1; line-height:14px; float:left; width:193px; height:22px; font-size:12px; display:block; text-align:center; padding-top:8px;}
.btn:hover, .box .btn:focus { background-position:0 -60px; color:#fff; text-decoration:none}
input.btn { border:0;}
input.btn:hover, input.btn:focus { cursor:pointer;}
/*** footer ***/
#footer { background:url(../images/footerBg.jpg) repeat-x; color:#fff; position:relative;}
#footer .copyright { background:url(../images/footer.jpg) no-repeat; height:34px; width:961px; font-size:11px; margin:0 auto; padding:26px 20px 0 20px;}
#footer a { color:#fff; text-decoration:none;}
#footer a:hover, #footer a:focus { text-decoration:underline;}
.mContent .subtitle, .mContent h1, .mContent h2 { margin-bottom:10px; font-size:30px; color:#2c2828}
.mContent h2 { font-size:24px;}
.mContent ul { margin-bottom:10px; padding-left:20px;}