#layout_content {
	overflow: visible; /* Prevents the Mail-a-Friend box from being cut off on product pages with very little content */
}

#layout_content h2 {
	color: #1b5c9d;
	font-size: 18px;
}

#layout_content h3 {
	color: #900b09;
	font-size: 16px;
}



/*
 *	Product information
 *	A description, images, pricing, assortment state, etc.
 */

#product {
	width: 97%; /* IE 6 fix: prevents the product information from overlapping the right column */
	margin-bottom: 10px;
	overflow: hidden;
	padding-left: 10px;
	font-size: 1.1em;
}

#product h3 {
	color: #000;
}

#product_information {
	margin: 10px 10px 10px 10px;
	float: left;
	font-size:1.1em;
}

#product_information ul li {
	padding-left: 12px;
	background: url(/images/default/li_background.png) no-repeat 2px 4px;
}

#product_order {
	width: 650px;
	margin-left: 10px;
	padding-top: 8px; /* Equals to the promotional icon negative top offset to prevent it from being cut off by the overflow: hidden on product_information */
	position: relative; /* Required for the absolute positioning of the promotional icon */
	float: left;
}




/* Product collection */

#product_collection {
	padding-left: 4px;
	border-left: 4px solid #eeeeee;
	font-size: 11px;
}



/* Free products */

#product_information div.freeproducts {
	margin-bottom: 10px;
}

#product_information div.freeproducts h3 {
	padding: 2px 5px;
	background: url(/images/default/freeproducts_product_background.png) repeat-y;
	color: #fff !important;
	font-size: 11px;
}

#product_information div.freeproducts ul {
	padding: 0 5px 1px;
	background: #fff url(/images/default/freeproducts_product_background.png) no-repeat 0 100%;
	font-size: 11px;
}

#product_information div.freeproducts li {
	margin: 2px 0;
	padding-left: 10px;
	background: url(/images/default/freeproducts_li_background.png) no-repeat 0 50%;
}

#product_information div.freeproducts a.image img {
	border: 1px solid #f9a84d;
}



/* Product navigation */

#product_information ul.navigation_page {
	margin-bottom: 10px;
}



/*
 *	Product images
 *	Show the various product images: main image, thumbnails for the gallery and product variants
 */

#product_images {
	height: 1%; /* IE fix: needed to render bottom border */
	margin-bottom: 5px;
	padding-bottom: 5px;
	position: relative;
	width:250px;
	border-bottom: 1px solid #ddd;
	float: right;
}

#product_images a.image {
	outline: none;
}

#product_images img.promotionalicon {
	position: absolute;
	left: -10px;
	top: -8px;
}

#product_image {
	margin-bottom: 10px;
	background: url(/images/default/loading.gif) no-repeat 50% 50%;
}




/*
 *	Order information
 *	Price, assortment state, pickup information, "add to cart" button, etc.
 */

#product_order_information {
	margin-bottom: 30px;
}

#product_order_information h3 {
	width: 350px;
	overflow: hidden;
}

#product_order_information h3 span.name {
	width: 250px;
	float: left;
}

#product_order_information h3 span.price {
	width: 100px;
	float: right;
	text-align: right;
}

#product_order_information p.assortmentstate {
	margin-bottom: 5px;
	color: #000;
}
#product_order_information span.state2 {
	color: #329403;
}



/* Serviceplan pricing */ 

#product_order_information div.order div {
	height: 1%;
	margin: 3px 0;
	padding: 5px 4px 5px 3px;
	overflow: hidden;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ddd;
	background: #fff;
	line-height: 14px;
}

#product_order_information div.order div span {
	padding-left: 5px;
	float: left;
}

#product_order_information div.order div strong {
	padding-right: 5px;
	float: right;
	font-size: 14px;
}

#product_order_information div.order div img {
	margin-top: 3px;
}




/* Free products */

#product_order_information div.freeproducts {
	margin-bottom: 5px;
	position: relative; /* IE 5.x fix: prevents the background images from disappearing */
}

