* {padding: 0; margin: 0;}
html, body {
	font: normal 13px "Helvetica Neue", Helvetica,  Arial, sans-serif; color: #444;
	line-height: 1.5em;
	background-color: white;
}

.center {width: 800px; margin: 0 auto; position: relative;}

img {border: none;}
/*
trbl
A0DCF8 light
539DBC dark
666666 gray
*/
a {color: #863105; text-decoration: none; padding: 0; border-bottom: 1px dotted #863105;}
a:hover {border-bottom: 1px dotted #666666;}
a.image-link {background-color: transparent; border: none;}
a.image-link:hover {background: none; border: none;}
h1, h2, h3 {font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #863105;}
h1 {font-size: 26px; padding-bottom: 8px;}
h2 {font-size: 24px; margin-bottom: 5px; line-height: 1.1em; clear: both;}
h4 {
	font: bold 13px "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	margin-bottom: 3px; 
	color: #555;
}
p {margin-bottom: 14px;}


.clear {clear: both;}

.bg {
	background-repeat:no-repeat;
	background-position: top left;
}
.bg span {display: none;}

#top-banner {
	height: 130px;
	background-color: black;
	background-image: url(images/backgrounds/pattern_100.gif); background-repeat: repeat-x; background-position: bottom center;
	position: relative;
}
#top-banner h1 a {
	width: 261px; height: 76px; position: absolute; top: 10px; left: 0px;
	background-image: url(images/volkrote-street.jpg); background-position: top left; background-repeat: no-repeat;
	background-color: transparent; border: none;
}
#top-banner h1 span {display: none;}

#header-checkout {
	position: absolute; top: 32px; right: 0px; width: 350px; float: right;
}

div#header-checkout a, div#header-checkout span {
	color: white; font: bold 13px "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	background-color: transparent; border: none;
}
#header-checkout span {display: inline;}
div#header-checkout a:hover {background: none; text-decoration: underline;}

#header-checkout-text {
	padding-top: 8px;
	float: left;
	color: white;
}

#header-checkout-image {
	float: right;
}


.content-top {padding: 5px 0px 45px;}
div.breadcrumbs {
	font: 12px "Lucida Grande", Helvetica, Arial, sans-serif; color: #333; float: left;
	padding-top: 3px;
}
div.breadcrumbs em {font-weight: bold; font-style: normal;}
div.breakcrumbs a {color: green; text-decoration: none; padding: 0; border-bottom: 1px dotted #863105;}

ul#top-links {
	list-style: none; padding: 0; float: right;
}
ul#top-links li {float: left; text-align: center;}
ul#top-links li a {
	font: normal 13px "Lucida Grande", "Trebuchet MS", Arial, sans-serif; 
	color: #863105; background: none;
	text-decoration: none; padding: 0; margin: 0 0 0 30px;
	border-bottom: 1px dotted white;
}
ul#top-links li a:hover {border-bottom: 1px dotted #863105;}

ul#top-menu-nav {
	margin:0;
	padding:0;
	list-style:none;
}

ul#top-menu-nav li {
	display:inline;
	padding:0px 5px 0px 0px;
}

ul#top-menu-nav li.navSelected {
	color: #999999;
}



#footer {
	clear: both;
	height: 80px; margin: 10px 0 0;
	background-color: black; color: white;
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
}
#footer a {color: white; text-decoration: none; background: none; border: none;}
#footer a:hover {background: none; border: none;}
div#footer-links {
	position: absolute; left: 0px; top: 23px;
	font: bold 12px "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}
div#footer-links ul {list-style: none;}
div#footer-links ul li {float: left; padding: 0 20px;}

div.content {clear: both; padding-top: 13px; background: white; overflow: hidden; height: 100%;}
div.column-main {float: right; width: 650px;  margin: 0 0 30px; padding-right: 0px;}
div.column-right {float: right; width: 210px; margin-bottom: 30px; padding-right: 0px;}

div.column-right h2 {font-size: 16px; letter-spacing: -1px; padding: 4px 0 8px 5px;}

div.column-categories {
	float: left; width: 140px; padding: 0 10px 30px 0px;
	font-size: 15px; line-height: 1.2em;
}
div.column-categories ul {list-style: none; margin: 5px 0 20px;}
div.column-categories ul li {padding: 2px 0; margin: 0;}
div.column-categories a {
	font: normal 11px "Lucida Grande", "Trebuchet MS", Arial, sans-serif; color: #3c2819;
	text-decoration: none;
	background: none; border: none;
	padding: 4px 0; margin: 0; line-height: 1em;
}
div.column-categories a:hover {
	border: none; background: #eee; color: #3c2819;
}
div.column-categories span {
	font: bold 13px "Lucida Grande", "Trebuchet MS", Arial, sans-serif; color: #863105;
}

div.product-info {float: left; padding-left: 30px; width: 560px;}

div.column-main-image {
	float: left; width: 260px; padding-bottom: 40px;
}
div.column-main-image #main-img {margin: 3px 0 0 7px;}

