@charset "utf-8";
/* CSS Document */

/* Updated 10/02/10 by MB */
/* 1) Added new styling for low stock messages in drop down */

/*  Replacement drop menu styles for product details phase 2
	Created 21/05/08 */

.mainSelect {
	font-size:12px;
	height:18px;
	margin:0px 4px 8px 6px;
	width:308px;
}
												
.mainFirstValue {
	border:1px SOLID #7f9db9;												
	padding-left:3px;
	background-color:#FFFFFF;	
	position:relative;
	cursor:pointer;
	line-height: normal;	
	background:#FFFFFF url(//images2.drct2u.com/content/images/productdetails/selectArrow.jpg) no-repeat right;	
}

	
.dropOptions {
	border:1px SOLID #474747;
	width: 318px;
	z-index: 100;
	display:none;
	position: absolute;
	margin-top: -1px;
	background-color: #ffffff;
}

.dropOptionsMore { /*if more than 9 items*/
	height:222px;
	overflow-y:auto;
	overflow-x:hidden;
	width:318px;
}
	
.dropOptionsShow {
	display:block;
}
	
.mainOtherValues, .hoverOutMainOtherValues{
	z-index: 101;
	border-bottom: 1px dashed #BBBBBB;
	border-left: 1px SOLID #e4e4e4;
	border-right: 1px SOLID #474747;
	padding:4px;
	background-color:#FFFFFF;	
	position: relative;
	cursor: pointer;
	line-height: normal;
	width: 309px;
	margin-top:1px;
}

/* Low stock select option styling */

option.invalid, .lowStock {
	background-color: #FFFFCC;
	padding-left: 4px;
	width: 309px;
}

/* unused alternative styling of option menus */

.mainSelect .odd {
}

.mainSelect .even {
}

.mainSelect .selectedDrop {
	z-index:90;
	display:block;
}	
.mainOtherValues:hover, .hoverMainOtherValues {
	color: #ffffff;
	background-color:#316ac5;
}
	
.containerSelect {
	position:absolute;
	width:308px;	
}

/* Out of stock select option styling */

option.invalid, .outOfStock, .unavailable {
	color: #888888;
	background-color: #ededed;
	background-image: url(//images2.drct2u.com/content/images/productdetails/prodInvalidCross.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 22px;
	width: 291px;
}