/*
 * $Id: shop.css,v 1.7 2008-04-07 12:38:25 alex Exp $
 */

/* Override processContent layout */
div.processedContent {
	padding: 0;
	margin: 0;
}

div.shopBody {
	padding: 20px;
	width: 570px;
	margin-left: auto;
	margin-right: auto;
	color: #4d5661;
}

div.shopBody h2.title {
	padding-bottom: 10px;
	border-bottom: 1px solid #cac7be;

}


div.shopBody h2.subTitle {
	padding-bottom: 0px;
	border-bottom: none;
	margin-bottom: 5px;
	margin-top: 0px;
	font-size:1.3em;
	font-weight:bold;
}

div.subTitleText {
	padding-bottom: 25px;
}

div.clear {
	clear: both;
}

/* Common shop layout*/
h3.shopTitle {
	background-color: #525252;
	color: #ffffff;
	margin: 0;
	padding: 4px;
	font-size: 1.4em;
}

a.shopButton, a.qfSubmitButton {
	border: none;
	padding: 4px 0px 8px 30px;
	font-weight: bold;
	color:#4D5761;
	background: url('../images/order_small.gif') no-repeat;
}

tr.submitRow {
	height: 30px;
}

p.toOrderLine {
	text-align: left;
}

a.toOrderButton {
	display: block;
	background: url('/images/to_orderform.gif') no-repeat;
	width: 302px;
	height: 25px;
	margin-top: 20px;
}

a.shopButton:hover, a.qfSubmitButton:hover {
	text-decoration: none;
}

/* Category Layout Start */
div.shopSeparator {
	background: transparent url('../images/site/category_bg.jpg') repeat-y;
	height: 20px;
	border-top: 1px solid #125089;
}

table#shopTable {
	table-layout: fixed;
	position: relative;
	width: 100%;
	background: transparent url('../images/site/category_bg.jpg') repeat-y;
}
table#shopTable thead td {
	font-weight: bold;
	background-color: #FFEED0;
}

table#shopTable td {
	border-top: 1px solid #125089;
}

table#shopTable div.shopProduct {
	position: relative;
}

table#shopTable td.shopProduct {
	background-color: #ffffff;
	padding: 5px 15px;
	width: auto;
}
table#shopTable td.shopProduct h4 {
	margin: 0;
	padding-bottom: 5px;
}
table#shopTable td.shopProduct h4 a {
	color: #4C4C4C;
}
table#shopTable td.shopProduct p {
	margin:0;
	padding: 5px 0;
}

table#shopTable td.productAfbeelding {
	background-color: #ffffff;
	font-size: 0;
	padding: 0;
	vertical-align: middle;
	text-align: center;
	width: 171px;
	border-right: 1px solid #125089;
}

table#shopTable td.shopLink {
	text-align: right;
	padding-right: 55px;
}
table#shopTable p.shopPrice {
	color: #a1a1a1;
	font-weight: bolder;
	font-size: 1.2em;
	font-style: italic;
}
table#shopTable p.shopPrice span {
	font-size: 1.3em;
	color: #fe0000;
	margin-left: 0.2em;
	vertical-align: middle;
}
table#shopTable td.shopLink a.shopLink {
	color: #AAC3D7;
	font-size: 0.85em;
	border-left: 1px solid #218ABA;
	padding: 3px 10px;
	margin: 0;
}

/* End Shop overview table style */

/* Shop Product details */
div#productDetail {
	background: transparent url('../images/site/form_key.gif') repeat-y;
}
div#productDetail h3.productTitle {
	margin: 0;
	padding: 6px 0;
	font-size: 1.3em;
}

div#productDetail div.mainImage {
	width: 171px;
	background-color: #ffffff;
	border-right: 1px solid #125089;
	display: inline; /* prevents double margin bug in IE */
	float: left;
	margin: 0 5px 5px 0;
	text-align: center;
}
div.mainImage a.mainImage {
	position: relative;
	display: block;
}

div.mainImage div.moreImages {
	border-top: 1px solid #125089;
	border-bottom: 1px solid #125089;
	text-align: center;
}
div.mainImage div.moreImages a {
	display: block;
	padding-right: 16px;
	text-decoration: none;
}

div#productDetail ul {
	padding: 0;
	margin: 0 0 0 180px;
	list-style-position: inside;
}

