/* 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:#b66800;}
: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:#b66800;}
.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 #000; text-align:center; font-family:Arial; color:#333; font-size:12px; position:relative; min-width:1025px}
#wrapper { background:url(../images/mContent.png) 10px 0 repeat-y; width:1000px; padding:0 10px; text-align:left; margin:0 auto; position:relative;}

#header { background:url(../images/header.png) 50% 0 no-repeat; height:68px;}
#mBody { line-height:16px; z-index:2; position:relative;}
	#shade { background:url(../images/shadow.png) no-repeat; width:1020px; /*height:1048px;*/ height:100%; position:absolute; top:0; left:0; z-index:1;}
	
	/*** left side ***/
	.sidebar { float:left; width:207px; padding:0 12px; min-height:928px;}
		#logo {}
		#nav { background:url(../images/nav.png) no-repeat; padding:81px 0 0 0; font-size:16px; font-family:Georgia; margin-bottom:12px;}
		#nav .bot { background:url(../images/nav2.png) no-repeat; height:81px;}
			#nav li a, .qmparent { background:url(../images/nvDv.png) 0 100% no-repeat; display:block; color:#fff; height:28px; padding:12px 0 4px 50px; width:100%; text-decoration:none;}
			#nav li a:hover, #nav li a:focus, .qmparent:focus, .qmparent:hover { color:#d76900;}
			#nav li ul, .qmmc div { display:block; padding:0; margin:-40px 0 0 220px; background:#000;}
			#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:#d76900;}
			.qmparent span { background:url(../images/tab.png) 0 3px no-repeat; padding-left:20px; display:block;}
		
		#search { position:absolute; top:-42px; right:6px; padding:0; margin:0;}
			#search input.txt { float:left; width:175px; color:#999; font-size:12px; background:none; border:0; padding:0; margin:0 5px 0 0;}
			#search input.btn { width:23px; padding:0; margin:0; float:left;}
		
		#newsletter { background:url(../images/newsletter.png) no-repeat; width:171px; height:86px; padding:60px 18px 0 18px; z-index:9; position:absolute; bottom:-28px; left:12px;}
			#newsletter .form { background:url(../images/newsletter.png) no-repeat; float:left; padding:8px 8px 0 123px; margin-left:20px;}
				#newsletter .txt { width:156px; 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 .submitBtn { background:url(../images/btn_submit.png) no-repeat; text-indent:-1000px; width:148px; height:33px; display:block; cursor:pointer; border:0; position:absolute; bottom:0; left:28px;}
				#newsletter .submitBtn:hover, #newsletter .submitBtn:focus { background-position:0 -60px;}
		#social { padding-left:36px;}
			#social .faceb { background:url(../images/ico_faceb.png) no-repeat;}
			#social .tweet { background:url(../images/ico_tweet.png) no-repeat;}
			#social .btn { width:68px; height:68px; text-indent:-1000px; margin:0 2px 0 0; display:block; float:left;}
			#social .btn:hover, #social .btn:focus { background-position:0 -100px;}
		
		.sidebar .box { background:url(../images/sbMid.png) repeat-y; margin-bottom:6px;}
			.sidebar .box .top { background:url(../images/sbTop.png) no-repeat; padding:10px 10px 0 10px;}
			.sidebar .box .bot { background:url(../images/sbBot.png) 0 100% no-repeat; height:10px; clear:both;}
			
			.sidebar .cart .top { background:url(../images/sb_cart.png) no-repeat; padding-top:0;}
				.cart .title { color:#da9437; font-family:Georgia; font-size:14px; display:block; padding:14px 0 10px 0; text-align:center;}

	/*** main content area ***/
	.mContent { float:left; width:729px; padding:0 20px;}
		#imgHeader { background:url(../images/imgHeaderSh.jpg) 50% 100% no-repeat; padding-bottom:10px;}
	.divider { background:url(../images/divider.gif) no-repeat; height:40px; margin:10px 0; clear:both;}
	.featured { margin-top:20px;}
		.featured .text { font-size:12px; float:left; width:444px; margin:0; padding:16px 0 0 34px; color:#666;}
		.featured .price { font-size:16px; font-weight:bold; color:#333; display:block; float:left; padding-top:10px;}
		.featured .cartBtn { background:url(../images/btn_cart1.png) no-repeat; float:left; width:130px; height:42px; margin-right:20px;}
		.featured .cartBtn:hover, .featured .cartBtn:focus { background-position:0 -80px;}
	.featured .imgHolder { background:url(../images/img_loop.png) repeat-y; float:left; width:222px; position:relative;}
		.featured .imgHolder .img { background:url(../images/img_top.png) no-repeat; width:200px; height:inherit; padding:11px 11px 0 11px;}
	/*** cart items ***/
	.row { float:left; clear:both;}
	.column { float:left; width:222px; margin:0 10px}
		.column .imgHolder { background:url(../images/img_loop.png) repeat-y; float:left; width:222px; margin-bottom:7px; position:relative;}
			.imgHolder .top { background:url(../images/img_top.png) no-repeat; padding:10px 5px 0 5px;}
				.imgHolder .img { float:left; overflow:hidden; height:inherit; width:100px; height:100px;}
				.imgHolder .text { background:#fff; float:left; text-align:center; width:100px; margin-left:12px; padding-top:12px; color:#333;}
					.prodTitle { font-weight:bold; color:#004275; padding-left:10px;}
					.prodDesc { margin:0; color:#666;}
					.cartBtn { background:url(../images/btn_cart.png) no-repeat; display:block; float:right; width:100px; height:30px; 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:47px; height:24px; position:absolute; top:0; right:0; padding:0; margin:0;}
			.imgHolder .bot { background:url(../images/img_bot.png) 0 100% no-repeat; height:20px; clear:both;}
	
	.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, .box .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;}
	
	#mcbtns { position:absolute; float:left; left:231px; width:729px; padding:0 20px; bottom:-28px; z-index:9;}
		#mcbtns a { display:block; height:28px; background-position:0 0; background-repeat:no-repeat;}
		#mcbtns a:hover, #mcbtns a:focus { background-position:0 -60px;}
		#mcbtns a.stockBtn { background-image:url(../images/btn_stockist.png); width:240px; float:left;}
		#mcbtns a.moreBtn { background-image:url(../images/btn_more.png); width:118px; float:right;}
	

/*** footer ***/
#footer { color:#666; font-size:10px; position:relative;}
	#footer .wrapper { background:url(../images/footer.png) no-repeat; width:940px; padding:44px 40px 0 40px; height:30px; margin:0 auto; text-align:left;}
	#footer a { color:#666; text-decoration:none;}
	#footer a:hover, #footer a:focus { text-decoration:underline;}

	.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;}