body, html{
	margin: 0px;
	padding: 0px;
	width: 100%;
	font: 80%/140% Verdana, Arial, Helvetica, sans-serif;
	color: #656565;
	background: #FFFFFF;
}

#contents {
	margin: 0px auto 0px auto;
	width: 760px;
	border-left: 1px solid #656565;
	border-right: 1px solid #656565;
	border-bottom: 1px solid #656565;
	background: #FFFFFF;
	text-align:left;
}
   
#clear {
	clear: both;
	font-size: 1px;
}

/*ie wont see this, other browsers will*/
body>div#contents{
      height: auto;
}

#footer {
	margin-left:auto;
	margin-right:auto;
	width: 760px;
	height:17px;
	text-align: right;
	font-size: 95%;
}

#footer a {
	text-transform: none;
	font-weight: normal;
	color: #224E90;
}

#top {
	height: 124px;
	background: #FFFFFF url("../images/layup/top_back.gif") no-repeat top left;
	border-bottom: 1px solid #FFFFFF;
}

#topnavibox {
	height: 20px;
	display: block;
	background: #C20000;
	border-bottom: 1px solid #FFFFFF;
	padding: 0px;
	margin: 0px;
}

#topnavi {
	padding: 0px;
	margin: 0 0 0 159px;
}

#topnavi ul {
	padding: 0px;
	margin: 0px;
}

#topnavi li {
	float: left;
	position: relative;
	display: inline;
	padding: 0px;
	margin: 0px;
}

#topnavi a {
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: center;
	padding: 0px 7px 0px 8px;
	margin: 0px;
	background: #C20000;
	line-height: 20px;
	border-right: 1px solid #FFFFFF;
	font-weight: bold;
}

#topnavi a.first {
	border-left: 1px solid #FFFFFF;
}

#topnavi a:hover {
	background: #656565;
}

.drop {
	display: none;
	position: absolute;
	top: 20px;
	left: -1px;
	background: #656565;
	width: 150px;
	border: 1px solid #FFFFFF;
	opacity: 0.90;
	filter: Alpha(Opacity=90);
}

/* the following rule is recognized only by IE */
* html body #topnavi .drop {width: 120px;}

#topnavi .drop a {
	width: 130px;
	height: 20px;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: left;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	background: #656565;
	line-height: 20px;
	border-right: none;
}

/* the following rule is recognized only by IE */
* html body #topnavi .drop a  {width: 100%}

#topnavi .drop a:hover 
{
	background: #C20000;
}

li>ul {
	top: auto;
	left: auto;
}

#topnavi  li:hover ul, li.over ul {
	display: block;
}

#middle {
	height: 220px;
}

#middle, #middle_left_store, #middle_right_register {
	border-bottom: 1px solid #FFFFFF;
}

#middle_left_store, #middle_right_register {
	height: 110px;
}

#middle_banner, #middle_left, #middle_right {
	float: left;
	height: 220px;
}

#middle_left, #middle_right {
	width: 159px;
}

#middle_left, #main_left {
	border-right: 1px solid #FFFFFF;
}

#middle_right, #main_right {
	border-left: 1px solid #FFFFFF;
}

#middle_left_store {
	background: #C20000;
}

#middle_right_register {
	background: #000000;
}

#middle_left_products, #middle_right_stock {
	width: 159px;
	height: 109px;
}

#middle_left_products {
	background: #E8E8E8 url("../images/layup/left_products.gif") no-repeat;
}

#middle_right_stock {
	background: #E8E8E8 url("../images/layup/right_stock.gif") no-repeat;
}

#middle_left_products input, #middle_right_stock select {
	margin: 70px 0px 0px 20px; 
}

.required {
	color: #990000;
}

/* Tags */
h1, h2, h3, h4 {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

h1, #main_right h2, #main_left h2, .table_head h2, h4 {
	font-size: 120%;
}

#main_left h2, #main_right h2, #main_middle h1 {
	background: #999999;
	color: #FFFFFF;
	line-height: 38px;
	padding: 0px 12px 0px 12px;
	border-bottom: 1px solid #FFFFFF;
}

#main_left_content h1, #main_right_content h3 {
	font-size: 110%;
    margin: 15px 0 5px 0;

}

#main_content h2 {
    font-size: 110%;
}

hr {
	background:none;
	border-bottom: 1px solid #565656;
	height: 1px;
	border-top: none;
	border-right: none;
	border-left: none;
}

form {
	margin: 0px;
	padding: 0px;
}

fieldset {
	border: none;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

a {
	color: #C20000;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

/* Custom styles */
.float_left {
	float: left;
}

.float_right {
	float: right;
}

.align_center {
	text-align: center;
}
.align_right {
	text-align: right;
}
.contactform{
	text-align: right;
	vertical-align: top;
	width:400px;
	border: none;
}
.contactform p {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 0;
	padding-left: 0;
}
.contactform p label {
	float: left;
	font-weight: bold;
}
.product_contactform{
	text-align: right;
	vertical-align: top;
	width:220px;
	border: none;
}
.product_contactform p {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 0;
	padding-left: 0;
}
.product_contactform p label {
	float: left;
	font-weight: bold;
}
#searchStock label, #searchProducts label {
    display: none;
}


.product_contactform span, .contactform span {
	color:#990000;
}
.product_contactform select {
	width: 120px;

}
.textform, .textformactive {
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	height: 13px;
}
.textformactive {
	color: #FFFFFF;
	background-color: #C20000;
}
textarea, select {
	height: auto !important;
}
.button, .buttonactive {
	font-size: 11px;
	font-weight: bold;
	color: #C20000;
	background-color: #FFFFFF;
	border: 1px solid #C20000;
	height: 17px;
	cursor: hand;
	cursor: pointer;
}

.buttonactive {
	color: #FFFFFF;
	background-color: #C20000;
}
.error {
    color: #C20000;
    background: transparent;
}
.hand {
	cursor: hand;	
	cursor: pointer;
}
.message {
    margin: 0 auto;
    color: #C20000;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}

.greybg {
	background-color: #E5E5E5;
}

.shoptable {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}
.shoptable th, .shoptable td{
	padding: 5px;
}
.info{
	padding: 0 10px 10px;
}

h1 a{
	float:right;
	font: normal 90% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;
	background: url(../images/layup/basket.gif) no-repeat left center;
	margin: 11px 5px 0 0;
	padding: 0 0 0 17px;
}
h1 a:hover{
	color: #E8E8E8;
	text-decoration: underline;

}
.hand {
	cursor: hand;
	cursor: pointer;
}
.textright {
	text-align:right;
}