/* General CSS */

.page {
width: 900;
position: relative;
left:50%;
margin-left: -450px;
}

/* Header CSS */
.header {
z-index: 1;
width: 900px;
top: 0px;
margin: 0px;
padding: 0px;
}

.header_nav {
position: absolute;
z-index: 20;
top: 170px;
right:0px;
}

.top_nav {
position: absolute;
z-index: 30;
top: 280px;
width: 900px;
background-image: url('images/top_nav.png');
background-position: middle center;
background-repeat: no-repeat;
color: white;
height: 35px;
padding: 35px 0px 0px 20px;
}

.blackbar {
position: absolute;
z-index: 8;
top: 320px;
width: 900px;
background-color: black;
height: 35px;
}

.content {
width: 900px;
padding: 50px 0px 0px 0px;
margin: 0px;
overflow: hidden;
background-color: #ffffff;
}

.content_spacer {
padding: 0px 0px 0px 0;
margin: 0px 0px 8px 0;
background-color: #DEDEDE;
width: 100%;
height: 1px;
height: 1;
line-height: 0;
font-size: 0;
}

.left_col {
padding: 0px 10px 20px 0px;
float: left;
width: 225px;
position: static;
vertical-align: top;
background-color: white;
overflow: hidden;
}

.single_col {
padding: 0px 0px 20px 10px;
float: left;
width: 635px;
position: static;
vertical-align: top;
background-color: white;
}

.specials_header {
height: 24px;
padding: 3px 0px 3px 8px;
background-color: black;
color: white;
font-size: 14px;
line-height: 24px;
width: 215px;

}

.specials_content {
padding: 8px 0px 8px 8px;
background-color: #F8F8DB;
height: 30px;
width: 215px;
}

.cart_content {
padding: 8px 0px 8px 8px;
background-color: #F8F8DB;
height: 10px;
width: 215px;
font-family: Arial;
font-size: 11px;
color: black;
}

.cart_price {
float: right;
padding: 0px 8px 0px 0px;
font-size: 11px;
font-weight: bold;
color: black;
}

.specials_spacer {
padding: 0px 0px 0px 0px;
background-color: #DEDEDE;
width: 95%;
height: 1px;
line-height: 0px;
font-size: 0px;
}

.gallery_header {
height: 30px;
padding: 8px 0px 3px 8px;
background-image: url(images/gallery_back.png);
background-repeat: no-repeat;
background-position: middle left;
color: White;
font-size: 14px;
display: block;
}

.gallery {
padding: 10px 0px 10px 0px;
overflow: hidden;
}

.gallery_thumb {
padding: 0px 15px 0px 15px;
text-align: center;
float: left;
height: 200px;
width: 120px;
}

.cart_thumb {
padding: 5px 15px 5px 15px;
text-align: center;
float: left;
font-family: Arial;
height: 120px;
}

.cart_controls {
margin: 2px 0px 0px 120px;
z-index: 120;
position: absolute;
}

.cart_thumb_size {
font-size: 16px;

}

.cart_thumb_qty {
font-size: 22px;

}

.cart_thumb_caption {
color: white;
height: 20px;
z-index: 100;
position: absolute;
width: 70px;
background-image: url(images/black_glass.png);
margin-top: 40px;
}

.cart_thumb_image {
height: 50px;
}

.img_black {
width: 120px;
height: 120px;
background-image: url(images/thumb_back.jpg);
background-repeat: no-repeat;
background-position: middle center;
text-align: center;
display:table-cell;
vertical-align:middle;
}

span.jpeg_number {
 height: 14px;
 margin-top: 5px;
 display: block;
 line-height: 10px;
 font-weight: normal;
 font-size: 10px;
}

.img_black a {
 position: relative;
 display: block;
}

.img_black img {
padding: 5px 10px 5px 10px;
vertical-align:middle;
}

.img_black span {
 color: #fff;
 bottom: 10px;
 left: 10px;
 width: 100px;
 position: absolute;
 background: #000;
 opacity: 0.7;
 z-index: 4;
}

.footer {
margin-top: 20px;
display: static;
width: 900px;
height: 50px;
background-color: black;
}

#AddToOrder {
	background-image: url("images/black_glass.png");
	display: none;
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 500;
}

#AddToOrder div.content {
	background-image:url("images/black_glass.png");
	display:block;
	height:300px;
	width:500px;
	padding: 0px;
	margin: 0px;
	background: white;
	left:50%;
	top:50%;
	margin-left: -250px;
	margin-top: -150px;
	position:relative;
	z-index:501;
}

#AddToOrder div.content ul.steps {
	list-style: none;
	padding: 10px;
	margin: 0px;
	height:280px;
	width:5480px;
	overflow: hidden;
}

#AddToOrder div.content ul.steps li {
	display: block;
	float: left;
	width: 480px;
	height: 280px;
	margin-right: 20px;
	position: relative;
	overflow: hidden;
}


#AddToOrder div.content ul.steps li div#buttons {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 480px;
	background: #e2e2e2;
}

#prev_div {
	background-image:url("images/black_glass.png");
	display:none;
	height:100%;
	left:0px;
	position:fixed;
	top:0px;
	width:100%;
	z-index:500;
}

.size_div {
position: absolute;
float: right;
background-color: #fefefe;
border: .2em solid #555; 
}

.size_div:hover {
background-color: #aedeee;
}

#size_sml {
position: absolute;
float: right;
width: 60px;
height: 40px;
background-color: #fefefe;
right: 140px;
top: 50px;
border: .2em solid #555; 
z-index: 155;
}

#size_med {
float: right;
z-index: 154;
position: absolute;
width: 80px;
height: 60px;
background-color: #fefefe;
right: 85px;
top: 50px;
border: .2em solid #555;
vertical-align: bottom;
}

#size_lrg {
float: right;
z-index: 153;
position: absolute;
width: 100px;
height: 80px;
background-color: #fefefe;
right: 30px;
top: 50px;
border: .2em solid #555;
vertical-align: bottom;
}

#size_sml:hover {
background-color: #aedeee;
}

#size_med:hover {
background-color: #aedeee;
}

#size_lrg:hover {
background-color: #aedeee;
}

div.retail_item {
 width: 200px;
 float: left;
 margin-left: 10px;
 min-height: 280px;
}

div.retail_item div.image {
 vertical-align: center;
 text-align: center;
 width: 200px;
 height: 180px;
 background-position: center;
 background-repeat: no-repeat;
 margin-bottom: 10px;
}

div.retail_item span.more_info button {
 float: right;
}

input.nofill {
	display: none;
}

div.years_menu {
float: right; 
margin-top: -40px; 
font-size: 14px; 
padding: 8px 0px 8px 8px;
height: 10px;
width: 215px;
font-family: Arial;
font-size: 14px;
color: black;
}

div.years_menu a {
padding: 0px;
font-size: 14px;
height: 10px;
font-family: Arial;
color: black;
display: inline;
}

div.clear {
clear: both;
}