/*#####################
### PRODUCT LISTING ###
#####################*/ 


#productList ul{
	list-style				: none;
	margin					: 0px;
	padding					: 0px;
		
}

#productList ul li{
	display					: inline;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	background				: none;
}
#productList ul li a{
	display					: block;
	float					: left;
	margin					: 0px 0px 0px 0px;
	padding					: 8px;
	width					: 180px;
	min-height				: 200px;
	color					: #999999;
	text-decoration			: none;
	font-size				: 11px;
	line-height				: 1.4em;
	font-weight				: bold;
	text-align				: center;
	background-image		: none;
}

*html #productList ul li a{
	height					: 200px;
}


#productList ul li a:hover{
	text-decoration			: none;
}

#trailimageid{
	position				: absolute;
	visibility				: hidden;
	left					: 0px;
	top						: 0px;
	width					: 200px;
	height					: 0px;
	z-index					: 200;
}

.infoLink{
	font-weight				: bold;
	color					: #CC6600;
}


#productInformationWide{
	display					: block;
	height					: auto;
	float 					: right;
	width					: 300px;
}



/*##########################
### PRODUCTS PAGE LAYOUT ###
##########################*/ 


.productLeft{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	float					: left;
	width 					: 320px;
	height					: auto;
	display 				: block;
	color					: #999999;
	line-height 			: 175%;
	min-height				: 440px;

}


*html .productLeft{
	height					: 440px;

}

.productRight{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	float					: right;
	width 					: 320px;
	height					: auto;
	display 				: block;
	color					: #FFFFFF;
	line-height 			: 175%;
	min-height				: 440px;

}


*html .productRight{
	height					: 440px;

}


/*##########################
### RELATED PRODUCTS BOX ###
##########################*/ 

#relatedLinks{
	border 				: 1px solid #000000;
	background-color	: #BCBDBF;
	background-image	: url(../images/relatedBkgrnd.jpg);
	background-position	: top left;
	background-repeat	: repeat-x;
	width				: 275px;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
}

*html #relatedLinks{
	padding				: 0px 10px 0px 0px;
}

#relatedLinks ul{
	list-style 			: none;
	margin 				: 0px;
	padding 			: 0px;
}

#relatedLinks ul li{
	display 			: inline;
	background-image	: none;
	padding				: 0px;
	margin				: 0px;
}

#relatedLinks ul li a{
	float 				: left;
	display				: block;
	background-image	: none;
	height				: 60px;
	width				: 60px;
	padding				: 1px;
	margin				: 10px 0px 10px 10px;
	
}

#relatedLinks ul li a:hover{
	padding				: 0px;
	margin				: 10px 0px 10px 10px;
	border				: 1px solid #FF6699;
}



/*###############################
### OTHER COLOUR PRODUCTS BOX ###
###############################*/ 


#otherColours{
	border 				: 1px solid #000000;
	background			: #BCBDBF url(../images/relatedBkgrnd.jpg) top left repeat-x;
	width				: 305px;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
}

*html #otherColours{
	padding				: 0px 10px 0px 0px;
}

#otherColours ul{
	list-style 			: none;
	margin 				: 0px;
	padding 			: 0px;
	display 			: block;
}

#otherColours ul li{
	display 			: block;
	float				: left;
	height				: 60px;
	width				: 60px;
	padding				: 1px;
	margin				: 10px 0px 10px 10px;
}

#otherColours ul li:hover{
	padding				: 0px;
	border				: 1px solid #FF6699;
	cursor				: pointer;
}
#otherColours ul li img{
	padding				: 0px 0px 0px 2px;
	margin				: 0px 0px 0px 0px;
	height				: 56px;
	width				: 54px;
	
}


/*#######################
### NEXT/PREV BUTTONS ###
#######################*/ 



#nextButtons{
	list-style 			: none;
	margin 				: 0px;
	padding 			: 0px;
	float 				: left;
}
#nextButtons li{
	display 			: inline;
}
#nextButtons li a{
	display 			: block;
	float 				: left;
}


/*####################
### PRODUCT TABLES ###
###################*/ 


.productTable{
	margin				: 0px;
	float				: left;
	font-size			: 90%;
	border				: 1px solid #CCC;
}

.productTable td{
	width				: 100px;
	height				: 30px;
	padding				: 3px;
	text-align			: center;
	vertical-align		: top;
	background-color	: #FFFFFF;
	
}

.tdHeader{
	border-right		: 1px solid #CCC;
}



/*#################
### PRODUCT NAV ###
#################*/ 


ul#productNav {
	width					: 120px;
	float	 				: left;	
}


ul#productNav{
	margin					: 5px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 150px;
	list-style 				: none;
	
}

ul#productNav li{
	display 				: inline;
}

ul#productNav li a{
	text-decoration			: none;
	display					: block;
	width					: 40px;
	margin					: 0px 0px 0px 0px;
	padding					: 2px 0px 0px 0px;	
	color					: #CCCCCC;
	float					: left;
	background-image		: url(../images/prev.gif);
	background-position		: right;
	background-repeat		: no-repeat;
}

ul#productNav li a:hover{
	display 				: inline;	
	color					: #FFFFFF;
	text-decoration			: underline;
}





/*#########################
### GALLERY PAGE LAYOUT ###
#########################*/ 


#galleryList ul{
	list-style				: none;
	margin					: 0px;
	padding					: 0px;
		
}

#galleryList ul li{
	display					: inline;
	
}
#galleryList ul li a{
	display					: block;
	float					: left;
	margin					: 0px 10px 0px 0px;
	padding					: 8px;
	min-height				: 200px;
	color					: #999999;
	text-decoration			: none;
	text-align				: center;
	background-image		: none;
}

*html #galleryList ul li a{
	height					: 230px;
}


#galleryList ul li a:hover{
	text-decoration			: none;
}

#galleryList h4, #galleryList p{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	line-height				: 1.2em;
	font-weight				: normal;

}