* { margin: 0; padding: 0; }

:active, :focus{ outline:none; }

/* font */
html { font-size: 100.01%; }
body { font-size: 62.5%; }
input, select, textarea { font-size: 100%; color: #333; }

/* layout - general */
img { border: none; }
acronym { cursor: help; }
a:link, a:visited { cursor: hand; cursor/**/: /**/pointer; }

input.text, textarea { 
	padding: 1px 2px;
	color: #999999;	
}
.submit { 
	padding: 1px 2px;
	cursor: hand; cursor/**/: /**/pointer; 
}

ul, ol { margin: 0 0 1em 2.5em; padding: 0; list-style: disc; }
ul li, ol li { margin: .2em 0; padding: 0; }
select > option { margin: 0 5px 0 3px; }

.ul { margin: 0; padding: 0; list-style-type: none; }
.ul li { margin: 0; padding: 0; list-style: none; list-style-image: none; list-style-type: none; }

#page .flR { float: right; }
#page .flL { float: left; }
#page .alR { text-align: right; }
#page .alC { text-align: center; }

.hide { display: none; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; text-indent: -1000em; }

a:link, a:visited {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
}
a:link:hover, a:visited:hover {
	color: #666666;
	text-decoration: underline;
}
a.inv:link, a.inv:visited {
	text-decoration: underline;
}
a.inv:link:hover, a.inv:visited:hover {
	text-decoration: none;
}

.cols {
	overflow: hidden;
	margin: 0;
}
.cols .col {
	float: left;
	width: 48%;
	margin: 0 3.5% 0 0;
}
body #page .last {
	margin-right: 0;
}
input.textbox {width: 100%; border-left: 1px solid #848484; border-top: 1px solid #848484; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding: 2px; font-size: 14px;}


/* Clear Floats Without Structural Markup */
.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#ie7 .clearFix {
	min-height: 1%;
}


/* layout - specific */
body {
	font-family: "Gotham Book", Verdana, sans-serif;
	text-align: center;
}
#page {
	color: #666666;
	font-size: 1.2em;
	width: 700px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: #ffffff;
}


#top {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 151px;
	margin: 0 0 14px;
	background: url(/shop/images/header.jpg) no-repeat 0 31px;
}
	#motto {
		float: left;
		width: 370px;
		height: 31px;
	}
		#motto span {
			background: url(/shop/images/motto.png) no-repeat 0 0;
		}
	#links1 {
		float: right;
		padding: 12px 8px 7px 0;
		font-size: 91%;
	}
		#links1 li {
			float: left;
			padding: 0 10px 0 8px;
			background: url(/shop/images/bullet-1.gif) no-repeat 0 50%;
		}
		#links1 li.last {
			padding-right: 0;
		}
			#links1 li a:link, #links1 li a:visited {
			}

	#logo {
		float: left;
		width: 365px;
		height: 89px;
		text-indent: -5000px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 365px;
			height: 89px;
		}
			#logo a:link span, #logo a:visited span {
				background: url(/shop/images/header.jpg) no-repeat 0 0;
			}
	#top form {
		clear: left;
		float: left;
		width: 225px;
		margin: 5px 0 0 15px;
	}
		#top form input {
			float: left;
			display: inline;
			padding: 2px 3px 1px 2px;
			color: #333;
			border-top: 1px solid #848484;
			border-left: 1px solid #848484;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
			height: 21px;
		}
		#top form input.submit {
			float: left;
			display: inline;
			border: 0px;
			background: none;
			text-transform: uppercase;
			margin-left: 5px;
			_margin-left: 0;
			font-size: 11px;
			font-weight: bold;
			color: #352615;
			border: 0px;
		}
	#links2 {
		float: right;
		width: 300px;
		position: absolute;
		bottom: 31px;
		_bottom: 30px;
		right: 0;
		_right: -1px;
		margin: 0;
		border-top: solid 1px #FFFFFF;
		font-size: 10px;
	}
	#ie7 #links2 {
		float: right;
		width: 300px;
		bottom: 30px;
		right: -1px;
	}
		#links2 li {
			float: left;
			padding: 13px 0 13px 0;
			text-align: center;
			letter-spacing: -1px;
			border-left: solid 1px #FFFFFF;
		}
			#links2 li a:link, #links2 li a:visited {
				color: #4d501e;
			}
				#links2 li a:link span, #links2 li a:visited span {
					display: block;
					font-weight: bold;
					color: #FFFFFF;
					text-decoration: none;
					font-size: 125%;
				}
		#links2 li.cart {
			width: 125px;
			background: #aebb5f;
		}
			#links2 li.cart a:hover, #links2 li.cart a:hover span {
				color: #666633;
				text-decoration: none;
			}
		#links2 li.free {
			width: 173px;
			_width: 175px;
			background: #666633;
		}
		#ie7 #links2 li.free {
			width: 175px;
		}
			#links2 li.free a:link, #links2 li.free a:visited {
				color: #FFFFFF;
			}
			#links2 li.free a:hover, #links2 li.free a:hover span {
				color: #ECE98A;
				text-decoration: none;
			}

	#menuBar {
		float: right;
		margin: 1px 0 0;
		overflow: hidden;
		_position: absolute;
		_right: -1px;
		_bottom: -3px;
		_margin: 0;
	}
	#ie7 #menuBar {
		float: none;
		position: absolute;
		top: 121px;
		right: -1px;
		margin: 0;
	}
		#menuBar li {
			float: left;
			display: block;
			font-size: 12px;
		}
			#menuBar li a:link, #menuBar li a:visited {	
				float: left;
				display: block;
				line-height: 30px;
				height: 30px;
				padding: 1px 1.3em 0 1em;
				text-decoration: none;
				color: #666633;
			}
			#menuBar li a:link:hover, #menuBar li a:visited:hover {	
				color: #352615;
				text-decoration: none;
			}
		#menuBar li.gift {
			width: 173px;
			_width: 175px;
			border-left: 1px solid #fff;
			background: #51979f url(/shop/images/icon-gift.gif) no-repeat bottom center;
		}
			#menuBar li.gift a:link, #menuBar li.gift a:visited {
				font-weight: bold;
				letter-spacing: -1px;
				color: #FFFFFF;
				padding: 2px 0 0 4.9em;
			}
			#menuBar li.gift a:hover {
				color: #ECE98A;
				text-decoration: none;
			}