#product_order_information div.freeproducts h4 {
	padding: 2px 5px;
	color: #fff;
	background: url(/images/default/freeproducts_order_background.png) repeat-y;
	font-size: 11px;
}

#product_order_information div.freeproducts ul {
	padding: 2px 5px 3px;
	background: #fff url(/images/default/freeproducts_order_background.png) no-repeat 0 100%;
}

#product_order_information div.freeproducts li {
	padding-left: 10px;
	background: url(/images/default/freeproducts_li_background.png) no-repeat 0 5px;
}



/* Order product */

#product_order_information div.order {
	text-align: left;
}



/* Pre-order product */

#product_preorder {
	border-width: 1px 0;
	border-style: solid;
	border-color: #ddd;
	background: #f5f5f5;
	text-align: center;
}

#product_preorder h4,
#product_preorder p {
	margin: 5px 0;
	padding: 0 5px;
	color: #555;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
}

#product_preorder p a {
	color: #555;
}



/* Active Mailer */

#product_activemailer {
	width: 100%;
	margin: 5px 0;
	padding-top: 5px;
	overflow: hidden;
	position: relative;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ddd;
	background: #f5f5f5;
}

#product_activemailer_form {
	padding: 0 5px 40px;
}

body.js #product_activemailer_toggle {
	width: 243px;
	height: 0; /* Uses IE.boxmodel fix: needs to be equal to padding-top */
	margin: 5px auto;
	padding-top: 28px;
	display: block;
	overflow: hidden;
	outline: none;
	background: url(/images/default/product_activemailer_toggle_background.png) no-repeat;
}

body.js #product_activemailer_toggle:hover {
	background-position: 0 -28px;
}

body.js #product_activemailer_toggle.active {
	background-position: 0 -56px;
}

body.js #product_activemailer_form {
	display: none;
}

body.js #product_activemailer_form.active {
	display: block;
}

#product_activemailer h4,
#product_activemailer p {
	margin: 0;
	padding: 0 5px;
	color: #555;
	font-size: 11px;
	font-weight: normal;
}

#product_activemailer.alwaysvisible h4 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

#product_activemailer form fieldset {
	border: none;
	font-size: 12px;
}

#product_activemailer form div {
	padding: 3px 0;
}

#product_activemailer form div.text {
	background: url(/images/default/validation_neutral_background.png) no-repeat 228px 50%;
}

#product_activemailer form div.text input {
	width: 138px;
	padding: 1px 2px;
	border: 1px solid #555;
	color: #555;
	font: 11px Arial, Helvetica, Verdana, Sans-Serif;
}

#product_activemailer form div.text label {
	width: 80px;
	float: left;
}

#product_activemailer form div.text.error {
	background: url(/images/default/validation_failed_background.png) no-repeat 228px 50% !important;
}

#product_activemailer form div.text.passed {
	background: url(/images/default/validation_passed_background.png) no-repeat 228px 50% !important;
}

#product_activemailer form div.text.error input {
	border-color: #f00 !important;
}

#product_activemailer form #product_activemailer_gender {
	padding-left: 80px !important;
}

#product_activemailer form #product_activemailer_submit {
	margin: 5px 0;
	text-align: right;
}

#product_activemailer form #product_activemailer_submit input {
	outline: none;
}

#product_activemailer ul.errors {
	margin: 5px 0;
	padding-top: 5px;
	border-top: 1px solid #f00;
	color: #f00;
	font-size: 11px;
	text-align: left;
}

#product_activemailer ul.errors li {
	padding-left: 20px;
	background: url(/images/default/validation_failed_background.png) no-repeat 2px 1px;
}

#product_activemailer #product_activemailer_progress {
	height: 30px;
	padding: 70px 0 30px;
	color: #555;
	background: url(/images/default/loading.gif) no-repeat 50% 45px;
	font-size: 12px;
	text-align: center;
}

#product_activemailer #product_activemailer_completed {
	height: 130px;
	font-size: 12px;
}

#product_activemailer #product_activemailer_footer {
	width: 240px;
	height: 35px;
	padding: 5px 0 0;
	position: absolute;
	left: 5px;
	bottom: 0;
	border-top: 1px solid #ddd;
}

