/* CSS Document */

body {
    font-family:Tahoma, Helvetica, sans-serif;
    font-size:62.5%;
    background:#FFF;
    margin:0;
    padding:0;
    color:#2F2F2F;
}
h1, h2, h3, h4, h5, h6, h7, p
{
    margin: 0px;
    padding: 5px 0px;
}
h1 {
    color:#C7262F;
    font-size:1.8em;
    font-weight:normal;
    margin: 10px 0px 2px;
    line-height: 1em;
}
h2 {
    color:#C7262F;
    font-size:1.6em;
    font-weight:normal;
    margin: 10px 0px 2px;
    line-height: 1em;
}
a
{
    color: #444;
    text-decoration: underline;
}
a:hover
{
    color: #000;
    text-decoration: underline;
}
img
{
    border: 0px;
}
img.map
{
    margin: 0px 15px 0px 0px;
    border: 1px solid #C7262F;
}
.content
{
    font-size: 1.3em;
    line-height: 1.5em;
}
#main {
    width:880px;
    padding:20px;
    margin:0 auto;
    background:#FFF;
}
#header {
    width:880px;
    padding:0;
    margin:0;
	position:relative;
}
#logo {
    height:181px;
    width:265px;
	margin:0 auto;
    background:url('../images/logo.jpg') no-repeat top left;
    padding-bottom:20px;
    display: block;
}
#navigation {
    margin:20px 0;
	float:left;
	width:170px;
}
#nav {
    list-style:none;
    padding:0;
    text-transform:uppercase;
    margin:0;
}
    #nav li {
        color:#1D2F29;
        font-size:1.4em;
		margin-bottom: 9px;
        display:block;
    }
    #nav li a {
        color:#666;
        text-decoration:none;
		border-left:3px solid #CCC;
		border-right:3px solid #CCC;
		width:130px;
		display:block;
		text-align:center;
    }
    
    #nav li.hover a, #nav li:hover a {
        color:#C7262F;
        text-decoration:none;
    }
    
    #nav li.active a {
        color:#C7262F;
        text-decoration:none;
    }
    #nav li.active {
    	color:#000;
    }
    
    #nav li ul { /* second-level lists */
        position: absolute;
        color:#000;
        width: 15em;
        margin-left:0;
        left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
        padding:5px;
        list-style:none;
        border-bottom:1px solid #BBB;
    }
    #nav li ul li {
        font-size:1em;
        width:100%;
        margin-left:0;
        color:#000;
        padding:0;
    }
    #nav li ul li a {
        color:#000;
        padding:2px;
        margin:0;
        background:none;
    }
    #nav li.hover li a, #nav li:hover li a {
        color:#BBB;
        background:none;
        text-decoration:none;
    }
    #nav li.active ul li a {
        background:none;
        color:#000;
        padding:0;
        margin:0;
    }
    #nav li.active ul li.active a {
        color:#000;
    }
    #nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
        left: auto;
    }
    #nav ul li a:hover, #nav ul li a.over {
        background:none;
        color:#1D2F29;
    }
#home_containers {
	margin:0 auto;
	width:600px;
}
#home_containers img {
	margin:5px;	
}
#content {
	float:left;
    width:710px;
    margin:0 auto;
    min-height:300px;
    height:auto !important;
    height:300px;
    padding-bottom: 50px;
}
	#content #search {
		font-size:1.2em;
		text-align:center;
		color:#C7262F;
	}
        #search input#searchbutton:hover {
            cursor: pointer;
        }
		#search input#searchbutton {
			color:#C7262F;
			font-size:1em;
			display:inline;
			background:url("../images/search_small.jpg") no-repeat right 2px;
			display:inline-block;
			font-size:1em;
			height:30px;
			width:100px;
			border: 0px;
			text-align: left;
		}
		#search .select-wrapper {
			position:relative;
			display:inline;
		}
		.selectbox-wrapper {
			position:absolute;
			left:0;	
		}
#footer {
    font-size:1.2em;
    color:#767473;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    margin:0 10px 10px;
    padding:0;
    border-left:3px solid #CCC;
    border-right:3px solid #CCC;
    text-transform:uppercase;
    text-align:center;
}
	#footer a:link,#footer a:active,#footer a:visited,#footer a:hover {
		color:#6B6B6B;
	}

/*
 * Products
 */