#colWrap {
	margin: 0 0 0 8px;
	width: 683px;
	overflow: hidden;
}

#content {
	float: right;
	width: 490px;
	margin: 0;
	font-family: Arial, sans-serif;
}
.product #content {
	color: #000000;
}

	#content h1 {
		font-family: "Gotham Book", Verdana, sans-serif;
		font-weight: normal;
		font-size: 250%;
		text-transform: capitalize;
		color: #cccc99;
		margin: 0 0 .4em;
		line-height: .9;
	}
	#content h2 {
		font-size: 150%;
		margin: 0 0 .5em;
		color: #666633;
	}
	#content p {
		line-height: 1.25em;
		margin: 0 0 .75em 0;
	}
	p.actions {
		padding-top: 20px;
	}
	#content ul.sub {
		float: left;
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0 0 10px 10px;
		border-bottom: 3px double #CCCC99;
	}
		#content ul.sub li {
			float: left;
			display: inline;
			font-weight: bold;
			margin-bottom: 8px;
			width: 150px;
		}
			#content ul.sub li a {
				color: #666633;
			}
	#content ul.error {
		margin: 0 0 15px 0;
		padding: 0;
	}
		#content ul.error li {
			list-style: none;
			color: #990000;
		}
	#content ul.message {
		margin: 0 0 15px 0;
		padding: 0;
	}
		#content ul.message li {
			color: #000;
			list-style: none;
			font-weight: bold;
		}

	#content table.table {
		font-size: 100%;
		margin-bottom: 20px;
		border: 1px solid #CCCC99;
	}
		#content table.table td {
			padding: 3px;
			border: 1px solid #CCCC99;
			background: #fff;
		}
		#content table.table th {
			text-align: left;
			font-weight: bold;
			padding: 3px;
			border: 1px solid #CCCC99;
			background: #EFEFD1;
		}
	#content ol {
	}
		#content ol li {
			margin-bottom: 15px;
		}



.formRow {
	padding: 2px 0 2px 0;
}
	.formLabel {
		font-weight: bold;
	}
	.formElement {
	}



#colSide {
	float: left;
	width: 180px;
	position: relative;
}
	#colSide .title {
		color: #5c0000;
		font-weight: bold;
		font-size: 136%;
	}

.menuSide {
	margin: 0 0 20px;
}
	.menuSide h2 {
		color: #352615;
		font-size: 125%;
		font-weight: bold;
		margin: 0 0 .25em;
	}
	.menuSide ul {
		position: relative;
	}
		.menuSide li {
			line-height: 1.5;
		}
		.menuSide li.sep {
			margin-top: 1em;
			padding-top: .25em;
			border-top: solid 1px #a0cedf;
		}
			.menuSide li a:link, .menuSide li a:visited {
				padding: 0 0 0 10px;
			}
			.menuSide li.active a:link, .menuSide li.active a:visited {
				font-weight: bold;
				background: url(/shop/images/bullet-1.gif) no-repeat 3px 6px;
				text-decoration: underline;
			}

