/* reset */
* {
	margin: 0;
	padding: 0;
}

a img {
	border: 0;
}

/* utility */
.clear { clear: both; }
.no-display { display: none; }
.no-margin-bottom { margin-bottom: 0; }

/* layout */
body {
	background: #fff url('/assets/gfx/layout/bg-body.png') fixed repeat-x 0 0;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #333;
	letter-spacing: .5px;
}

#container {
	width: 950px;
	margin: 36px auto;
}

#header {
	height: 53px;
	background-color: #603;
	position: relative;
	z-index: 100;
}

#logo {
	position: absolute;
	top: 10px;
	left: 50px;
}

#icon {
	position: absolute;
	top: 50px;
	left: 63px;
	z-index: 99;
}

#banner {
	width: 950px;
	height: 193px;
	background: #fff url('/assets/gfx/layout/bg-banner-default-mq.jpg') scroll no-repeat 0 0;
	position: relative;
	z-index: 99;
}

#search {
	position: absolute;
	top: 15px;
	right: 13px;
}

#searchbox {
	width: 173px;
	height: 22px;
	background: #fff url('/assets/gfx/layout/bg-searchbox.png') scroll no-repeat 0 0;
	position: relative;
}

#searchbox label {
	position: absolute;
	top: 3px;
	left: -45px;
	color: #fff;
	font-size: 12px;
	text-transform: none;
}

#search-field {
	width: 150px;
	height: 16px;
	position: absolute;
	top: 3px;
	left: 3px;
	border: 0;
}

#search-button {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 4px;
	right: 3px;
}

form#cse-search-box div.field input#search-field {
	width: 140px;
	height: 12px;
	padding: 0;
	margin: 0;
	font-size: 10px;
	line-height: 1em;
	background-color: transparent;
	border: solid 1px transparent;
	vertical-align: top;
}

#datestrip {
	position: absolute;
	top: -21px;
	right: 15px;
	color: #333;
	font-size: 12px;
	list-style: none;
}

#datestrip li {
	display: inline;
	padding-left: 15px;
}

#content {
	width: 890px; /* total width 950px: content area 890px, padding left 30px, padding right 30px */
	padding: 30px 30px 30px 30px;
	min-height: 500px;
	background-color: #fff;
	position: relative;
	z-index: 0;
}

#left_col {
	width: 240px; /* 270px total; 240px width plus 30px left padding on main content area */
	float: left;
}

#right_col {
	width: 590px; /* 680px total; 590px width plus 30px right padding on main content area, 30px right padding on the right col, and 30px left padding on right col */
	padding-left: 30px;
	padding-right: 30px;
	margin-left: 240px
}

#right_col2 {
	padding-left: 30px;
	padding-right: 30px;
	margin-left: 240px
}

#one_col {
	width: 100%;
	min-height: 300px;
}
	
#footer {
	clear: both;
	width: 950px;
	background: #fff url('/assets/gfx/layout/bg-footer.jpg') scroll no-repeat 0 0;
	padding-top: 30px;
	padding-bottom: 20px;
	text-align: center;
}

#infostrip ul {
	color: #333;
	font-size: 12px;
	list-style: none;
	margin-bottom: 5px;
}

#infostrip ul li {
	display: inline;
	border-left: solid 1px #c63;
	padding: 0 11px;
}

#infostrip ul li.first {
	border-left: 0;
}

#infostrip ul a { color: #966; }
#infostrip ul a:link { text-decoration: none; }
#infostrip ul a:visited { text-decoration: none; }
#infostrip ul a:hover { text-decoration: underline; }
#infostrip ul a:active { /* empty */ }

/* test nav styles */
#menu {
	width: 950px;
	height: 20px;
	background: transparent url('/assets/gfx/layout/bg-nav.png') scroll repeat 0 0;
	position: absolute;
	top: 43px;
	z-index: 98;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .65px;
	line-height: auto;
}