div.column-product-description {float: right; width: 275px; padding-bottom: 20px; padding-right: 15px;}
.column-product-description h2 {font-weight: normal; font-size: 22px;}

.product-alt-images {width: 100%; padding: 5px; clear: both;}
div.product-alt-images ul {list-style: none;}
div.product-alt-images ul li {
	float: left; 
	padding: 10px;
}

ul.item-listing {list-style: none; margin-top: 21px; clear: both;}
span.item-name {
	display: block; 
	font: normal 12px "Helvetica Neue", Helvetica, Arial, sans-serif; color: black;
	margin: 10px 30px 2px 6px; padding: 0;
	line-height: 14px;
}
span.item-name strong {display: block;}

ul.item-listing li {
	float: left; width: 185px;
	height: 330px;
	position: relative; line-height: 0;
	padding: 0px 10px 0px 10px;
}
ul.item-listing li a {color: #ef3153; text-decoration: none; border: none; background: none;}
ul.item-listing li a:hover {color: red; background: none; border: none;}
.item-price {
	font: bold 11px Helvetica, Arial, sans-serif; color: #666;
	margin: 10px 0 0 6px; line-height: 13px; padding: 0;
}
.item-price-sr {
	font: bold 11px Helvetica, Arial, sans-serif; color: #863105;
}
ul.item-listing li img.item-listing-product {margin: 3px 0 0 2px;}

.item-listing .limited {position: absolute; top: 3px; left: 2px;}

#addToBag {
	font: bold 13px "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	color: #666666;
	background-color: #eeeeee;	
	padding: 10px;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	clear: both;
}

#addToBag select {width: 100%; margin-bottom: 20px;}

#addToBagButtonWrapper {
	margin-top: 2px; margin-left: 12px; clear: both;
}
#addedToBagButtonWrapper {
	margin-top: 2px; margin-left: 12px; clear: both;
}

#addedNextSteps {
	display: none;
	text-align: center;
	font: normal 12px "Helvetica Neue", Helvetica,  Arial, sans-serif; 
	color: black;
	clear: both;
}

#addedNextSteps a {
	background-color: #F8F8F8;
	text-decoration: none;
}


#shoppingBagWrapper {
	float: left;
	width: 420px;
	margin-right: 20px;
}

#shoppingBagInfoWrapper {
	float: right;
	width: 185px;
}

#shoppingBag {
	font: bold 13px "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	color: #666666;
	background-color: #eeeeee;
	padding: 10px;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	float: left;
	margin-bottom: 10px;
}

#shoppingBag th {
	font: bold 13px "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	color: #666666;
}

#shoppingBag td {
	font: normal 12px "Helvetica Neue", Helvetica,  Arial, sans-serif; 
	color: black;
}

#shoppingBag a {
	background-color: #F8F8F8;
	text-decoration: none;
}

.sideBox {
	font-size: 12px; line-height: 18px; color: #777;
	color: #666666;
	background-color: #eeeeee;	
	padding: 10px;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
}

.sideBox td {
	font-size: 12px; line-height: 18px; color: #777;
	color: #666666;
}

.sideBox a {
	color: #863105;
	text-decoration: none;
}
.sideBox a:hover {border-bottom: 1px dotted #863105;}

.sideBox h4 {
	font: bold 13px "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	color: #863105; 
	padding: 0px;
	margin-bottom: 5px;
}

#checkoutFormWrapper {
	float: left;
	width: 440px;
}

.formHeader {
	font: bold 13px "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	color: #863105;
	padding-top: 10px;
	padding-bottom: 5px;
}

.formLabel {
	font: bold 13px "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
		color: #303030;
}

.formNote {
	font: normal 12px "Helvetica Neue", Helvetica,  Arial, sans-serif;
	color: black;
}


#checkoutInfoWrapper {
	float: right;
	width: 185px;
	margin-left: 20px;
}

.alt {
	background-color: #F8F8F8;
}

#saleBox {
	font-size: 11px; line-height: 18px; color: #777;
	color: #666666;
	background-color: #F8F8F8 ;	
	padding: 10px;
	width: 90%;
	border-style: dotted;
	border-width: 1px;
	border-color: #cccccc;
	margin-top: 10px;
	margin-bottom: 15px;
}

#checkoutBilling input, #checkoutCC input, #checkoutContact input {
	padding: 2px;
}

.productImageSmall {
	height: 150px;
}

ul.feature-listing {list-style: none; clear: both; width: 100%;}

ul.feature-listing li {
	float: left; width: 185px;
	height: 300px;
	position: relative; line-height: 0;
	padding: 0px 10px 0px 10px;
}
ul.feature-listing li a {color: #539DBC; text-decoration: none; border: none; background: none;}
ul.featire-listing li a:hover {color: red; background: none; border: none;}

.links {font-size: 10px;}

.imganchor {border-bottom: 0px}
.imganchor:hover {border-bottom: 0px}
