/* WRAPPER
------------------------------------*/

#container{
	padding: 0px;
	width: 858px;
	margin: 0px auto;
}

/* HEADER
------------------------------------*/

#header{
	height:124px;
	background-image:url(../images/header.gif);
	overflow:hidden;
	background-repeat:no-repeat;
	position:relative;
}
#header h1 a{
	display:block;
	width:281px;
	height:125px;
	text-indent:-10000px;
}
#header .login{
	position:absolute;
	z-index:10;
	right:20px;
	top:20px;
	color:white;
	font-style:italic;
}
#header .login a{
	color:white;
}
#header .login a:hover{
	text-decoration:underline;
}
#menu {
	background-color:#D0D8DE;
	position:relative;
	zoom:1;
	border-bottom:6px solid #251C19;
}
#menu ul{
	margin:0;
	padding:0;
}
#menu ul li{
	float:left;
	list-style:none;
	position:relative;
}
#menu ul li a{
	display:block;
	line-height:30px;
	height:30px;
	text-align:center;
	padding:0 10px;
	margin-right:0px;
	float:left;
	border-top:2px solid #D0D8DE;
	color:#666;
}
#menu .selected a {
	background-color:#251C19;
	border-top:2px solid #251C19;	
	font-weight:bold;
	color:#fff;
}
#menu ul li a:hover, #menu .hover a{
	border-top:2px solid #333;
	background-color:#ED7C27;	
	color:white;
}
#menu ul li ul{
	position:absolute;
	z-index:1000;
	top:32px;
	left:0px;
	width:160px;
	/*border-top:1px solid #333;*/
	display:none;
}
#menu .selected li a, #menu .hover li a, #menu ul li ul a, #menu ul li ul a:hover, #menu ul li ul .selected a{
	border:none;
	color:#fff;
	font-weight:normal;
	width:160px;
	text-align:left;
	background-color:#ED7C27;
}
#menu ul li ul a:hover{
	color:white;
	border:none;
	background-color:#251C19;
}
#menu .print{
	position:absolute;
	z-index:10;
	right:10px;
	top:6px;
}
#menu .search{
	position:absolute;
	z-index:10;
	right:40px;
	top:5px;
}
#menu .search .field, #menu .search .submit{
	padding:2px;
}
#hero-image{
	background-color:white;
}

/* CONTENT
------------------------------------*/

#body{
	background-color:#E2E1DD;
	padding:30px;
	clear:both;
	zoom:1;
	overflow:hidden;
	background-image:url(../images/submenu-background.png);
	background-position:top right;
	background-repeat:no-repeat;	
}
#submenu{
	float:left;
	width:230px;
	margin:0;
}
#components{
	float:left;
	width:538px;
	margin:0 30px 0 0;
}

/* forms */

	.users-form{}
	.users-form dl{
		margin:0;
		padding:0;
	}
	.users-form dt{
		margin:0;
		padding:0 0 5px 0;
		font-weight:bold;
	}
	.users-form dd{
		margin:0;
		padding:0 0 10px 0;
	}
	.field{
		border:1px solid #ccc;
		padding:5px;
	}
	.users-form .w100{
		width:75%;
	}
	.submit{
		padding:5px;
		background-color:black;
		color:white;
		font-weight:bold;
		border:1px solid black;
		cursor:pointer;
	}
	.error{
		color:red;
		padding:0 0 5px 0;
	}
	.required{
		color:red;
	}

/* blog */

	.blog-date{
		font-size:11px;
		float:right;
		color:#999;
	}
	
/* components */

	.specials{
		border-top:1px dotted #333;
		padding:10px 0 0 0;
		margin:10px 0 0 0;
	}
	.specials h2{
		border-top:3px solid #333;
		border-bottom:1px solid #333;
		text-transform:uppercase;
		padding:5px;
		margin:0 0 10px 0;
		background-color:#ccc;
	}
	
	.specials .right{
		float:left;
		width:230px;
		margin:0;
	}
	.specials .left{
		float:left;
		width:538px;
		margin:0 30px 0 0;
	}	
	.component_flash{
		margin:0 0 10px 0;
	}
	

	.carousel-buttons{
		position:relative;
		zoom:1;		
	}
	.carousel-buttons .next,
	.carousel-buttons .prev{
		position:absolute;
		z-index:10000;
		top:90px;
		display:block;
		height:15px;
		width:15px;
		font-size:1px;
		text-indent:-10000px;
	}
	.carousel-buttons .next{
		left:-20px;
		background-image:url(../images/prev.gif);		
	}
	.carousel-buttons .prev{
		right:-20px;
		background-image:url(../images/next.gif);		
	}	
	.carousel{
		height:200px;
	}	
	.carousel ul{
		margin:0;
		padding:0;
	}
	.carousel li{
		list-style:none;
		padding:10px;
		background-color:white;
		border:1px solid silver;
		margin:0 8px 0 0;
	}
	.carousel li p{
		line-height:normal;
		padding:0 0 5px 0;
		margin:0 0 5px 0;
		border-bottom:1px dotted #333;
		color:#ED7C27;
		font-weight:bold;
	}
	.carousel li a{
		height:140px;
		overflow:hidden;
		display:block;
		width:170px;
	}
	
