/* CSS Document */



body {
  background-color: #fff;
	font-size: 12px;
	margin:20px;
	font-family:Arial, Helvetica, sans-serif; 

}

/* holder div */
#centered {
  position: relative;
  top: 0;
  right: 0;
  margin: 0 auto;
  width: 786px;
  text-align: left;
}

#holder {
	width:786px;
	height: auto;
	border:1px solid #999999;
}

#holder div {
}

/* top nav div */

#topnav {
	height:166px;
	border-bottom-style:solid;
	border-bottom-color:#999999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	font-size: 12px; 
	z-index: 200;
}

#topnav div {
	padding-left:18px;
}

#logo {
	float:right;
	padding-top:38px;
	padding-right:20px;
	/*padding-right:30px;*/
}

#nav {
	float:left;
	width:750px;
	padding-top:8px;
	padding-left:0px;
	position: relative;
	z-index: 101;
}

#nav a {
	color:#000000;
	text-decoration:none;
	padding-right: 5px;
}

#nav a.home-highlight {
	color:#FF6600;
}

#nav a:hover {
	text-decoration:underline;
}


#search{
	float:left;
	width:500px;
	padding-top:30px;
	
}

#search form {
  display: inline;
}

#search a {
	color:#000000;
	text-decoration:none;
}

#search a:hover {
	color:#000000;
	text-decoration:underline;
}

/* main content div */

#maincontent {
	clear:both; 
	/*color:<?=$BGcolor?>;*/
	/*color:#009EE0;*/
	/*background-color:#009EE0;*/
	background-color: <?php echo( $category->color() ); ?> !important; 
}

#maincontent div {
	/*float:left;*/
	float:left;
	padding-top:12px;
	padding-left:12px;
	padding-right:6px;
	/*position:relative;*/
	margin-left:6px;
	width:170px;
	/* IE insanity */
	_margin-left:9px;
	height:134px;
	/*background-color:#ccFFFF; */
}

#maincontent div.storybox {	
/*  margin-left: 6px;
  margin-top: 6px;
  width:376px;
  height:450px;
*/

  width:382px;
  height:462px;
  margin-left: 0px;
  margin-top: 0px;

	float:left;
	padding-top:0px;
	padding-left:0px;
	_padding-left: 1px;
	padding-right:0px;
	padding-bottom:0px;
	
}

* html #maincontent div {
	margin-right:-3px;
}

#maincontent div.contentbox {
	background-color:#FFFFFF;
	margin-top: 6px;
	overflow: hidden;
}

#maincontent div.product_spacer, #maincontent div#lefthandmenu {
  margin-left: 0px;
}

#maincontent div.contenthalfbox {
	height:134px;
}

#maincontent div.contentbox span {
	/*color:<?=$BGcolor?>;*/
	font-weight:normal;
	font-size: 12px;
	/*color:#009EE0;*/
	color: <?php echo( $category->color() ); ?> !important; 
}



#maincontent div.contentbox span.storyheadline {
	/*color:<?=$BGcolor?>;*/
	font-weight:normal;
	font-size: 48px;
	color:#FFFFFF;
}

#maincontent div.contentbox span.storycopy {
	/*color:<?=$BGcolor?>;*/
	font-weight:normal;
	font-size: 12px;
	color:#FFFFFF;
}

#maincontent div.contentbox a {
	color:#000000;
	text-decoration:none;
}
#maincontent div.contentbox a:hover {
	text-decoration:underline;
}

#lefthandcontent {
	background-color:#009EE0;
	width:176px;
	height:488px;
	padding-left:18px;
	padding-top:12px;
}

#whitecontent {
	float:left;
	background-color:#FFFFFF;
	width:582px;
	height:438px;
	z-index: 0;	
}

#whitecontent div.textbox {
	padding-top:12px;
	padding-left:12px;
	/*position:relative;*/
	margin-left:6px;
	width:176px;
	/*height:134px;*/
}

#whitecontent div.textbox span, #whitecontent div#last_box span{
	/*color:<?=$BGcolor?>;*/
	font-weight:normal;
	font-size: 12px;
	color:#009EE0;
}

#whitecontent div.textbox h1 {
	font-weight:normal;
	font-size: 12px;
	color:#009EE0;
	margin: 0px;
}

#whitecontent div.productimgbox {
	width:564px;
	height:260px;
	background-repeat: no-repeat;
}

#productcontent {
	height:500px;
	/*color:<?=$BGcolor?>;*/
	/*color:#009EE0;*/
	background-color:#ffffff;
	z-index: 0;
}

#productcontent div {
	/*float:left;*/
	float:left;
	/*position:relative;*/
	
	/*background-color:#ccFFFF; */
}


/* -- BEGIN -- Task: Restyle Product Page including positioning of Add to Basket Widget */

body#product_page #productcontent div {
/*  float: none;*/
/*  float: none;*/
/*  clear: top;*/
  float: none;
}

body#product_page #productcontent {
  position: relative;
}

body#product_page #productcontent #lefthandcontent {
/*  border: 1px solid red;  */
/*  float: left;*/
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}

body#product_page #product_description {
  position: absolute;
  top: 0;
  left: 194px;  
  z-index: 2;
  height: 220px;
  overflow: auto;
}

body#product_page #product_ordering_information {
  position: absolute;
  top: 0;
  left: 388px;    
  z-index: 2;
  height: 220px;
  overflow: auto;
}


