/* CSS Document */

* {
text-decoration: none;
}



/* body */

body {
color: #5b5b5b;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
margin: 0;
text-align: center;
}

	img {
	border: none;
	}
	
	.float_right {
	float: right;
	}
	
	.textonly-text {
	display: none;
	}



/* wrapper */

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



/* left navgation */

#left {
float: left;
font-size: 1.2em;
padding: 0 0 10px;
text-transform: uppercase;
width: 179px;
}

	#left p.heading {
	background: #499DC7 url('../graphics/layout/heading.jpg') repeat-x;
	color: #fff;
	font-weight: bold;
	padding: 6px 10px;
	margin: 0;
	}
	
		#left p.heading#products {
		background: none;
		border-bottom: 3px solid #0A808C;
		color: #64AACD;
		}
	
	#left ul {
	list-style: none;
	margin: 0;
	padding: 1px 0 0;
	}
	
		#left li {
		border-bottom: 1px solid #b8b8b8;
		padding: 2px 10px 3px;
		margin: 0 0 1px;
		}
		
		#left li a {
		color: #b8b8b8;
		}
		
			#left li a:hover {
			color: #000;
			}
			
			#left li a span {
			color: #499DC7;
			font-size: .7em;
			font-weight: bold;
			margin: 0 0 0 5px;
			}
	
	#minicart, #account {
	border: 1px solid #499DC7;
	padding: 1px;
	}
	
		#account {
		border: 1px solid #D3531A;
		margin: 10px 0 0;
		}
	
		#minicart p.minicart-product, #account p.minicart-product {
		font-size: .8em;
		margin: 0;
		padding: 5px 10px 4px;
		text-transform: none;
		}
		
			#minicart p.minicart-product a, #account p.minicart-product a {
			color: #5b5b5b;
			}
		
				#minicart p.minicart-product a:hover, #account p.minicart-product a:hover {
				color: #5b5b5b;
				}
		
			#minicart p.minicart-product span, #account p.minicart-product span {
			float: right;
			}
			
		#minicart ul li, #account ul li {
		background: #65ABCE url('../graphics/layout/info.jpg') repeat-x;
		border: none;
		font-weight: bold;
		margin: 1px 0 0;
		padding: 4px 10px;
		}
		
			#minicart ul li.cart, #account ul li {
			background: #D3531A url('../graphics/layout/cart.jpg') repeat-x;
			}
		
			#minicart ul li a, #account ul li a {
			color: #fff;
			}


/* main content */

#right {
float: right;
width: 781px;
}

	#right #nav {
	border-bottom: 3px solid #979797;
	color: #fff;
	font-size: 1.2em;
	padding: 6px 10px;
	margin: 0 0 0 1px;
	text-transform: uppercase;
	}
	
		#right #nav a {
		color: #7D7C81;
		margin: 0 8px;
		}
		
			#right #nav a:hover {
			color: #000;
			}
			


/* content */

#content {
font-size: 1.2em;
padding: 0 0 18px 18px;
}

	#content p {
	line-height: 1.6em;
	margin: 0;
	padding: 0 0 14px;
	}
	
		#content ul {
		line-height: 1.6em;
		margin: 0 30px;
		padding: 0 0 10px;
		}
		
			#content ul ul {
			padding: 0;
			}
	
		#content p#trail {
		font-size: .9em;
		padding: 8px 0 4px;
		}
		
		#content p#info_message {
		background: #D15519 url('../graphics/layout/infomessage.jpg') repeat-x;
		border: 1px solid #000;
		color: #fff;
		font-size: 1.2em;
		margin: 0 0 10px;
		padding: 10px;
		}
		
			#content.cart p#info_message {
			margin: 8px 0;
			}
	
	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	color: #06A2B3;
	font-size: 1.5em;
	margin: 0;
	padding: 4px 0 10px;
	text-transform: uppercase;
	}
	
		#content.cart h1, #content.cart h2, #content.cart h3, #content.cart h4, #content.cart h5, #content.cart h6 {
		padding: 8px 0 10px;
		}
		
			#content.cart h2, #content.cart h3, #content.cart h4, #content.cart h5, #content.cart h6 {
			font-size: 1.2em;
			}
	
		#content h1#section-name {
		display: none;
		}
	
	#content a {
	color: #06A2B3;
	}
	
		#content a:hover {
		color: #000;
		}
		