.products {
	font-size: 83.3%;
}
	.products ul {
		width: 100%;
	}
		.products ul li {
			float: left;
			width: 144px;
			height: 260px;
			margin: 0 0 25px 18px;
			_margin: 0 0 25px 10px;
		}
			.products a.img:link, .products a.img:visited {
				display: block;
				background: url(/shop/images/prod-m.jpg) no-repeat 0 0;
				width: 144px;
				height: 180px;
				_height: 215px;
				padding: 30px 0 0;
				margin: 0 0 12px;
				text-align: center;
			}
			#ie7 .products a.img:link, #ie7 .products a.img:visited {
				height: 215px;
				margin-left: 0;
			}
			#page .products p {
				line-height: 1.27;
				margin: 0;
				font-size: 11px;
				text-align: center;
			}
			#page .products p span.special {
				color: #990000;
				padding-left: 10px;
				font-weight: bold;
			}
			.products p.price {
				color: #352615;
			}

	.products .nav {
		text-align: right;
		font-size: 120%;
		padding: .5em 0;
	}
		.products .nav a:link, .products .nav a:visited {
			padding: 0 .2em;
		}
		.products .nav a.active:link, .products .nav a.active:visited {
			font-weight: bold;
			color: #000000;
		}


#product {
	width: 100%;
	overflow: hidden;
	margin: 20px 0 0 0;
	padding: 0;
}
	#product .image {
		position: relative;
		float: left;
		width: 192px;
		height: 325px;
		margin: 0;
		padding: 35px 0 0 0;
		text-align: center;
		background: url(/shop/images/product-m.jpg) no-repeat 0 0;
	}
		#product .image img {
			width: 120px;
			height: 200px;
		}
		#product .image p {
			width: 132px;
			height: 54px;
			text-align: left;
			position: absolute;
			left: 30px;
			top: 250px;
		}
			#product .image p a:link, #product .image p a:visited {
				float: left;
				display: block;
				height: 54px;
				width: 132px;
			}
				#product .image p a:link span, #product .image p a:visited span {
					background: url(/shop/images/btn_viewlarger.gif) no-repeat 0 0;
				}
	#product .details {
		float: right;
		width: 260px;
		margin: 0;
	}
		#product h2 {
			font-size: 150%;
			font-weight: normal;
			color: #000000;
		}
		#product h2 span {
			color: #666;
		}
		#product .details select {
			color: #000;
		}
		#product .details p {
			line-height: 1.45;
			margin-bottom: 1.6em;
			color: #000;
			font-size: 125%;
		}
		#product .details p.price {
			float: left;
			clear: left;
			font-size: 150%;
			line-height: 50px;
		}
		#product .details p.reviews {
			float: left;
			clear: left;
		}
		#product .details p.added {
			float: left;
			clear: left;
			font-size: 100%;
			color: #666;
		}
		#product .cart {
			float: right;
		}
			#product .cart a:link, #product .cart a:visited {
				display: block;
				width: 166px;
				height: 75px;
				text-align: left;
			}
				#product .cart a:link span, #product .cart a:visited span {
					background: url(/shop/images/but-cart.png) no-repeat 0 0;
				}


#reviews {
	float: left;
	width: 100%;
	padding-bottom: 20px;
}
	#reviews h2 {
		color: #666633;
		margin: 0 0 20px 0;
		padding-bottom: 10px;
		border-bottom: 3px double #666633;
	}
	#reviews p {
		color: #000;
	}
	#reviews p.quote {
		color: #000;
		padding: 10px 0 10px 40px;
		background: url(/shop/images/quote-open.gif) no-repeat top left;
	}
	#reviews p.quoteDetails {
		color: #666;
		font-size: 11px;
		margin: 5px 0 20px 0;
		padding-bottom: 10px;
		border-bottom: 1px solid #AAB85D;
	}
	#reviews textarea {
		border: 1px solid #666633;
		margin-bottom: 15px;
		color: #000;
		padding: 2px;
	}