div#productDetail p, div#productDetail div.productOrder {
	margin: 0 0 0 180px;
}
div.productOrder { text-align: right; padding: 2px 5px 2px 2px; }

select.compare, table.propertyTable select {
	vertical-align: middle;
	margin-right: 0.5em;
	}

h4.shopTitle {
	clear: both;
	margin: 0;
	font-size: 1.2em;
	padding: 10px 0 10px 0px;
	color: #4d5761;
	border-top: 1px solid #cac7be;
}

div#productDetails {}

/* End product detail */

/* Product properties */

table.propertyTable {
	width: 100%;
}
table.propertyTable thead td {
	background-color: #525252;
	color: #ffffff;
}

a.eInfo img { margin: 3px 2px 2px 2px; }

table.propertyTable tr.propertyCategory {
	background-color: #104E87;
	color: #ffffff;
	font-weight: bold;
}

table.propertyTable tr.infoDescription {
	display: none;
	background-color: #ffffff;
	font-size: 0.85em;

}
table.propertyTable tr.infoDescription td {
	border-top: 1px solid #104E87;
	border-bottom: 1px solid #104E87;
}

table.propertyTable tr.image td { background-color: #eaeaea; }
table.propertyTable tr.image td.image { padding: 0; }
table.propertyTable td {
	padding: 2px;

}
table.propertyTable tr.propertyCategory td {
	border-right-width: 0;
	padding-left: 10px;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	background: #104E87 url('../images/site/content_bg.jpg') repeat-y;
}
table.propertyTable td.shopKey {
	background: #ffffff url('../images/site/form_key.gif') repeat-y;
	color: #ffffff;
	width: 168px;
	padding-right: 15px;
}

table.propertyTable td.shopKey, table.propertyTable tr.infoDescription td {
	padding-left: 4px;
}
table.propertyTable td.shopKey img {
	vertical-align: text-top;
}

table.propertyTable td.col1, table.propertyTable td.col2 {
	width: 260px;
}
/* End Product properties */

/* Product Links */
div#shopLinks {

}
div#shopLinks .shopRelated { }
div#shopLinks .row2 { background-color: #F7F7F7; }

div#shopLinks .even {
	float: left;
	width: 360px;
	margin-right: 50px;
}

div#shopLinks .odd {
	float: left;
	width: 320px;
}

div#shopLinks .relatedImage {
	display: inline;
	float: left;
	margin: 0;
	background: url('../images/linkedimg_bg.gif') no-repeat;
	width: 82px;
	height: 100px;
	padding: 10px;
}

div#shopLinks h5 {
	font-size: 1.4em;
	line-height: 130%;
	margin: 0;
	padding: 0px 0 2px 110px;
}

div#shopLinks h5 a {
	color: #323385;
}

div#shopLinks div.orderButtonSmall {
	margin-left: 110px;
}

div#shopLinks p {
	margin: 0;
	margin: 0px 0 6px 110px;
	color: #4d5761;
	height: 33px;
}

div#shopLinks p.shopPrice {
	margin: 0;
	padding: 0px 0 4px 110px;
	color: #4d5761;
	height: auto;
}

div#shopLinks a.shopLink {
	background: url('../images/order_small.gif') no-repeat;
	display: block;
	color: #4d5761;
	text-decoration: none;
	font-weight: bold;
	height: 25px;
	padding: 4px 0px 0px 30px;
}
/* END Product Links */
/* Begin shop documents */
ul.shopDocuments {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.shopDocuments li {
	padding: 2px 4px;
	border-bottom: 1px solid #dddddd;
}
ul.shopDocuments li.row2 {
	background-color: #F7F7F7;
}
/* End shop documents */

/* Start Shop Cart style */

table#shopCart {
	width: 100%;
	background-color: white;
}

table#shopCart tbody td {
	border-bottom: 1px solid #cac7be;
	vertical-align: top;
}

table#shopCart td {
	padding: 10px 2px 5px 2px;
	vertical-align: middle;
	color: #4d5661;
	font-weight: bold;
}

table#shopCart td.fieldPrice {
	text-align: right;
}
table#shopCart thead td {
	font-weight: bold;
	background-color: #FFFFFF;
	color: #4d5661;
	border-bottom: 1px solid #cac7be;
}

table#shopCart tfoot td {
	font-weight: bold;
	background-color: #FFFFFF;
	color: #4d5661;
}

