/***********************************************/
/* HTML Element Styles                         */
/***********************************************/ 
* {
	margin: 0;
	padding: 0;
}
body {
	margin: auto;
	padding: 0;
	font: normal small Arial, Helvetica, sans-serif;
	color: #fff;
	background: #fff url('/pavement_bg.jpg') top left repeat-x;
}
body * {
	font-size: 100%;
}
#popUpBody {
	margin: 5px;
}

#constraint {
background: url('/lanemarker_bg.jpg') top left no-repeat;
padding-top: 10px;
}

/* Links ***************************************/
a {
	text-decoration: none;
	color: #FCDD8D;
}
a:hover {
	text-decoration: underline;
	color: #fff;
}
a img {
	border: none;
}
/* Headers *************************************/
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	clear: both;
	margin: 4px 0;
	font-family: Charcoal, sans-serif;
	font-weight: normal;
}
h1 {
	font-size: xx-large;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 200%;
}
h4 {
	font-size: 150%;
}
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a {
	color: #fff;
	text-decoration: none;
}
h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover {
	color: #C13B22;
}

.headerAlbum {
	color: #FCDD8D;
	margin: 4px 0;
	font-family: Charcoal, sans-serif;
	font-weight: bold;
	font-size: 140%;	
}
.headerAlbum a {
	color: #FCDD8D;
	text-decoration: none;
}
.headerAlbum a:hover {
	color: #fff;
	text-decoration: underline;
}


/* Text ****************************************/
p {
	margin: 0;
	padding: 6px 0;
}
/* Lists ***************************************/
ul, ol {
	list-style-position: inside;
}
/* Rules ***************************************/
hr {
	clear: both;
	background: transparent;
	border-top: 1px solid #ebebeb !important;
	border-top: 0px solid;
	border-bottom: none;
	color: #ebebeb;
}
/***********************************************/
/* Layout                                      */
/***********************************************/
/* By ID ***************************************/
#main {
	width: 850px;
	margin: auto;
	background: #131D3C url('/main_bg.jpg') 0 179px repeat-x;
	border-width: 0 5px;
	border-style: solid;
	border-color: #DCAF79;
	color: #fff;
}
}

#main-header {
	width: 748px;
	height: 168px;
	margin-bottom: 90px;
}
#content {
	padding: 0px 5px 5px;
}
#main-column {
	float: right;
	width: 520px;
	margin-top: -90px;
}
#main-column2 {
	float: right;
	width: 520px;
}
#left-column {
	float: left;
	width: 208px;
}
#video-border {
	padding-top: 101px;
	background: #111 url(/images/video-bg.jpg) no-repeat left top;
}

#navWrapper {
height: 27px;
background: #131A33 url('/nav_bg.jpg') top repeat-x;
}

#nav {
float: right;
}

#nav li {
float: left; /* needs to be floated to display bg color */
margin: 0;
display: inline;
/* what follows serves as a background image preloader for the hover state of the client login button */
background-image: url(/images/navbutton_client_bg_over.jpg);
background-position: -100px 0;
background-repeat: no-repeat;
}  

#nav li a {
float: left;
display: block;
height: 14px; 
color : #fff; 
font-weight : bold; 
letter-spacing : 0; 
text-decoration : none; 
padding: 6px 8px 0 16px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif; 
margin: 1px 2px 0 0;
border-left: 1px solid #5F5973;
} 

#nav li a:hover {
color : #11162D; 
background-color: #D0881B;
cursor: pointer;

}

.videoWrapper {
margin: 5px 10px;
float: right;
}

#calendar {
background: #11162D;
margin: 5px;
padding: 10px;
}