#company-details {
font-size: 0.8em;
color: #999999;
margin-top: 30px;
}		
		


/* spiderlinks */

p#spiderlinks {
background: #969696 url('../graphics/layout/nav.jpg') repeat-x;
color: #fff;
font-size: 1.1em;
margin: 0;
padding: 7px 8px;
}

	p#spiderlinks a {
	color: #fff;
	margin: 0 2px;
	}
	
		p#spiderlinks a:hover {
		color: #000;
		}



/* footer */

p#footer {
font-size: 1.1em;
margin: 0;
padding: 8px 10px;
}

	p#footer a {
	color: #979797;
	}
	
		p#footer a:hover {
		color: #000;
		}



/* sections */

#content .section {
float: left;
margin: 0 12px 12px 0;
width: 143px;
}

	#content .section.nomargin {
	margin: 0;
	}
	
	#content .section p {
	margin: 0;
	padding: 0;
	}
	
		#content .section p.section-text a {
		background: url('../graphics/layout/nav.jpg') repeat-x;
		color: #000;
		display: block;
		margin: 1px 0 0;
		padding: 2px 0;
		text-align: center;
		text-transform: uppercase;
		}



/* products */

h2#product-title {
background: url('../graphics/layout/product.jpg') repeat-y;
color: #fff;
font-size: 2em;
padding: 7px 10px;
margin: 6px 0 0;
}

	#product-left {
	float: left;
	margin: 1px 0 0;
	width: 318px;
	}
	
		#product-left p.view-larger, span.vat {
		display: none;
		}

	#product-right {
	float: right;
	width: 445px;
	}
	
		#product-right p {
		margin: 0;
		padding: 14px 0 0;
		}
	
		#product-right p#product-price {
		font-size: 1.8em;
		}
		
			#product-right p#product-price span.price {
			color: #D35A1A;
			font-weight: bold;
			}
		
			#product-right p#product-price span.stock {
			color: #53BECA;
			font-size: .7em;
			font-style: italic;
			font-weight: bold;
			margin: 0 0 0 30px;
			}
			
		#product-right input.add-to-cart {
		background: url('../graphics/layout/add.jpg');
		border: none;
		height: 36px;
		width: 225px;
		}
		
		#product-right p#sunshine {
		font-size: 1.3em;
		font-style: italic;
		font-weight: bold;
		padding: 35px 0 0;
		}
		
			#product-right p#family a {
			margin: 0 5px 0 0;
			}
		
			#product-right p#family a.nopad {
			margin: 0;
			}
			


/* next & previous buttons */

p#previous-image, 
p#next-image {
border-bottom: 1px solid #499DC7;
float: left;
margin: 0;
padding: 0 10px;
text-transform: uppercase;
width: 128px;
}

	p#previous-image.deactivated, 
	p#next-image.deactivated {
	border-bottom: 1px solid #B8B8B8;
	}

		p#previous-image a, 
		p#next-image a {
		color: #B8B8B8;
		}

	p#previous-image {
	margin-right: 2px;
	}

	p#next-image {
	text-align: right;
	}

	p#previous-image.deactivated a, 
	p#next-image.deactivated a {
	color: #B8B8B8;
	}

		p#previous-image a, 
		p#next-image a {
		color: #499DC7;
		}




/* fixes */

#main,
#minicart p.minicart-product,
#product,
#sections,
#content p.cart-buttons,
.cart-wrapper,
.image-buttons {
height: 1%;
}

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