/**
*
* Design and coding by Jack Kwakman
* Copyright © 2006, ELMA Multimedia
*
*/

/**
* Main elements
*/
body {
	text-align: center;
	line-height: 1.0;
	font: 62.5% Arial, Helvetica, sans-serif;
	background: #8dc6ed url(images/background.gif) repeat-x left top;
	margin: 6px 0 30px 0;
	padding: 0;
}

.clearboth {
	clear: both;
	height: 0;
	font-size: 0px;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.nowrap {
	white-space: nowrap;
}

a {
	outline: none;
}

.cartheader {
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0 0 40px;	
}

/**
* Form elements
*/

form {
	margin: 0;
	padding: 0;
}

button {
	cursor: hand;
	cursor: pointer;
	overflow:visible;
}

.cartsubmit {
	background: url(images/cartsubmit.gif) no-repeat top left;
	border: 0;
	font-weight: bold;
	color: #11410d;
	font-size: 11px;
	padding: 0 0 0 25px;
	margin: 0 0 0 5px;	
}

/**
* Header elements
*/

#header {
	width: 767px;
	margin: auto;
}

#searchform {
	text-align: right;
	height: 32px;
}

#languages {
	float: left;	
}

#languages img {
	border: 0;	
}

#languages ul {
	list-style: none;
	margin: 8px 0 0 0;
	padding: 0;
}

#languages li {
	display: inline;
	width: 12px;
	margin: 0 8px 0 8px;
	padding: 0;		
}

.searchbox {
	width: 126px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
	border: #12430e 1px solid;
}

.searchsubmit {
	width: 58px;
	background: #12430e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	color: #FFF;
	border: #12430e 1px solid;
}

#logo {
	float: left;
	width: 219px;
	height: 85px;
	background: #56bd4e url(images/logo.jpg) no-repeat left top;
	position: relative;
	margin: 0 0 0 0;
}

#logo h2 {
	display: none;
}

#logo a {
	position: absolute;
	top: 0;
	left: 0;
	width: 219px;
	height: 85px;
}

#menu {
	float: right;
	background: #c4c5c9 url(images/menu.jpg) no-repeat bottom left;
	width: 548px;
	height: 38px;
	margin: 9px 0 0 0;
	padding: 17px 0 0 0;
	font-size: 11px;
	font-weight: bold;
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu li {
	display: inline;
}

#menu li a {
	text-decoration: none;
	color: #000;
	padding: 10px 8px 10px 8px;
}

#menu li a:hover {
	text-decoration: underline;
}

/**
* Livery styles
*/

#livery {
	clear: both;
	width: 767px;
	height: 143px;
}

.livery1 {
	background: #000 url(images/livery/livery1.jpg) no-repeat top left;
}

.livery2 {
	background: #000 url(images/livery/livery2.jpg) no-repeat top left;
}

.livery3 {
	background: #000 url(images/livery/livery3.jpg) no-repeat top left;
}

.livery4 {
	background: #000 url(images/livery/livery4.jpg) no-repeat top left;
}

.livery5 {
	background: #000 url(images/livery/livery5.jpg) no-repeat top left;
}

.livery6 {
	background: #000 url(images/livery/livery6.jpg) no-repeat top left;
}

.livery7 {
	background: #000 url(images/livery/livery7.jpg) no-repeat top left;
}

.livery8 {
	background: #000 url(images/livery/livery8.jpg) no-repeat top left;
}

.livery9 {
	background: #000 url(images/livery/livery9.jpg) no-repeat top left;
}

.livery10 {
	background: #000 url(images/livery/livery10.jpg) no-repeat top left;
}

.gradientbar {
	width: 767px;
	height: 37px;
	background: #337e2d url(images/gradientbar.gif) no-repeat top left;
	text-align: left;
}

#breadcrumb {
	font-size: 12px;
	color: #FFF;
	padding: 10px 0 0 30px;
	font-weight: bold;
}

#breadcrumb a {
	color: #FFF;
	text-decoration: none;
}

#breadcrumb a {
	color: #FFF;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #11410d;
}

/**
* Content styles
*/

#wrapper {
	margin: auto;
	width: 767px;
	background: #fff url(images/wrapper.gif) repeat-y top left;
}

#favorite {
	width: 451px;
}

#favorite h2 {
	font-size: 15px;
	margin: 15px 0 15px 0;
}

.line {
	border-top: 1px solid #000;
	margin: 0 0 15px 0;
}

#left {
	width: 455px;
	padding: 30px;
	float: left;
	text-align: left;
	font-size: 12px;
}

#left a {
	color: #000;
}

#left h1 {
	font-size: 15px;
	margin: 0 0 10px 0;
}

#left h3 {
	font-size: 13px;
	margin: 10px 0 10px 0;
}

#similar h2 {
	font-size: 15px;
	margin: 30px 0 0 0;
}

#navigation ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}

#navigation li {
	padding: 5px;
}

#navigation .print  {
	background: url(images/print.gif) no-repeat top left;
}

#navigation .previous {
	background: url(images/previous.gif) no-repeat top left;
}