/* By Class ************************************/
.header {
	margin-top: 5px;
	padding: 3px 5px;
	border-bottom: 4px solid #FFAC2F;
}
.header * {
	display: inline;
	vertical-align: middle;
	margin-right: 5px;
}
.side-column {
	width: 25%;
	float: right;
}
.mid-column {
	width: 73%;
	float: left;
}
.bucket {
	margin: 5px auto 10px;
	padding: 10px 15px 10px 30px;
	background: #7F7F7F;
	border: 1px solid #FFAC2F;
}
.bucket .bucket {
	background: #2b2b2b;
	border: 1px solid #404040;
}

table.bucket td {
padding: 5px;
}

#links table.bucket td {
padding: 5px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #fff;
}

/***********************************************/
/* Layout Table                                */
/***********************************************/ 
.layoutTable {
	width: 100%;
	padding: 0px;	
}
.layoutTable th{
	font-family: Impact, Charcoal, sans-serif;
	color: #e0560e;
	text-transform: uppercase;
	font-size: medium;
	font-weight:normal;
	background: #090909;
	border: 1px solid #151515;
}
.layoutTable td {
	padding: 2px 1px;
	background: #212121;
	border: 1px solid #2c2c2c;
	text-align: center;
}
.layoutTable .row td {
	background: #212121;
	border: 1px solid #212121;
}
.layoutTable .altRow td {
	background: #212121;
	border: 1px solid #212121;
}
.layoutTable img {
	vertical-align: middle;
	padding: 1px;
}
.layoutTable .row:hover td {
	background: #212121;
	border: 1px solid #212121;
}
.layoutTable .altRow:hover td {
	background: #212121;
	border: 1px solid #212121;
}
.layoutTable tfoot span {
	margin: 5px;
}
/***********************************************/
/* Logo                                        */
/***********************************************/ 
h1#logo {
	display: none;
}
/***********************************************/
/* Master Navigation                           */
/***********************************************/ 
#mastnav {
	padding-top: 123px;
	padding-bottom: 136px;
}
#mastnav ul {
	float: right;
	list-style: none;
}
#mastnav li {
	float: left;
	list-style: none;
	text-align: center;
}
#mastnav li a {
	display: block;
	padding: 2px 20px 3px;
	font: normal 1.25em Impact, Charcoal, sans-serif;
	text-decoration: none;
	text-transform: capitalize;
	color: #fff;
}
#mastnav li a:hover {
	background: #682716;
	color: #fff;
}
/***********************************************/
/* Global Navigation                           */
/***********************************************/ 
ul.nav {
	list-style: none;
	margin: 5px 0;
	padding: 0;
}
.nav li {
	display: block;
	list-style: none;
	margin: 2px 0;
	border: 1px solid #404040;
}
.nav li a {
	display: block;
	margin: 0px;
	padding: 3px;
	background: #2b2b2b;
	font-size: 1.1em;
	text-decoration: none;
	color: #fac567;
}
.nav li a:hover {
	padding: 2px;
	border: 1px solid #2b2b2b;
	background: #3b3b3b;
	color: #e00;
}
/***********************************************/
/* Other Navigations                           */
/***********************************************/ 
/* Options *************************************/
.options {
	clear: both;
	text-align: right;
}
.options li {
	display: inline;
	list-style: none;
	padding: 0px 5px;
	border-left: 1px solid #e00;
}
.options li.first {
	border-left: none;
}
.options a {
	padding: 0px 2px;
	color: #eee;
}
.options a:hover {
	background: #eee;
	color: #000;
}
/* Extras **************************************/
.extras{
	clear: both;	
}
.extras li {
	display: inline;	
	padding: 0px 5px;	
}
.extras li a {
	padding: 0px 2px;
	color: #eee;
}
.extras li a:hover {
	background: #eee;
	color: #000;
}
/* Media ***************************************/
.mediaoptions {	
	text-align: left;
}
.mediaoptions li {
	display: inline;
	list-style: none;
	padding: 0px 5px;
	border-left: 1px solid #e00;
}
.mediaoptions li.first {
	border-left: none;	
}
.mediaoptions a {
	padding: 0px 2px;
	color: #eee;
}
.mediaoptions a:hover {
	background: #eee;
	color: #000;
}
/* Gallery *************************************/
.gallery-thumbs li {
	list-style: none;
	margin: 5px;
}
/* List Dates **********************************/
.list-dates {
	margin: 5px auto;
	padding: 1.2em .7em;
	width: 180px;
	height: 270px;
	background: #101010 url(/images/paper.jpg) no-repeat left top;
	font-family: Courier New, Courier, monospace;
	color: #000;
}
.list-dates li {
	clear: both;
	display: block;
	list-style: none;
	padding: 5px;
}
* html .list-dates li {
	padding: 3px;
}
.list-dates .event-date {
	display: block;
	float: left;
	width: 34%;
}
.list-dates .event-state {
	display: block;
	float: left;
	width: 16%;
}
.list-dates a {
	display: block;
	float: left;
	width: 50%;
	color: #000;
	font-weight: bold;
}
.list-dates a:hover {
	color: #000;
}
/* Affiliates **********************************/
#affiliate-list li {
	display: block;
	float: left;
	margin: 3px;
	list-style: none;
	height: 51px;
	display: inline;
}
#affiliate-list li#aff-atlantic {
	background: transparent url(/images/atlantic-over.jpg) no-repeat center center;
}
#affiliate-list li#aff-mid {
	background: transparent url(/images/mid-over.jpg) no-repeat center center;
}
#affiliate-list li#aff-topdog {
	background: transparent url(/images/topdog-over.jpg) no-repeat center center;
}
#affiliate-list li#aff-iventa {
	background: transparent url(/images/iventa-over.jpg) no-repeat center center;
}
#affiliate-list a:hover {
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
}
/***********************************************/
/* Footer                                      */
/***********************************************/ 
#footer {
	clear: both;
	padding-bottom: 10px;
	background: #fff;
	border-top: 1px solid #212121;
	font-size: .9em;
	text-align: center;
}
#footer li {
	list-style: none;
	margin: 5px;
	display: inline;
}
/***********************************************/
/* Individual Components                       */
/***********************************************/
/* Events **************************************/
#events {
	width: 100%;
	height: 300px;
}
/* Extras **************************************/
#extras .bucket .nav {
	margin-left: -1px;
}
#extras .bucket .nav li {
	border-left: none;
	border-color: #3b3b3b;
}
#extras .bucket .nav li a {
	border-left: none;
}
#extras .bucket .nav li a:hover {
	padding-left: 3px;
	background: #3b3b3b;
}
/* Date ****************************************/
.date, 
.post-date {
	color: #ccc;
}
/***********************************************/
/* Miscelaneous Styles                         */
/***********************************************/ 