table#shopCart tfoot td.fieldPrice {
	font-size: 1.2em;
}

div.articleImage {
	float: left;
	padding: 11px;
	margin-right: 10px;
	background: url('/images/linkedimg_bg.gif') no-repeat;
	width: 80px;
	height: 105px;
}

div.articleColumn {
	width: 380px;
	font-weight: normal;
}

div.articleColumn p {
	margin-bottom: 0px;
	height: 45px;
}

div.articleColumn p.personalisation {
	margin-top: 5px;
	height: 26px;
	font-size: 0.85em;
	line-height: 1.2em;
}

div.articleColumn p.badge {
	margin-top: 0px;
	font-size: 0.85em;
	line-height: 1.2em;
	height: 15px;
}

div.articleColumn h2 {
	color: #333385;
	margin: 0px;
}

div.orderSteps div img {
	padding-bottom: 6px;
}

/* End Shop cart style */

/* Standard form layout */
form.shopForm {
	/*margin-top: 1em;*/;
}

table.shopForm {
	table-layout: fixed;
	width: 100%;
	font-size: 0.9em;
	/*margin-top: 20px;*/

}
form.shopForm input {
	vertical-align: middle;
}

form.shopForm h4.header {
	margin: 6px 0 3px;
	padding: 0;
	font-size: 1.0em;
}

form.shopForm td {
	margin: 0;
	padding: 2px;
	background-color: #FFFFFF;
}

form.shopForm td a {
	/*color: #ffffff; */
}
form.shopForm td.key {
	color: #4d5761;
	background-color: #FFFFFF;
	padding: 2px 10px;
	width: 130px;
	font-weight: bold;
}
form.shopForm input.text, form.shopForm textarea.text {
	width:250px;
	border: 1px solid #989898;
	padding: 1px;
}
form.shopForm textarea.shopText {
	height: 70px;
}

form.shopForm select.text {
	width: 255px;
}

form.shopForm tr.submitRow td {
	text-align: right;

}
form.shopForm tr.submitRow td.key {
	text-align: left;
}
form.shopForm tr.submitRow td.value { width: 260px; }

form.shopForm tr.orderSubmitRow td {
	text-align: right;
	border-top: 1px solid #CAC7BE;
}
form.shopForm tr.header {
	color: #4D5661;
	font-size: 1.3em;
	font-weight: bold;
}
form.shopForm tr.header td {
	padding-left: 10px;
	background-color: #ffffff;
	border-bottom: 1px solid #CAC7BE;
}

form.shopForm tr.submitRow input, form.shopForm input.button {
	border: none;
	padding: 4px 0px 5px 28px;
	font-weight: bold;
	color:#4D5761;
	background: url('../images/order_small.gif') no-repeat;
}

form.shopForm tr.submitRow div {
	padding-top: 5px;
}

form.shopForm tr.submitRow input.btnBack, form.shopForm input.btnBack {
	border: none;
	padding: 4px 0px 5px 28px;
	font-weight: bold;
	color: #4D5761;
	background: url('../images/order_back_small.gif') no-repeat;
}

form.shopForm tr.submitRow input:hover, form.shopForm input.button:hover {
	cursor: pointer;
}
form.shopForm input.button {
	width: 254px;
}
form.shopForm tr.submitRow input.btnBack {
	float: left;
}

form.shopForm input.text:focus, form.shopForm textarea.text:focus {
	border-color: #000000;
}

/* Errors */
form.shopForm ul.errors {
	color: #9a0000;
	padding: 1em 1em 1em 2em;
	margin: 10px 0;
}
form.shopForm .required	{
	font-weight: bold;
	color: #ff0000;
}

p.orderLine {
	margin: 0;
	padding: 0.5em;
	background-color: #FFFFFF;
	text-align: right;
}

/* Last visited style */
div.lastVisited {

}
div.lastVisited h4 {
	background-color: #525252;
	background-image: none;
}

ol#lastVisited {
	margin: 2px 10px 0px 30px;
	padding: 0 0 2px 0;
	color: #4c4c4c;

}

/* Search result */
p.searchResult, p.message {
	margin: 0;
	padding: 0.7em 0;
}

/* Highlight layout */
div.highlight {
	/*background: url('../images/offer_bg.gif') no-repeat;*/
	height: 300px;
}

div.offer {
	padding: 15px 18px 15px 421px;
}