#product_activemailer #product_activemailer_footer p {
	padding: 0;
}

#product_activemailer #product_activemailer_footer img {
	vertical-align: top;
}

#product_activemailer #product_activemailer_reset {
	margin: 3px 0;
	float: left;
}

#product_activemailer #product_activemailer_close {
	margin: 3px 0;
	float: right;
}




/* Combination notice */

#product_combination_notice {
	padding: 5px 0 5px 38px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ddd;
	background: #f1f1f1 url(/images/default/yellow_star_icon_gray.gif) no-repeat 3px 50%;
	
}

#product_combination_notice strong {
	color: #329403;
}



/* Pickup information */

#product_pickupinformation {
	margin-bottom: 5px;
	padding: 5px 5px 5px 38px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ddd;
	background: #f1f1f1 url(/images/default/shoppingbasket_icon_gray.gif) no-repeat 3px 5px;
}

#product_pickupinformation h3 {
	margin-bottom: 3px;
	font-size: 11px;
}

#product_pickupinformation p {
	margin: 0;
}

#product_pickupinformation div p {
	margin-top: 3px;
}

#product_pickupinformation span.state2 {
	color: #329403;
}

body.js #product_pickupinformation_state {
	display: none;
}

body.js #product_pickupinformation div.active {
	display: block;
}



/*
 *	Price conditions
 */

p.priceconditions {
	text-align: left;
}




/*
 *	Product serviceplan teaser
 */

#product_serviceplan_teaser {
	margin-bottom: 10px;
	padding: 10px 200px 10px 70px;
	border: 2px solid #d5d540;
	background: url(/images/default/product_serviceplan_teaser_background.gif) no-repeat 10px 50%;
	overflow: hidden; /* Uses IE.ancient fix: needs hasLayout set, but setting a dimension is not an option due to paddings. Zoom property is used */
	position: relative;
	
}

#product_serviceplan_teaser h3 { 
	font-size: 12px;
}

#product_serviceplan_teaser p {
	margin: 0;
}

#product_serviceplan_teaser ul {
	height: 30px;
	margin-top: -15px;
	position: absolute;
	right: 10px;
	top: 50%;
	overflow: hidden;
}

#product_serviceplan_teaser li {
	margin-left: 5px;
	float: left;
}



/*
 * Product with serviceplan
 */

#product_serviceplan h3 {
	color: #900b09;
	font-size: 16px;
}

#product_serviceplan p {
	color: #555;
	font-size: 11px;
}

#product_serviceplan div.product {
	padding: 0;
}




/*
 *	Product links
 */

#product_links {
	height: 32px;
	margin-bottom: 10px;
	border-width: 1px 0; 
	border-style: solid;
	border-color: #ddd;
	font-size: 11px;
	text-align: center;
}

#product_links ul {
	width: 270px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

#product_links ul.product_folder {
	width: 420px;
}

#product_links ul.product_folder #product_folder_toggle {
	width: 150px;
}

#product_links ul li {
	width: 135px;
	float: left;
	line-height: 26px;
}

#product_links ul li a {
	height: 26px; /* Uses IE.boxmodel fix: dimension needs to include padding */
	padding: 4px 0 0 14px;
	display: block;
	outline: none;
	text-decoration: none;
}

#product_links ul li a span {
	text-decoration: underline;
}

#product_links ul li div a {
	height: auto !important;
	padding: 0;
	display: inline;
	text-decoration: underline;
}

#product_links ul li div a.external {
	padding-right: 15px;
}

#product_links div.active {
	display: block;
}




/*
 *	Print this page
 */

#product_print_toggle span {
	padding-left: 4px;
}





/*
 * Product Folder
 */

#product_productfolder {
	height: 20px;
	width: 100px;
	padding: 10px 0 0 26px;
	display: block;
	float: left;
	outline: none;
	text-decoration: none;
	background: url(/images/default/product_productfolder_cut_big.png) no-repeat 0 3px;
}





/*
 *	Mail-a-Friend
 */

