﻿body {
	margin:0; 
	padding:0; 
	height:100%;
	background-color: #000000;
}


#wrapper {
	width: 1030px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}


#logo {
	width:162px;
	height:39px;
	position:relative;
	left:0px;	
	float:left;
	top:0px;
}
#logo img {
	border:0;
}
#links {
	width:80px;
	height:24px;
	position:relative;
	left:143px;	
	float:left;
	top:80px
}
#fb {
    position:relative;
    left:0px;
    top:0px;    
}
#fb img {
    border:0;
}

#menu {
	width:630px;
	height:110px;
	position:relative;
	margin:0px;	
	margin-bottom:10px;		
	float:right;
	color:#999999;
}
#menu img {
	border:0;
}
#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;	
}
#menu ul li {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	height:30px;
	white-space:nowrap;
	display:block;
	position:relative;
	display:inline;
	float:left;			
	padding:0px 16px 0px 16px;
}
#menu ul li.delimiter {
	padding:0;
	margin:0;	
	height:110px;	
	border-right: 1px solid #cccccc;	
}
#menu ul li.last {
	float:right;
}
#menu ul li ul {
	position:absolute;
	display:block;
	visibility:hidden;
	border:0;
}
#menu ul li a {
	display:block;
	color:#999999;
	text-decoration:none;
}
#menu ul li a:hover {
	color:#ffffff;
}
#menu ul li a.active {
	color:#ffffff;
	visibility:visible;	
}
#menu ul li span.active{
	color:#ffffff;	
}
#menu ul li ul.active {
	visibility: visible;
}
#menu ul li ul li {
	border:0;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:inline;
	float:none;
}
#menu ul li ul li a {
	display:block;
	color:#999999;
	text-decoration:none;
	margin-bottom:5px;
}
#menu ul li ul li a:hover {
	color:#ffffff;
}
#menu ul li ul li a.active{
	color:#ffffff;
	visibility:visible;	
}

#menu .subdiv {
}


#content {
	width:1030px;
	height:640px;	
	margin:0px 0px 0px 0px;	
	overflow:hidden;
}


#clear {
	clear:both;
	height:0px;
}

	

/*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
* html p#iepara {padding-top:1em;}
	
/* Holly Hack for IE \*/
* html .menu ul li {float:left;height:1%;}
* html .menu ul li a {height:1%;}


/* Orderform */
#orderform {
	width:1030px;
	position:relative;
	margin:0px 0px 30px 0px;	
	padding:0px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:13px;
	/*background-color:#222222;*/
}
table.orderform {
    width:1030px;    
}
table.orderform td.price {
    padding-right:5px;  
    text-align:right
}
h1 {
    font-family:"Times New Roman", Times, serif;
	font-size:28px;	
	font-weight:normal;
}
p {
    line-height:140%;
}
a {
    color:#ffff00;
}
.quantity {
    width:19px;
    border:0;
}
th.bottom {
	vertical-align:bottom;
	text-align:left;
	font-weight:normal;
	font-size:12px;
	line-height:12px;	
}
th.small {
	width:20px;	
    height:75px;
	vertical-align:bottom;
	font-weight:normal;
	font-size:11px;
	line-height:12px;
	padding-left:5px;
}
td.small {
	padding:0px;	
	text-align:right;
}
tr.collection {
	/*background-color: #222222;*/
	font-weight:bold;	
}
tr.collection td {
    padding: 15px 0px 5px 0px;
	border-top:solid 1px #cccccc;
}

.vertical     	
{
	-webkit-transform:rotate(270deg);
	-webkit-transform-origin: 50% 50%;  
	-moz-transform:rotate(270deg);
	-moz-transform-origin: 50% 50%;
	-o-transform: rotate(270deg);
	-o-transform-origin: 50% 50%;
	transform: rotate(270deg);
	transform-origin: 50% 50%;	 
	text-align: center;
	white-space:nowrap;
	display:block;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	top:-7px;
	position:relative;
}

.lightline td {
    border-top:solid 1px #222222;  
    height:31px; 
}
