/* 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:#003399;}
a:hover, a:focus { text-decoration:none; color:#3399ff;}
:focus { outline:0;}

h1,h2,h3 { 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;}
.orange { color:#e78d49;}
.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) center repeat-y #fff; text-align:center; font-family:Trebuchet MS, Arial; color:#fff; position:relative;}
#wrapper, .wrapper { text-align:left; margin:0 auto; width:979px; padding:0 9px 0 8px; position:relative;}

#header, #headerInner { background:url(images/shadowTop.jpg) top center no-repeat; height:503px;}
#headerInner { height:214px;}
#header .wrapper, #headerInner .wrapper { padding-top:103px;}
#headingTop { text-align:left; margin:0 auto; width:979px; height:110px; padding:0 9px 0 8px; position:relative;}
#logo { padding:45px 0 0 80px; top:-56px; left:-70px; width:462px; height:147px; position:absolute;}
#nav { background:url(images/navBg.gif) no-repeat; position:absolute; width:562px; height:46px; top:39px; right:10px;}
#nav li { display:block; float:left; margin:0 15px;}
#nav li a { display:block; float:left; padding:14px 15px 0 15px;}
#cartBox { background:url(images/searchBg.gif) no-repeat; top:-22px; right:0; font-size:14px; color:#cc33cc; width:433px; height:58px; position:absolute;}
#cartBox .btn { background:url(images/shopCartBg.gif) no-repeat; color:#cc33cc; display:block; height:58px; width:221px; float:right;}
#cartBox a:hover { background-position:0 -100px; color:#fff;}
#cartBox form { display:block; float:left; width:212px; padding-top:17px;}
#searchInput { width:180px; height:18px; border:0; color:#ccc; font-weight:bold;}
#searchBtn { border:0; background:none; cursor:pointer; width:22px;}
.mContent { background:url(images/mContentBg.jpg) repeat-y; width:100%; float:left;}
.contentFoot { background:url(images/contentFootBg.jpg) top no-repeat; height:10px; clear:both;}
.contentTop { background:url(images/contentTopBg.jpg) top no-repeat; height:10px;}
.fullHeading { background:url(images/fullHeadBg.jpg) no-repeat; height:29px; padding:10px 0 0 60px; color:#003399; font:18px Arial;}
.imgHolder { margin:10px 0 0 30px;}
.imgWrap { float:left; width:208px; margin-right:29px;}
.theImg { padding-left:22px; height:151px;}
.imgBase { background:url(images/imgBase.gif) no-repeat; height:39px; padding:10px 0 0 0; text-align:center; color:#003399; font:18px Arial;}
#footer { background:url(images/footerBg.jpg) center bottom no-repeat; height:150px; font:12px Verdana; color:#003399;}
#footer .wrapper { background:url(images/footBorder.gif) 5px 4px no-repeat; padding-top:12px;}
.copyright { padding:20px 20px 0 20px;}
#footer a { color:#fff; color:#003399;}
#footer a:hover, #footer a:focus { text-decoration:underline;}

#headerInner { height:inherit;}
.inside .mContent { background:url(images/mContInside.gif) no-repeat; width:100%; float:left; padding-bottom:10px;}
#sidebar { width:235px; float:left; margin:12px 14px 0 10px;}
#sidebar .bot { margin-bottom:26px;}
#sidebar .mid { padding:0 20px 0 15px;}
#sidebar .title { color:#003399; font:21px Trebuchet MS bold;}
#sidebar .nv li { display:block; border-bottom:1px solid #e5e5e5; padding:6px 0 6px 11px;}
#sidebar .nv li a { background:url(images/nvTab.gif) 0 -6px no-repeat; display:block; padding-left:25px;}
#sidebar .nv li a:hover, #sidebar .nv li a:focus { background-position:0 -35px;}
.top, .bot { background:url(images/sidebarBg.gif) 0 0 no-repeat; height:15px;}
.bot { background-position:-300px 0; height:px;}
.sBar1 .mid { background:#fff;}
.sBar2 { text-align:center; background:url(images/bestSellerBg.jpg) no-repeat; height:160px; width:235px; padding:71px 0 0 0;}

.topContent { padding:4px; color:#003399;}
#imgWrapInner { background:url(images/imgWrapInnerTop.gif) no-repeat; width:712px; margin:0; float:left; margin-top:10px; padding-top:10px;}
#imgWrapInner .mid { background:url(images/imgWrapInnerLoop.gif) repeat-y; float:left; width:100%;}
#imgWrapInner .bot { background:url(images/imgWrapInnerBot.gif) no-repeat; height:15px; clear:both;}
#imgWrapInner .imgWrap { width:168px; padding:0; margin:0 0 0 7px;}
#imgWrapInner .theImg { background:url(images/imgWrap.gif) no-repeat; min-height:152px; width:168px; padding:2px 2px 0 2px;}
#imgWrapInner .theImg img { max-width:168px;}
#imgWrapInner .imgBase { background:url(images/imgTitle.gif) no-repeat; height:43px; width:168px; margin:0;}