body {margin: 0; background: url(../styleImages/backgrounds/bg.jpg) repeat-y #000 top; color:#84878E; font:11px/18px Verdana, Arial, Helvetica, sans-serif}

a:link, a:visited { text-decoration:none; color:#f2f2f2 }
a:hover, a:active { color:#CCCCCC }
a:focus { outline:none}

ul, ol { line-height:2.0em}

h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0 0 10px }

	h1 { font-size:32px; margin:10px 0 0 0 }
	h2 { font-size:21px; line-height:18px; color:#fc3 }
	h3 { font-size:24px }
	h4 { font-size:20px }
	h5 { font-size:12px }

img { border:0 }

/* Begin Images */
p img { padding:0; max-width:100%}
p {margin:0 0 15px 0; font:11px/16px Arial, Helvetica, sans-serif}

ul { list-style-image:url(../images/bullet.gif) }

fieldset {background:#000; border:1px solid #555; margin-bottom:10px}
#page-wrapper {width: 100%; margin: 0; padding: 0}

#header { width:100%; height:160px; background:url(../styleImages/backgrounds/header-top-bg.png) repeat-x top;}
	#logo-wrap { width:940px; height:93px; margin:0 auto; overflow:hidden}
	.logo {width:630px;float:left}
	#content-wrapper {width:940px; margin:0 auto; overflow:hidden}
	#footer-wrapper {width:920px; margin:15px auto; background:#111; padding:10px 10px 0 10px; overflow:hidden; height:32px}
		#footer-wrapper div.left {float:left}
		#footer-wrapper div.right {float:right; text-align:right}
		#footer-wrapper a { color:#F2F2F2; font-size:11px}
		#footer-wrapper a:visited { color:#F2F2F2}
		#footer-wrapper a:hover { color:#888; text-decoration:underline}


.post-wrapper {padding:10px; width:600px; background:#111; overflow:hidden}
#left-div { width:620px; overflow:hidden; margin:0 20px 0 0; float:left}
	.prod-home {float: left; text-align: center; width: 180px; height:140px; background:#000; margin:0 10px 10px 0; padding:5px}
#sidebar { width: 300px; float: left;}
.sidebar-box { margin-bottom:15px; float:left; width:278px; padding: 0 10px 10px; background:url(../styleImages/sidebar-top-bg.jpg) top left no-repeat #111; border:1px solid #000; margin-top:0}
	.sidebar-box ul { list-style:none; margin:0; padding:0; background:#222; overflow:hidden}
	.sidebar-box ul li { color:#666; background:url(../styleImages/btn-bg.jpg) no-repeat left #222; border-bottom:1px solid #000; border-top:1px solid #333}
	.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active { margin:0; color:#666; display:block;padding:5px 5px 5px 15px; }
	.sidebar-box ul li a:hover { color:#666; background:#333}
	.sidebar-box ul li ul {margin-left:0; border-bottom:3px solid #333}
	.sidebar-box ul li ul li {border-left:3px solid #333; border-right:3px solid #333}
	.sidebar-box ul li ul li a:hover { border-bottom:1px solid #222; border-top:1px solid #666; border-right:1px solid #222}
	.sidebar-box h2 {margin:0; padding:5px 0 5px 15px; font: lighter 20px Verdana, Arial, Helvetica, sans-serif; color:#444; text-transform:lowercase;  display:block}
	
	
#side-accordion { margin-top: 0;}
		#side-accordion a.head { cursor: pointer;text-decoration: none;display: block;background:#222; border-bottom: 1px solid #000;color: #f2f2f2; padding: 5px 5px 5px 15px}
		#side-accordion a.head:hover {background:#333}
		#side-accordion a.selected {background:#333; border-bottom:1px solid #333; color: #f2f2f2}
		
		.sidebar-box ol { list-style-image:url(../styleImages/bullet.gif); padding-left:40px}
		.sidebar-box ol li { color:#373434; margin:5px 3px 3px 5px}
		

		.sidebar-prod {width:268px; margin:0; padding:5px; background:#000; overflow:hidden}
		.sidebar-prod-img {width:112px; margin-right:8px; float:left}
		.sidebar-prod-txt {width:148px; margin-top:25px; float:left; font:bold 20px/18px Arial, Helvetica, sans-serif}
			.sidebar-prod-txt a{ color:#eebb0a } 
			.sidebar-prod-txt a:hover{ color:#ee860a } 
		.sidebar-prod-price{font-size:16px}
		.sidebar-txt {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #F2F2F2; padding:10px 10px 0 30px}

	
		#nav-wrap {width:972px; margin:0 auto}	
		#navigation { width:972px; margin:0}
	
	#flyout-topics {position: absolute;z-index:999;top: 38px; left:-15px;display: none;width:344px; padding:15px; background:url(../styleImages/flyout.png) bottom no-repeat; text-align:left; overflow:hidden}
		#flyout-topics ul li a {color:#fff}
		#flyout-topics li {margin-left:20px; background:none; float:left; width:30%}
		#flyout-topics li.header-link {width:80%; font-style:italic; border-bottom:1px solid #444; font-weight:bold;}
	
		#search_bg { margin-top:10px; height:70px; width:286px; float:left; background:url(../styleImages/search-bg.png) no-repeat 0 -10px; overflow:hidden}
			#search { width:262px; height:52px; color:#F2F2F2; padding:0; float:left; }
			#search input { width:182px; height:22px; font-size:11px; color:#F3F3F3; font-family:Tahoma, arial, verdana, courier; vertical-align:middle; padding:8px 0 0 8px; margin:23px 0 0 31px;  background:none;  border:none}
.prod-desc { background: url(../styleImages/prod-bg.jpg) repeat-x #000; color:#ccc; padding:10px; margin-bottom:15px}

.tutorial { width: 562px; margin-bottom: 15px; padding: 8px; background:#111; overflow: hidden}
	.tut-thumb{width:125px; padding: 4px; margin-right: 10px; border: 1px solid #555; float: left}
	.tut-desc {width:403px; float:left}
	
	.tut-desc h3 a {font-size:16px}

.taright {text-align:right}
.current-category { background-color:#111; color:#666; padding:8px 0 8px 10px; display:block; margin-bottom:15px; width:610px}


.page-hdr {background:url(../styleImages/page-hdr-bg.jpg) no-repeat; padding:15px 0 0 10px; width:590px; height:35px; color:#FFF; font-size:14px;}
.page-subhdr { padding-top:15px; color:#666; font-size:21px; margin-top:15px; border-top:1px solid #555}
.page-subhdr-store {background:#222; padding:5px 0 5px 10px; color:#666; font-size:12px; margin:15px 0; width:590px}
.page-section {margin-top:15px}
.under-page-hdr {margin:0 0 15px; padding:10px; background:#000}


/* jQuery lightBox plugin - Gallery style */
#gallery { background-color: #000; padding: 20px 0; width: 600px; }
	#gallery ul { list-style: none; width:560px; margin:0 auto; overflow:hidden }
	#gallery ul li { width:135px; margin-right:5px; float:left}
	#gallery ul img { border: 5px solid #3e3e3e}
	#gallery ul a:hover img { border: 5px solid #555}
	
.page-float {width:335px; overflow:hidden; margin:0 auto 10px }
	.float-left {float:left}
	.no-float {width:335px; margin: 0 auto 10px}

/* CHECKOUT PAGES */
.colLeftCheckout { position: relative; left: 0px; width: 160px; padding-left: 15px; padding-right: 5px; float: left; }
.colMainCheckout { position: relative; width: 568px; float: left; }
/* END CHECK OUT PAGES */

.siteDocs { text-align:center; margin-top: 10px; }

.pagination { text-align: right; padding-top: 5px; padding-bottom: 5px; }

#subCats { text-align:justify; background-color: #EBEDFE; text-align: center; border: 1px solid #C9CEFC; margin: 0px; padding: 3px; float: left; width: 387px; }
	.subCat { text-align: center; padding: 8px; float: left; width: 110px; }

.regSep{ padding: 10px 0px 10px 0px; margin: 10px 0px 10px 0px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }

#imgThumbSpace{ line-height: 0px }
#imgThumbSpace img { padding-right: 3px; padding-bottom: 3px }

div.latestProds { text-align: center; width: 131px; height: 140px; float: left; overflow: hidden; }