/* ============== */

/* = Back links = */

/* ============== */



#main_content a.back {

	display: block;

	padding: 0 0 2px 28px;

	background: #f2f2f2;

	color: #0070A2;

	line-height: 33px;

	font-weight: bold;

	font-size: .95em;

}

#main_content a.back, #main_content a.back:hover {

	margin-bottom: 10px;

	background: url(/_images/bg/back-top.gif) top no-repeat;

	color: #0070A2;



}

#main_content a.back:hover {

	text-decoration: none;	

}



#main_content a.back,#main_content a.back:hover  {

	padding: 2px 0 0 28px;

	background: url(/_images/bg/back-bottom.gif) top no-repeat;

}





/* ================== */

/* = Product Images = */

/* ================== */



#product-images {

	position: relative;

	float: left;

	width: 320px;

	margin: 0 0 20px 0;

	background: url(/_images/bg/details-divider.gif) top right repeat-y;

}



ul.thumbnails {

	width: 296px;

	margin: 0;

	padding: 0;

	list-style: none;

	border-bottom: 1px solid #ccc;

}

ul.thumbnails li {

	float: left;

	margin: 6px 0 0;

	padding: 0 0 0 0px;

	list-style: none;

}

ul.thumbnails li.first {

	padding: 0;

}

#main_content ul.thumbnails li a {

	display: block;

	border: 1px solid #dddddd;

	background: none;

}

#main_content ul.thumbnails li a:hover {

	border-color: #F0037F;

}

#main_content ul.thumbnails li.active a {

	display: block;

	border: 1px solid #0171A2;

}







/* =================== */

/* = Product Details = */

/* =================== */



#product-details {

	float: right;

	width: 160px;

	padding: 0 6px 20px 0;

}



#add-item-form {

	margin: 8px 0;

	padding: 8px 0;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	font-size: .85em;

}



#quantity {

	width: 30px;

	margin: 0 0 6px 0;

	padding: 2px;

	border: 1px solid #ccc;

}



#main_content .more-information,#main_content a.more-information:hover {

	display: block;

	padding: 0 0 0 22px;

	color: #0070A2;

	background: url(/_images/icons/product-information.gif) left no-repeat;

	line-height: 2;

	font-size: .85em;

}

#main_content a.more-information:hover,#main_content a.drivers:hover {

	text-decoration: none;

}




#main_content a.drivers, #main_content a.drivers:hover  {

	display: block;

	padding: 0 0 0 22px;

	color: #0070A2;

	background: url(/_images/icons/drivers.gif) left no-repeat;

	line-height: 2;

	font-size: .85em;

}





.price {

	font-size: .85em;

}

.price strong {

	font-size: 1.75em;

	font-weight: normal;

}







/* ======================= */

/* = Product Information = */

/* ======================= */



#product-information {

	clear: both;

	margin: 0;

	padding: 28px 0 0 0;

	background: url(/_images/bg/product-info-divider.gif) top left repeat-x;

	font-size: .9em;
	
	
	float: left;
	width: 100%;
}

#product-information p {
	padding: 0;
	margin: 0;
}


#product-information h4 {

	margin: 0;

	padding: 0;

	font-weight: bold;

	font-size: 1.4em;

}

#product-details form label{
	padding: 3px 0 0 10px;
	margin: 0;
	position: relative;
	display: inline;
	float: left;
}

#product-details form #stock_quantity input {
	display: inline;
	float: left;
	position: relative;
	padding: 0 0 0 0;
}

#product-details form #stock_quantity {
	display: block;
	position: relative;
	padding: 5px 0;
}

#product-details form input {
	margin: 0;
	padding: 6px 0 0 0;
}





/* =========== */

/* = Drivers = */

/* =========== */



#drivers {

	background: url(/_images/bg/driver-footer.gif) bottom repeat-x;

	margin: 0 0 20px 0;

	padding: 0 0 9px 0;

}



#drivers table {

	width: 498px;

	margin: 0 -1px;

	background: #f0f0f0;

	border-collapse: collapse;

	font-size: .9em;

	text-align: left;

}

#drivers th {

	background: #ededed;

	border: 1px solid #fff;

	line-height: 28px;

	padding: 10px 10px 0 10px;

	font-weight: normal;

}

#drivers th.drivers {

	font-weight: bold;

	font-size: 1.2em;

}

#drivers th.os {

	font-size: .9em;

}

#drivers td {

	padding: 10px;

	border: 1px solid #fff;

	font-size: 1em;

}

#drivers td.os {

	width: 200px;

}



form.os-selector {

	margin: 0;

	padding: 0;

}

form.os-selector select {

	width: 120px;

	margin: 0;

}

form.os-selector input {

	margin: 0;

	padding: 0;

	vertical-align: bottom;

}





#drivers a.driver-archive {

	display: block;

	line-height: 30px;

	margin: 0;

	padding: 0 0 0 28px;

	background: #f2f2f2 url(/_images/av/driver-archive.gif) 10px center no-repeat;

	font-size: .9em;

	font-weight: bold;

	color: #0070A2;

}



/* added by Mohammed */

/* Error message in details page, after quantity is greater than stock */

.errorMessage {

	border: 1px solid #C00266;

	padding:5px;

	margin-top: 15px;

	text-align: center;
	margin: 0 auto;

}

div.errorMessage h2 {color: #C00266;}