/* 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:#fff;}
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) 50% 0 no-repeat #000; text-align:center; font-family:Arial; color:#333; font-size:12px; position:relative; min-width:1025px}
#wrapper { background:url(../images/footer.png) 0 100% repeat-x;}
.wrapper { width:995px; text-align:left; margin:0 auto; position:relative;}

/*** header area ***/
#header { background:url(../images/header.jpg) 50% 0 no-repeat;}
#header .abs { height:142px;}
	#logo { top:24px; left:68px; z-index:9;}
	#nav { background:url(../images/nav.png) no-repeat; font-size:12px; width:660px; height:42px; top:24px; left:305px; z-index:8; padding-left:30px}
		#nav li li, #nav li { margin:0; padding:0; /** qm omits **/}
		#nav li a, .qmparent { background:url(../images/nvDv.png) 100% 0 no-repeat; display:block; float:left; color:#fff; height:28px; padding:14px 36px 0 34px; text-decoration:none;}
		#nav li a:hover, #nav li a:focus, .qmparent:focus, .qmparent:hover { color:#d76900;}
		#nav li ul, .qmmc div { display:block; float:left; padding:0; margin: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:#d76900;}
	#imgHeader { min-height:310px; margin:0 auto; width:995px; position:relative;}
		#imgHeader .imgHolder { background:url(../images/imgHeader.png) 0 50% no-repeat; float:left; padding:3px 9px 0 11px; margin:0 25px; width:290px; height:296px;}
			.btn_details { background:url(../images/btn_details.png) no-repeat; right:280px; bottom:16px; width:224px; height:73px; display:block; text-indent:-1000px; position:absolute;}
			.btn_stockist { background:url(../images/btn_stockist.png) no-repeat; right:0; bottom:28px; width:224px; height:50px; display:block; text-indent:-1000px; position:absolute;}
				.abs .btn_stockist { bottom:0;}
			.btn_details:hover, .btn_details:focus, .btn_stockist:hover, .btn_stockist:focus { background-position:0 -100px;}
		#imgHeader .text { float:left; width:380px; color:#fff; text-align:left; font-size:14px; line-height:22px;}
			#imgHeader .title { font-size:40px; font-family:Tahoma}
			#imgHeader .price { font-size:20px; font-family:Tahoma; float:right; margin-right:65px;}
		#imgHeader .thumbs { float:left; width:220px; padding:40px 0 0 12px; margin-left:20px;}
			#imgHeader .imgWrap { float:left; background:url(../images/imgWrap.jpg) no-repeat; width:87px; height:87px; margin-left:12px; overflow:hidden; padding:1px;}
		#imgHeader a { color:#fff;}
		#imgHeader a:hover, #imgHeader a:focus { text-decoration:underline}
	
	#search { background:url(../images/heading.png) no-repeat; height:42px; margin-bottom:7px; color:#fff; font-family:Tahoma}
		#search .text { float:left; padding:12px 0 0 30px;}
			#search a:hover, #search a:focus { color:#fff; text-decoration:underline}
		#search .form { background:url(../images/search.png) no-repeat; float:right; width:251px; height:34px; padding:8px 8px 0 0;}
			#search .txt { width:200px; background:0; border:0; margin-right:3px; color:#999; font-size:12px; font-family:Tahoma; padding:6px 0 0 8px; float:left;}
			#search .btn { text-indent:-1000px; width:40px; height:24px; background:none; border:0;}
	
	#newsletter { background:url(../images/heading.png) no-repeat; height:42px;}
		#newsletter .form { background:url(../images/newsletter.png) no-repeat; float:left; padding:8px 8px 0 123px; margin-left:20px;}
			#newsletter .txt { width:140px; background:0; border:0; margin-right:5px; color:#999; font-size:12px; font-family:Tahoma; padding:4px 0 0 8px; float:left;}
			#newsletter .btn { text-indent:-1000px; width:40px; height:24px; background:none; border:0;}
		#newsletter #social { float:right; width:80px; padding:4px 10px 0 0;}
			#social .faceb { background:url(../images/ico_faceb.png) no-repeat;}
			#social .tweet { background:url(../images/ico_tweet.png) no-repeat;}
			#social .btn { width:34px; height:34px; text-indent:-1000px; margin-right:4px; display:block;}
			#social .btn:hover, #social .btn:focus { background-position:0 -60px;}


/*** body content area ***/
#mBody { line-height:16px;}
	
	/*** middle content area ***/
	.mContent .title, .mContent .title * { font-size:12px; color:#00ffff;}
	
	.row { float:left; clear:both;}
		.row .column { width:331px;}
	.column { float:left; width:321px;}
		/*** cart text ***/
		.column .imgHolder { background:#fff; float:left; width:305px; padding:22px 0 16px 16px; margin-bottom:7px; position:relative;}
			.imgHolder .img { background:url(../images/imgHolder.png) 0 100% no-repeat #fff; padding:2px; float:left; overflow:hidden; height:inherit; width:121px; height:121px;}
			.imgHolder .text { background:#fff; float:left; text-align:left; width:160px; margin-left:15px; padding-top:12px; color:#333;}
				.prodTitle { font-weight:bold;}
				.prodDesc { margin:0; color:#666;}
				.cartBtn { background:url(../images/btn_cart.png) no-repeat; display:block; float:right; width:88px; height:22px; color:#00ffff; text-indent:-1000px; text-decoration:none;}
				.cartBtn:hover, .cartBtn:focus { background-position:0 -60px;}
				.btn.like { background:url(../images/btn_like.png) no-repeat; width:56px; height:24px; position:absolute; top:2px; right:-7px;}
				
	/*** featured home ***/
	.column.featured { width:337px;}
		.column.featured .imgHolder { margin-right:7px; padding:25px 20px 12px 20px; width:290px; text-align:center;}
			.column.featured .title { font-size:50px; font-family:Tahoma; display:block; text-align:right; color:#333; line-height:16px;}
			.column.featured .imgHolder .text { padding:0; margin:0; width:290px; float:left; line-height:20px; min-height:129px}
			.column.featured .cartBtn { background:url(../images/btn_cart1.png) no-repeat; margin:-7px 20px 5px 0; display:block; float:right; width:108px; height:29px;}
			.column.featured .cartBtn:hover, .column.featured .cartBtn:focus { background-position:0 -60px;}
			.column.featured .prodPrice { font-size:20px; font-weight:bold; display:block; padding-left:20px; float:left;}
			.column.featured .btn.like { left:5px; top:5px;}
	
	.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 { color:#333; position:relative;}
	#footer .copyright { width:955px; font-size:10px; margin:0 auto; padding:40px 20px 30px 20px; text-align:center;}
	#footer a { color:#333; 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 .text ul { margin-bottom:10px; padding-left:20px;}