/* Display *************************************/

.clear {
	clear: both;
}

.hidden {
	display: none;
}

.inline {
	display: inline;
}

/* Floats **************************************/

.floatLeft {
	float: left;
	margin: 0 5px 5px 0;
}

.floatRight {
	float: right;
	margin: 0 0 5px 5px;
}

.noFloat {
	float: none;
}

/* Dimensions **********************************/
.fullWidth {
	width: 100%;
}
.halfWidth, 
.half {
	width: 49%;
}
.third {
	width: 33%;
}
.quarter {
	width: 25%;
}
/* Spacing *************************************/

.padding {
	padding: 5px;
}

.margins {
	margin: 5px;
}

/* Images **************************************/
.pic {
	margin-right: 7px;
}
.thumb {
	/* width: 90px; */
	margin-right: 5px;
	background: transparent;
	border: 1px solid #eee;
}
a:hover .bucket, 
a:hover .thumb {
	border-color: #e0560e;
}
/* Fonts ***************************************/
.smaller {
	font-size: .9em;
}
.larger {
	font-size: 1.1em;
}
.important {
	color: #f00;
}
/* Alignment ***********************************/
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.margin {
	margin: auto;
}
/***********************************************/
/* Forms                                       */
/***********************************************/
form {
	margin-bottom: .5em;
}
fieldset {
	margin: 5px auto 10px;
	padding: 5px;
	background: #212121;
	border: 1px solid #2c2c2c;
}
.bucket fieldset {
	background: #2b2b2b;
	border: 1px solid #404040;
}
legend {
	font-size: medium;
	color: #666;
}
label {
	font-weight: bold;
	cursor: pointer;
	padding: 2px;
}
h2 label, 
h3 label, 
h4 label, 
h5 label, 
h6 label {
	font-weight: normal;
}
input, select, textarea {
	margin: 2px;
}
input[type=checkbox] {
	margin: 4px 2px;
}
label, input, select {
	vertical-align: middle;
}
/* Class Specific ******************************/