#menu a { text-decoration: none; }
#menu a:link { color: #fff; }
#menu a:visited { color: #fff; }
#menu a:hover { color: #c99; }
#menu a:active { /* empty */ }

#menu ul {
	list-style: none;
	position: absolute;
	top: 1px;
	left: 270px;
	display: block;
	z-index: 90;
}

#menu ul li {
	display: inline;
	padding-right: 62px;
}

#menu ul.level2, 
#menu ul.level3 {
	position: absolute;
	margin-left: -10px;
	padding-top: .25em;
	top: 0px;
	left: 0px;
	visibility: hidden; /* don't forget this one, or you'll have a flicker issue */
}

#menu  ul.level2 li, 
#menu ul.level3 li {
	float: none;
	display: block;
	background: transparent url('/assets/gfx/layout/bg-nav-full-143x23.png') scroll no-repeat 0 0;
	width: 133px; /* 143 total, 133 width plus 10px left padding */
	padding-left: 10px; 
	height: 21px; /* 23px total, 21px height plus 2px top padding */
	padding-top: 2px;
}

#menu .level2 li.first {
	background-image: url('/assets/gfx/layout/bg-nav-full-143x23-first.png');
}

#menu .level2 li:hover {
	background-image: url('/assets/gfx/layout/bg-nav-full-hover-143x23.png');
}

#menu .level2 a {
	width: 143px;
	height: 21px;
	padding-right: 2em;
	padding-top: 2px;
}


/* primary content elements */
h1 {
	font-family: georgia, times, serif;
	font-size: 20px;
	font-weight: normal;
	color: #603;
	margin: 10px 0 25px 0;
}

.h1sub {
	font-family: georgia, times, serif;
	font-size: 14px;
	color: #333;
	margin: -25px 0 15px 0;	
}

h2 {
	font-size: 12px;
	text-transform: uppercase;
}

p {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 25px 0;
}

#content #right_col ul {
	font-size: 12px;
	margin: 0 0 25px 0;
}

#right_col ul {
	margin: 0 0 20px 40px;
}

#right_col ul.alt {
	margin-left: 150px;
}

p a { text-decoration: underline; }
p a:link { color: #603;  }
p a:visited { color: #603;  }
p a:hover { color: #333; }
p a:active { /* empty */ }

img.left {
	float: left;
	margin: 5px 15px 15px 0;
}

img.right {
	float: right;
	margin: 5px 0 15px 15px;
}

label {
	color: #603;
	text-transform: uppercase;
}

select {
	margin-right: 5px;
	margin-bottom: 5px;
}

option {
	padding: 1px 1px 1px 5px;
}

/* listings grid */
#gallery #grid {
	min-height: 600px;
}

#shop #grid {
	/* min-height: 900px; */
	margin-bottom: 20px;
}

#grid .slot {
	width: 162px; /* 7 + 162 + 7 = 176 */
	height: 261px; /* 7 + 261 + 7 = 275 */
	float: left;
	text-align: center;
	padding: 7px;
	border: solid 1px #ccc;
	/* background-color: #cff; */
}

#grid .top { border-top: solid 1px #fff; }
#grid .right { border-right: solid 1px #fff; }
#grid .bottom { border-bottom: solid 1px #fff; }
#grid .left { border-left: solid 1px #fff; }

#grid a { text-decoration: none; }
#grid a:link { color: #333; }
#grid a:visited { color: #333; }
#grid a:hover { color: #966; }
#grid a:active { /* empty */ }

.image-space {
	width: 162px;
	height: 162px;
	margin-bottom: 7px;
	/* background-color: #ccc; */
	vertical-align: middle;
}

.image-space img {
	vertical-align: middle;
}

.image-space img.horizontal {
	margin-top: 28px;
}

.image-space img.horizontal2 {
	margin-top: 21px;
}

