/* 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:#4eb009;}
a:hover, a:focus { text-decoration:none; color:#3a97f4;}
: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;}
.green { color:#9abb50;}
.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.png) repeat-x #f3f2ef; text-align:center; font-family:Arial; color:#333; font-size:15px; position:relative;}
.wrapper { background:url(../images/sideBg.png) 50% 0 repeat-y; width:960px; text-align:left; margin:0 auto; position:relative;}
#wrapper { background:url(../images/wineBg.jpg) no-repeat; padding-top:25px;}
#header .wrapper { background:url(../images/header.png) no-repeat; width:966px; height:157px; z-index:3; position:relative;}
#logo { top:15px; left:30px; z-index:7; position:relative;}
#cartItem { color:#4eb009; top:78px; font-size:12px; right:36px; z-index:8; text-align:right}
#search { background:url(../images/search.png) no-repeat; width:230px; height:23px; padding:6px 0 0 8px; top:32px; right:36px; z-index:8;}
#search .txt { float:left; width:198px; margin-right:8px; color:#ad4655; font-size:12px; background:none; border:0;}
#search .btn { width:20px;}
#nav { background:url(../images/nvBg.png) repeat-x; font-size:12px; top:118px; left:10px; width:960px; font-family:Tahoma; height:39px; z-index:9;}
#nav li a, .qmparent { background:url(../images/nav.png) 0 100px repeat-x; display:block; margin:0 2px; float:left; text-align:center; color:#fff; text-decoration:none; position:relative}
#nav li a:hover, #nav li a:focus, .qmparent:focus, .qmparent:hover { color:#fff;}
#nav li ul, .qmmc div { display:block; padding:0; margin:2px 0 0 0; background:#b50937; border:1px solid #80000c;}
#nav li li a, .qmmc div a { color:#fff; padding:11px 15px; display:block; min-width:165px; border-bottom:1px solid #80000c; text-decoration:none}
#nav li li a:hover, #nav li li a:focus, .qmmc div a:hover, .qmmc div a:focus { background:#d72077; color:#fff;}
.qmparent:hover span, .qmparent:focus span, .qmparent:focus, #nav li a:hover, #nav li a.current, .qmparent:hover, .qmparent.current span, .current { background-position:0 0;}
.qmparent:hover .tab, .qmparent:focus .tab, .qmparent.current .tab { background-position:100% 0px;}
.qmparent span { background:url(../images/nvL.png) 0 100px no-repeat; display:block; padding:8px 14px 0 14px; height:21px; float:left; position:relative;}
.qmparent .tab { background:url(../images/nvR.png) 100% 100px no-repeat; width:10px; height:29px; display:block; padding:0; top:0; right:0; position:absolute;}
#mBody { background:url(../images/bg_bot.png) 0 100% repeat-x; line-height:18px; z-index:2; position:relative;}
#mBody .wrapper { background:url(../images/mContent.png) repeat-y;}
#mBody .wrap { background:url(../images/mBot.png) 0 100% no-repeat; min-height:720px; margin:4px 0 9px 0}
.sidebar { width:246px; float:left;}
.sidebar .title, .sidebar .subtitle { background:url(../images/sb_title.png) no-repeat; font-size:19px; font-family:Trebuchet MS; color:#fff; height:28px; padding:14px 0 0 23px; margin-top:6px;}
.sidebar .subtitle { background:url(../images/sb_title2.png) no-repeat; margin:0;}
.sidebar .box { background:url(../images/sb.png) repeat-y; color:#fff; padding:32px 28px; font-size:12px;}
#member { background:url(../images/member.png) no-repeat; width:246px; height:283px; position:relative;}
#member .form { top:134px; left:40px; position:absolute;}
#member .txt { width:162px; background:0; border:0; color:#999; margin-bottom:8px; font-size:12px; font-family:Arial; padding:4px 4px 0 4px;}
#member .btnTxt { display:block; height:24px; background:none; border:0; color:#fff; font-size:14px; cursor:pointer; position:absolute; bottom:-88px; left:34px;}
#member #forget { bottom:-50px; left:0; font-size:12px; color:#fff; position:absolute; text-decoration:underline;}
#member .btnTxt:hover, #member .btnTxt:focus, #member #forget:hover, #member #forget:focus { text-decoration:underline;}
#newsletter {}
#newsletter .txt { width:186px; margin-bottom:5px; color:#999; font-size:12px; font-family:Arial; padding:2px 4px;}
#newsletter .btn { background:none; border:0; color:#fff;}
#newsletter .btn:hover, #newsletter .btn:focus { text-decoration:underline;}
#social { position:relative}
#social .faceb { background:url(../images/ico_faceb.png) no-repeat; bottom:48px; left:60px;}
#social .tweet { background:url(../images/ico_tweet.png) no-repeat; bottom:60px; left:130px;}
#social .ytube { background:url(../images/ico_ytube.png) no-repeat; bottom:70px; left:100px;}
#social .btn { width:50px; height:50px; text-indent:-2000px; display:block; position:absolute;}
#social .btn:hover, #social .btn:focus { background-position:0 -80px;}
/*** main content area ***/
.mContent { background:url(../images/mTop.png) no-repeat; width:663px; float:left; margin:0 0 0 9px; padding:21px;}
#imgHeader {}
.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 ***/
#mBody #footer .wrapper { background:url(../images/footer.png) no-repeat; height:46px; width:900px; padding:20px 30px 0 30px; min-height:0; text-align:center; color:#db849c; font-size:11px; position:relative;}
#footer a { color:#db849c; text-decoration:none;}
#footer a:hover, #footer a:focus { text-decoration:underline;}
/*** typo ***/
.mContent h1, .mContent h2 { font-size:29px; color:#4f452e; line-height:29px;}
.mContent h2 { font-size:23px; line-height:23px;}
.mContent h3, .mContent h4 { font-size:19px; margin:0;}
.mContent h4 { font-size:17px;}
.mContent h5, .mContent h6, .mContent p { font-size:15px; margin:0;}
.mContent ul { padding-left:30px;}
.mContent li { font-size:15px;}
.mContent blockquote { display:block; text-align:center; font-size:17px; font-family:Tahoma}
.mContent a { text-decoration:underline;}
.mContent a:hover, .mContent a:focus {}