.formWrapper div {
	clear: both;
	text-align: left;
}

.formWrapper label {
	display: block;
	float: left;
	width: 48%;
	padding: .4em .4em 0 0;
	text-align: right;
}

.label {
	display: block;
	float: left;
	width: 48.5%;
	padding: .2em 0;
	text-align: right;
}

.staticField {
	display: block;
	float: right;
	width: 48.5%;
	padding: .2em;
	text-align: left;
}

.formWrapper .inputDesc {
	margin-left: 49%;
}

/***********************************************/
/* Store                                       */
/***********************************************/

#searchStore label {
	display: block;
}
#searchStore label input {
	width: 152px;
}
#searchStore label select {
	width: 138px;
}
.productList .product {
	float: left;
	text-align: center;
}
.productList .altProduct {
	float: right;
}
.productList .product .bucket {
	margin: 0px;
}
.productList .third {
	margin: .15%;
	margin-bottom: 5px;
}
.price {
	display: block;
}
#productItemList label {
	display: block;
}
#cart form {
	display: inline;
}
#checkoutdetails .third {
	margin: .125%;
}
/***********************************************/
/* Checkout Steps                              */
/***********************************************/ 

.steps {
	position: relative;
	top: 0;
	left: 0;
	height: 30px;
}

.steps span {
	float: left;
	display: block;
	width: auto !important;
	width: 50px;
	min-width: 50px;
	padding: 3px 30px;
	background: url(/images/checkout2_bg.gif) transparent no-repeat right center;
	text-align: center;
	white-space: nowrap;
}

.steps span.past {
	background: url(/images/checkout1_bg.gif) transparent no-repeat right center;
}

.steps .step1 {
	z-index: 5;
	position: relative;
	margin-left: 0;
}

.steps .step2 {
	z-index: 4;
	position: relative;
	margin-left: -10px;
}

.steps .step3 {
	z-index: 3;
	position: relative;
	margin-left: -10px;
}

.steps .step4 {
	z-index: 2;
	position: relative;
	margin-left: -10px;
}

.curStep {
	text-transform: uppercase;
	font-weight: bold;
	color: #E0E6EF;
}

/** Clean Up *
#cvvOption2, #cvvOption3 {
	margin-left: 49.6%;
}

#CheckoutStep3 #Country, #CheckoutStep3 #Select1 {
	width: 146px;
}
#CheckoutStep3 #ex_month, #CheckoutStep3 #ex_year {
	width: 71px;
}
.checkOutSteps {
	margin-top: 10px;
}
.prod dd.floatLeft .thumb {
	margin-top: 5px;
	margin-right: 7px;
}
.searchBox .txtField {
	width: 128px;
}*/
	/* IE Fixes 
	* html #cvvOption2, * html #cvvOption3 {
		margin-left: 49%;
	}
	* html dl.prod dd.floatLeft a {
		display: block;
	}
	* html dl.prod dd.floatLeft a:hover img {
		background: #C5E4FB;
		border: 1px solid #0B6ABF;
	}	*/
.logonTextForms {

	width: 97px;
}