/* CSS Document */

* {
text-decoration: none;
}



/* body */

body {
background: #000000 url('../graphics/layout/back.jpg') repeat-x;
font-family: Verdana, Tahoma, Arial, Helvetica;
font-size: 62.5%;
margin: 0;
text-align: center;
}

	img {
	border: none;
	}
	
	.b {
	font-weight: bold;
	letter-spacing: -1px;
	}
	
	.textonly-text {
	display: none;
	}
	


/* main page wrapper */

#wrapper {
background: #fff url('../graphics/layout/top.jpg') no-repeat;
margin: 0 auto;
padding: 123px 0 0 0;
position: relative;
width: 760px;
}



/* top navigation */

#topnav {
color: #313131;
font-size: 1.3em;
margin: 0;
padding: 0 12px 7px;
text-align: right;
}

	#topnav a {
	color: #fff;
	padding: 7px 5px;
	}

		#topnav a:hover {
		background: #fff;
		color: #313132;
		}
		


/* products menu */

ul#pmenu {
background: #b8b9b9;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
font-size: 1em;
list-style: none;
margin: 0;
padding: 5px 0;
width: 100%;
}

	ul#pmenu li {
	float: left;
	}
	
	ul#pmenu a {
	color: #fff;
	padding: 5px 7px;
	}
	
		ul#pmenu a:hover {
		background: #fff;
		color: #000;
		}



/* content */

#content {
text-align: left;
font-size: 1.1em;
}

	#content p {
	line-height: 1.4em;
	margin: 0;
	padding: 0 25px 12px;
	}
	
		#content p#info_message {
		background: #FFB400;
		border: 1px solid #fff;
		color: #fff;
		font-size: 1.1em;
		margin: 0 25px 15px;
		padding: 10px;
		}
	
		#content p#trail {
		font-size: .9em;
		padding: 20px 25px 12px;
		}
		
		#content p.nopad {
		padding: 12px 0 0;
		}
		
		#content p.float_right {
		float: right;
		}
		
	#content h1, #content h2, #content h3, #content h4 {
	font-size: 1.5em;
	letter-spacing: -1px;
	margin: 0;
	padding: 0 25px 12px;
	}
	
		#content.cart h1 {
		padding-top: 25px;
		}
	
	#content a {
	color: #000000;
	text-decoration: underline;
	}



/* footer */

p#footer {
background: #B9B9B9;
border-top: 1px solid #fff;
color: #777;
font-size: 1.1em;
line-height: 1.5em;
margin: 0;
padding: 10px;
text-align: left;
}

	p#footer a {
	color: #777778;
	}
	
		p#footer a.wnw, p#footer span {
		color: #fff;
		}
		
			p#footer span.pad {
			margin: 0 0 0 20px;
			}
		
		p#footer a:hover {
		color: #000;
		}
		
		

/* sections */

#content #sections {
padding: 0 25px 15px;
}

	#content .section {
	background: #B9B9B8;
	border: 1px solid #fff;
	float: left;
	margin: 0 10px 10px 0;
	width: 168px;
	}
	
		#content .nomargin {
		margin: 0 0 10px;
		}
		
		#content .section p {
		color: #fff;
		line-height: 1.1em;
		margin: 0;
		padding: 5px 0 3px 5px;
		}
		
			#content .section p.text {
			height: 25px;
			}
			
				html>body #content .section p.text {
				height: auto;
				min-height: 25px;
				}
		
			#content .section img.img {
			border-bottom: 1px solid #fff;
			}
		
			#content .section img.more {
			float: right;
			}


/* paging buttons */

#content p.paging {
text-align: right;
}

	#content p#paging-bottom {
	display: none;
	}

	#content p.paging a, #content p.paging span {
	background: #313132;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	padding: 2px 4px;
	text-decoration: none;
	text-transform: uppercase;
	}
	
		#content p.paging a {
		color: #c2c2c2;
		}




/* product pages */

#product-wrapper {
padding: 15px 25px 150px;
}

#product {
background: url('../graphics/layout/product.gif') repeat-y;
}

	#product-left {
	float: left;
	margin: 0 10px 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 170px;
	}
	
		#product-left p {
		background: #B9B9B8;
		border-bottom: 1px solid #000;
		margin: 0;
		padding: 2px 0;
		}
		
			#product-left p.product-image {
			border: 1px solid #fff;
			display: block;
			padding: 0;
			margin: 0 0 1px;
			text-align: center;
			width: 168px;
			}
			
				#product-left p.product-image a, #product-left p.product-image img {
				display: inline;
				}
		
			#product-left p#previous-image, #product-left p#next-image {
			float: left;
			width: 85px;
			}
			
				#product-left p#previous-image {
				border-right: 1px solid #427587;
				width: 84px;
				}
			
				#product-left p.view-larger {
				border: none;
				}
			
				#product-left a {
				color: #fff;
				font-weight: bold;
				text-decoration: none;
				}
			
				#product-left p#previous-image.deactivated a, #product-left p#next-image.deactivated a {
				color: #D3D3D3;
				}
	
	#product-right {
	float: left;
	padding: 15px 0 0;
	width: 530px;
	}
	
		#product-right p {
		line-height: normal;
		margin: 0;
		padding: 0 15px 15px;
		}
		
		#product-right input.add-to-cart {
		background: #fff url('../graphics/layout/addtocart.gif') no-repeat;
		border: none;
		float: right;
		height: 34px;
		margin: 30px 0 0;
		width: 159px;
		}
		
		.img {
		display: block;
		height: 168px;
		position: relative;
		text-align: center;
		width: 168px;
		}
		
			.img span {
			background: #FFB401;
			border-top: 1px solid #666; 
			border-left: 1px solid #666; 
			color: #fff;
			padding: 5px;
			position: absolute;
			letter-spacing: -1px;
			font-weight: bold;
			bottom: 0;
			right: 0;
			}



/* buttons */

img.button {
position: absolute;
right: 20px;
top: 10px;
}



input.code {
background: #fff url('../graphics/common/code.gif') no-repeat;
color: #c00;
margin-top: 5px;
}

	span.verfimessage {
	color: #c00;
	}



/* fixes */

#sections,
#content p.image-buttons,
#product,
ul#pmenu {
height: 1%;
}

	html>body #sections,
	html>body #content p.image-buttons,
	html>body #product,
	html>body ul#pmenu {
	height: auto;
	overflow: auto;
	}