/* CSS Document */

* {
text-decoration : none;
}



/* body */

body {
background : url('../graphics/layout/back.jpg') 50% 0 repeat-y;
font-family : Arial, Helvetica, sans-serif;
font-size : 62.5%;
margin : 0;
text-align : center;
}

	body.cart {
	background : url('../graphics/layout/back-cart.jpg') 50% 0 repeat-y;
	}

	.textonly-text {
	display : none;
	}

	img {
	border : none;
	}
	
	.b {
	font-weight : bold;
	}

	.blue {
	color : #105DAC;
	}



/* wrapper */

#wrapper {
background : url('../graphics/layout/banner.jpg') 50% 0 no-repeat;
margin : auto;
padding : 84px 0 0;
text-align : left;
width : 953px;
}



/* search form */

form#quicksearch {
color : #fff;
font-size : 1.2em;
font-weight : bold;
margin : 0;
padding : 0 10px 9px;
text-align : right;
}

	form#quicksearch input#qs {
	background : #fff;
	border : 1px solid #057CC2;
	font-family : Arial;
	font-size : 1em;
	margin : 0 0 0 10px;
	padding : 2px 5px;
	width : 150px;
	}
	
	form#quicksearch input#submit {
	background : #025397;
	border : 1px solid #057CC2;
	color : #fff;
	font-family : Arial;
	font-size : 1em;
	font-weight : bold;
	padding : 1px 2px;
	}



/* top navigation */

p#nav {
background : #A8A8A8;
border-bottom : 2px solid #fff;
border-top : 2px solid #fff;
color : #A8A8A8;
font-size : 1.2em;
font-weight : bold;
margin : 0;
padding : 7px 0;
}

	p#nav a {
	color : #fff;
	padding : 7px 13px;
	}

	p#nav span {
	float : right;
	}
	
		p#nav span a {
		padding : 7px 5px;
		}

		p#nav a:hover {
		background : #FFA800;
		}
	


/* main container */

#inner {
float : right;
width : 798px;
}



/* left navigation */

