/* 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:#5f5f5f;}
a:hover, a:focus { text-decoration:none; color:#0080c2;}
: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;}
.purple { color:#471e69;}
.alignLeft { float:left;}
.alignRight { float:right;}
.caps { text-transform:uppercase;}
.abs div { position:absolute;}
.clr { height:0; clear:both;}

/*** general ***/
body { background:#ccc; text-align:center; font-family:Arial, Trebuchet MS; color:#666; position:relative;}
#wrapper, .wrapper { text-align:left; margin:0 auto; position:relative; padding:0 23px; width:973px;}
#wrapper { width:1019px; background:url(images/mContent.gif) repeat-y; padding:0;}
#header { background:url(images/header.gif) no-repeat; padding-top:54px; min-height:200px;}
#shopCart { font:14px Arial; color:#333; top:30px; right:40px; line-height:20px;}
#nav { background:url(images/nvR.gif) 100% 0 no-repeat #8b0b04; height:44px; top:98px; right:23px; padding-right:20px;}
#nav ul { background:url(images/nvL.gif) no-repeat; float:left; padding-left:20px;}
#nav li { display:block; float:left; list-style:none;}
#nav li a { display:block; float:left; padding:0 14px; color:#fff; height:29px; padding-top:15px;}
#nav li a:hover, #nav li a:focus { background:#550400;}
#mBody { font-size:12px;}

/*** index ***/
#featured { background:url(images/mid_hm.gif) repeat-y; width:100%; margin-top:2px; float:left;}
#featured .wrap { background:url(images/top_hm.jpg) no-repeat; width:952px; padding:22px 0 0 21px; float:left;}
#featured .mBot { background:url(images/bot_hm.gif) no-repeat; height:38px; clear:both;}
.column { float:left; width:169px; margin-right:21px;}
.box { background:url(images/top.gif) no-repeat; padding-top:10px;}
.box .top { background:url(images/mid.gif) repeat-y; text-align:center; padding:0 10px;}
.box .top .text { text-align:left;}
.box .bot { background:url(images/bot.gif) no-repeat; height:10px;}
.row { width:952px; padding:22px 0 0 21px;}
.box .btn { background:url(images/btn_price.gif) 50% 0 no-repeat; margin-top:6px; font:14px Verdana; color:#fff; height:22px; display:block; width:100%; padding-top:6px; text-align:center;}

/*** inside ***/
#sidebar { float:left; width:278px; margin-right:10px; background:url(images/sidebarBot.gif) bottom no-repeat #8b0b04; font-size:14px;}
#sidebar .bot { background:url(images/sidebarTop.gif) no-repeat; width:232px; float:left; padding:23px;}
#sidebar .title { color:#c7a764; border-bottom:1px solid #4c0000; font-weight:bold; padding:4px 0 12px 0;}
#sidebar ul { border-top:1px solid #bc270f; padding:5px 0 20px 0;}
#sidebar li { list-style:none;}
#sidebar li a { color:#fff; padding:5px 0; display:block;}
#sidebar li a:hover, #sidebar li a:focus { text-decoration:underline;}
#mContent { height:100%; float:left; width:685px;}
.mBox { background:url(images/mc_mid.gif) repeat-y; float:left; width:100%;}
.mBox .mTop { background:url(images/mc_top.gif) no-repeat; height:20px;}
.mBox .mBot { background:url(images/mc_bot.gif) no-repeat; height:20px; clear:both;}

.logos { top:70px; left:380px; width:170px; position:absolute;}
#mContent .column { width:189px; margin:0 0 0 30px;}
#mContent .box { background:url(images/cart_mid.gif) repeat-y; padding:0; font-family:Verdana; color:#333; line-height:16px; margin:8px 0 10px 0;}
#mContent .box .top { background:url(images/cart_top.gif) no-repeat;}
#mContent .box .bot { background:url(images/cart_bot.gif) no-repeat;}
#mContent .box .title { padding:6px 0; height:13px;}
#mContent .box .btn { background:url(images/btn_buy.gif) 50% 0 no-repeat; width:100%; height:28px; display:block; margin:6px 0 0 0; padding:0;}
#mContent .box .btn:hover, #mContent .box .btn:focus { background-position:50% -52px;}
#mContent .txt { width:40px; height:12px;}
.paginate { padding:0 30px; clear:both;}
.paginate .prvBtn, .paginate .nxtBtn { background:url(images/btn_prev.gif) no-repeat; width:85px; float:left; height:22px; font:14px Verdana; color:#fff; text-align:center; padding-top:6px;}
.paginate .nxtBtn { background:url(images/btn_next.gif) no-repeat; float:right;}
.prvBtn:hover, .prvBtn:focus, .nxtBtn:hover, .nxtBtn:focus { background-position:0 -60px;}

#footer { background:url(images/footer.gif) bottom no-repeat; height:51px; padding:10px 20px 67px 20px; font-size:11px; color:#fff; text-align:right; position:relative;}
#footer .wrapper { background:#8b0b04; float:left; width:973px; margin:0 3px; padding:0;}
#footer .alignLeft, #footer .alignRight { background:url(images/footL.gif) no-repeat; height:38px; padding:28px 30px 0 30px;}
#footer .alignRight { background:url(images/footR.gif) 100% 0 no-repeat; color:#ff1608;}
#footer a { color:#ff1608;}
#footer a:hover, #footer a:focus { text-decoration:underline;}