/* ######################################## */
/* STYLES SPECIFIC TO OSB DETAILSINFO PAGES */
/* ######################################## */

@import 'lightbox.css'; /* Styles associated with lightbox plugin */

/* Arranged alphabetically by tag, then by class/id name where applicable, then class/id of parent elements */

/* <div> */
div#product_description {
	float: right;
	width: 260px;
}
div#main_image_container {
	margin-bottom: 10px;
	overflow: hidden;
	width: 300px;
}
div.step {
	background: #D5D5D5;
	margin: 0 0 2px 0;
	overflow: auto;
	padding: 12px;
}
div#product_image {
	margin-bottom: 15px;
	float: left;
	width: 258px;
}
div#product_image p {
	margin-bottom: 10px; 
}
div#product_variations {
}
div#related_products {
}

/* <fieldset> */
fieldset#cm_fields, fieldset#inches_fields, fieldset#rug_cm_fields, fieldset#rug_inches_fields {
	background: #C8C8C8;
	border: 1px solid #BFBFBF;
	display: block;
	float: left;
	padding: 4px 6px;
	margin-right: 12px;
	width: 194px;
}
fieldset#inches_fields {
	width: 165px;
}
fieldset#rug_cm_fields {
	width: 155px;
}
fieldset#rug_inches_fields {
	width: 210px;
}

/* <form> */
form#product_purchase {
	clear: both;
}
form#sample_purchase {
	margin-bottom: 5px;
}

/* <h2>, <h3> */
form#product_purchase h2 {
	font-size: 110%;
	font-weight: bold; 
	margin: 0 0 1em 0;
}
fieldset#rug_cm_fields h3, fieldset#rug_inches_fields h3 {
	display: inline;
	font-size: 100%;
	font-weight: bold;
	margin: 0 2px 0 0;
}


/* <input> */
input#calculateprice {
	float: left;
	margin: 0 12px 0 0;
}
fieldset#rug_cm_fields input, fieldset#rug_inches_fields input {
	margin-left: 5px;
} 
ul#options li input {
	float: left;
	margin: 2px 6px 0 0;
}
ul.variations li label input {
	float: left;
	height: 13px;
	margin: 0 6px 0 0;
}
input#Quantity {
	margin: 0 7px 0 0;
}
input.button, form#product_purchase input#addToBasket {
	background: url(../images/sidebox-submit.gif) no-repeat;
	border: none;
	color: #FFF;
	cursor: pointer;
	line-height: 100%;
	overflow: visible;
	padding: 0 0 3px 0;
	width: 118px;
	height: 27px;
}
form#product_purchase input#addToBasket {
	background-image: url(../images/submit-basket.gif);
	float: left;
	margin-right: 11px;
	padding: 0 0 3px 15px;
	width: 132px;
}


form#product_purchase input#addToBasketlive {
	background-image: url(../images/submit-basket.gif);
	float: left;
	margin-right: 11px;
	padding: 0 0 3px 15px;
	width: 132px;
}
form#product_purchase input#addToBasket.disabled {
	background: #D5D5D5 url(../images/submit-basket-disabled.gif) no-repeat;
	color: #CCC;
	cursor: default;
}

/* <label> */
fieldset#cm_fields label, fieldset#inches_fields label {
	font-weight: bold;
	margin: 0 6px 0 0;
}
ul.variations li label {
	color: #FFF;
	display: block;
	overflow: auto;
	padding: 4px 6px 5px 6px;
}

/* <p> */
p#product_price {
	background: #C8C8C8;
	border: 1px solid #BFBFBF;
	display: block;
	float: left;
	font-size: 160%;
	font-weight: bold;
	padding: 5px 8px 6px 8px;
	margin-right: 12px;
	width: 120px;
}

/* <select> */
select#Quantity {
	width: 45px;
}

/* <ul> */
ul.variations {
	list-style: none;
	margin: 1em 0 -12px -12px;
	overflow: auto;
}
ul.variations li {
	background: #9E9E9E;
	border: 1px solid #BFBFBF;
	display: block;
	float: left;
	margin: 0 0 12px 12px;
	min-height: 95px;
	width: 126px;
}
ul#options {
	list-style: none;
	margin: 0 0 1em 0;
}
ul#options li {
	clear: both;
	overflow: auto;
	margin: 0 0 0 5px;
}

/* Copyright (c) Studio 2 Online Ltd. */