/* PRODUCTS
------------------------------------*/	

#lifestyle-wrapper{
	height:525px;
	background-color:white;
	width:858px;
}
.product-left{
	float:left;
	width:220px;
	margin:0 60px 0 0;
}
.product-right{
	float:left;
	width:470px;
	padding:20px 0 20px 0 ;
}
.product-list{
	margin:0;
	padding:0;
}
.product-list li{
	list-style:none;
	padding:10px;
	background-color:white;
	border:1px solid silver;
	margin:0 8px 8px 0;
	float:left;
	overflow:hidden;
	width:170px;
}
.product-list li.last{
	margin-right:0;
}
.product-list li p{
	line-height:normal;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	border-bottom:1px dotted #333;
	font-size:11px;
	width:170px;
	height:10px;
	overflow:hidden;
}
.technical-icons{
	list-style:none;
	margin:0;
	padding:0 0 10px 0;
}
.technical-icons li{
	float:left;
	width:42px;
	height:42px;
	margin:0 5px 5px 0 ;
}
.technical-icons li span{
	display:none;
}
.product-preview{
	list-style:none;
	padding:5px;
	/*border:1px solid silver;*/
	margin:0 0 10px 0;
	overflow:hidden;
	background-image:url(../images/product-preview.png);
	height:220px;
	overflow:hidden;
	width:220px;
}	
.product-colors{
	list-style:none;
	padding:0;
	margin:0;
}
.product-colors li{
	float:left;
}
.product-colors li a{
	float:left;
	display:block;
	padding:3px;
	width:40px;
	height:40px;
	/*border:1px solid silver;*/
	margin:0 9px 9px 0;
	background-color:white;
}
.product-table{
	margin:0 0 10px 0;
	border:1px solid #ccc;
	width:100%;
}
.product-table td{
	padding:5px;
	font-size:11px;
}
.product-table thead td{
	background-color:#333;
	color:white;
	font-weight:bold;
	border-bottom:1px solid #999; 
}
.product-table tfoot td{
	background-color:#ccc;
}
.product-table tr.shade td{
	background-color:white;
}
.product-table tr.shade2 td{
	background-color:#555;
}


/* LOCATIONS/DEALERS
------------------------------------*/

.locations-list{
	margin:0;
	padding:0 0 10px 0;
	list-style:none;
}
.locations-list li{
	padding:0 0 5px 0;
}
.locations-list .major-region{
	padding:10px 0 0 0;
}
.dealers-blurb{
	/*color:white;*/
	color:#251C19;
	font-size:11px;
}
.dealers-blurb p{
	line-height:16px;
	padding:0 0 6px 0;
	margin:0;
}
.dealers-cellpad{
	padding-bottom:0px;
}
.dealer-trading-hours{
	padding:0;
	margin:0;
}

/* SHOP
------------------------------------*/

input.shop-checkout, a.shop-checkout{
	background-color:#E88C29;
	padding:6px 40px;
	color:white;
	display:block;
	border:1px solid #E88C29;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	cursor:pointer;
}
input.shop-checkout:hover, a.shop-checkout:hover{
	background-color:black;
}


/* FOOTER
------------------------------------*/

#footer{
	clear:both;
	background-color:black;
	padding:15px;
	font-size:11px;
	color:#ccc;
}
#footer a{
	color:#ccc;
	font-weight:normal;
}
#footer a:hover{
	color:white;
}
#footer p{
	margin:0;
	padding:0;
	line-height:normal;
}
#cyberdesign{
	color:#666666;
	text-align:right;
	padding:0 10px 10px 0;
	font-size:9px;
}
#cyberdesign a{
	font-weight:normal;
}