#left {
float : left;
font-size : 1.2em;
font-weight : bold;
width : 153px;
}

	#left p.header, #info p.header {
	background : #FFA800;
	color : #fff;
	font-size : 1.2em;
	padding : 7px 15px;
	margin : 0;
	}
	
	#left ul, #info ul {
	background : #3D99D0 url('../graphics/layout/payment.gif') 0 100% no-repeat;
	list-style : none;
	margin : 0;
	padding : 0 0 318px;
	}
	
		#left li, #info li {
		background : #105DAC;
		border-bottom : 1px solid #fff;
		border-top : 1px solid #fff;
		margin : 0 0 2px 0;
		}
		
			#left li#clearance-items {
			background : #000;
			}
			
				#left li#clearance-items a {
				color : #FFA800;
				}
			
					#left li#clearance-items a:hover {
					color : #fff;
					}
		
		#left li span, #info li span {
		background : #FFA800;
		color : #fff;
		display : block;
		padding : 3px 15px;
		}
		
		#left li a, #info li a {
		color : #fff;
		display : block;
		padding : 3px 15px;
		}
		
			#left li a:hover, #info li a:hover {
			background : #FFA800;
			color : #000;
			}
			
	
	
	/* content */

	#content {
	border-right : 2px solid #fff;
	font-size : 1.2em;
	float : left;
	width : 643px;
	}
	
		#content.cart {
		float : none;
		width : 796px;
		}
	
		#padding {
		padding : 0 7px 13px;
		}
	
		#content #section-name {
		display : none;
		}
	
		#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
		font-size : 1.2em;
		margin : 0;
		padding : 12px 0 12px;
		}
		
			#content h2.title {
			background : url('../graphics/layout/title.jpg') repeat-y;
			color : #fff;
			margin : 12px 0;
			padding : 5px 10px;
			text-transform : uppercase;
			}
		
		#content p {
		line-height : 1.5em;
		margin : 0;
		padding : 0 0 12px;
		}
		
			#content ul {
			line-height : 1.5em;
			margin : 0;
			padding : 0 30px 12px;
			}
			
			#content p#info_message {
			background : #FFA800;
			border : 1px solid #105DAC;
			font-size : 1.2em;
			padding : 10px;
			margin : 12px 0;
			}
			
			#content p#company-details {
			border-top : 1px solid #eee;
			clear : both;
			color : #aaa;
			padding-top : 5px;
			}
			
			#content p.category-image {
			left : -7px;
			position : relative;
			padding : 0;
			}
		
		#content a {
		color : #105DAC;
		}
		
			#content a:hover {
			color : #000;
			text-decoration : underline;
			}
	
	
	
	/* info */
	
	#info {
	font-size : 1.2em;
	float : left;
	font-weight : bold;
	width : 153px;
	}
	
		#info #cart {
		padding : 0 5px;
		}
	
			#info #cart p {
			font-size : .9em;
			margin : 0;
			padding : 5px 0;
			}
			
				#info #cart p.minicart-product {
				border-bottom : 1px solid #fff;
				font-weight : normal;
				}
			
				#info #cart p.minicart-product a {
				color : #105DAC;
				}
				
				#info #cart p.minicart-totals {
				line-height : 1.8em;
				}
				
				#info #cart p.minicart-vat {
				font-weight : normal; 
				padding : 0 0 5px;
				}
			
				#info #cart p span {
				float : right;
				}
	
		#info ul {
		background : #3D99D0;
		padding : 0;
		}
	
		#info li.basket {
		background : #000 url('../graphics/layout/bullet.gif') 0 50% no-repeat;
		}
	
		#info li.account {
		background : #000 url('../graphics/layout/bullet-white.gif') 0 50% no-repeat;
		}
		
			#info li.basket a, #info li.account a {
			padding : 3px 15px 3px 35px;
			}
		
			#info li.basket a:hover, #info li.account a:hover {
			background : #FFA800 url('../graphics/layout/bullet-orange.gif') 0 50% no-repeat;
			}




/* product paging */

#content p.paging {
background : #D0E6F4;
border : 1px solid #057CC2;
color : #000;
margin : 0;
padding : 5px;
text-align : right;
}

	#content p.paging a {
	border : 1px solid #057CC2;
	padding : 1px 3px;
	}
	
	#content p.paging span {
	border : 1px solid #000;
	padding : 1px 3px;
	}



/* sections */

#content .section {
float : left;
font-size : .9em;
margin : 13px 7px;
text-align : center;
width : 147px;
}

	#content .section.nomarginright {
	margin : 13px 0 13px 6px;
	}

	#content .section.nomarginleft {
	margin : 13px 6px 13px 0;
	}
	
	#content p.section-img {
	border : 1px solid #a8a8a8;
	height : 182px;
	margin : 0;
	padding : 5px;
	}
	
	#content p.section-more {
	background : #057CC2;
	border : 1px solid #a8a8a8;
	border-top : none;
	font-weight : bold;
	margin : 0;
	padding : 5px;
	text-align : center;
	text-transform : uppercase;
	}
	
		#content p.section-more a {
		color : #fff;
		}
	
			#content p.section-more a:hover {
			color : #000;
			}
		
	#content p.section-text {
	color : #057CC2;
	height : 50px;
	margin : 0;
	padding : 3px 0;
	}
	
		#content p.section-text span {
		color : #000;
		font-weight : bold;
		}



/* products */

