body {
	margin: 0;
	background-image: url(../img/body-bg.jpg);
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #4e4e4e;
}


.fl { float: left; }
.fr { float: right; }
.clearme { clear: both; }


#master {
	width: 970px;
	margin: 0 auto;
	padding: 0 10px;
	background-image: url(../img/master-bg.png);
	background-repeat: repeat-y;
	background-position: center top;
}

#header {
	height: 98px;
	background-image: url(../img/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

	#header h1 {
		float: left;
		width: 146px;
		margin: 6px 0 0 16px;
	}
		#header h1 a {
			display: block;
			width: 146px;
			height: 79px;
			background-image: url(../img/peak-logo.png);
			
			text-indent: -9999px;
		}
		
	#customerinfo {
		float: right;
		width: 291px;
		height: 58px;
		margin: 30px 16px 0 0;
		background-image: url(../img/customerinfo-bg.png);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
		#customerinfo strong {
			font-size: 14px;
			color: #a9b8bd;
		}
	
		#account {
			float: left;
			width: 145px;
			padding-top: 8px;
			text-align: center;
		}
			#account .btn {
				margin: 6px 0 0 43px;
			}
			
		#mycart {
			float: left;
			width: 146px;
		}
			#mycart a {
				display: block;
				margin: 14px 0 0 12px;
				padding: 0 0 0 44px;
				background-image: url(../img/cart-icon.gif);
				background-repeat: no-repeat;
				background-position: left top;
				
				text-decoration: none;
				font-size: 11px;
				font-weight: bold;
				color: #787878;
			}
		
	#phonebox {
		float: right;
		margin: 33px 26px 0 0;
		padding: 10px 12px;
		background-color: #e9e9e9;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		font-weight: bold;
		color: #8b8b8b;
	}
		#phonebox span {
			font-size: 18px;
			color: #668188;
		}