body#product_page #specifications_and_purchase {
  position: absolute;
  top: 12px;
  left: 582px;      
  width: 176px;
  z-index: 2;
  height: 220px;
  overflow: auto;
}

body#product_page #whitecontent div.productimgbox {
  position: absolute;
  float: none;
  height:251px; 
  top: 232px;
  left: 194px;
  z-index: 1;
}

/* -- END -- Task: Restyle Product Page including positioning of Add to Basket Widget */

.menu_spacer {
  margin-left: 0 !important;
}

#lefthandmenu span.menulinks {
	color:#fff;  
}
#lefthandmenu span.menulinks span.main-dividier {
/*  font-weight: bold;*/
}

#lefthandmenu span.menulinks a {
	text-decoration: none;
	color:#fff;
	font-weight: bold;
}

#lefthandmenu span.menulinks a:hover {
	text-decoration: underline;
}

#lefthandmenu span.submenu {
/*  color:#FFFFFF;*/
}

#lefthandmenu span.submenu a {
	text-decoration: none;
/*  color:#FFFFFF;*/
}

#lefthandmenu span.submenu a:hover {
	text-decoration: underline;
}

#hometextbox {
	float:left;
	width:552px;
	margin-left:6px;
	height:122px;
	padding:12px;
}

#homeimagebox {
	float:left;
	width:188px;
	height:146px;
	/*margin-left:6px;*/
	padding-left:6px;
}

#homecontentbox {
	float:left;
	width:176px;
	height:134px;
	/*margin-left:6px;*/
	padding-left:18px;
	padding-top:12px;
}

#aboutcontentbox {
	float:left;
	width:358px;
	height:426px;
	/*margin-left:6px;*/
	padding-left:18px;
	padding-top:12px;
	padding-right:12px;
	/*background-color:#00FF33;*/
}

#aboutimagebox {
	float:left;
	position: relative;	
	left:3px;
	width:385px;
	height:484px;
	background-color:#000000;
}

#aboutimagebox img {
  margin-left: 3px;
}

#aboutcontentbox span.title {
	color:#FF6600;
}

.color_exteriors{
background-color:#000000;
color:#FFFFFF;
}

.color_interiors{
background-color:#009EE0;
color:#FFFFFF;
}

.color_soul{
background-color:#FFEE00;
color:#000000;
}

.color_body{
background-color:#F00066;
color:#FFFFFF;
}

#lefthandmenu a.generic_left_link {
	text-decoration:none;
	color:#FFFFFF;
}

#lefthandmenu a.generic_left_link:hover {
	text-decoration:underline;
}

#basket {
	padding-left:10px;
	padding-top:10px;
}

#basket_buttons { 
	padding-left:10px;
}

#basket_buttons input{
	font-size:10px;
}

#basket_products div.basket_product {
	margin-right:10px;
	background-color:#FFFFFF;
}

#basket_products input.quantity_box {
	font-size:10px;
	width:30px;
}


#button {
margin-top:6px;
color:#FFFFFF;
margin-left:-6px;
padding-left:12px;
padding-top:6px; 
	width:170px;
	height:20px;
	background-color:#009EE0;
}

div#last_box div#button a {
	text-decoration:none;
	color:#FFFFFF;
}

div#last_box div#button a:hover {
	text-decoration:underline;
}

div#checkout_link {
	padding-top:5px;
	padding-left:5px;
}

div#paginator {
	color:#009EE0;
	padding:5px;
	font-size:10px;
}

div#checkout_link a {
	text-decoration:none;
	color:#FF6600;
}

div#checkout_link a:hover {
	text-decoration:underline;
}

input.topnav_input { /* this deals with the top nav search input box */
  margin-left: 5px;
}

input.topsearchbutton { /* this styles the top search box button */
/*  font-size:12px;*/
	width: auto;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	margin-left: 5px;
}

input.topsearchbutton:hover {
	border:none;
	text-decoration:underline;
}

#maincontent.search-results {
  background-color: #F08600;
}
#search_results_info {
  color: #fff;
}
#search_results_info .result-count {
  font-weight: bold;    
}

#search_results_empty {
  color: #fff;  
}

#search_results_query {
  font-weight: bold;  
}


#flash_exteriors {
  width: 776px;
  height: 292px;
}

#next, #next div {
  height: auto !important;
}


/* Popup menu styles - Acumen */


#topmenu, #topmenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#topmenu li {
	float: left;
	position: relative;
	margin: 5px 10px 5px 0px;
}

.topitem {
/*	border: 1px solid;
	background-color: #A0A0A0;
*/
}

.topitem a {
	margin-left: 0px;
	margin-right: 10px;
	text-decoration: none;
}

.submenu {
	display: none;
	width: 160px;
	position: absolute;
	top: 15px; 
	left: 0;
/*	background-color: #E0E0E0; */
	background-color: white;
/*	border: 1px solid; */
	z-index: 999;
}

.submenubody {
	width: 200px;
}

.submenu li {
	width: 100%;
}

.submenu li a {
	text-decoration: underline;
	margin: 5px;
}

.submenu li a.pleasure {
	color: #000000 !important;
}

#topmenu li>/**/ul { /* IE won't see this; overrides position for other browsers */
	top: auto;
	left: auto;
}

#topmenu li:hover ul, li.over ul {
	display: block;
}

#maincontent div.extrainfo {
	height: auto;
	padding: 5px 0 5px 0;
	margin: 0;
}