#product-left {
float : left;
margin : 15px 15px 15px 8px;
width : 202px;
}
	
	#product-left p {
	background : #057CC2;
	border : 1px solid #a8a8a8;
	border-top : none;
	font-size : .9em;
	font-weight : bold;
	margin : 0;
	padding : 5px;
	text-align : center;
	text-transform : uppercase;
	}
	
		#product-left p.nextday {
		background : #000;
		}
		
			#product-left p.nextday a:hover {
			color : #FFA800;
			}
	
		#product-left p.product-image {
		background : #fff;
		border : 1px solid #a8a8a8;
		padding : 0;
		}
		
			#product-left p.product-image img {
			margin : auto;
			}
	
		#product-left p.product-image a {
		display : block;
		text-align : center;
		}
	
		#product-left p a {
		color : #fff;
		text-align : center;
		}
		
	#product-left .image-buttons p {
	background : #FFA800;
	float : left;
	width : 89px;
	}
	
		#product-left .image-buttons p.deactivated a {
		color : #FFC24D;
		}
	
		#product-left .image-buttons p#previous-image {
		border-right : none;
		width : 90px;
		}
		
#product-right {
float : left;
width : 400px;
}

	#product-right p#product-price {
	font-size : 1.2em;
	font-weight : bold;
	}
	
		#product-right p#product-price span.price {
		color : #057CC2;
		}
		
		#product-right p#product-price span.vat {
		font-size : .75em;
		color : #a8a8a8;
		}
		
		#product-right p#product-price span.instock {
		color : #057CC2;
		font-style : italic;
		margin : 0 0 0 25px;
		}
		
		#product-right p#product-price span.outofstock {
		color : #c00;
		font-style : italic;
		margin : 0 0 0 25px;
		}
	
	#content input.add-to-cart {
	background : #FFA800;
	border : 1px solid #a8a8a8;
	color : #fff;
	font-weight : bold;
	padding : 0;
	width : 80px;
	}
		
		#product-right input.add-to-cart {
		font-family : Arial;
		font-size : 1.2em;
		font-weight : bold;
		padding : 10px;
		width : auto;
		}
	
	#product-right p.dropdown-menu select {
	border : 1px solid #a8a8a8;
	font-family : Arial;
	font-size : .9em;
	width : auto;
	margin : 0 0 0 10px;
	padding : 0;
	}


/* email friend */

#product-email-form, #address_book {
background : url('../graphics/common/overlay.png');
display : none;
height : 100%;
left : 0;
position : fixed;
top : 0;
width : 100%;
}

	#product-email-form form, #address_book #address-book-wrapper {
	background : #fff;
	border : 5px double #000;
	left : 50%;
	margin : -184px 0 0 -180px;
	padding : 20px;
	position : absolute;
	top : 50%;
	width : 360px;
	}
	
		#address_book #address-book-wrapper {
		height : 340px;
		overflow : auto;
		}
		
			#address_book #address-book-wrapper .addressline {
			border : 1px solid #ccc;
			margin : 5px 0;
			padding : 5px;
			}
		
			#address_book #address-book-wrapper p {
			padding : 0;
			margin : 0;
			}
	
		#product-email-form form table {
		border : 1px solid #ccc;
		margin : 0;
		padding : 0;
		width : 360px;
		}
		
			#product-email-form form table td {
			padding : 5px;
			}
		
		#product-email-form form p {
		padding : 20px 0 0;
		}
		
		#product-email-form form input {
		border: 1px solid #ccc;
		font-family : Arial;
		font-size : 1em;
		margin : 0 0 5px;
		padding : 5px;
		width : 143px;
		}
		
		#product-email-form form textarea {
		border: 1px solid #ccc;
		font-family : Arial;
		font-size : 1em;
		margin : 0 0 5px;
		padding : 5px;
		width : 322px;
		}


/* footer */

p#footer {
background : #105DAC;
height : 30px;
margin : 10px 0 0;
}



/* fixes */

p#nav, #main, #inner , #sections, #product-left .image-buttons, .cart-wrapper {
height : 1%;
}

	html>body p#nav,
	html>body #main,
	html>body #inner,
	html>body #sections,
	html>body #product-left .image-buttons, 
	html>body .cart-wrapper {
	height : auto;
	overflow : auto;
	}