#auxnav {
	padding: 2px 0;
	background-image: url(../img/auxnav-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

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

	#auxnav ul {
		list-style-type: none;
		margin: 0;
		padding: 0 0 0 16px;
	}
	
		#auxnav ul li {
			float: left;
			height: 39px;
			padding: 0 22px 0 0;
		}
		#auxnav form ul li {
			padding:  0;
		}
		
			#auxnav ul li.rb {
				border-right: 1px solid #494949;
			}
			#auxnav ul li.lb {
				padding-left: 16px;
				border-left: 1px solid #707070;
			}
			#auxnav ul li#field input, #auxnav ul li#button input {
				border: none;
				padding: 0;
			}
			#auxnav ul li#label {
				padding-right: 12px;
			}
			#auxnav ul li#field {
				width: 247px;
				height: 23px;
				margin: 3px 0 0 0;
				padding: 4px;
				background-image: url(../img/searchcontain-bg.gif);
				background-repeat: no-repeat;
				background-position: left top;
			}
				#auxnav ul li#field input {
					width: 242px;
					height: 22px;
					
					font-size: 12px;
					font-weight: normal;
					color: #939393;
				}
			#auxnav ul li#button {
				height: 31px;
				padding: 3px 14px 0 4px;
			}
		
		#auxnav ul li a, #auxnav form ul li span#search {
			display: block;
			height: 10px;
			margin-top: 14px;
			background-image: url(../img/auxnav-sprite.png);
			
			text-indent: -9999px;
		}
		
		a#aux-home,
		a#aux-home:link,
		a#aux-home:visited {
			width: 30px;
			background-position: 0 0;
		}
		a#aux-home:hover,
		a#aux-home:active {
			background-position: 0 -10px;
		}
		
		a#aux-about,
		a#aux-about:link,
		a#aux-about:visited {
			width: 36px;
			background-position: -30px 0;
		}
		a#aux-about:hover,
		a#aux-about:active {
			background-position: -30px -10px;
		}
		
		a#aux-resources,
		a#aux-resources:link,
		a#aux-resources:visited {
			width: 60px;
			background-position: -66px 0;
		}
		a#aux-resources:hover,
		a#aux-resources:active {
			background-position: -66px -10px;
		}
		
		a#aux-links,
		a#aux-links:link,
		a#aux-links:visited {
			width: 29px;
			background-position: -126px 0;
		}
		a#aux-links:hover,
		a#aux-links:active {
			background-position: -126px -10px;
		}
		
		a#aux-terms,
		a#aux-terms:link,
		a#aux-terms:visited {
			width: 112px;
			background-position: -155px 0;
		}
		a#aux-terms:hover,
		a#aux-terms:active {
			background-position: -155px -10px;
		}
		
		a#aux-contact,
		a#aux-contact:link,
		a#aux-contact:visited {
			width: 46px;
			background-position: -267px 0;
		}
		a#aux-contact:hover,
		a#aux-contact:active {
			background-position: -267px -10px;
		}
		
		a#aux-adv-search,
		a#aux-adv-search:link,
		a#aux-adv-search:visited {
			width: 97px;
			background-position: -313px 0;
		}
		a#aux-adv-search:hover,
		a#aux-adv-search:active {
			background-position: -313px -10px;
		}
		
		#auxnav ul li span#search {
			width: 40px;
			background-position: -410px 0;
		}
		
		#auxnav ul li a:focus {
			outline: none;
		}	


	#left {
		float: left;
		width: 190px;
		position:relative;
		margin-left: 1px;
		padding: 20px 0 0 0;
		border-right: 1px solid #ececec;
		background-image: url(../img/left-bg.jpg);
		background-repeat: repeat-y;
		background-position: 150px top;
	}
	
	#left h3 {
		margin: 0 1px 0 0;
		padding: 9px 0 9px 16px;
		border-top: 1px solid #e7e7e7;
		border-bottom: 1px solid #e7e7e7;
		background-image: url(../img/nav-cat-bg.png);
		background-repeat: repeat-x;
		background-position: left top;
		
		font-size: 12px;
		font-weight: bold;
		color: #6f8a91;
	}
	
		#left ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
			#left ul li {
				position: relative;
				margin: 0 1px 0 0;
				border-top: 1px solid white;
				border-bottom: 1px solid #e7e7e7;
			}
			
				#left ul li a,
				#left ul li a:link,
				#left ul li a:visited {
					position: relative;
					display: block;
					height: 13px;
					padding: 11px 0 11px 16px;
					background-image: url(../img/nav-bg.png);
					
					text-decoration: none;
					font-weight: bold;
					color: #4a4a4a;
				}
				
					#left ul li a span {
						position: absolute;
						right: 6px;
						top: 5px;
						display: block;
						width: 18px;
						height: 18px;
						background-image: url(../img/nav-arrow.png);
						background-repeat: no-repeat;
						background-position: 0 0;
						
						text-indent: -9999px;
					}
					
					#left ul li a.on:hover span {
						background-position: 0 -18px;
					}
				
				#left ul li a:hover,
				#left ul li a:active {
					background-position: 0 -35px;
					background-repeat: repeat-x;
					color: black;
				}
				
				#left ul li a:focus {
					outline: none;
				}
				
				#browse-manufacturer, #browse-manufacturer a {
					font-size:10px !important;
				}

				/** this list contains 3 list items 
				which create the bg of the dd list **/

				#left ul li ul {
					position: absolute;
					left: 189px;
					top: 0px;
					width: 780px;
					
					z-index: 999;
					display:none;
				}
				
				#left ul li ul li {
					float: left;
					position: static;
					margin: 0;
					border: 0;
				}
				
				#left ul li ul li.floater {
					position: absolute;
					top: 2px;
					width: 1px;
					height: 35px; 
					background: white;
				}
				#left ul li ul li.repeat {
					background-image: url(../img/dd-repeat.jpg);
					background-repeat: repeat-x;
					border: 1px solid #e7e7e7;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					padding:0px 10px;
				}
				
				/** these lists will contain the
				actual subcategories. use at most 5
				lists **/
				#left ul li ul li ul {
					float: left;
					position: static;
					left: auto;
					top: auto;
					width: auto;
					list-style-type: none;
					margin: 0 0 0 20px;
				}
				
					#left ul li ul li ul li {
						float: none;
						margin: 8px 0;
						border-top: 1px solid #e7e7e7;
						border-bottom: none;
					}
						#left ul li ul li ul li.first {
							border-top: none;
						}
						
						#left ul li ul li ul li a,
						#left ul li ul li ul li a:link,
						#left ul li ul li ul li a:visited {
							position: static;
							width: 126px;
							height: auto;
							padding: 4px 0;
							background-image: none;
							font-weight: normal;
							color: #;
						}
						
						#left ul li ul li ul li a:hover,
						#left ul li ul li ul li a:active {
							color: #668188;
						}

					
			#left-cup {
				height: 61px;
				background-image: url(../img/left-cup-bg.jpg);
				background-repeat: no-repeat;
				background-position: 150px top;
			}
			
	#main {
		width: 748px;
		margin-left: 208px;
		padding-top: 1px;
	}
	
	.divider {
		height:  4px;
		margin: 5px 0;
		
		background-color: #e7e7e7;
	}
	

	/** list pages **/
	
	#cat-box {
		margin: 19px 0 0 0;
		padding: 8px 14px;
		background-color: #e9e9e9;
		font-size: 12px;
		font-weight: bold;
		color: #4a4a4a;
	}
	
	#breadcrumb {
		margin: 14px 0 14px 14px;
		color: #4a4a4a;
	}
		#breadcrumb a,
		#breadcrumb a:link,
		#breadcrumb a:visited {
			text-decoration: none;
			color: #6f8a91;
		}
		#breadcrumb a:hover,
		#breadcrumb a:active {
			text-decoration: underline;
		}
		
	table#list {
		width: 100%;
		margin: 4px 0 14px 0;
	}	
	
	table#list td {
		border-bottom: 1px solid #e9e9e9;
	}
	
		table#list h2 {
			margin: 6px 0;
			font-size: 12px;
			font-weight: bold;
			color: #4a4a4a;
		}
		
		table#list p {
			margin: 6px 0;
			color: #949494;
		}
		
		.list-img img {
			margin: 5px;
		}
		
			.thumbimg {
				width:58px;
				height:58px;
				overflow:hidden;
				border: 1px solid #e7e7e7;

			}

		.list-desc {
			width: 510px;
			padding: 8px 5px;
		}
		
		.list-price {
			width:  90px;
			font-weight: bold;
		}
		
		.price {
			color: #6f8a91 !important;
		}
		
	/** home **/	
	
	#features {
		margin: 19px 0 -106px 0;
	}
	
	#carousel-box {
		float: left;
		margin-top: 2px;
	}
	
	#carousel {
		position: relative;
		width: 495px;
		height: 253px;
		
		overflow: hidden;
	}
	
		#carousel ul {
			list-style-type: none;
			position: absolute;
			width: 49500px;
			margin: 0;
			padding: 0;
		}
		
			#carousel ul li {
				position: relative;
				float: left;
				width: 495px;
			}
			
			#carousel ul li h2 {
				position: absolute;
				top: 40px;
				left: 20px;
				width:  200px;
				margin: 0;
				font-size: 26px;
				font-weight: bold;
				color: #6f8a91;
				
				z-index: 2;
			}
			
			#carousel ul li p {
				position: absolute;
				top: 135px;
				left: 20px;
				width: 200px;
				margin: 0;
				line-height: 18px;
				font-size: 14px;
				font-weight: bold;
				color: #4e4e4e;
				
				z-index: 2;
			}
			
			#carousel ul li img {
				position: relative;
				
				z-index: 1;
			}
			

	#index-nav {
		height: 29px;
		background-image: url(../img/index-nav-bg.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
		#index-nav ul {
			list-style-type: none;
			width: 114px;
			margin: 0 auto;
			padding: 0;
		}
		
			#index-nav ul li {
				float: left;
				margin: 9px 4px 0 4px;
			}
			
			#index-nav ul li.inb {
				width: 2px;
				height: 28px;
				margin: 0 14px;
				background-image: url(../img/inb.jpg);
				background-repeat: no-repeat;
				background-position: left top;
			}
		
				#index-nav a {
					display: block;
					width: 10px;
					height: 10px;
					background-image: url(../img/index-nav-btn-sprite.gif);
				
					text-indent: -9999px;
				}
		
		#index-nav a,
		#index-nav a:link,
		#index-nav a:visited {
			background-position: 0 0;
		}
		#index-nav a:hover,
		#index-nav a:active,
		#index-nav a.on,
		#index-nav a.on:link,
		#index-nav a.on:visited {
			background-position: 0 -10px;
		}
		
	#feature {
		position: relative;
		float: left;
		overflow: hidden;
		width: 234px;
		height: 285px;
		margin: 0 0 0 18px;
	}
		
		#feature-info {
			position: absolute;
			left: 2px;
			top: 255px;
			width: 212px;
			height: 273px;
			padding: 4px 10px;
			background-image: url(../img/feature-info-bg.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			
			color: white;
		}
		
			#feature-info.on {
				background-position: 0 -30px;
				top: 2px;
			}
		
			#feature-info h2 {
				margin: 6px 0 14px 0;
				font-size: 14px;
				color: white;
			}
			#feature-info h3 {
				margin: 14px 0;
				font-size: 14px;
				color: white;
			}
			#feature-info h4 {
				float: left;
				margin: 18px 0;
				font-size: 18px;
				color: white;
			}
			#feature-info p {
				margin: 12px 0;
				line-height: 18px;
				color: white;
			}
			#feature-info a.add-to-cart {
				float: left;
				margin: 18px 0 0 18px;
			}

	.new-products ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
		.new-products ul li {
			float: right;
			width: 116px;
			min-height: 220px;
			padding: 0 16px;
			margin:10px 0px;
		}
			.new-products ul li.first {
			}
			.new-products ul li.last {
			}
			
			.new-products ul li img {
				border:0px;
			}

			.imgholder {
				width:114px;
				height:114px;
				overflow:hidden;
				border: 1px solid #e7e7e7;
			}
			
			.new-products ul li h3 {
				margin: 12px 0;
				font-size: 12px;
				font-weight: normal;
				color: #668188;
			}
				.new-products ul li h3 a,
				.new-products ul li h3 a:link {
					text-decoration: none;
					color: #668188;
				}
				.new-products ul li h3 a:visited {
					color: #425f66;
				}
				.new-products ul li h3 a:hover,
				.new-products ul li h3 a:active {
					text-decoration: underline;
				}
			
			.new-products ul li h4 {
				margin: 8px 0;
				font-size: 18px;
				font-weight: bold;
				color: #565656;
			}
			