a.more {
	font-style: italic;
	background: transparent url('/assets/gfx/layout/icon-more.png') scroll no-repeat 100% 50%;
	padding-right: 27px;
}

/* listing detail */
#caption {
	text-align: center;
	margin-top: 10px;
}

#thumbstrip {
	/* margin-bottom: 20px; */
	/* height: 90px; */
	height: auto;
}

#thumbstrip div {
	float: left;
	width: 114px;
	height: 114px;
	padding-right: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#thumbstrip div div {
	width: 114px;
	height: 25px;
	padding-right: 0;
	text-align: center;
	line-height: 14px;
}

#enlargement {
	text-align: right;
}

#enlargement div {
	text-align: center;
}

/* gallery specific */
#gallery #container {
	background-color: #fff;
}

#gallery #thumbstrip img {
	margin-right: 20px;
	margin-bottom: 15px;
}

#gallery .no-image {
	border: solid 1px #666; 
	width: 229px; 
	height: 229px;
	background-color: #ccc;
	padding-top: 10px;
	padding-left: 10px;
	text-align: left;
}

#gallery .no-image p {
	margin: 0 0 5px 0;
}

#gallery .no-thumb-image {
	border: solid 1px #666; 
	width: 65px; 
	height: 65px;
	background-color: #ccc;
	padding-top: 5px;
	padding-left: 5px;
	margin-right: 20px;
}

#gallery .no-thumb-image p {
	font-size: 9px;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 9px;
}

/* shop specific */

#shop #container {
	background-color: #fff;
}

#shop #right_col {
	padding-right: 0;
	width: 620px;
}

#shop h2 {
	font-weight: normal;
	text-transform: none;
}

#shop h2 strong {
	text-transform: uppercase;
}

#shop form#options {
	margin: 0 0 40px 0;
}

#shop .price {
	font-weight: bold;
	margin-bottom: 15px;
}

/* subnav in shop area */
#shop .prev-next-upper {
	top: 25px;
	right: 50px;
	position: absolute;
}

#shop .view-hide-upper {
	top: 50px;
	right: 50px;
	position: absolute;
}

#shop .prev-next-lower {
	float: right;
	clear: both;
	padding: 10px 20px 5px 0;
}

#shop .view-hide-lower {
	float: right;
	padding: 10px 20px 10px 0;
	clear: both;
}

#shop .subnav {
	font-weight: bold;
	font-size: 10px;
}

	#shop .subnav .inactive {
		color: #ccc;
	}
	
	#shop .subnav .prev {
		padding-right: 5px;
	}
	
	#shop .subnav .next {
		padding-left: 5px;
	}
	
#shop .subnav a { text-decoration: none; padding: 2px; }
#shop .subnav a:link { color: #603;  }
#shop .subnav a:visited { color: #603;  }
#shop .subnav a:hover { color: #fff; background-color: #603; }
#shop .subnav a:active { /* empty */ }

/* cart header tab and messaging */
#cart_msg {
	padding: 20px 0;
	color: #603;
	font-style: italic;
}

#cartHeaderTab {
	background-color:#660033;
	color:#FFFFFF;
	font-size:10px;
	position:absolute;
	left:0;
	top:-24px;
	padding:5px;
	text-align:center;
	width:450px;
}

#cartHeaderTab a {
	color: #fff;
	font-weight: bold;
}

#cartHeaderTab a:link { text-decoration: none; }
#cartHeaderTab a:visited { text-decoration: none; }
#cartHeaderTab a:hover { text-decoration: underline; }
#cartHeaderTab a:active { /* empty */ }

/* styles related to checkout process */
.item_options {
	padding: 0 0 14px 0;
	clear: both;
}

.item_options .req { font-size: 15px; color: red; }

.item_options .option {
	clear: both;
	padding: 5px 5px 5px 0;
	text-align: left;
}


.checkout fieldset, fieldset.checkout {
	padding: 15px 0 15px 45px;;
	margin: 15px;
	border: 1px solid #cacaca;
}

