/* 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:#999;}
a:hover, a:focus { text-decoration:none; color:#ffb039;}
: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;}
.orange { color:#ff9900;}
.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 #232323; text-align:center; font-family:Arial; color:#383232; font-size:12px; position:relative; min-width:1025px}
#wrapper { width:1000px; text-align:left; margin:0 auto; margin-top:128px; position:relative;}
#pearls { background:url(../images/pearls.png) no-repeat; top:-128px; left:0; width:100%; height:100%; position:absolute;}
#pearl1 { background:url(../images/pearl1.png) no-repeat; top:-128px; left:240px; width:185px; height:298px; position:absolute; z-index:1;}

#header { background:url(../images/header.jpg) no-repeat; height:245px; padding-top:8px; z-index:2; position:relative;}
	#logo { top:-94px; left:30px; z-index:7;}
	#social { top:-73px; right:240px; z-index:4;}
		#social .faceb { background:url(../images/ico_faceb.png) no-repeat;}
		#social .tweet { background:url(../images/ico_tweet.png) no-repeat;}
		#social .btn { width:23px; height:21px; text-indent:-2000px; margin:0 2px 0 0; display:block; float:left;}
		#social .btn:hover, #social .btn:focus { background-position:0 -60px;}
	#search { background:url(../images/search.png) no-repeat; width:190px; height:31px; padding:4px 0 0 4px; top:-75px; right:35px; z-index:4;}
		#search .txt { float:left; width:154px; margin-right:6px; color:#999; font-size:12px; background:none; border:0;}
		#search .btn { width:26px;}
	#cartbox { background:url(../images/sb_cart.png) 0 100% no-repeat; top:-25px; right:40px; z-index:4;}
		#cartbox a { color:#fff; text-decoration:underline;}
		#cartbox a:hover, #cartbox a:focus { text-decoration:none;}
	#nav { background:url(../images/nav.png) no-repeat; font-size:15px; width:100%; z-index:9; height:45px; position:absolute; top:-245px; left:0;}
		#nav li a, .qmparent { background:url(../images/nvDv.png) 100% 0 no-repeat; display:block; float:left; width:160px; height:26px; text-align:center;padding:15px 20px 0 20px; color:#333; text-decoration:none;}
		#nav li a:hover, #nav li a:focus, .qmparent:focus, .qmparent:hover { color:#fff;}
		#nav li ul, .qmmc div { display:block; padding:0; margin:0 0 0 0; background:#000;}
		#nav li li a, .qmmc div a { color:#fff; padding:10px 15px 10px 30px; display:block; min-width:154px; 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:#fff; background:#c89300;}

#mBody { background:url(../images/mBot.png) 50% 100% no-repeat #fff; padding:0 9px; padding-bottom:32px; z-index:2; position:relative;}
	/*** left side ***/
	.sidebar { float:left; width:181px; color:#fff; background:url(../images/sidebar.jpg) 0 100% no-repeat; margin-top:-185px; font-size:14px;}
		#shopmenu { background:url(../images/sb_loop.png) repeat-y;}
			#shopmenu .title { font-size:16px; height:20px; padding:20px 0 0 14px;}
			#shopmenu .top { background:url(../images/sb_top.png) no-repeat; padding:0 5px 30px 5px;}
				#shopmenu li { background:url(../images/menuDv.png) 0 100% no-repeat; display:block;}
				#shopmenu li a { background:url(../images/menu.png) no-repeat; display:block; height:22px; padding:13px 0 0 45px; color:#ff9900;}
				#shopmenu li a:hover, #shopmenu li a:focus { background-position:0 -70px; color:#ffb039;}
			#shopmenu .bot { background:url(../images/sb_bot.png) no-repeat; height:20px;}

	/*** main content area ***/
	.mContent { float:left; width:793px; margin:0 0 3px 8px; margin-top:-185px;}
		/*** featured [home] ***/
		#featured { background:url(../images/box_full_loop.png) repeat-y; clear:both;}
			#featured .top { background:url(../images/box_full_top.png) no-repeat; min-height:20px; line-height:18px; padding:20px 20px 0 43px; float:left; width:730px;}
				#featured .title { color:#ff9900; font-size:22px;}
				.prodDesc { color:#666}
				#featured .prodPrice { float:left; font-size:16px; font-weight:bold; padding-top:3px}
				#featured .btns { float:right;}
					.btn.more { background:url(../images/btn_more.png) no-repeat; width:173px; height:21px; margin:0; float:left;}
			#featured .bot { background:url(../images/box_full_bot.png) no-repeat; height:20px; clear:both;}
		/*** cart items ***/
		.row { float:left; clear:both; margin:0 0 8px 0}
		.box { background:url(../images/box_loop.png) repeat-y; width:385px; float:left; position:relative; margin:0 5px;}
			.box .top { background:url(../images/box_top.png) no-repeat; padding:28px 16px 0 16px;}
			.first.box .top { background:url(../images/box_top1.png) no-repeat;}
				.box .imgHolder { overflow:hidden; background:url(../images/imgHolder.png) no-repeat; height:132px; width:132px; padding:4px 7px 10px 7px; float:left;}
				.box .text { padding:0 10px; float:left; width:180px; text-align:left; font-size:12px; padding:8px 0 0 21px; line-height:16px}
					.box .prodTitle { color:#2c2a25; font-weight:bold; margin-bottom:6px;}
					.box .prodDesc { margin:0 0 6px 0; padding:0;}
					.box .prodPrice { font-weight:bold;}
					.box .cartBtn { height:13px; color:#fff; text-decoration:none; font-weight:bold; margin-right:28px;}
					.box .btns { padding:10px 0;}
						.box .similar { text-decoration:underline; color:#999; margin-left:8px; display:block; float:left; padding-top:1px;}
						.mContent .box a:hover, .mContent .box a:focus { text-decoration:none;}
						.btn.cart { background:url(../images/btn_cart.png) no-repeat; width:83px; height:21px; margin:0; float:left;}
						.btn.like { background:url(../images/btn_like.png) no-repeat; width:47px; height:24px; position:absolute; bottom:73px; right:40px; padding:0; margin:0;}
			.box .bot { background:url(../images/box_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, .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:#a47e51; font-size:11px; position:relative;}
	#footer .wrapper { background:url(../images/footer.png) 0 100% no-repeat; width:1000px; height:85px; margin:0 auto; padding:0 0 116px 0; z-index:2; position:relative;}
	#footer a { color:#cc9900; text-decoration:none;}
	#footer a:hover, #footer a:focus { text-decoration:underline;}
	
	#links { margin-bottom:26px;}
		#links .img { background:url(../images/imgBase.png) no-repeat; float:left; width:292px; height:92px; padding:13px 13px 25px 13px; margin-right:23px;}
		#links .img.last { margin-right:0;}
			#newsletter { background:url(../images/newsletter.png) no-repeat; padding:40px 0 0 16px; height:52px;}
				#newsletter .txt { width:244px; background:0; border:0; margin:0 5px 8px 0; color:#999; font-size:12px; font-family:Tahoma; padding:4px 0 0 8px; float:left;}
				#newsletter input.btn { background:none; border:0; float:left; width:26px; text-indent:-2000px; cursor:pointer; color:#fff;}
			#stockist { background:url(../images/btn_stockist.png) no-repeat; width:292px; height:92px; display:block;}
				#stockist:hover, #stockist:focus { background-position:0 -150px}
			#loginmenu { background:url(../images/login.png) no-repeat; padding-top:5px;}
				#loginmenu .btn { background:url(../images/btn_login.png) no-repeat; font-size:11px; color:#fff; height:21px; width:221px; padding:5px 0 0 0; margin:0 auto 3px auto; text-align:center;}
				#loginmenu .btn:hover, #loginmenu .btn:focus { background-position:0 -60px; text-decoration:none;}

	#footer .alignRight { color:#faf7f7; padding-right:30px;}
	#footer .alignLeft { padding-left:30px;}
	
	.mContent .subtitle, .mContent h1, .mContent h2  { margin-bottom:10px; font-size:26px; color:#004275;}
	.mContent h2 { font-size:22px;}
	.mContent .text ul { margin-bottom:10px; padding-left:20px;}
	.mContent a {}
	.mContent a:hover, .mContent a:focus {}