/* 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:#ff006d;}
: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:#e74093;}
.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); text-align:center; font-family:Arial; color:#666; font-size:12px; position:relative; min-width:1025px}
.wrapper { width:1024px; text-align:left; margin:0 auto; position:relative;}

#header { background:url(../images/headerBg.png) repeat-x;}
#header .wrapper { background:url(../images/header.png) no-repeat; height:382px}
	#imgHeader { padding:57px 0 0 17px; position:relative;}
		#logo { top:150px; left:108px; z-index:7;}
		#nav { background:url(../images/nvDv.png) no-repeat; font-size:12px; width:1000px; height:44px; top:0; left:12px; padding-left:2px; z-index:9;}
			#nav li a, .qmparent { background:url(../images/nvDv.png) 100% 0 no-repeat; display:block; float:left; width:80px; height:29px; padding:15px 20px 0 20px; color:#fff; text-align:center; 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; border:1px solid #0f0f0f;}
			#nav li li a, .qmmc div a { color:#fff; padding:10px 15px; display:block; min-width:160px; 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:#ff006d;}
		#stockist { background:url(../images/btn_stockist.png) no-repeat; position:absolute; top:270px; left:4px; width:227px; height:65px; text-indent:-3000px; display:block; margin:0; padding:0;}
			#stockist:hover, #stockist:focus { background-position:0 -100px}
		#cartbox { top:12px; right:25px; z-index:9; font-size:12px; line-height:18px; height:18px; color:#fff;}
			#cartbox a { text-decoration:underline;}
		#social { top:280px; left:240px;}
			#social .faceb { background:url(../images/ico_faceb.png) no-repeat;}
			#social .tweet { background:url(../images/ico_tweet.png) no-repeat;}
			#social .btn { width:37px; height:36px; text-indent:-3000px; margin:0 4px 0 0; display:block; float:left;}
			#social .btn:hover, #social .btn:focus { background-position:0 -60px;}

#mBody { background:url(../images/mBody.png) repeat-x; line-height:16px; z-index:2; position:relative;}
	#mBody .wrapper { background:url(../images/mContent.png) repeat-y; width:984px; padding:0 20px;}
	/*** left side ***/
	.sidebar { float:left; width:237px; color:#fff; background:url(../images/sidebar.jpg) 0 100% no-repeat;}
		#search { background:url(../images/search.png) no-repeat; width:215px; height:30px; padding:8px 0 0 22px; z-index:8;}
			#search .txt { float:left; width:180px; margin-right:5px; color:#999; font-size:12px; background:none; border:0;}
			#search .btn { width:20px;}
		#shopmenu { background:url(../images/sb_bot.png) 8px 100% no-repeat; padding-bottom:23px; position:relative;}
			#shopmenu .top { border:1px solid #d6d6d6; border-bottom:0; margin-left:8px; padding:38px 0 0 5px;}
				#shopmenu .title { background:url(../images/heading.png) no-repeat; width:197px; height:35px; padding:10px 0 0 40px; top:0; left:0; position:absolute;}
				#shopmenu ul { background:url(../images/sb_shop_bot.png) 0 100% no-repeat;}
				#shopmenu li { list-style:none; margin-bottom:1px}
				#shopmenu li a { background:url(../images/menu.png) no-repeat; display:block; width:155px; height:20px; padding:6px 0 0 61px; color:#666;}
				#shopmenu li a:hover, #shopmenu li a:focus { background-position:0 -60px; color:#fff}
		#loginmenu {}
			#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 { display:block; text-align:left; color:#fff; height:28px; width:150px; padding:12px 0 0 87px; margin:0 auto;}
			#loginmenu .btn:hover, #loginmenu .btn:focus { background-position:0 -100px;}

#mBody {}
	/*** main content area ***/
	.mContent { margin:0 0 0 12px; padding:20px 11px 0 11px; float:left; border-top:1px solid #d6d6d6; width:708px;}
		#newsletter { background:url(../images/newsletter.jpg) no-repeat; width:676px; height:90px; margin:0 auto; clear:both; position:relative;}
			#newsletter .txt { width:170px; background:0; border:0; margin:0 5px 0 0; color:#999; font-size:12px; font-family:Tahoma; padding:4px 0 0 8px; float:left; position:absolute}
				#newsletter .txt.one { top:20px;left:346px;}
				#newsletter .txt.two { top:51px;left:316px;}
			#newsletter .txtbtn { clear:both; top:10px; right:0; width:100px; position:absolute;}
			#newsletter .txtbtn input { text-indent:-3000px; padding:10px; width:100%; height:70px; display:block; cursor:pointer; border:0; background:none; color:#fff;}
			#newsletter .txtbtn input:hover, #newsletter .txtbtn input:focus { text-decoration:none;}
	
		/*** cart items ***/
		.row { float:left; clear:both; margin-bottom:12px;}
		.box { background:#fff; margin:0 11px 4px 11px; width:213px; float:left;}
			.box .text { padding:0 10px; text-align:center; font-size:12px; border:1px solid #ccc}
			.box .imgHolder { overflow:hidden; height:inherit; width:191px; height:auto; margin-top:4px; text-align:center}
				.box .prodTitle { color:#666; margin-bottom:12px; font-weight:bold; font-size:12px}
				.box .prodDesc { margin:0 0 6px 0;}
				.box .prodPrice { margin:0 0 6px 0; color:#000; font-weight:bold;}
			.box .btns { font-size:12px; padding:34px 0 0 0; line-height:12px; height:19px; position:relative;}
				.box .similar { color:#666; text-align:center; display:block; text-decoration:underline;}
				.box .cartBtn { background:url(../images/btn_cart.png) no-repeat; width:136px; height:34px; display:block; color:#fff; text-indent:-3000px; top:0; left:-18px; position:absolute;}
					.box .cartBtn:hover, .box .cartBtn:focus { background-position:0 -60px;}
				.btn.like { background:url(../images/btn_like.png) no-repeat; width:47px; height:24px; top:1px; right:7px; padding:0; margin:0; position:absolute;}
				.mContent .btns a:hover, .mContent .btns a:focus { color:#333; text-decoration:none;}

		.heading { background:url(../images/heading.png) repeat-x; height:22px; padding:10px 0 0 14px; margin:2px 0; clear:both;}
			.mContent .heading * { font-size:14px; line-height:14px; color:#fff; font-family:Arial;}
	
	.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 { color:#fff; font-size:12px; position:relative;}
	#footer .wrapper { background:url(../images/footer.png) no-repeat; width:944px; height:104px; margin:0 auto; padding:52px 40px 0 40px; text-align:center; z-index:2;}
	#footer a { color:#fff; text-decoration:none;}
	#footer a:hover, #footer a:focus { text-decoration:underline;}

	.mContent h1, .mContent h2 { font-size:24px; line-height:24px; color:#000; margin-bottom:24px;}
	.mContent h2 { font-size:18px;}
	.mContent h3, .mContent h4 { font-size:14px; line-height:18px; color:#666; margin-bottom:12px;}
	.mContent h4 { font-size:12px;}
	.mContent h5, .mContent h6, .mContent p { font-size:12px; margin:0;}
	.mContent ul { padding-left:30px;}
	.mContent li { font-size:12px;}
	.mContent blockquote { display:block; color:#333; text-align:center; font-size:14px; font-family:Tahoma}
	.mContent a { color:#999;}
	.mContent a:hover, .mContent a:focus { color:#ffb039;}