/* 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:#83ff30;}
a:hover, a:focus { text-decoration:none; color:#7dc500;}
: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:#cc0000;}
.green { color:#336600;}
.alignLeft { float:left;}
.alignRight { float:right;}
.caps { text-transform:uppercase;}
.abs div { position:absolute;}
.clr { height:0; clear:both;}

/*** general ***/
body { background:url(../images/bg.jpg); text-align:center; font-family:Arial; font-size:14px; color:#fff; position:relative; min-width:941px;}
#wrap { text-align:left; width:1024px; margin:0 auto; position:relative;}

#header { background:url(../images/header.jpg) no-repeat; z-index:2; height:190px; position:relative;}
	#logo { top:25px; left:12px; z-index:3; color:#d57d00;}
		#logo a { color:#d57d00;}
	#contactUs { top:63px; right:40px; font-size:11px; text-align:center; width:140px;}
		#contactUs  a { color:#fff;}
		#contactUs  a:hover, #contactUs  a:focus { text-decoration:underline;}
	#search { background:url(../images/search.jpg) no-repeat; width:845px; height:30px; padding-top:12px; top:140px; left:150px;}
		#search input { background:none; border:0; display:block; float:left; font-size:11px; color:#999}
		#search .txt { width:145px; padding-top:5px;}
		#search .btn { width:24px; cursor:pointer; margin-right:10px;}
		#search select { width:250px;}
		/* Styles For Your Select Box */
		.customStyleSelectBox { color:#000; padding:6px 0 3px 5px; font-size:11px; color:#999}
		/* You can use this if you want a different style after user has made a selection */
		.customStyleSelectBox.changed {}
		/* on the next line we add a down arrow on the right to indicate that it is a select box */
		.customStyleSelectBoxInner {}
		#search .alignRight { display:block; float:right; padding-top:6px; font-size:11px;}
			#search a { color:#fff;}
			#search a:hover, #search a:focus { text-decoration:underline;}
	#pageTitle { font-size:14px; text-align:center; text-transform:uppercase; top:104px; left:0; width:96px; vertical-align:middle; padding:0 16px 0 36px;}
		#pageTitle h1 { font-size:14px;}
	#nav { font-size:11px; top:124px; left:148px; width:860px; height:30px; z-index:2;}
	#nav li { float:left; display:block; list-style:none; padding-left:11px; position:relative;}
	#nav li a { float:left; display:block; color:#fff; margin-right:11px;}
	#nav li a:hover, #nav li a:focus { text-decoration:underline;}
	#imgHeader { background:url(../images/imgHeaderBg.png) no-repeat; padding:10px 10px 35px 10px; height:455px; position:relative;}

	.btn { background:url(../images/btn.png) no-repeat; display:block; padding-top:7px; width:108px; height:22px; text-align:center; color:#fff; font-size:10px; font-weight:bold;}
	.btn:hover, .btn:focus { background-position:0 -50px; color:#fff}

#mBody { background:url(../images/mContent.jpg) no-repeat; padding:0 12px; line-height:16px;}
	@media screen and (-webkit-min-device-pixel-ratio:0) {}
	#mBody .wrapper { background:#42a400; min-height:328px; padding:30px 25px;}
	#mBody .index { padding:30px 47px;}
	#sidebar { float:left;}
	#mContent { float:left; width:100%;}
	.imgWrap { width:164px; height:176px; padding:9px 0 0 9px; display:block; float:left; position:relative; margin:0 4px;}
		.imgWrap .imgCover { top:0; left:0; position:absolute; z-index:2;}
		.imgWrap .imgTxt { top:130px; left:0; position:absolute; display:block; padding:0 30px; width:115px; text-align:center; color:#fff; font-weight:bold; z-index:3;}

/*** cart ***/
	#mBody .row { margin-bottom:8px; float:left; clear:both;}
	#mBody .box { width:182px; background:url(../images/cartLoop.png) repeat-y; float:left; margin:0 4px}
	.box .img { background:url(../images/cartTop.png) no-repeat; min-height:116px; padding:14px 13px;}
	.box .text { padding:0 13px 6px 13px; text-align:center; font-size:12px;}
		.text .title { color:#000; font-size:12px; font-weight:bold; margin:0;}
		.text .desc { color:#006699}
		.text .price { color:#cc0000; font-weight:bold;}
		.text .txt { width:45px}
	.box .btn { background:url(../images/cartLink.png) no-repeat; height:32px; width:182px; display:block; text-indent:-1000px}
	.box .btn:hover, .box .btn:focus { background-position:0 -60px;}

#footer { background:url(../images/footer.png) no-repeat; padding-top:79px; min-height:45px;}
	#copyright { padding:0 34px; font-size:11px}
	#footer a { color:#fff; text-decoration:none;}
	#footer a:hover, #footer a:focus { text-decoration:underline;}
	#footer .alignRight img { margin:-5px 3px 0 0;}

	img.alignRight { margin-left:16px;}
	img.alignLeft { margin-right:16px;}
	.title, .subtitle, h2 { margin-bottom:22px; font-size:18px; font-weight:bold;}
	.index .title, h1 { font-size:25px; font-weight:normal;}