#product_mailafriend {
	width: 337px;
	min-height: 400px; /* Uses IE.ancient fix: no support for min-height */
	display: none;
	position: absolute;
	top: 27px;
	left: -55px;
	z-index: 1;
	background: url(/images/default/product_mailafriend_background.png) no-repeat 0 100%; /* Uses IE.ancient fix: 8 bit PNG's */
	font-size: 12px;
	line-height: normal;
}

#product_mailafriend_toggle a span {
	padding-left: 16px;
	background: url(/images/default/toggle_inactive_background.png) no-repeat 6px 50%;
}

#product_mailafriend_toggle a.active span {
	background: url(/images/default/toggle_active_background.png) no-repeat 4px 50%;
}

#product_mailafriend_toggle a.active {
	background: url(/images/default/product_mailafriend_toggle_background.png) no-repeat 0 0; /* Uses IE.ancient fix: 8 bit PNG's */
}

#product_mailafriend #product_mailafriend_container {
	padding: 18px;
	background: url(/images/default/product_mailafriend_container_background.png) no-repeat 1px 0; /* Uses IE.ancient fix: 8 bit PNG's. Uses IE.boxmodel fix: position needs tweaking */
}

#product_mailafriend #product_mailafriend a.external {
	padding-right: 15px;
}

#product_mailafriend h3 {
	font-size: 14px;
}

#product_mailafriend h4 {
	font-size: 12px;
}

#product_mailafriend p {
	margin-bottom: 10px;
	color: #555;
}



/* Heading */

#product_mailafriend #product_mailafriend_heading {
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	border-bottom: 1px solid #1b5c9d;
}

#product_mailafriend #product_mailafriend_heading h3 {
	float: left;
	line-height: 20px;
	color: #1b5c9d !important;
}

#product_mailafriend #product_mailafriend_heading a,
#product_mailafriend #product_mailafriend_heading span {
	width: 20px;
	height: 0 !important; /* Uses IE.boxmodel fix: dimension needs to include padding */
	padding-top: 20px !important;
	float: right;
	overflow: hidden;
	background: url(/images/default/product_mailafriend_close_small_button.png);
}

#product_mailafriend #product_mailafriend_heading a:hover {
	background-position: 0 -20px;
}

#product_mailafriend #product_mailafriend_heading span {
	background: url(/images/default/product_mailafriend_close_small_disabled_button.png);
}



/* Form */

#product_mailafriend #product_mailafriend_to,
#product_mailafriend #product_mailafriend_from,
#product_mailafriend #product_mailafriend_message {
	padding: 8px 0;
	border-top: 1px solid #c8c8c8;
}

#product_mailafriend #product_mailafriend_to div,
#product_mailafriend #product_mailafriend_from div {
	width: 100%;
	margin-bottom: 4px;
	overflow: hidden;
	background: url(/images/default/validation_neutral_background.png) no-repeat 100% 50%;
}

#product_mailafriend div.error {
	background: url(/images/default/validation_failed_background.png) no-repeat 100% 50% !important;
}

#product_mailafriend div.passed {
	background: url(/images/default/validation_passed_background.png) no-repeat 100% 50% !important;
}

#product_mailafriend div.error input {
	border-color: #f00 !important;
}

#product_mailafriend #product_mailafriend_message {
	width: 100%;
	overflow: hidden;
}

#product_mailafriend #product_mailafriend_to label,
#product_mailafriend #product_mailafriend_from label {
	float: left;
	line-height: 18px;
}

#product_mailafriend #product_mailafriend_newsletter_subscribe input,
#product_mailafriend #product_mailafriend_to input,
#product_mailafriend #product_mailafriend_from input,
#product_mailafriend #product_mailafriend_message textarea {
	width: 200px;
	margin-left: 75px;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #555 #848484 #848484 #555;
	font: 12px Arial, Helvetica, Verdana, Sans-Serif;
}

#product_mailafriend #product_mailafriend_message h4 {
	float: left;
}

#product_mailafriend #product_mailafriend_message h4 span {
	display: block;
	font-weight: normal;
	font-size: 11px;
}

#product_mailafriend #product_mailafriend_message textarea {
	height: 80px;
}