.product {
	border-bottom:1px solid #CCC;
	padding:10px 0;
	position:relative;
	min-height:170px;
	height:auto !important;
	height:170px;
	line-height:1.6em;
}

.product .Description {
	margin-top: 10px;
}

.product:first-child {
	border-top:1px solid #CCC;	
}

.product h1 {
	margin-top:0;	
}

.product .image {
	position:absolute;
	top:15px;
	right:10px;
	height:160px;
	width: 220px;
	overflow:hidden;
}

.product .image img {
	display: block;
	margin: 0px auto;
}

.product .Price {
	position:absolute;
	top:2em;
	right:240px;
	font-size:1.4em;
	font-weight:bold;
}
.product .order-product {
	position:absolute;
	top:5em;
	right:240px;	
}
.product .order-product button:hover {
	cursor: pointer;
}
	.product .order-product button {
		color:#C7262F;
		font-size:1em;
		display:inline;
		background:url("../images/search_small.jpg") no-repeat right center;
		display:inline-block;
		font-size:1em;
		height:30px;
		width:100px;
		border:none;
		padding-right:10px;
	}

#products table {
	border-collapse: collapse;
	width: 100%;
}
 
#products table td, #products table th {
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    padding: 5px;
    text-align: left;
}

#products table tbody tr {
    cursor: pointer;
}

#products table tbody tr:hover {
	color: #C7262F;
}

#info-heading {
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px 0px;
}

#product-information {
	margin-left: 20px;
	float: left;
}

#product-information .field {
	padding: 5px 0px;
}

#product-information .field-header, #product-information .field-value {
	display: inline;
	margin-right: 10px;
}

#product-information .field-header {
	fontweight: bold;
}

#product-price {
	margin-right: 50px;
	float: right;
	font-size: 1.4em;
	font-weight: bold;
}

#back-to-products {
	padding: 15px 0px;
	clear: both;
}

#products div.next {
	background: url('/asset/images/next-image.jpg') no-repeat;
	width: 13px;
	height: 111px;
	position: absolute;
	top: 40px;
	right: -10px;
	cursor: pointer;
}

#products div.next:hover {
    background: url('/asset/images/next-image-hover.jpg') no-repeat;
}

.product-summary {
	text-align: left;
	width: 620px;
	margin: 10px 40px;
	background: #F2F2F2;
	color: #767473;
	border: 1px solid #E2E2E2;
}

.product-summary {
	padding: 10px;
	border-collapse: collapse;
}

.product-summary tr td, .product-summary tr th {
	padding: 5px;
}

.product-summary thead {
}

.product-summary tbody td {
	border: 1px solid #E2E2E2;
}

.product-summary tfoot .foot-header {
	font-weight: bold;
}

form.cheapAsForm  dt {
clear:both;
float:left;
margin:0.25em 0 0;
padding:5px;
text-align:right;
width:30%;
}

form.cheapAsForm   dd {
float:left;
margin:0 0 0 1em;
padding:5px;
width:60%;
}
form.cheapAsForm textarea, form.cheapAsForm input {  
    border:1px solid #E2E2E2;
    color:#767473;
    background: #F5F5F5;
    width: 320px;
}
form.cheapAsForm textarea {
	height: 80px;
}
form.cheapAsForm dt { margin-top: 0; }
form.cheapAsForm label { text-transform: uppercase; }
form.cheapAsForm #terms, form.cheapAsForm #terms-element { width: auto; }
#postalCountry-element { position: relative; }
#postalCountry-element #postalCountry_container { margin-left: 5px; }

form.cheapAsForm  #postalCountry_input {
    background:url("../images/bg_select.png") repeat scroll right center transparent;
	border:1px solid #E2E2E2;
	color:#767473;
	cursor:pointer;
	display:inline;
	padding-top:5px;
	padding-bottom: 5px;
	padding-right: 0;
}

form.cheapAsForm input.submit, #order-form input.submit { 
	padding: 10px; 
	font-size:15px; 
	background: #C81E32; 
	color: white; 
	border:2px solid #E2E2E2; 
	text-transform: uppercase; 
	cursor: pointer; 
	font-weight: bold;
	width: auto;
}
ul.errors { color: red; padding-left: 15px; }
p.error {
	color: red;
	padding: 15px;
}
.clearfix {
    clear:both;
    float:none;	
}