/* ========== CSS file introduction ========== css elements are laid out as you would read the page left to right top to bottom. elements that are wrapped within another will be written below the element that is the parent etc. ================================= */

#shop_section_header {
	float: left;
	clear: left;
	width: 730px;
	padding: 20px 0 0 30px;
	font-size: 18px;
	color: #333;
	font-weight: 500;
}

html>body #shop_section_header {
	width: 700px;
}

#shop_section_intro {
	float: left;
	clear: left;
	width: 730px;
	padding: 10px 0 0 30px;	
	font-size: 14px;
	color: #666;
	font-weight: 500;
}

html>body #shop_section_intro {
	width: 700px;
}

#shop_breadcrumb {
	width: 700px;
	float: left;
	margin: 8px 0 8px 30px;
	padding: 8px 0;
	/*background: url(images/breadcrumb_bg.gif) no-repeat 0 0;*/
	color: #777;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;		
}

#shop_breadcrumb a {
	color: #777;
	text-decoration: none;
}

#shop_breadcrumb a:hover {color:#333; text-decoration: underline;}

#shop_subsections {
	float: left;
	clear: left;
	width: 700px;
}

#shop_subsections ul {
	float: left;
	width: 730px;
	margin: 0;
	padding: 45px 0 10px 30px;
	list-style: none;
	background: url(images/shop_subsection_title.gif) no-repeat 30px 0;
}

html>body #shop_subsections ul {
	width: 700px;
}

#shop_subsections ul li {
	float: left;
	display: inline !important;
	margin: 4px 0 0 0;
	padding: 0 0 0 50px;	
	background: url(images/subsection_flourish_left.gif) no-repeat 0 0;
	clear: none;
}

#shop_subsections ul li a {
	float: left;
	color: #7A0658;
	text-decoration: none;
	padding: 8px 50px 5px 0;
	background: url(images/subsection_flourish_right.gif) no-repeat 100% 0;
	font-family: times new roman,garamond,serif;
	font-size: 14px;
}

#shop_subsections ul li a:hover {
	color: #E467B2;
	text-decoration: underline;
}

#shop_thumbs_box {
	float: left;
	clear: left;
	width: 730px;
	padding: 30px 0 20px 30px;
}

html>body #shop_thumbs_box {
		width: 700px;
}

.product_thumbs {
	width: 160px;
}

.shop_thumb_name {
	float: left;
	width: 150px;
	background: url(images/shop_thumbnail_name_bg.jpg) no-repeat 50% 100%;
	padding-bottom: 20px;
}

.shop_thumb_name a {
	text-decoration: none !important;
	color: #932663;
	font-family: times,garamond,serif;
	font-size: 14px;
}

.shop_prodprice {
	font-family: times,garamond,serif;	
	font-size: 12px;
}

/* product details display ================================================ */


#shop_product_description_frame {
	float: left;
	width: 730px;
	margin-top: 20px;
	padding: 0;
	/*border: 1px solid #ccc;*/
	background: url(images/product_details_top_frame.jpg) no-repeat 0 0;
}

#shop_product_description_frame h2 {
	float: left;
	width: 650px !important;
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: 500;
	color: #490634 !important;	
	font-family: new time roman,garamond,serif;	
	font-size: 32px !important;
}

#shop_back_button {
	float: left;
	clear: left;
	width: 300px;
}

#shop_back_button a {
	float: left;
	padding-bottom: 10px;
	color: #932663;
	text-decoration: none !important;
	width: 300px;
}

#shop_back_button a:hover {
	color: #932663;
	text-decoration: underline;
}

#product_details_left {
	float: left;
	width: 330px;
	min-height: 390px;
	text-align: left;
}

#product_description_price {
	font-size: 60%;
	color: #DC569D;
	padding-left: 10px;
}

.product_rrp_price {
	color: #666;
	padding-left: 10px;
}

.product_rrp_saving {
	color: #ca05b5;
	padding-left: 10px;
}

#product_description {
	padding: 40px 10px 0 10px;
	width: 280px;
	float: left;
	clear: left;
	color: #888;
	line-height: 19px;
	margin: 0;
}

#product_special_offers {
	float: left;
	clear: left;
	padding: 8px 0; 
}

#product_options {
	float: left;
	clear: left;
}

#product_quantity {
	float: left;
	clear: left;
}

#product_order {
	width: 300px;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	padding: 10px 0 5px 0;	
	float: left;
	clear: left;
	margin: 20px 0;
	text-align: center;
}

#product_details_right {
	float: left;
	width: 350px;
	margin-top: 20px;
	text-align: center;
	border-left: 1px dashed #ccc;
}

#product_details_right img {
	float: left;
}

#product_description_associated {
	float: left;
	width: 700px;
	border-top: 1px dashed #ccc;
	padding: 10px 0 10px 0;
}

html>body #product_description_associated {
	width: 670px;
}

.associated_item_box {
	float: left;
	width: 160px;
	border: 1px solid #ccc;
	margin-right: 10px;
	text-align: center;
	padding: 8px;
}

.associated_item_box_image {
	clear: left;
}

.associated_item_box_name {
	clear: left;
	color: #A01B52;
	font-weight: 600;
}

/* form button and bits =================================== */

#formbutton_checkout {
	border: 0;
	width: 85px;
	height: 21px;
	padding: 0;
	color: #fff;
	background: url(images/button_checkout.gif) no-repeat 0 1px;
	cursor: pointer;
}

#formbutton_recalculate {
	border: 0;
	width: 85px;
	height: 21px;	
	color: #fff;
	background: url(images/button_adjust.gif) no-repeat 0 1px;
	cursor: pointer;
}