.checkout fieldset legend {
	padding: 5px;
	font-size: 14px;
	color: #333;
}

.checkout fieldset .field label {
	width: 190px;
	float: left;
	padding-top: 2px;
	text-align: right;
	margin-right: 5px;
}

.checkout fieldset .field {
	padding: 4px;
}

.checkout fieldset .field .req {
	color: #603;
	font-weight: normal;
	font-size: 16px;
}

.checkout .cart-list th { 
	background: #eaeaea; 
}

.checkout .cart-list td, 
.checkout .cart-list th { 
	padding: 10px; 
	border-bottom: 1px solid #cacaca; 
}

.cart_actions { 
	padding: 15px 0 0 0; 
}

.cart_actions .discount-code { 
	float: right; width: 300px; 
	text-align: right;
	padding: 4px;
}
.cart_actions .discount-code button { font-size: 10px; font-weight: normal; }
.cart_actions .discount-code input { width: 100px; border: 1px solid #cccccc; padding: 2px; font-size: 12px; color: #000000; }
.cart_actions .discount-code #discount_desc { padding: 3px; font-weight: bold; color: #d90000; }
.cart_actions .discount-code #discount_desc.good { color: #406d00; }
.cart_actions button { 
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 13px; 
	padding: 5px; 
	background: #603; 
	color: #fff;
	border: none; 
}

.cart_actions button:hover { background: #7d008c; }

.checkout .cart-list a { text-decoration: underline; }
.checkout .cart-list a:link { color: #603;  }
.checkout .cart-list a:visited { color: #603;  }
.checkout .cart-list a:hover { color: #333; }
.checkout .cart-list a:active { /* empty */ }

ul.options_description {
	margin: 4px 0 0 10px;
	padding: 0;
}

ul.options_description li {
	margin: 0;
	font-size: 10px;
	color: #454545;
	list-style: none;
	list-style-image: none;
	padding: 2px;
}

.inquiry-form .header {
	background-color: #EAEAEA;
	border-bottom: 1px solid #CACACA;
	padding: 10px;
	font-weight: bold;
	margin-right: 20px;
}

.inquiry-form .listing {
	border-bottom: 1px solid #CACACA;
	padding: 10px;
	margin-right: 20px;
}

.inquiry-form .listing em {
	padding-left: 20px;
}

.inquiry-form textarea#comments {
	width: 300px;
	height: 150px;
}

/* about area specific */
#about #banner {
	background-image: url('/assets/gfx/layout/bg-banner-about-mq.jpg');
}

/* news & events page */
.event {
	margin: 0 0 20px 0;
}
	
.event h2 {
	color: #966;
	text-transform: none;
	margin: 0 0 2px 0;
}

.event .description, 
.event .location {
	margin: 0 0 2px 0;
}

.event .location {
	font-style: italic;
}

.event a { text-decoration: none; }
.event a:link { color: #333; }
.event a:visited { color: #333; }
.event a:hover { color: #966; }
.event a:active { /* empty */ }

/* related links page */
#related_links .cat-wrap { margin-bottom: 30px; }
#related_links h2 { margin-bottom: 5px; }

#related_links h3 a { font-size: 12px; text-decoration: none; }
#related_links h3 a:link { color: #966; }
#related_links h3 a:visited { color: #966; }
#related_links h3 a:hover { color: #333 ;}
#related_links h3 a:active { /* empty */ }

#related_links p { margin-bottom: 0; }
#related_links .cat-wrap div { margin-bottom: 15px; }

#related_links .url a:link { color: #603; }
#related_links .url a:visited { color: #603; }
#related_links .url a:hover { color: #333; }
#related_links .url a:active { /* empty */  }

/* home page specific */
#home #banner {
	background-image: url('/assets/gfx/layout/bg-banner-home-mq.jpg');
}

#home #content {
	min-height: 740px;
}

#home #right_col {
	width: 350px; /* right: 30 + 350 + 30 = 410 */
	float: left;
	margin-left: 0;
}

#home #features {
	width: 240px;
	float: left;
}

#home h1 {
	font-size: 16px;
	font-style: italic;
	color: #333;
}

#home h2 {
	color: #966;
	text-transform: none;
	margin-bottom: 3px;
}