a.btn {
	display: block;
	height: 13px;
	padding-top: 4px;
	background-image: url(../img/btn-sprite.gif);
	
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 8px;
	font-weight: bold;
	color: white;
}
	a.sm {
		width: 58px;
		background-position: 0 0;
	}
	a.add-to-cart {
		width: 78px;
		background-position: 0 -17px;
	}
	
	#footer-service {
		margin:  10px 0px 0px 0px;
		padding:  8px 14px;
		border-bottom: 1px solid #4d4d4d;
		background-color: #343434;
		
		font-weight: bold;
		color:  white;
	}
		#footer-service span {
			color: #BB;
		}
		
	#footer {
		padding: 20px 18px 16px;
		background-color: #444444;
	}
	
		#footer-content {
			background-image: url(../img/peak-logo-two-color.gif);
			background-repeat: no-repeat;
			background-position: left bottom;
			color: #dadada;
		}
	
		.foot-hl {
			float:  left;
			width: 190px;
			margin-left: 16px;
		}
		
		#last-hl {
			padding-right: 32px;
			border-right: 1px solid #343434;
		}
		
			#last-hl address {
				line-height: 20px;
				font-style: normal;
			}
		
		.foot-hl h3 {
			margin: 6px 0;
			font-size: 12px;
			font-weight: bold;
			color:  white;
		}
		
		.foot-hl ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
			.foot-hl ul li {
				margin: 6px 0;
			}
			
				.foot-hl ul li a,
				.foot-hl ul li a:link,
				.foot-hl ul li a:visited {
					text-decoration: none;
					color:  #dadada;
				}
				.foot-hl ul li a:hover,
				.foot-hl ul li a:active {
					text-decoration: underline;
				}
				
		#payment-info {
			float: left;
			height: 118px;
			padding: 10px 0 0 60px;
			border-left: 1px solid #515151;
		}				
		
		#credit a, #credit img {
			float: left;
		}
		
			a#thawte,
			a#thawte:link,
			a#thawte:visited,
			a#thawte:hover,
			a#thawte:active {
				display: block;
				width: 60px;
				height: 60px;
				margin: 0 8px 0 0;
				background-image: url(../img/thawte.gif);
				background-repeat: no-repeat;
				background-position: left top;
				
				text-decoration: none;
				text-indent: -9999px;
			}
		
		#cage {
			margin-top: 8px;
			padding: 6px 14px;
			background-color: #595959;
			text-align: center;
			font-size: 14px;
			font-weight: bold;
		}

		#legal {
			margin: 26px 0 0 140px;
			padding: 20px 0 0;
			border-top: 1px solid #515151;
		}
		
			#legal a,
			#legal a:link,
			#legal a:visited {
				text-decoration: none;
				color: #6f8a91;
			}
			#legal a:hover,
			#legal a:active {
				text-decoration: underline;
			}

	
#cup {
	width: 970px;
	height: 17px;
	margin: 0 auto;
	padding: 0 10px;
	background-image: url(../img/cup-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}