#product_mailafriend #product_mailafriend_copy {
	padding-left: 75px;
	color: #555;
}

#product_mailafriend #product_mailafriend_errormessages {
	width: 100% !important;
	margin: 5px 0 !important;
	padding-top: 5px;
	position: static !important;
	border-top: 1px solid #f00;
	color: #f00;
	font-size: 11px;
}

#product_mailafriend #product_mailafriend_errormessages li {
	width: auto !important;
	padding-left: 20px;
	background: url(/images/default/validation_failed_background.png) no-repeat 2px 1px;
	float: none !important;
	line-height: 14px !important;
}

#product_mailafriend #product_mailafriend_send {
	width: 100%;
	padding: 8px 0;
	overflow: hidden;
	font-size: 11px;
}

#product_mailafriend #product_mailafriend_send a {
	width: 63px; /* Uses IE.boxmodel fix: dimension needs to include padding */
	height: 22px !important;
	margin-right: 24px;
	padding-left: 25px !important;
	float: right;
	color: #000;
	background: url(/images/default/product_mailafriend_send_button.png);
	font-weight: bold;
	text-decoration: none !important;
	line-height: 22px;
}

#product_mailafriend #product_mailafriend_send a:hover {
	background-position: 0 -22px;
}

#product_mailafriend #product_mailafriend_privacy {
	padding-top: 8px;
	border-top: 1px solid #c8c8c8;
	font-size: 11px;
}

#product_mailafriend #product_mailafriend_privacy {
	margin: 0;
}



/* Loading */

#product_mailafriend #product_mailafriend_loading {
	padding-top: 100px;
	background: url(/images/default/loading.gif) no-repeat 50% 70px;
	text-align: center;
}



/* Close */

#product_mailafriend #product_mailafriend_close {
	width: 301px;
	padding-top: 8px;
	height: 22px; /* Uses IE.boxmodel fix: needs to include padding and border */
	overflow: hidden;
	position: absolute;
	bottom: 18px;
	right: 18px;
	border-top: 1px solid #c8c8c8;
}

#product_mailafriend #product_mailafriend_close a {
	width: 51px; /* Uses IE.boxmodel fix: needs to include padding */
	height: 22px !important;
	padding-left: 25px !important;
	float: right;
	color: #000;
	background: url(/images/default/product_mailafriend_close_button.png);
	font-weight: bold;
	font-size: 11px;
	line-height: 22px;
	text-decoration: none;
}

#product_mailafriend #product_mailafriend_close a:hover {
	background-position: 0 -22px;
}




/*
 *	Product specifications summary
 */

#product_specifications_summary {
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
	text-align: center; /* Center the image */ 
}

#product_specifications_summary div {
	width: 33%;
	float: left;
}

#product_specifications_summary h3 {
	color: #000;
	font-size: 12px;
	text-align: left; /* Undo the center alignment */
}

#product_specifications_summary ul {
	text-align: left; /* Undo the center alignment */
}

#product_specifications_summary li {
	padding-left: 12px;
	background: url(/images/default/li_background.png) no-repeat 2px 4px;
}




/*
 *	Product combinations
 */

#product_combinations {
	margin-bottom: 20px;
}

#product_combinations h3 {
	margin-bottom: 10px;
}

#product_combinations h4 {
	font-size: 14px;
}

#product_combinations h5 {
	font-size: 12px;
}

#product_combinations div.combination {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

#product_combinations p.assortmentstate {
	margin: 0;
}



/* Combination product images */

#product_combinations div.images {
	width: 100%;
	margin: 5px 0 10px;
	overflow: hidden;
	background: #f1f1f1;
}

#product_combinations div.images ul {
	height: 1%;
	margin-left: -21px;
	padding: 7px 0 0 7px;
	overflow: hidden;
}

#product_combinations div.images li {
	padding: 0 7px 7px 21px;
	float: left;
	background: url(/images/default/combination_images_li_background.gif) no-repeat left center;
}

#product_combinations div.images li.freeproduct {
	background-image: url(/images/default/combination_images_li_freeproduct_background.gif);
}

