body,html {
	padding:0;
	margin:0;
	font-family: Veranda, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:100%;
	background-color:#d3d3d3;
}
h1,h2,h3,span,ul,ol,form {
	padding: 0px;
	margin: 0px;
}
th {
	text-align:left;
	font-size: 1.3em;
}
a:hover {
	text-decoration:none;
}
a img {border: none;}
.container, #container {
	width:972px;
	margin:auto;
	position:relative;
	clear:both;
}
#headercontainer {
	position:relative;
	background:url(../images/header_back.gif) top left repeat-x;
}
#contentcontainer {
	background-color:#FFF;
	height:auto;
	padding-top:15px;
	padding-bottom:40px;
}
#footercontainer {
position: relative;
background: url(../images/footer_back.gif) 0px 0px repeat-x;
	padding-top:20px;
}
#header {
	position:relative;
	width:100%;
	height:80px;
}
#logo {
	float:left;
	margin-top:10px;
}
#topright {
	float:right;
}
#nav_util {
 float: right;
 margin: 0;
 padding: 0;
 padding-left: 16px;
 padding-right: 32px;
 border: 0px solid #88ff00; /* delete this later */
 background: transparent url("../images/nav_util_bg_l.gif") no-repeat top left;
}

#nav_util ul {
 float: left;
 margin: 0;
 padding: 0;
 padding-right: 16px;
 border: 0px solid #ff00ff; /* delete this later */
 background: transparent url("../images/nav_util_bg_r.gif") no-repeat top right;
 list-style: none;
}

#nav_util li {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 background: #ffffff url("../images/nav_util_bg.gif") repeat-x top left;
 line-height: 24px;
}

#search { /* form */
 float: left;
 height: 24px;
 margin: 0;
 padding: 0;
 padding-right: 16px;
 border: 0;
 background: #ffffff url("../images/nav_util_bg.gif") repeat-x top left;
 line-height: 24px;
}

#search form b label {
 color: #660000;
}

#search input.box {
 width: 116px;
 height: 14px;
 margin: 0;
 padding: 1px 2px;
 border: 1px solid #cccccc;
 background: #f0f0ff;
 color: #333333;
 font-size: 10px;
 line-height: 14px;
 vertical-align: centre;
}

#search input.go_btn {
 margin: 0;
 padding: 0;
 border: 0;
 vertical-align: middle;
 text-indent:-999em;
 width:44px;
 height:10px;
 background: #f0f0ff;
 cursor: pointer;
 background-image: url("../images/go.gif"); 
}

#searchsubmit {
 margin: 0;
 padding: 0;
 border: 0;
 vertical-align: middle;
 text-indent:-999em;
 width:44px;
 height:10px;
 background: #f0f0ff;
 cursor: pointer;
 background-image: url("../images/go.gif"); 
}

#nav_util a {
 margin: 0;
 padding: 0 8px;
 border: 0;
 color: #333333;
 font-weight: bold;
 text-decoration: none;
}

#nav_util a:hover {
 color: #660000;
}
.feature {
	width:100%;
	position:relative;
}
#fadeshow {
	position: relative;
	float:left;
	width:auto;
	background-color:#FFF;
	z-index:10;
}

#featured{ 
	width:722px; 
	padding-right:250px; 
	padding-top:10px;
	position:relative;  
	height:338px;
	margin:auto 0;
	border: solid 1px #CCC;
}
#picturespacing {
	padding:10px;
	border: none;
	}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:20px; left:722px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#000;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2;
	color:#000;
}
#featured li.ui-tabs-selected{ 
	background:url('../images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc;
	color:#000;
}
#featured .ui-tabs-panel{ 
	width:702px; height:308px;
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:238px; left:0; 
	height:70px;
	width:702px;
	background: url('../images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
a {
	color:#600;
}
.col1{
	float: left; 
	margin-right: 10px; 
	margin-left: 12px;
}
.col2{
	float: left; 
	margin-right: 10px;
}
.col3{
	float: left; 
	margin-right: 10px;
}
.col4{
	float: left; 
	margin-right: 0px;
}
.top-of-page {
	position:fixed;
	right:5px;
	bottom:5px;
	width:auto;
	height:auto;
	font-size:9px;
	display:block;
	text-decoration:none;
}
.bottombox {
 width: 208px;
 margin: 0;
 margin-bottom: 8px;
 padding: 0 12px;
 border: 0;
 background-repeat: no-repeat;
 font-size: 11px;
}
.bottombox ul {
	margin-left:15px;
}

.bottombox h5 {
 margin: 0;
 padding: 0;
 padding-top: 10px;
 font-size: 15px;
 font-weight: bold;
 color:#660000;
}

.pb72 {
 height: 72px;
 background-image: url(../images/pb-72.gif);
}
.pb225 {
 height: 225px;
 background-image: url(../images/pb-225.gif);
}
.pb145{
	height:145px;
	background-image: url(../images/pb-145.gif);
}
.newsletterbox{
 margin: 0;
 padding: 1px 2px;
 border: 1px solid #cccccc;
 vertical-align: center;
 }
#newslettersubmit{
 margin: 0;
 padding: 0;
 border: 0;
 margin-top:-4px;
 vertical-align: middle;
 text-indent:-999em;
 width:18px;
 height:18px;
 cursor: pointer;
 background-color:#FFF;
 background-image: url("../images/subscribe.png"); 
}
div.hr {
  height: 3px;
  background: url(../images/divider.png) no-repeat scroll left;
  margin-bottom:5px;
}
div.hr hr {
  display: none;
}

