/* 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:#aee127;}
: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;}
.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.gif) 0 100% repeat-x #000; text-align:center; font-family:Arial; font-size:12px; color:#fff; position:relative;}
.wrap { text-align:left; width:1012px; margin:0 auto; position:relative;}

#header { background:url(images/header.png) repeat-x; margin-bottom:40px;}
#header .wrap { background:url(images/header.jpg) no-repeat; min-height:176px; border-bottom:1px solid #1c2311;}
	#header .abs { display:block; background:url(images/nav.png) 0 44px repeat-x; height:130px;}
	#logo { top:0; left:0; z-index:3;}
	#menu { font-weight:bold; top:150px; left:275px; z-index:2;}
	#menu a { text-align:center;}
	#menu a:hover, #menu a:focus {}
	#login { top:40px; right:0; font-size:10px; font-weight:bold;}
		#login .txt { margin:0 4px 0 14px; width:121px; display:block; float:left;}

#mBody { background:url(images/mContent.gif) 50% 0 repeat-y; line-height:14px;}
	@media screen and (-webkit-min-device-pixel-ratio:0) { #mBody { background-position:49.9% 0}}
#mBody .wrap { background:url(images/mcTop.gif) 50% 0 no-repeat;}
#mBody .bot { background:url(images/mcBot.gif) 50% 0 no-repeat; width:100%; height:20px;}
	#sidebar { float:left; width:172px; margin-right:30px; padding-left:20px; position:relative;}
		#sidebar .title { text-align:center; margin-top:-26px; padding-left:10px;}
		#nav { font-size:11px; font-family:Georgia; font-weight:bold; text-align:center; padding:6px 0 190px 0;}
		#nav li { display:block; border-bottom:1px solid #000;}
		#nav li a { list-style:none; display:block; padding:6px 0;}
		#nav li a:hover, #nav li a:focus {}
		#newsletter { left:20px; bottom:30px; padding-left:14px; position:absolute;}
		#newsletter label { font-size:10px;}
		#newsletter .title { margin:0; font-size:12px; padding:0;}
		#newsletter .btn { margin:12px 0 30px 36px;}
		#newsletter .link { text-align:center; font-weight:bold;}
	#mContent { float:left; width:790px;}
		#mContent .row { margin-bottom:18px; float:left;}
		#mContent .last.row { margin:0;}
		#mContent .row .title { padding:0 0 12px 16px;}
		#mContent .row .imgHolder { background:url(images/imgHolder.png) no-repeat; padding:10px; margin-left:12px; color:#000; font-size:10px; text-align:center; float:left; width:161px; height:149px;}

#footer { font-weight:bold; margin-top:25px;}
#footer .wrap { background:url(images/footer.gif) no-repeat; border-top:1px solid #1c2311; color:#fff; padding-top:8px; height:55px; text-align:center;}
	#footer a { color:#fff; text-decoration:none;}
	#footer a:hover, #footer a:focus { text-decoration:underline;}
	#copyright { font-size:8px;}

/*** home ***/
		#imgHeader { background:url(images/imgHeaderBg.png) no-repeat; height:250px; position:relative; margin-bottom:14px;}
		#imgHeader .imgHolder { padding:2px 23px; top:0; left:0; z-index:1;}
		#imgHeader .text { width:345px; height:162px; top:3px; right:10px; padding:40px 10px; font-size:14px; color:#0e1209; z-index:2;}
		#imgHeader .title { color:#0e6705; font-size:28px; font-weight:normal;}

/*** inside ***/
	.pageTitle { font-size:11px; font-family:Georgia; padding:20px 0 3px 12px; border-bottom:1px solid #000; margin-bottom:14px; letter-spacing:3px;}
	#paginate { font-family:Times New Roman; text-align:right; padding:20px 30px 0 0; clear:both; letter-spacing:3px;}
	#sort { top:18px; right:34px; font-size:11px; font-family:Georgia; letter-spacing:3px; position:absolute;}
	#mBody .box { background:url(images/insTop.gif) no-repeat; margin:17px 17px 0 17px; padding-top:20px;}
	#mBody .box .bot { background:url(images/insBot.gif) 0 100% no-repeat; height:20px;}
	#mBody .box .insContent { background:url(images/insMid.gif) repeat-y; min-height:60px; color:#000;}
	#mBody .box .insContent .text { padding:0 8px;}
	#mBody .box .pageTitle { padding:0 0 10px 20px;}
		#submenu { font-weight:bold; margin-top:-26px; padding:0 0 12px 53px;}
	#mContent #video { width:723px; margin:17px auto 0 auto;}
	
	#detailItem { width:355px; float:left;}
	#detailSpec { width:385px; float:left;}
		#detailSpec .capitalize { color:#000; font-size:13px; padding-bottom:20px;}
		#detailSpec .price { font-size:19px; padding:40px 60px 30px 0; text-align:right;}
		#detailSpec table { width:100%;}
		#detailSpec td { padding:4px 0; width:49%; font-weight:bold;}
		#detailSpec .cartBtn { margin-right:28px;}
	#detailDesc { clear:both; text-transform:uppercase; padding:0 20px; font-weight:bold;}
	.cartBtn { background:#cdcdcd; padding:3px 12px; color:#000; font-weight:bold; border:0; font-size:12px; font-family:Arial; cursor:pointer;}
	.cartBtn:hover, .cartBtn:focus { background:#939393; color:#f0f0f0;}
	#discount { padding:0 15px;}
	#cart table { width:100%; font-size:14px;}
	#cart th { font-weight:bold;}
	#cart th, #cart td { width:auto; text-align:center; padding:6px 0;}
	#cart td img { vertical-align:middle;}

/*** ***/
	.center { text-align:center;}
	.capitalize { text-transform:uppercase;}
	.divider { border-top:1px solid #777b70; border-bottom:1px solid #494f41; margin:14px 0;}
	.btn { background:url(images/btn.png) 0 0 no-repeat; width:77px; font-size:8px; color:#000; height:25px; padding:0 6px 10px 0; border:0; cursor:pointer; text-align:center; text-transform:uppercase; font-weight:bold;}
	.btn:hover, .btn:focus { background-position:0 -60px;}
	.txt { background:url(images/txt.gif) no-repeat; border:0; color:#000; font-size:10px; padding:2px; width:100px;}
	.imgWrap img { border:1px solid #e59999;}
	.border { border-top:1px solid #0b0b0b; border-bottom:1px solid #464646; margin:25px 0;}
	img.alignRight { margin:6px 0 6px 16px;}
	img.alignLeft { margin:6px 16px 6px 0;}
	.title, .subtitle { color:#fff; margin-bottom:12px; font-size:15px; font-weight:bold;}
