
/*######################
#### ACCESSORY PAGE ####
######################*/ 

#accessoryBlurb{
	padding					: 20px 20px 0px 0px;
	width					: 250px;
	float					: right;
}

#accessoryRange{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	width 					: 280px;
	float					: left;
	background-color		: #ECECED;
	
}

#accessoryRange h3{
 	font-size				: 25px;
	font-weight				: normal;
	text-align				: center;
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.4em;
	
}






/*######################
#### ACCESSORY LIST ####
######################*/ 


#accessoryList{
	margin					: 0px;
	padding					: 0px;
}

#accessoryList h5{
 	font-size				: 24px;
	font-weight				: normal;
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.4em;
}

#accessoryList p{
 	font-size				: 11px;
	font-weight				: normal;
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.4em;
	float					: right;
	width					: 155px;
}


#accessoryList ul{
	margin					: 5px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
}


#accessoryList li{
	display 				: inline;
	margin					: 0px 10px 0px 10px;
	padding					: 0px 0px 0px 0px;
	width					: 260px;
	display					: block;
	border-bottom			: 1px dashed #EE7D11;
}


.accessoryInfo ul{
	margin					: 5px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	float					: right;
}


.accessoryInfo li{
	display 				: inline !important;
	margin					: 0px 5px 0px 10px !important;
	padding					: 0px 0px 0px 15px !important;
	width					: 130px !important;
	display					: block !important;
	border-bottom			: none !important;
	background-image		: url(../images/bullet.gif);
	background-position		: center left;
	background-repeat		: no-repeat;
}


*html .accessoryInfo li{
	width					: 125px !important;
}


.productThumb{
	width					: 89px;
	height					: 89px;
	margin					: 5px 5px 5px 0px;
	padding					: 2px;
	border					: 1px solid #CCC;
}

a.linkopacity img {
	filter					: alpha(opacity=100);   
	-moz-opacity			: 1.0;   
	opacity					: 1.0;
	margin					: 5px 5px 5px 0px;
	padding					: 2px;
	text-decoration			: none;
}

a.linkopacity:hover img {
	filter					: alpha(opacity=30); 
	-moz-opacity			: 0.3; 
	opacity					: 0.3;
	margin					: 5px 5px 5px 0px;
	padding					: 2px;
	border					: 1px solid #000;
	text-decoration			: none;
}


a span{
	display					: none;
	
}

a:hover span{
	display					: inline;
	position				: absolute;
	margin					: 5px 0px 0px -100px;
	padding					: 20px 0px 0px 0px;
	font-size				: 120%;
	font-weight				: bold;
	color					: #333;
	text-decoration			: none;
	cursor					: hand;
	width					: 89px;
	height					: 69px;
	border					: 3px solid #EE7D11;
	text-align				: center;
	line-height				: 1.0em;
	
}


a#productStrapline{
	margin					: 5px;
	padding					: 2px;
	color					: #EE7D11;
	text-align				: center;
	line-height				: 2.8em;
	font-size				: 105%;
	font-weight				: bold;
	text-transform			: uppercase;
	border					: 1px solid #CCC;
	display 				: block;
	text-decoration 		: none;
	width					: 428px;
}
a#productStrapline:hover{
	background-color		: #EE7D11;
	color 					: #FFFFFF;

}




/*#####################
##  ACCESSORIES PAGE ##
#####################*/ 



#accessoriesLeft{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	width 					: 650px;
	float					: left;
	
}

#accessoriesRight{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	width 					: 90px;
	float					: right;
}



#accessoriesList{
	margin					: 0px;
	padding					: 0px;
}

#accessoriesList ul{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
}


#accessoriesList li{
	display 				: inline;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 20px 0px 0px;
	width					: 195px;
	min-height				: 300px;
	float 					: left;
}


*html #accessoriesList li{

	height					: 300px;
}

.accessoriesThumb{
	margin					: 5px;
	padding					: 2px;
	border					: 1px solid #CCC;
}

#accessoriesList h1{
 	font-size				: 100%;
	font-weight				: bold;
	border-bottom			: 1px solid #EE7D11;
	margin					: 0px 5px 0px 5px;
	padding					: 0px 0px 3px 0px;
}

#accessoriesList p{
	margin					: 0px 0px 0px 5px;
	padding					: 0px 0px 0px 0px;
}



#productNav{
	width					: 270px;
	display					: block;
	float					: right;
}


#productNavLeft {
	width					: 120px;
	float	 				: left;	
}


#productNavLeft ul{
	margin					: 5px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 150px;
	list-style 				: none;
	
}

#productNavLeft li{
	display 				: inline;
}

#productNavLeft li a{
	text-decoration			: none;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 10px;	
	color					: #EE7D11;
	float					: left;	
}

#productNavLeft li a:hover{
	display 				: inline;	
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 10px;
	text-decoration			: underline;
}


#productNavRight {
	width					: 120px;
	float	 				: right;	
}

#productNavRight ul{
	margin					: 5px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;	
	list-style 				: none;
}


#productNavRight li{
	display 				: inline;	
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

#productNavRight li a{
	text-decoration			: none;
	margin					: 0px 0px 0px 0px;
	padding					: 2px 5px 2px 5px;	
	background-color		: #9BA1A4;
	color					: #fff;
}


#productNavRight li a:hover{
	margin					: 0px 0px 0px 0px;
	padding					: 2px 5px 2px 5px;
	background-color		: #666;
}