div.image {
	padding: 5px 0px 0px 8px;
	position: relative;
	top: -20px;
	z-index: 4;
	height: 190px;
}

div.prices {
	padding: 20px 0px 5px 8px;
	color: #4d5761;
	float: left;
	width: 105px;
	z-index: 6;
}

div.exlMark img {
	position: relative;
	z-index: 5;
}

div.prices h3 {	margin: 0; }

div.leftHighlightBlock {
	width: 200px;
	float: left;
}

div.rightHighlightBlock {
	float: left;
	width: 320px;
	padding-right: 10px;
}

div.rightHighlightBlock h2 {
	color: #323385;
	padding: 15px 0px 0px 5px;
	margin: 15px 0px 0px 0px;
}

div.rightHighlightBlock p {
	color: #4d5761;
	padding-left: 5px;
	height: 55px;
}

div.firstLinkedImgBlock, div.secondLinkedImgBlock {
	background: url('../images/linkedimg_bg.gif') no-repeat;
	float: left;
	width: 82px;
	height: 100px;
	padding: 10px 10px 10px 8px;
	margin-right: 5px;
}

div.orderButton {
	background: url('../images/linkedimg_bg.gif') no-repeat;
	float: left;
	width: 90px;
	height: 110px;
	padding: 5px 5px 5px 5px;
	margin: 0px 5px 0px 0px;
	text-align: center;
}

div.orderButton img {
	padding-bottom: 3px;
}

div.orderButton a {
	color: #4d5761;
	text-decoration: none;
	font-weight: bold;
}

div.productDetails a.orderButton {
	text-decoration: none;
}

div.orderButton a.orderLink {
	color: #4d5761;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

/* Offers layout */
div.offers {
	height: 150px;
}

div.offerImg {
	float: left;
	background: url('../images/linkedimg_bg.gif') no-repeat;
	width: 82px;
	height: 100px;
	padding: 10px 10px 10px 8px;
	margin: 20px 8px 5px 0px;
}

div.orderDetails {
	float: left;
	height: 150px;
	width: 213px;
}

div.orderDetails h4 {
	padding-top: 3px;
	margin: 18px 0px 5px 0px;
}

div.orderDetails h4 a {
	font-size: 1.4em;
	color: #323385;
}


div.orderDetails p.shopPrice {
	margin-top: 0px;
	height: auto;
	color: #4d5761;
}

div.orderDetails p {
	margin: 0px 10px 0px 0px;
	height: 45px;
	color: #4d5761;
}

div.orderButtonSmall {
	padding-top: 5px;
	border-top: 1px solid #cac7be;
	width: 200px;
}

div.orderDetails a.shopLink {
	background: url('../images/order_small.gif') no-repeat;
	display: block;
	color: #4d5761;
	text-decoration: none;
	font-weight: bold;
	height: 25px;
	padding: 4px 0px 0px 30px;
}

span.discountPrice {
	font-size: 1.2em;
	font-weight: bold;
}

/* Category layout */
div.categoryMenu {
	width: 175px;
	color: #4d5761;
	float: left;
	margin-right: 30px;
}

div.categoryMenu h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 5px;
}

div.categoryMenu h4 {
	font-size: 1.1em;
	width: 175px;
	margin-bottom: 0px;
	border-bottom: 1px solid #cac7be;
}

div.categoryMenu ul {
	margin: 0px;
	padding: 2px 0px 2px 0px;
	list-style-position: inside
}

div.categoryMenu ul li {
	border-bottom: 1px solid #cac7be;
}

div.categoryMenu ul li a {
	color: #4d5761;
}

div.categoryProduct {
	float: left;
	width: 754px;
	margin-top: 30px;
}

div.categoryProduct div.productDetails {
	width: 404px;
	float: left;
	color: #4d5761;
	padding-right: 40px;
}

div.categoryProduct div.productDetails h2 {
	margin-top: 0px;
	color: #323385;
}

div.categoryProduct div.productImage {
	background: url('../images/productimg_bg.gif');
	width: 308px;
	height: 368px;
	float: left;
	margin-bottom: 5px;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
}

div.categoryProduct div.productImage img {
	padding: 0;
}

table.productDetails {
	margin: 0px;
	padding: 0xp;
	clear: both;
}

table.productDetails td.key {
	font-weight: bold;
	width: 150px;
	padding-top: 5px;
}