#home p {
	margin-bottom: 10px;
}

#home a.more {
	background: none;
	padding-right: 0;
	padding-left: 5px;
}

#home .buy-now {
	vertical-align: bottom;
}

#features .feature {
	clear: left;
	margin-bottom: 25px;
	font-size: 10px;
}

#features .feature p {
	font-size: 10px;
	line-height: 15px;
}

#features .feature a { text-decoration: underline; }
#features .feature a:link { color: #603;  }
#er#features .feature a:visited { color: #603;  }
#er#features .feature a:hover { color: #333; }
##features .feature a:active { /* empty */ }

#features .best-bet-copy {
	margin-left: 77px;
}

#features .feature-image {
	width: 65px;
	text-align: center;
	float: left;
	padding-right: 12px;
}

#features #enews-signup {
	border-top: dotted 2px #993;
	padding-top: 5px;
}

#features #enews-signup h2 {
	margin-bottom: 0;
}

#features #enews-signup form {
	margin-top: 5px;
}

#features #enews-signup label {
	float: left;
	color: #333;
	text-transform: none;
	padding-right: 5px;
}

#features #enews-signup #submit {
	float: right;
	padding-top: 5px;
}

#features #facebook {
	border-top: 2px dotted #999933;
	padding-top: 7px;
	font-weight: bold;
}

#features #facebook #fb {
	float: left;
	padding-right: 5px;
}

#features #facebook a {
	text-decoration: none;
}

#features #facebook #fb-text-link img {
	padding-left: 5px;
}

#features #facebook #fb-text-link {
	padding: 15px 0 0 40px;
}

/* enews signup */
#enews_signup p.small {
	margin-top: -25px;
	margin-bottom: 15px;
	font-size: 11px;
	font-style: italic;
}

#enews_signup #subscription-form {
	border: solid 1px #666;
	padding: 20px;
	width: 66%;
	background-color: #f8f8ff;
}

#enews_signup #subscription-form div.field {
	margin-bottom: 10px;
}

#enews_signup #subscription-form div.field div {
	margin-bottom: 2px;
}

#enews_signup #subscription-form div.field img {
	vertical-align: middle;
}

/* 404 page */
#error-404 p#suggestions {
	margin-bottom: 5px;
	font-weight: bold;
}

#error-404 #content #right_col ul {
	margin-left: 20px;
}

#error-404 ul li {
	margin-bottom: 5px;
}

#error-404 ul li ul li {
	margin-bottom: 2px;
}

#error-404 ul a { text-decoration: underline; }
#error-404 ul a:link { color: #603;  }
#error-404 ul a:visited { color: #603;  }
#error-404 ul a:hover { color: #333; }
#error-404 ul a:active { /* empty */ }

/* site map */
#site-map {

}

#site-map ul {
	margin: 0 0 10px 300px;
	font-weight: bold;
}

#site-map li {
	margin: 0 0 5px 0;
}

#site-map ul ul {
	margin-left: 20px;
	font-weight: normal;
}

#site-map ul ul li {
	margin: 2px 0;
}

#site-map ul a { text-decoration: underline; }
#site-map ul a:link { color: #603;  }
#site-map ul a:visited { color: #663;  }
#site-map ul a:hover { color: #333; }
#site-map ul a:active { /* empty */ }


/* 
slot dimensions (not including border: 
width: 176px;
height: 275px;

image space within slot:
width: 163px;
height: 162px;
margin: 7px 6px 13px 9px;

*/