/* 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:#ffc000;}
:focus { outline:0;}

h1,h2,h3,h4,h5,h6 { font-weight:bold;}
p,strong,li,label,pre,table,th,tr,td,tbody,tfoot,thead,blockquote,code  {}
em { font-style:italic;}
strong { font-weight:bold;}
/* ol li { list-style:decimal inside;} */

span.break { display:block; margin-bottom:22px;}
.red { color:#7f1e1d;}
.alignLeft { float:left;}
.alignRight { float:right;}
.caps { text-transform:uppercase;}
.abs div { position:absolute;}

/*** general ***/
body { background:url(images/bg.jpg) bottom repeat-x #fff; text-align:center; font-family:Arial; color:#fff; position:relative;}
#wrapper, .wrapper { text-align:left; margin:0 auto; width:1026px; position:relative;}

#header .wrapper { background:url(images/headBg.jpg) no-repeat; height:187px; padding-top:5px;}
#logo a { background:url(images/logo.gif) no-repeat; display:block; width:567px; height:151px; margin-left:235px; text-indent:-1000px;}
#topNav { background:url(images/navBg.jpg) no-repeat; height:32px; padding:12px 0 0 247px; width:800px; font:12px Arial;}
	#btnLogin { background:url(images/btnLogin.gif) no-repeat; width:50px;}
	#btnAccount { background:url(images/btnAccount.gif) no-repeat; width:110px;}
	#topNav a.btn { display:block; float:left; height:24px; margin-right:4px;}
	#topNav a.btn:hover, #topNav a.btn:focus { background-position:0 -50px;}
	#topNav div { padding:3px 0 0 20px; float:left; color:#330000;}
	#topNav div a { color:#330000;}
	#topNav div a:hover, #topNav div a:focus { color:#fff;}
	#nav li { list-style:none;}
	#nav li a { background:url(images/menuTab.gif) left 10px no-repeat; color:#333; padding:5px 0 5px 20px; display:block; font:12px Arial;}
	#nav li a:hover, #nav li a:focus { color:#fff5d8;}

#mainBody { clear:both;}
	#mBody { background:url(images/bodyBg.jpg) repeat-y; position:relative; float:left;}
	.wrap { position:relative;}
	.sidebar { float:left; width:222px; margin-top:-15px;}
	.sidebar .wrap { padding:55px 21px 0 39px; padding-bottom:20px;}
	.sidebar .wrap .heading { background:url(images/sideBarHead.gif) no-repeat; top:0; left:0; width:201px; height:48px; position:absolute; padding:15px 0 0 21px;}
	.mContent { float:left; width:552px; min-height:453px; padding:12px 230px 12px 22px; font-size:12px; background:url(images/extendBalloon.png) repeat-y;}
	.mContent .wrap { margin-bottom:315px; float:left;}
	.mFooter { background:url(images/sellBox.jpg) no-repeat; bottom:100px; left:230px; width:595px; height:176px; position:absolute; padding-top:59px;}
	.mFooter div { float:left; text-align:right; width:197px;}
	.mFooter .col1 img { margin-right:5px;}
	.mFooter .col2 img { margin-right:3px;}
	.mFooter div.col1 a img, .mFooter div.col2 a img { margin:0;}
	.mFooter div a { background:url(images/clickHereBg.gif) right 4px no-repeat; padding:4px 37px 0 0; float:right;}
	.mFooter div a:hover, .mFooter div a:focus {}
	/** inside **/
	.mContent .inside { float:left; width:100%;}
	.mContent .inside .wrap { width:573px; margin:25px 0 0 -13px;}
	.mContent .inside .wrap .cols { background:url(images/sellBox.png) no-repeat; float:left; width:167px; height:323px; margin-right:4px; padding:10px; text-align:center;}
	.mContent .inside .wrap .cols img { margin-bottom:20px; width:165px; height:149px;}
	.inside .itemName { font:15px Arial; font-weight:bold;}
	.inside .itemDesc { color:#ff0;}
	.inside .price, .inside .quantity { color:#609; font-weight:bold;}
	.inside .quantity span { border:1px solid #000; background:#fff; margin-left:3px; padding:1px 14px;}
	.inside span { color:#000;}
	.inside .btnCart { background:url(images/btn_cart.gif) no-repeat; width:71px; height:19px; display:block; margin:0 auto;}
	.inside .btnCart:hover, .inside .btnCart:focus { background-position:0 -40px;}
	.inside .paginate { text-align:center; clear:both; padding-top:60px;}

#footer { clear:both; height:34px; padding-top:70px; font:12px Arial;}
#footer a:hover, #footer a:focus { color:#fff; text-decoration:underline;}
#mFooter, #mFooterFull { background:url(images/footBg.jpg) no-repeat; display:block; bottom:-48px; left:-18px; width:1069px; height:338px; position:absolute;}
#mFooter .wrap, #mFooterFull .wrap { background:url(images/extendBalloon.png) repeat-y; height:291px; margin-left:240px;}
#mFooterFull { background:url(images/foot2Bg.jpg) no-repeat;}
#topBalloon { background:url(images/topBalloonBg.jpg) right top no-repeat; display:block; right:-70px; top:-187px; width:300px; padding-top:375px; position:absolute;}
#topBalloon .bot { background:url(images/botBalloonBg.png) no-repeat; height:112px; padding:200px 0 0 29px;}

/** inside full **/
	#mFooterFull .noBalloon, .noBalloonContent { background:none;}
	.noBalloonContent { width:760px; padding:12px 22px;}
	.noBalloonContent .inside .wrap { width:100%; margin:25px 0 0 0;}

.sidebar select { width:92%; margin-bottom:8px; height:23px;}
.input { height:23px; width:100%;}
input.btn { border:none; cursor:pointer; background:url(images/searchBtn.gif) no-repeat; right:35px; top:89px; height:21px; width:21px; display:block; position:absolute;}