/*
	Grays - IFNA
	PRODUCTS
	----------------------------------------------------------------------
	
	Main Yellow				: #FF9F00;
	Over Yellow				: #FF7200;
	Blue					: #256A94;
	Red						: #BF0034;


*/

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

ul#productListing li{
	display 			: inline;
}

ul#productListing li a{
	display 			: block;
	float	 			: left;
	width 				: 136px;
	height 				: 206px;
	border 				: 1px solid #FF9F00;
	margin-right 		: 10px;
	margin-bottom 		: 10px;
	text-align			: center;
	text-decoration		: none;
}
ul#productListing li a:hover{
	background-color 	: #FFF5E5;
}
ul#productListing li a img{
	border 				: 0px none;
	padding 			: 2px;
}


ul#productListing li a .productName{
	padding 			: 5px;
	background-color 	: #FF9F00;
	display 			: block;
	font-size 			: 90%;
	text-align			: left;
	color 				: #FFFFFF;
	text-decoration		: none;
	height 				: 38px;
	cursor				: hand;
}
ul#productListing li a .productPrice{
	text-align			: right;
	font-size 			: 100%;
	color 				: #256A94;
	display 			: block;
	padding 			: 5px;
	background-color 	: #FFCF7F;
	height 				: 19px;
	cursor				: hand;
}
ul#productListing li a .productPrice .productArrow{
	margin-left 		: 5px;
	font-weight 		: bold;
}

ul#productListing li a:hover .productPrice{
	color				: #BF0034;
}

/* ---------------------------------------------------- */
/* PRODUCT FULL DETAILS									*/
/* ---------------------------------------------------- */
.productMainImage{
	width				: 290px;
	height				: 290px;
	text-align 			: center;
	float 				: left;
	margin-right 		: 10px;
	
}
.productMainImage img{
	padding				: 5px;
}

.productDescription{
	width				: 420px;
	height				: 290px;
	float 				: left;
}

.productDescription .productPrice{
	color 				: #256A94;
	font-size 			: 150%;
	float 				: right;
}


ul#colourListing{
	clear 				: both;
	list-style			: none;
	margin 				: 0px;
	padding 			: 0px;
	margin-top	 		: 5px;

}

ul#colourListing li{
	dispaly:block;
	border 				: 3px solid #FFFFFF;
	width 				: 99px;
	height 				: 117px;
	float				: left;
	margin-left			: -3px;
	margin-right		: 7px;
}
ul#colourListing li.on{
	border 				: 3px solid #FF9F00;
}
ul#colourListing li:hover{
	border 				: 3px solid #FFCF7F;
}

ul#colourListing li a{
	display 			: block;
	float	 			: left;
	width 				: 97px;
	height 				: 115px;
	margin-right 		: 10px;
	margin-bottom 		: 10px;
	text-align			: center;
	text-decoration		: none;
	border 				: 1px solid #FF9F00;

}
ul#colourListing li a:hover{
	background-color 	: #FFF5E5;
}
ul#colourListing li a img{
	border 				: 0px none;
	padding 			: 2px;
}

ul#colourListing li a .productColour{
	text-align			: right;
	font-size 			: 90%;
	color 				: #256A94;
	display 			: block;
	padding 			: 2px;
	background-color 	: #FFCF7F;
	height 				: 17px;
	cursor				: hand;
}

ul#colourListing li a .productColour .productArrow{
	margin-left 		: 5px;
	font-weight 		: bold;
}

ul#colourListing li a:hover .productColour{
	color				: #BF0034;
}

/* ----------------------------------------------------------- */
.buyBackground{
	background-color 	: #f2f2f2;
	padding 			: 5px;
	display 			: block;
	height 				: 38px;
}

.buyButtons{
	list-style 			: none;
	margin				: 0px;
	padding 			: 0px;
	float 				: right;
}

.buyButtons li{
	display				: inline;
}

.buyButtons li a{
	display				: block;
	float 				: left;
	width 				: 130px;
	height 				: 23px;
	border				: 1px outset;
	padding 			: 3px;
	padding-top 		: 10px;
	background-color 	: #FF9F00;
	background-image	: url(../images/btn_bg.jpg);
	background-repeat	: repeat-x;
	color 				: #FFFFFF;
	text-decoration 	: none;
	text-align			: center;
	font-size 			: 90%;
	font-weight 		: bold;
	text-transform 		: uppercase;
}
.buyButtons li a:hover{
	color				: #256A94;
}
.productText{
	display				: block;
	height 				: 145px;
	overflow 			: hidden;
}

.trHeader td{
	background-color 	: #f2f2f2;
	border 				: 1px solid #CCCCCC;
	border-bottom 		: 5px solid #FF9F00;
}
.productRow td{
	border 				: 1px solid #e2e2e2;
	height 				: 26px;
	vertical-align		: top;
}

.totalTD{
	background-color 	: #FFF5E5;
	border 				: 1px solid #e2e2e2;
}

.formField{
	font-size 			: 90%;
	color 				: #256A94;
	width 				: 200px;
}
.formArea{
	font-size 			: 90%;
	color 				: #256A94;
	width 				: 200px;
	font-family			: Arial, Helvetica, sans-serif;
	height 				: 80px;
}
.error{
	color 				: #BF0034;
}

.req{
	color 				: #BF0034;
	margin-left 		: 5px;
	
}