table.productDetails td.value {
	padding-top: 5px;
}

a.orderButton {
	display: block;
	background: url('../images/add_to_cart.gif');
	height: 51px;
	width: 193px;
	text-decoration: none;
	margin-top: 20px;
}

/* Banner layout */
div.banner {
	float: left;
	display: inline;
	width: 842px;
	overflow: hidden;
}

/* Cart layout */
div.orderSteps {
	float: left;
	width: 230px;
}

div.orderSteps h3.shopTitle {
	background: #FFFFFF;
	color: #4d5661;
	margin: 10px 0px 10px 0px;
}

div.cartProducts {
	float: left;
	width: 730px;
	margin-top: 5px;
}

div.cartProducts h3.shopTitle {
	background: #FFFFFF;
	color: #4d5661;
	margin-top: 10px;
}

form#choiceList {
	margin: 0;
	padding: 0;
}

form#personalisation {
	margin: 0;
	padding: 5px 0 0 0;
}

div.choiceList {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}

div.choiceListName {
	color: #4D5761;
	font-weight: bold;
	width: 150px;
	float: left;
	margin: 0;
	padding: 0;
}

div.choiceListNumber {
	color: #4D5761;
	font-weight: bold;
	width: 150px;
	float: left;
	margin: 0;
	padding: 0;
}

ul.menuOff {
	display: none;
}

ul.menuOn {
	display: block;

}

a.expandButton:hover {
	text-decoration: none;
}

ul.menuOn li.noProducts {
	list-style-type: none;
}

div.productImages {
	float: right;
	width: 308px;
}

div.productExtraImages {
	float: left;
	width: 308px;
	height: 113px;
	padding: 1px;
	margin: 0 0 5px 0;
	text-align: center;
	background: url(../images/extra_images_bg.gif) no-repeat;
}

div.productExtraImages a {
	margin-right: 10px;
	vertical-align: top;
}

div.tellAFriend {
	float: left;
	width: 310px;
	margin-bottom: 20px;
	text-align: center;
}

div.tellAFriendForm {
	margin: 25px 0px 25px 30px;
	font-family: Arial, Calibri, sans-serif;
	font-size: 0.9em;
}

div.tellAFriendForm h2 {
	color: #323385;
	font-size: 1.4em;
}

div.tellAFriendForm form label {
	padding-right: 20px;
}

div.tellAFriendForm table tr td {
	padding: 3px 0;
}

div.tellAFriendForm table tr.sender td {
	padding: 10px 0;
}

div.tellAFriendForm form textarea,
div.tellAFriendForm form input {
	width: 250px;
	border: 1px solid #989898;
}

div.tellAFriendForm table tr td.key {
	width: 175px;
}

div.tellAFriendForm table tr.submitRow td {
	text-align: right;
	padding: 10px 0;
}

div.tellAFriendForm a.qfSubmitButton {
	text-decoration: none;
}

div.tellAFriendForm div.button {
	float: right;
	padding-left: 3px;
	background: url(../images/button_left_bg.gif) no-repeat;
}

div.tellAFriendForm div.button button {
	color: #FFFFFF;
	font-weight: bold;
	border: none;
	height: 25px;
	padding-right: 9px;
	padding-bottom: 2px;
	background: url(../images/button_bg.gif) no-repeat right top;
}

div.tellAFriendForm div.shopError ul {
	background: #FFDCCF;
	border: 1px solid #FE4806;
	color: #FE4806;
	padding: 5px 10px;
	margin: 5px 0;
	list-style: inside;
}

div.bannerPartners {
	overflow: auto;
	width: 100%;
	border-top: 1px solid #cac7be;
	margin-top: 15px;
	padding-top: 5px;
}

div.partners {
	float: right;
	width: 120px;
	height: 120px;
	overflow: hidden;
}

div.partners div.partner {
	float: left;
	display: inline;
	width: 58px;
	height: 52px;
	margin: 0 2px 2px 0;
	padding: 6px 0 0 0;
	background: url(../images/partner_bg.gif) no-repeat;
	text-align: center;
	vertical-align: middle;
}

div.partners div.partner1 {
	margin: 0 2px 2px 0;
}

div.partners div.partner2 {
	margin: 0 0 2px 2px;
}

div.partners div.partner3 {
	margin: 2px 2px 0 0;
}

div.partners div.partner4 {
	margin: 2px 0 0 2px;
}