ul.mentions {margin: 10px 0 25px 0; padding: 0;}
	ul.mentions li {list-style: none; clear: left; padding-bottom: 10px;}
	ul.mentions li img {float: left; display: inline; border: 1px solid #333; margin: 0 15px 15px 0;}
	ul.mentions li p { }

ul.featured {margin: 15px 0 0 10px; padding: 0;}
	ul.featured li {float: left; display: inline; list-style: none; margin: 0 15px 15px 0; }
	ul.featured li img {display: block; border: 1px solid #333;}

.products .cart {}
	.products .cart li {height: 290px;}
	.products .cart input.bdr {padding: 2px; border: 1px solid #666;}



#content p.back {
	margin: .5em 0;
	font-size: 83.3%;
}
	p.back a:link, p.back a:visited {
		color: #99cccc;
	}

#bot {
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 0 0;
	position: relative;
	background: #ebeed7;
	padding-bottom: 20px;
}
	#bot a:link, #bot a:visited {
	}

	#newsletter {
		float: left;
		display: block;
		width: 100%;
		padding: 5px 0 0 0;
		background: #74aeab;
		color: #FFFFFF;
		border-bottom: 1px solid #fff;
	}
		#newsletter label {
			float: left;
			display: block;
			font-size: 15px;
			font-weight: bold;
			margin: 0 10px 0 0;
			padding-left: 10px;
			padding-top: 4px;
			padding-bottom: 4px;
		}
		#newsletter input.text {
			 float: left;
			 margin: 2px 10px 0 0;
			 padding: 2px 3px 1px 2px;
			 color: #333;
			 border-top: 1px solid #848484;
			 border-left: 1px solid #848484;
			 border-right: 1px solid #fff;
			 border-bottom: 1px solid #fff;
			 height: 21px;
		}
		#newsletter input.img {
			float: left;
			margin: 0 10px 0 0;
		}
		#newsletter span {
			line-height: 30px;
			font-size: 12px
		}
	#links3 {
		float: left;
		padding: 10px 0 20px 0;
		font-size: 83.3%;
		margin-left: 15px;
		_margin-left: 5px;
	}
		#links3 li {
			float: left;
			padding: 0 10px 0 8px;
			background: url(/shop/images/bullet-1.gif) no-repeat 0 50%;
		}
		#links3 li a {
			color: #666633;
		}
		#links3 li a:hover {
			color: #352615;
		}
		#links3 li.last {
			padding-right: 0;
		}
			#links3 li a:link, #links3 li a:visited {
			}
	
	#bot p {
		clear: both;
		font-size: 83.3%;
		letter-spacing: -1px;
		color: #999999;
		margin: 1em 1em 1em 0;
		width: 692px;
	}
	#bot p#copyright, #bot p#fine {color: #999; width: 650px; margin-left: 18px;}
	

#pagination {
	display: block;
	float: left;
	text-align: right;
	width: 100%;
	font-size: 12px;
	color: #666666;
	padding: 20px 0 20px 0;
}
	#pagination a {
		color: #666666;
	}
	#pagination a:hover {
		color: #74AEAB;
		background: none;
	}
	#pagination b {
		color: #000;
	}



.subtotal {float: left; clear: left; width: 480px; border-top: 3px double #666633; margin-top: 45px; padding-top: 10px; color: #666633;}
	.subtotal label {font-size: 24px;}
	.subtotal strong {font-size: 24px; margin-right: 40px;}

#additionalImages {
	text-align: left;
	padding: 0;
	margin-top: -20px;
	margin-bottom: 25px;
}
#additionalImages h2 {
	padding-bottom: 10px;
	margin-top: 0;
	margin-bottom: 20px;
	border-bottom: 3px double #666633;
}
#additionalImages div {
	float: left; 
	margin-bottom: 20px;
}
#additionalImages div img {
	float: left; 
	display: inline;
	padding: 2px;
	width: 75px;
	height: 75px;
}
#additionalImages a {
	float: left; 
	border: 2px solid #eee;
	margin-right: 5px;
}
#additionalImages a:hover {
	border: 2px solid #AEBB5F;
}

td.alert {background: #FFFFCC; border: 1px solid #FAD163; color: #51979F; font-weight: bold; padding: 5px; text-align: center}
td.alert ul {margin: 0; padding: 0;}
td.alert ul li {list-style: none; font-size: 12px;}
td.alert ul li img {display: none;}

.alertMessage { background: #eee; border: 1px solid #ccc; padding: 5px; font-weight: bold; text-align: center; color:#990000; margin-bottom: 10px;}
.alertMessage li {list-style: none;}
.alertMessage img {display: none;}

.successMessage { font-weight: normal; padding-left: 3px; color: #006600; margin-bottom: 10px; font-size: 16px;}
.successMessage li {list-style: none;}
.successMessage img {display: none;}




#content a.button, #content input.button {
	background: #AAB85D;
	color: #ffffff;
	font-weight: bold;
	height: 28px;
	padding: 6px 12px 6px 12px;
	border: 1px double #859E65;
	font-size: 100%;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0;
	cursor: pointer;
	cursor: hand;
}
#content a.button:hover, #content input.button:hover {
	background: #859E65;
	color: #ffffff;
	text-decoration: none;
}