#footer {clear:both; width:100%; font-size:1em; color:#666; text-align:center; padding-top:2px;}
	#footer a{color:#666;}
	#footer a:hover{text-decoration:none}




/***************************************************
   JCH new header styles
***************************************************/

#newsletter {margin: 0; position: absolute; top: 15px; right: 30px; text-align: right;}
	#newsletter h5 {color: white; margin: 0 0 6px; font-size: 1.1em;}
	#newsletter input.searchbox {padding: 4px; width: 200px; border: none; color: #aaa}
	#newsletter .submit {color: white; font-weight: bold; background: none; border: 1px white solid; cursor: pointer; padding: 2px;}

#TopNav li a.top {cursor: default;}

#social-links{position: absolute;right: 0px;bottom: 7px;font-size: 1.2em;}

/***************************************************
   JCH new home page styles
***************************************************/

#homepage-usp {padding: 10px 30px; font-size: 2em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.4em; text-align: center}
	#homepage-usp a {font-size: 0.9em; color: #822121; display: block; }

#home-content {width: 68%; padding: 10px 0 30px 0; }
#dt-container {margin: 20px 0 0 0; width: 100%;}
	#dt-container h2 {margin: 40px 0 15px; font-weight: normal; font-size: 1.8em; font-family: Georgia, "Times New Roman", Times, serif; width:auto}
	#dt-container h3 {padding: 8px 0 8px 0;}
	
#home-center {float: right;	width: auto; padding: 0px 0px 0px 25px; margin: 0px 0px 40px 0;}
	#home-center .module {float: left; clear: both; margin: 0 0 20px; width: 100%;}
		#home-center .module h5 {margin: 0 0 8px -5px; font-size: 1.3em;; font-weight: bold; color:#660000; letter-spacing: -1px; text-transform: capitalize}
		#home-center .module p {margin: 0; padding: 0 0 8px 0; line-height: 1.5em}
		#home-center .module img {float: left; margin: 0 6px 6px 0;}
		#home-center .module p.action-call {padding: 5px 0 5px 20px; background: url(../images/arrow_right_blue_round.png) 0 50% no-repeat;}

/***************************************************
   JCH new content page styles
***************************************************/

.clearfix {clear: both;}

