/* ------------------ CSS screen styles ------------------ */

/* ------------------------------------------------------- */
/* common styles */
body {
background: #070707 url(/_images/common/background_body.jpg) top center no-repeat;
color: #333;
font-family: "Courier New", Courier, monospace;
font-size: 12px;
text-align: center;
}

p {
color: #ccc;
}

hr {
color: #333;
}

/* hyperlinks */
a {
border-bottom: 1px dotted;
color: #ccc;
text-decoration: none;
}

	a:visited {
	border-bottom: 1px dotted;
	color: #ccc;
	text-decoration: none;
	}

	a:hover {
	border-bottom: 1px solid;
	color: #fff;
	text-decoration: none;
	}

/* anchors with no border */
.noborder {
border-bottom: 0px;
}

	.noborder:hover {
	border-bottom: 0px;
	}

/* headings */
h1 {
background: url(/_images/common/title.gif) no-repeat;
font-size: 3em;
height: 100px;
line-height: 1em;
text-transform: capitalize;
width: 400px;
}

	h1 span {
	display:  none;
	}

h2 {
font-size: 1.75em;
margin-bottom: .5em;
}

h3 {
font-size: 1.75em;
font-weight: bold;
margin-bottom: .5em;
}

h4 {
color: #eee;
font-size: 2em;
font-weight: bold;
margin-bottom: .5em;
}

/* forms */
form {
background: #131313;
display: block;
margin: 0 -50px 1.75em -50px;
padding: 1em 4em 1em 4em;
}

	form label {
	display: block;
	font-size: 1.2em;
	margin-bottom: .75em;
	text-transform: capitalize;
	}
	
	form p {
	margin-top: .75em;
	}
	
	form input {
	border: 2px solid #660000;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
	margin-right: 10px;
	padding: .5em;
	width: 276px;
	}
	
		form input:hover {
		border: 2px solid #ff9999;
		}
	
	form button {
    background-color: #f5f5f5;
    border: 0px solid #dedede;
    font-family: "Courier New", Courier, monospace;
    font-size: 1.2em;
    color: #333;
    cursor:pointer;
    padding: 6px 6px 7px 6px;
    text-transform: uppercase;
    }
    
    form button:hover {
    font-weight: bold;
    }
    
    	form button img{
    	margin: 0 0 -3px 3px !important;
    	padding: 0;
    	border: none;
    	width: 15px;
    	height: 15px;
    	}
	

/* ------------------------------------------------------- */
/* container styles */
#page {
background: #000;
border-top: 5px solid #660000;
color: #fff;
margin: 0 auto;
padding: 80px 100px 80px 100px;
text-align: left;
width: 400px;
opacity: .90;
filter: alpha(opacity=90);
-moz-opacity: 0.90;
}

#promo {
position: absolute;
top: 0px;
margin-left: 300px;
}

	#promo a {
	border-bottom: 0px;
	opacity: .85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	}
	
		#promo a:hover {
		opacity: .99;
		filter: alpha(opacity=99);
		-moz-opacity: 0.99;
		}

#themessage {
padding: 0;
}

.highlight {
background: #333;
margin-bottom: .5em;
padding: .25em;
}

	.highlight a {
	display: none;
	}

.icon {
border-bottom: 0px;
height: 15px;
margin-bottom: -3px;
width: 15px;
}

#footer {
background: #330000 url(/_images/common/background_footer.jpg) repeat-x;
clear: both;
font-size: 11px;
margin-top: 1.75em;
text-align: center;
}

	#footer p {
	padding: .75em;
	}


/* ------------------------------------------------------- */
/* glider styles */

