/* 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, form,  
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: middle;
}

:focus {	outline:0;}
body { line-height:1;}


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,th,td,label,input,textarea,select,blockquote,code,dt,dd {}
a { text-decoration:none; cursor:pointer; color:#00000;}
a:hover, a:focus { text-decoration:none; color:#ff6600;}
:focus { outline:0;}

h1,h2,h3,h4,h5,h6 { font-weight:bold;}
p,strong,label,pre,table,th,tr,td,tbody,tfoot,thead,blockquote,code  {}
em { font-style:italic;}
strong { font-size:110%; font-weight:bold;}


#mainBody { font-size:12px;}
#nav { font-size:14px;}
.rightBar { font-size:10px;}
.red { color:#7f1e1d;}
.blue { color:#006aff;}
.alignLeft { float:left;}
.alignRight { float:right;}

/*** general ***/
body { background:url(images/mainBg.jpg) top center no-repeat #000; text-align:center; font-family:arial; color:#000; position:relative;}
#wrapper, .wrapper { text-align:left; margin:0 auto; width:896px; position:relative; background:#fff; margin-top:60px;}
.wrap { padding:0 5px;}

#header { position:relative; height:130px;}
#header div { position:absolute;}
#header #logo { top:-42px; left:9px;}
#header #shopCart { background:url(images/shopCartBg.gif) no-repeat; top:0; right:10px; width:210px; height:130px; font-size:12px; line-height:25px; padding-left:35px;}
#shopCart h3 { color:#a20200; text-transform:uppercase; margin-bottom:10px; margin-left:-16px;}
#shopCart a { color:#666;}
#shopCart a:hover, #shopCart a:focus { color:#a20200;}
#shopCart a.arrow { background:url(images/arrow.gif) no-repeat; padding-left:16px; margin-left:-16px;}
#shopCart img { float:right; width:84px;}
#header #login { top:-48px; right:10px; font:12px Arial; font-weight:bold; color:#900;}
#header #login span { padding-top:7px; display:block; float:left;}
#login a.btn { background:url(images/btn_login.png) no-repeat; float:right; color:#fff; width:89px; height:22px; display:block; text-align:center; padding-top:6px; margin-left:8px;}
#login a.btn:hover, #login a.btn:focus { background-position:0 -42px;}

#nav { font:12px Trebuchet MS, arial; text-transform:uppercase; font-weight:bold;}
#nav .leftEnd { background:url(images/navLeft.gif) no-repeat; width:12px; height:39px; display:block; float:left;}
#nav .rightEnd { background:url(images/navRight.gif) no-repeat; width:12px; height:39px; display:block; float:right;}
#nav ul { background:url(images/navBg.gif) repeat-x; float:left; width:862px; display:block; height:39px;}
#nav li { background:url(images/navDiv.gif) top right no-repeat; float:left;}
#nav li a { float:left; display:block; color:#fff; padding:12px 20px 0 19px;}
#nav li a:hover, #nav li a:focus { background-position:0 -31px; color:#fcff00;}
#nav li.end { background:none;}

#mainBody {}
#mainBody #sideBar { float:left; width:269px;}
#mainBody #sideBar .wrap { margin:8px 0 3px -3px; width:100%;}
#mainBody #sideBar .part2Col { background:url(images/sideBarBg.gif) repeat-y; padding:12px;}
#sideBar .top { background:url(images/sideBarTop.gif) repeat-y; height:5px;}
#sideBar .bot { background:url(images/sideBarBot.gif) repeat-y; height:12px;}
#sideBar img { max-width:264px;}
#mainBody .mContentHome { width:608px; padding:8px 0 0 4px; float:left; position:relative;}
#mainBody .mContentHome .mImg { border:1px solid #999; margin-bottom:16px;}
#mainBody .mContentHome .mImg img { width:606px; margin-bottom:-2px;}
#mainBody .mContentHome .text { font:12px Verdana; color:#666; line-height:20px; padding:0 8px;}
p {font:12px Verdana; color:#666;}
td {font:12px Verdana; color:#666; line-height:20px; padding:0 8px;}
li {font:12px Verdana; color:#666; line-height:20px; padding:0 8px;}
h1 {font:18px Verdana; color:#a50101; font-weight:bold; padding-left:8px; padding-bottom:8px;}
td h1 {font:18px Verdana; color:#a50101; font-weight:bold; padding-left:8px; padding-bottom:8px;padding-top:55px;}
#mainBody .full2Col { background:url(images/full2ColBg.gif) repeat-y; float:left; width:100%; margin:8px 0 3px 0;}
.full2Col .top { background:url(images/full2ColTop.gif) repeat-y; height:5px;}
.full2Col .bot { background:url(images/full2ColBot.gif) repeat-y; height:12px; clear:both;}
#mainBody .sideBar { width:245px; max-width:245px; padding:12px; float:left;}
#mainBody .mContent { width:576px; padding:12px 12px 12px 28px; float:left; position:relative;}
#mainBody .mContent img {  float:right;}
.full2Col .mContent .text { padding-bottom:115px;}
.full2Col .mContent .text h2 { font-size:18px; margin-bottom:24px; font-weight:normal;}
.full2Col .mContent .text ul { margin-left:-8px;text-indent: -18px;}
.full2Col .mContent .text li { list-style:url(images/list_tab.gif) inside; line-height:20px; margin-left:10px;}
.full2Col .mContent .shopBtns { position:absolute; bottom:12px; left:28px;}
.shopBtns span.only { color:#900; font-size:14px; float:left; margin:8px 8px 0 35px;}
.shopBtns h3 span { color:#666; font-size:30px;}
.shopBtns h3 { margin-bottom:10px;}
.shopBtns a.back2 { color:#000; clear:both; display:block; padding-top:16px; font-size:10px; text-decoration:underline;}
.shopBtns a.back2:hover, .shopBtns a.back2:focus { color:#900; text-decoration:none;}
.shopBtns a.btn { background:url(images/btn_shop.png) no-repeat; float:left; color:#fff; font-weight:bold; width:93px; height:26px; display:block; text-transform:uppercase; text-align:center; padding-top:12px; margin-right:3px;}
.shopBtns a.btn:hover, .shopBtns a.btn:focus { background-position:0 -52px;}

#mainBody .fullContent { background:url(images/fullBodyBg.gif) repeat-y; float:left; width:100%;}
.fullContent .top div { height:39px; float:left;}
.fullContent .top .wrap { background:url(images/fullHeadingBg.gif) repeat-x; width:845px; font-size:16px; color:#fff; padding:12px 0 0 17px; height:27px;}
.fullContent .top .leftEnd { background:url(images/fullHeadingLeft.gif) no-repeat; width:12px;}
.fullContent .top .rightEnd { background:url(images/fullHeadingRight.gif) no-repeat; width:12px;}

.fullContent .row { clear:both; float:left; margin:20px 28px 0 18px;}
.fullContent .column { width:269px; float:left; margin-left:10px;}
.fullContent .column div {}
.fullContent .column .top { background:url(images/3colTop.gif) no-repeat; height:10px;}
.fullContent .column .mid { background:url(images/3colBg.gif) repeat-y; min-height:106px;}
.fullContent .column .bot { background:url(images/3colBot.gif) no-repeat; height:10px;}

.fullContent .column .thumbs { text-align:center; vertical-align:bottom; line-height:100px; width:110px; height:100px; float:left; margin-right:1px;}
.fullContent .column h4 { padding:0px 0 10px 0; text-align:center; color:#a50101}
.fullContent .column span { color:#600; font-weight:bold;}
.fullContent .column a { color:#600;}
.fullContent .column a:hover, .fullContent .column a:focus { color:#c50000;}

#footer { clear:both; color:#fff; font:11px Arial; text-align:center; letter-spacing:.01em;}
#footer div { height:79px; float:left;}
#footer .leftEnd { background:url(images/footerLeft.gif) no-repeat; width:17px;}
#footer .rightEnd { background:url(images/footerRight.gif) no-repeat; width:45px;}
#footer .wrap { background:url(images/footerBg.gif) repeat-x; width:824px; padding-top:54px; height:25px;}

#footerNoLine { clear:both; color:#fff; font:11px Arial; text-align:center; letter-spacing:.01em;}
#footerNoLine div { height:79px; float:left;}
#footerNoLine .leftEnd { background:url(images/footerNoLineBg.gif) repeat-x; width:17px;}
#footerNoLine .rightEnd { background:url(images/footerNoLineRight.gif) no-repeat; width:45px;}
#footerNoLine .wrap { background:url(images/footerNoLineBg.gif) repeat-x; width:824px; padding-top:54px; height:25px;}

legend {font-weight:bold; height:16px; padding-top:5px}
fieldset { padding-bottom:15px; }