.main-content {width: 63%; padding: 10px 0 30px 40px; }
	.main-content h1 {font-size: 2em; letter-spacing: -1px; margin: 0 0 20px; }
	.main-content h2 {margin: 30px 0 12px 0;}
	.main-content h3 {font-weight: bold; margin: 20px 0 8px 0; }
		.main-content h3.contact-head {text-align: center; margin: 40px 0 0; font-size: 1.6em; padding: 8px 0;  border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; }
	.main-content h4 {font-size: 1.2em}
	.main-content ul, .main-content ol {padding: 6px 0; margin-left: 30px;}
	.main-content .indent, #contentcontainer ul.indent, #contentcontainer ol.indent {padding-left: 30px;}
	.main-content .indent-more, #contentcontainer ul.indent-more, #contentcontainer ol.indent-more {padding-left: 60px;}
	.main-content .center {text-align: center;}
	.main-content .right {float: right; margin: 0 0 8px 10px; }
	.main-content .left {float: left; margin: 0 10px 8px 0; }
	.main-content p, .main-content ul, .main-content ol, .main-content ul ul {line-height: 1.8em; font-size: 1.1em}
		.main-content p.call-to-action {padding: 8px 0 8px 30px; font-size: 1.1em; font-weight: bold; text-align: center; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; background: url(../images/accept.png) 0 50% no-repeat;}
		.main-content p.nav {padding: 8px 20px 8px 20px; font-size: 1.1em; font-weight: bold; text-align: center; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; background:#f5f5f5; margin-bottom:10px;}
		.main-content p.buy { background: none; padding-left: 0; }
			.main-content p.call-to-action a {color: #611213; }
			.main-content p.nav a {color: #611213; }
		.main-content p.testimonial {padding: 8px 0 8px 40px;  font-style: italic; background: url(../images/quotes.png) no-repeat;}
		.main-content p.intro {margin: 0 0 20px; font-size: 1.4em; line-height: 1.6em; }
		.main-content p.question {padding-left: 30px; font-size: 1.1em; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #444 }

#contact {width: 90%; margin: 0 auto; }

#contact-other { width: 300px; float: left; padding: 40px 0 40px 30px;}	
	#contact-other h3 {font-weight: bold; margin: 0 0 10px;}
	#contact-other p {font-size: 1.2em; padding: 0 0 12px 20px;}
	#contact-other p.phone {font-size: 1.6em; font-weight: bold; }
	
	.page-form {float: left; margin: 0; border-right: solid 1px #ddd; width: 360px; }
		
		.form-container #contact-form {width: 400px; margin: 10px auto 0; }
		.form-container h4 {text-align: center; line-height: 1.6em;}
		.page-form #contact-form {width: 300px; margin: 10px auto 0; }
			#contact-form ul li {list-style-type: none;margin: 0 0 12px;}
			#contact-form input.required, #contact-form textarea.required {display: block; width: 90%; padding: 6px; border: #bbb 1px solid;}
			#contact-form .checkIt {display: none;}
			#contact-form span.error {color: red; font-size: 0.9em; display: block;}
	
	h3.featured {font-style: italic; color: #D01429; margin: 40px 0 0 20px; text-transform: uppercase; font-weight: bold; font-size: 1.6em;}
	.book-wrap {margin: 0 0 30px; padding: 10px 20px 20px; }
		.book-wrap h2 {margin: 0 0 8px;}
		.book-wrap h3 {font-style: italic; font-weight: normal; margin: 0 0 10px;}
		.book-wrap img {float: left; margin: 2px 10px 10px 0; border: none;}
			.book-wrap .buy-box a {line-height: 1.3em;}
			.book-wrap .buy-box img {margin-left: 100px;}
			
	#model-chart td {vertical-align: top; border-bottom: #eee 1px solid; width: 33%;}
	#model-chart th {font-size: 1.2em; text-align: left; border-top: #bbb 1px solid; border-bottom: #bbb 1px solid;}
	
	.module-title {font-size:1.2em; font-weight:bold; /*background-color:#e9e9e9; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:0 5px;*/}
	.quantitybox {float:right; width:30px;margin-top:-5px;padding-right:70px;}
	.submit-to-cart {heigh:26px;margin-left:-55px;}
	.dom-window {padding: 0 5px; }
	.dom-window ul, .dom-window ol {padding: 6px 0; margin-left: 30px;}

/***************************************************
   JCH new sidebar styles
***************************************************/

#sidebar {float: right;	width: 210px; padding: 10px 10px 0 25px; margin: 40px 12px 0 0;}
	#sidebar .module {float: left; clear: both; margin: 0 0 40px; width: 100%;}
		#sidebar .module h5 {margin: 0 0 8px -5px; font-size: 1.3em;; font-weight: bold; color:#660000; letter-spacing: -1px; text-transform: capitalize}
		#sidebar .module p {margin: 0; padding: 0 0 8px 0; line-height: 1.5em}
		#sidebar .module img {float: left; margin: 0 6px 6px 0;}
		#sidebar .module p.action-call {padding: 5px 0 5px 20px; background: url(../images/arrow_right_blue_round.png) 0 50% no-repeat;}
	
	#sidebar #search-field { width: 90%;  border: 1px solid #aaa; padding: 6px 0; display: block; margin: 0 0 4px 0;}
	#sidebar #search-submit { font-size: 10px; margin: 0;}
	
	.module #side-nav {list-style: none; width: 90%; padding: 0;0; border-top: 1px solid #aaa;}
		#side-nav li {padding: 0; margin: 0;}
		#side-nav li a {display: block; color: #600; padding: 6px 0px 8px 30px; margin: 0px; border-bottom: 1px solid #aaa; background: #fff url(../images/dropdown_off.gif) 5px 50% no-repeat; text-decoration: none; }
			#side-nav li a:hover, #side-nav li a.active {color: #fff; background: #600 url(../images/dropdown_on.gif) 5px 6px no-repeat;}
			#side-nav li a.active {cursor: default;}

/***************************************************
   JCH new footer styles
***************************************************/

#footer-subtext {font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.4em; text-align: center; padding: 12px 0;}

#footer-links {clear:both; width:1000px; margin: 0 auto; padding 10px 0 30px;}
	#footer-links h5 {text-transform: capitalize;  font-size: 1.2em;; font-weight: bold; margin: 0 0 10px;; }
	#footer-links ul {width: 200px; float: left; list-style: none; padding: 5px 0; margin: 0;}
		#footer-links ul li {padding: 0 0 4px 8px;}

/*------------------------------------------------*/
/* Navigation SECTION START*/
/*------------------------------------------------*/
#NavContainer
{
position: relative;
width: 100%;
height: 39px;
background: url(../images/nav_back.gif) 0px 0px repeat-x;
}

#Nav
{
position: relative;
font-size: 11px;
font-weight: bold;
width: 903px;
height: 39px;
margin: 0 auto;
text-align: left;
}

/* Normal Tabs */
#TopNav li
{
float: left;
height: 39px;
margin: 0px 4px;
padding: 0px 0px 0px 4px;
list-style: none;
background: url(../images/nav_tab_left.gif) no-repeat left top;
cursor: pointer;
}

#TopNav li a
{
display: block;
height: 21px;
padding: 18px 9px 0px 5px;
background: url(../images/nav_tab_back.gif) top right no-repeat;
}

#TopNav a
{
color: #600;
text-decoration: none;
text-transform: uppercase;
}

/* Active Tabs */
#TopNav li.Active
{
float: left;
display: inline;
margin: 0px 0px;
padding: 0px 0px 0px 9px;
list-style: none;
background: url(../images/nav_tab_active_left.gif) no-repeat left top;
}

#TopNav li.Active a
{
display: block;
height: 21px;
padding: 18px 14px 0px 5px;
background: url(../images/nav_tab_active_back.gif) top right no-repeat;
color: #a68400;
text-decoration: none;
text-transform: uppercase;
}

/* Necessary for Tabs to work correctly in IE6 */
* html body #NavContainer a { width: 1%; white-space: nowrap; }

#NavSearch
{
float: right;
margin-top: 10px;
}

.NavFloat
{
float: left;
}



/* Suckerfish */
#Nav, #NavContainer, #TopNav, #TopNav ul, #TopNav li ul, #TopNav li ul li
{
z-index: 1000;
}

#TopNav li ul /* second-level lists */
{ 
position: absolute;
width: 200px;
background: #fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
left: -999em;
z-index:1;
}

#TopNav li ul li
{
float: none;
height: auto;
margin: 0px;
padding: 0px;
list-style: none;
background-image: none;
z-index:1;
}

#TopNav li ul li a:link, #TopNav li ul li a:visited, #TopNav li ul li a:active, #TopNav li.Active ul li a:link, #TopNav li.Active ul li a:visited, #TopNav li.Active ul li a:active
{
display: block;
color: #600;
text-transform: none;
font-weight: normal;
width: auto !important;
width: 200px;
height: 16px;
padding: 5px 0px 5px 25px;
margin: 0px;
border-bottom: 1px solid #ccc;
background: #fff url(../images/dropdown_off.gif) 5px 6px no-repeat;
}

#TopNav li ul li a:hover, #TopNav li.Active ul li a:hover
{
display: block;
font-weight: normal;
color: #fff;
height: 16px;
padding: 5px 0px 5px 25px;
margin: 0px;
background-image: none;
background: #600 url(../images/dropdown_on.gif) 5px 6px no-repeat;
}

#TopNav li:hover ul ul, #TopNav li.sfhover ul ul {
	left: -999em;
}

#TopNav li:hover ul, #TopNav li.sfhover ul
{ /* lists nested under hovered list items */
left: auto;
margin-left: -4px;
}

#TopNav li ul li:hover ul, #TopNav li ul li:hover ul, #TopNav li ul li.sfhover ul, #TopNav li ul li.sfhover ul
{
left: auto;
margin-top: -27px;
margin-left: 200px !important;
margin-left: 224px;
}
.insidecontent {
	width: 720px;
	height:100%;
}
.insideleft {
	float: right;
	width: 236px;
	height:auto;
}

/**********************
Decision tree CSS 
***********************/

.decision {width:300px; font-size:12px;}

/*Main Menu*/
.decision ul {margin:0px; padding:0px; background-color:#333;}
 
.decision ul li {
height:auto;
list-style:none; 
padding:10px;
color:#FFF; 
border-top:#fff solid; 
border-bottom:#fff solid; 
border-width:1px;
}
.decision ul li:hover {background-color:#600; position:relative;}
.decision a {text-decoration:none; color:#FFF;}
 
/*Sub Menu*/
.decision ul ul {display:none; position:absolute; left:275px; top:-1px; border:#fff solid; border-width:1px; background-color:#666; z-index:2; }
.decision ul li:hover ul {display:block;}
 
.decision ul ul li { width:300px; float:left; display:inline; border:none;}
.decision ul ul li:hover {border:none;}
 
.decision li:hover ul li ul {display:none;}
 
.decision ul ul li ul {left:170px; background-color:#999; z-index:1;}
.decision ul ul li:hover ul {display:block;}