#product_combinations div.images a {
	display: block;
	position: relative;
	border: 1px solid #ddd;
}

#product_combinations div.images a:hover {
	border-color: #888;
}

#product_combinations div.images img.promotionalicon {
	position: absolute;
	left: -8px;
	top: -8px;
	border: none;
}

#product_combinations div.images li.freeproduct a {
	border-color: #f9a74c !important;
}



/* Combination information */ 

#product_combinations div.information {
	width: 100%;
	overflow: hidden;
}

#product_combinations div.information_left {
	margin-right: 261px;
	padding-right: 10px;
	float: left;
}

#product_combinations div.information_right {
	width: 250px;
	margin-left: -261px;
	padding-left: 10px;
	float: right;
	border-left: 1px solid #ddd;
}



/* Combination products */

#product_combinations div.products {
	margin-bottom: 10px;
}

#product_combinations div.products li {
	padding-left: 12px;
	background: url(/images/default/li_background.png) no-repeat 2px 4px;	
	font-size: 11px;
}



/* Free products */

#product_combinations div.freeproducts {
	margin-top: 5px;
}

#product_combinations div.freeproducts h6 {
	padding: 2px 5px;
	color: #fff;
	background: url(/images/default/freeproducts_order_background.png) repeat-y;
	font-size: 11px;
}

#product_combinations div.freeproducts ul {
	padding: 2px 5px 3px;
	background: #fff url(/images/default/freeproducts_order_background.png) no-repeat 0 100%;
	font-size: 11px;
}

#product_combinations div.freeproducts li {
	padding-left: 10px;
	background: url(/images/default/freeproducts_li_background.png) no-repeat 0 5px;
}



/* Order combination */

#product_combinations div.order {
	width: 100%;
	overflow: hidden;
	text-align: right;
}

#product_combinations div.order div.order_combination,
#product_combinations div.order div.order_serviceplan {
	width: 100%;
	overflow: hidden;
}

#product_combinations div.order a.image {
	margin-left: 5px;
	float: right;
}

#product_combinations div.order img {
	vertical-align: top;
}

#product_combinations div.order span.price {
	float: right;
	font-weight: bold;
	font-size: 14px;
	line-height: 28px;
}

#product_combinations div.order div.order_combination {
	margin-top: 5px;
}

#product_combinations div.order div.order_serviceplan span.price {
	font-size: 11px;
	font-weight: normal;
}

#product_combinations div.order div.order_serviceplan span.price strong {
	font-size: 14px;
}

#product_combinations div.order p.discount {
	margin-top: 5px;
	font-size: 11px;
}

#product_combinations div.order p.discount strong {
	color: #329403;
}




/*
 *	Product alternatives
 */

#product_alternatives {
	margin-bottom: 20px;
}

#product_alternatives h3 {
	margin-bottom: 10px;
}




/*
 *	Product specifications
 */

#product_specifications h3 {
	margin-bottom: 10px;
}

#product_specifications p.more {
	margin-bottom: 1em;
}

#product_specifications table {
	width: 100%;
	font-size: 11px;
}

#product_specifications thead {
	display: none;
}

#product_specifications th {
	padding: 5px;
	border-bottom: 1px solid #cfcfcf;
	background: #e4e4e4;
	text-align: left;
}

#product_specifications tr.hover td,
#product_specifications tr:hover td {
	background: #ffffcf;
}

#product_specifications td {
	padding: 2px 5px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #eee;
}

#product_specifications td.spec {
	width: 30%;
	padding-left: 24px; /* Needed to align the specications without a description with the ones that do have one */
}

#product_specifications td.spec img {
	 margin-left: -19px;
	 margin-right: 5px;
	 cursor: help;
}




/*
 *	Product is suitable for
 */

#product_suitablefor {
	margin-top: 20px;
}

#product_suitablefor h3 {
	margin-bottom: 10px;
}

#product_suitablefor p {
	margin: 0;
}

#product_suitablefor li {
	padding-left: 12px;
	background: url(/images/default/li_background.png) no-repeat 2px 4px;
}