#navigation a {
	padding: 0 0 0 30px;
	font-weight: bold;
	color: #11410d;
	text-decoration: none;
	font-size: 11px;
}

/**
* Menu styles
*/

#right {
	width: 236px;
	padding: 30px 15px 15px 0;
	float: right;
}

.menuwrapper {
	width: 236px;
}

.menutitlecart {
	width: 182px;
	background: #11410d url(images/cart.gif) no-repeat top left;
	padding: 9px 8px 9px 45px;
}

.menutitleproduct {
	width: 182px;
	background: #11410d url(images/products.gif) no-repeat top left;
	padding: 9px 8px 9px 45px;
}

.menuwrapper h3 {
	font-size: 13px;
	color: #fff;
	margin: 0;
}

.menucontent {
	width: 235px;
	background: #c0c0c0 url(images/menucontent.gif) repeat-y top left;
	text-align: left;
	border-bottom: #11410d 1px solid;
	color: #11410d;
}

#scroll {
	padding: 5px;
	width: 215px;
	height: 181px;
	overflow: auto;
	position: relative;
}

#scroll ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#scroll li {
	padding: 5px;
}

#scroll a {
	text-decoration: none;
	color: #11410d;
}

.scrollgeneric
{
	line-height: 1px;
	font-size: 1px;
	position: absolute;
}

.vscrollerbase, .vscrollerbar {
	width: 15px;
	top: 0px;
}

.vscrollerbar {
	left: 0px;
}

.hscrollerbase, .hscrollerbar {
	height: 15px;
	left: 0px;
}

.hscrollerbar {
	top: 0px;
}

.hscrollerbar {
	top: 20px important;
}

.vscrollerbar, .hscrollerbar {
	padding: 5px;
	z-index: 2;
}

.vscrollerbarbeg {
	background: url(images/vscroller.gif) 0px -10px;
	width: 15px;
	height: auto;
	top: 0px;
}

.vscrollerbarend {
	background: url(images/vscroller.gif);
	width: 15px;
	height: 10px;
}

.hscrollerbarbeg {
	background: url(images/hscroller.gif) -10px 0px;
	height: 15px;
	width: auto;
	left: 0;
}

.hscrollerbarend {
	background: url(images/hscroller.gif);
	height: 15px;
	width: 10px;
}

/**
* Shopping cart styles
*/

.cartfull {
	padding: 10px;
	text-align: center;
}

.cartdelete {
	padding: 10px;
	width: 10px;
	text-align: center;
}

.cartdelete img {
	border: 0;
}

.cartproducts {
	padding: 10px;
	width: 120px;
	text-align: left;
	font-size: 10px;
}

.cartproducts a {
	text-decoration: none;
	color: #11410d;
}

.cartprice {
	padding: 10px;
	width: 54px;
	text-align: right;
	font-size: 10px;
	white-space: nowrap;
}

.cartprice a {
	color: #11410D;
}
.cartbuy {
	padding: 10px;
	width: 120px;
	font-size: 12px;
	font-weight: bold;
	background: url(images/priceline_long.gif) no-repeat top right;
}

.cartbuy a {
	color: #11410d;
}

.carttotal {
	padding: 10px;
	width: 54px;
	font-size: 10px;
	background: url(images/priceline.gif) no-repeat top right;
	text-align: right;
	white-space: nowrap;
}

#openorder {
	clear: both;
	border: 1px solid red;
	padding: 10px;
	margin: 20px 0 10px 0;
	color: red;
}

#openorder a {
	color: red;
	text-decoration: none;	
}

/**
* Productgroups styles
*/

.productgroup {
	float: left;
	margin: 5px;
	width: 100px;
	text-align: center;
	overflow: hidden;
}

.productgroup img {
	border: 1px solid #000;
}

.productgroup p {
	text-align: center;
}

.productgroup a {
	text-decoration: none;
}

#productoverview a {
	text-decoration: none;
	font-weight: bold;
}

#productoverview img {
	border: 1px solid #000;
}

#productoverview h3 {
	font-size: 13px;
	margin: 0;
}

#productoverview  {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 14px 0 14px 0;
	width: 455px;
}

.productimage {
	float: right;
}

.productimage img {
	border: 1px solid #000;
	margin: 0 0 20px 20px;
}

.imagecontainer {
	width: 82px;
	padding: 18px 0 18px 0;
}

.textcontainer {
	padding: 18px 0 18px 0;
}

.cartbox {
	width: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
	border: #12430e 1px solid;
}

/**
* Footer styles
*/

#footer {
	margin: auto;
	width: 705px;
	border: #11410d 1px solid;
	background: #a8f4a3;
	padding: 10px 30px 10px 30px;
	text-align: left;
	color: #11410d;
}

#footer p {
	margin: 0;
}

#footer a {
	color: #11410d;
}

/**
* Sitemap elements
*/

#sitemap a {
	text-decoration: none;
}

#sitemap a:hover {
	text-decoration: underline;
}

#sitemap h3 {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.sitemap {
	display: none;
}

/**
* SIFR -- FANCY FLASH REPLACEMENT OF H TAGS
*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #left h1 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 19px;
}

.sIFR-hasFlash #right h3 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 13px;
}