#gliderContain ul {
margin-left: -80px;
}

	#gliderContain ul li {
	font-size: 1.75em;
	padding: .1em 0 .1em 0;
	width: 100%;
	}
	
		#gliderContain ul li:hover {
		background: #131313;
		}

		#gliderContain ul li span {
		display: block;
    	float: left;
    	margin-right: 10px;
    	text-align: right;
    	width: 40px;
    	}
    	
    	#gliderContain ul li .toggleControl {
    	color: #999;
    	cursor: pointer;
    	display: inline;
    	float: right;
    	font-size: .5em;
    	margin-right: 70px;
    	margin-top: 5px;
    	width: auto;
    	}
    	
    		#gliderContain ul li .toggleControl:hover {
			color: #fff;
			font-weight: bold;
    		}
	
		#gliderContain ul li .supplement_data {
		background: #070707;
		font-size: .5em;
		max-height: 18px;
		margin: .25em 70px 1em 50px;
		padding: .5em;
		}
		
			#gliderContain ul li .supplement_data .rating {
			display: inline;
			float: right;
			}
			
				#gliderContain ul li .supplement_data .rating a {
				border: 1px solid #333;
				padding: .15em .25em 0 .25em;
				}
				
					#gliderContain ul li .supplement_data .rating a:hover {
					background: #ccc;
					color: #000;
					}

#glider {
height: auto;
margin: 0 0 1.75em -60px;
width: 510px;
}

.gliderControls {
border-bottom: 1px solid #070707;
border-top: 1px solid #070707;
margin: 0 0 0 1em;
padding: 1em 15px 1em 5px;
}

	.gliderControls a {
	background: #070707;
	border-bottom: 0px;
	line-height: 3em;
	padding: .5em;
	}
  
	.gliderControls a:hover {
	background: #333;
	}

div.scroller { 
/* modify width and height of scrolling section if necessary */
width: 500px;
margin-left: 0px;
overflow: hidden;
}

	div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/
	float: left;
	height: auto;
	padding-left: 59px;
	overflow: hidden;
	width: 500px;
	}

	div.scroller div.content {
	width: 60000px;
	}
	

/* ------------------------------------------------------- */
/* lightbox override styles */

#lightboxPromo {
border: 0px solid #ff0000;
clear: both;
float: left;
width: 480px;
}

	#lightboxPromo img {
	height: 170px;
	margin: 0 0 1em 0;
	width: 170px;
	}
	
	#lightboxPromo a {
	border-bottom: 0px dotted;
	opacity: .85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	}
	
		#lightboxPromo a:hover {
		border-bottom: 0px dotted;
		opacity: .99;
		filter: alpha(opacity=99);
		-moz-opacity: 0.99;
		}
	
	#lightboxPromo .shirt {
	float: left;
	margin: 0 1em 0 1em;
	width: 180px;
	}
	
		#lightboxPromo .shirt p a {
		border-bottom: 1px dotted;
		}
		
		#lightboxPromo .shirt p a:hover {
		border-bottom: 1px solid;
		}
	
	#lightboxPromo .shirt .shirtSizes {
	display: none;
	}

#lightview {

}

	#lightview #lightboxPromo {
	display: block;
	}
	
		#lightview #lightboxPromo .shirt {
		float: none;
		width: 480px;
		}
		
			#lightview #lightboxPromo .shirt img {
			border-bottom: 0px;
			height: 480px;
			margin: 0;
			width: 480px;
			}
			
			#lightview #lightboxPromo .smallImg {
			border-bottom: 1px solid #eee;
			height: 200px;
			margin: 1em 0 1em 0;
			clear: both;
			}
			
				#lightview #lightboxPromo .smallImg img {
				height: 200px;
				width: 200px;
				float: left;
				}
	
			#lightview #lightboxPromo .shirt a {
			border-bottom: 0px dotted;
			color: #333;
			}
	
				#lightview #lightboxPromo .shirt a:hover {
				border-bottom: 0px dotted;
				color: #000;
				}

			#lightview #lightboxPromo .shirt p {
			color: #000;
			font-size: 12px;
			}
			
				#lightview #lightboxPromo .shirt p a {
				border-bottom: 1px dotted;
				color: #333;
				}
				
					#lightview #lightboxPromo .shirt p a:hover {
					border-bottom: 1px solid;
					color: #000;
					}

			#lightview #lightboxPromo .shirt .shirtSizes {
			display: block;
			}