/* CSS Document - luxan.eu - Coded by Group de Ceuster */
/* meyerweb.com Reset CSS | v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/****** HTML styles ******/
body {
	background: #FFF url(/images/gui/bg-rep.gif) repeat-x top center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #1B4133;
	line-height: 18px;
}
p {
	margin-bottom: 1em;
}
a {
	color: #7AC142;
}
a:hover { 
}
/*this avoids having image replacement sections display a dotted outline*/ 
a:focus { 
	/*-moz-outline-style: none;*/ 
	outline-style: none; 
}
a img {
	border: 0;
}
h1 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 1em;
	color: #7AC142;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1em;
}
hr { 
	border: 0;
	border-top: 1px solid #D9D9D9;
	height: 1px;
	margin-bottom: 1em;
}
ul {
	list-style-position: outside;
	margin-left: 15px;
	margin-bottom: 1em;
}

ul.nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.nav li {
	float: left;
	display: inline;
}
table {
	margin-bottom: 1em;
}
/****** TYPO styles ******/
span.light {
	color: #8DA099;
}

/****** GUI styles ******/
#outer-wrap {
	width: 100%;
	min-height: 500px;
	background: url(/images/gui/bg.jpg) no-repeat top center;
}
#inner-wrap {
	margin: 0 auto;
	width: 960px;
}
#header {
	width: 960px;
	height: 170px;
}
#header .header-top {
	height: 55px;
}
/*shop-nav*/
#shop-nav {
	float: left;
	display: inline;
	margin: 15px 15px;
}
#shop-nav .account {
	float: left;
	display: inline;
	line-height: 15.5px;
	margin-right: 20px;
}
#shop-nav .basket {
	float: left;
	display: inline;
	line-height: 15.5px;
}
#shop-nav .basket .icon {
	float: left;
	display: inline;
	margin: 2px 5px;
}
#shop-nav .basket span.price {
	color: #7AC142;
}
/*logo*/
#logo {
	float: left;
	display: inline;
	margin: 19px 0 0 16px;
	background: url(/images/gui/logo-bg.gif) no-repeat 0 0;
}
/*top-nav*/
#top-nav {
	float: right;
	display: inline;
	position: relative;
	z-index: 101;
	line-height: 15.5px;
	margin: 15px 15px;
}
#top-nav li {
	padding: 0 16px 0 15px;
	background: url(/images/gui/sep-13px.gif) no-repeat right 4px;
}
#top-nav li.last {
	padding-right: 0;
	background: none;
}
#top-nav a {
	color: #1B4133;
	text-decoration: none;
}
#top-nav a:hover {
	text-decoration: underline;
}
#top-nav .language {
	font-weight: bold;
}
#top-nav .language a {
	background: url(/images/gui/down.gif) no-repeat right 3px;
	padding-right: 18px;
}
/*language-box*/
#language-box {
	position: absolute;
	display: none;
	background: url(/images/gui/lang-box_bg.png) no-repeat;
	right: -3px;
	top: 23px;
	width: 136px;
	height: 67px;
}
#language-box ul {
}
#language-box li {
	padding: 0 1px;
	margin: 0 20px;
	padding-top: 7px;
	margin-bottom: 7px;
	float: none;
	display: block;
	text-align: right;
	background: none;
	border-top: #97AE98 solid 1px;
}
#language-box li.first {
	border-top: none;
}
#language-box li a {
	font-weight: bold;
}
/*main-nav*/
#main-nav {
	float: right;
	display: inline;
	font-size: 15px;
	margin-top: 45px;
}
#main-nav li {
	margin: 0 15px;
	width: 130px;
	height: 28px;
	text-align: center;
	line-height: 26px;
}
#main-nav a {
	color: #1B4133;
	text-decoration: none;
}
#main-nav a:hover {
	text-decoration: underline;
}

/*visual-box*/
#visual-box-wrap {
	width: 930px;
	margin: 0 15px;
	margin-bottom: 30px;
}
#visual-box {
	position: relative;
	width: 930px;
	height: 330px;
	background: url(/images/gui/visual-box-bg.gif) no-repeat 0 0;
}
.shade-930 {
	width: 930px;
	height: 15px;
	background: url(/images/gui/shade-930.gif) no-repeat 0 0;
}
#visual-box ul.product {
	margin: 0;
	padding: 5px 0 0 8px;
	width: 282px;
	list-style: none;
}
#visual-box ul.product li {
	float: left;
	display: inline;
	width: 282px;
	padding: 2px 0 0 0;
}
#visual-box ul.product li img {
	float: left;
	display: inline;
}
#visual-box ul.product li a {
	float: left;
	display: inline;
	background: #FFF;
	text-decoration: none;
	color: #1B4133;
}
#visual-box ul.product li a:hover {
	color: #7AC142;
}
#visual-box ul.product li span {
	float: left;
	display: inline;
	font-size: 15px;
	width: 213px;
	margin-left: 5px;
	padding: 28px 0 15px 5px;
	border-bottom: #D9D9D9 solid 1px;
	cursor: pointer;
}
#visual-box ul.product li.last span {
	border-bottom: none;
}
#visual-box ul.product li.active a {
	background: #F5FBF0;
}
#visual-box .product-visual {
	position: absolute;
	top: 7px;
	left: 308px;
	width: 615px;
	height: 316px;
	overflow: hidden;
	z-index: 1;
}
#visual-box .product-visual .visual-items {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#visual-box .product-visual .item {
}
	
/*content*/
#content {
}

/*footer*/
#footer {
	width: 930px;
	margin: 30px 15px;
	border-top: #E3F4D2 solid 1px;
	padding: 15px 0;
}
#footer .contact {
	float: left;
	display: inline;
}
#footer .member {
	float: right;
	display: inline;
	color: #BCE0A0;
}
#footer span.sep {
	margin: 0 3px;
}


/****** GRID COLUMNS ******/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0 15px;
}
.col-1 { width: 50px; }
.col-2 { width: 130px; }
.col-3 { width: 210px; }
.col-4 { width: 290px; }
.col-5 { width: 370px; }
.col-6 { width: 450px; }
.col-7 { width: 530px; }
.col-8 { width: 610px; }
.col-9 { width: 690px; }
.col-10 { width: 770px; }
.col-11 { width: 850px; }
.col-12 { width: 930px; }

.col-1-wrap, .col-2-wrap, .col-3-wrap, .col-4-wrap, .col-5-wrap, .col-6-wrap, .col-7-wrap, .col-8-wrap, .col-9-wrap, .col-10-wrap, .col-11-wrap, .col-12-wrap {
	float: left; 
	display: inline; 
	overflow: hidden;
	margin: 0;
}
.col-1-wrap { width: 80px; }
.col-2-wrap { width: 160px; }
.col-3-wrap { width: 240px; }
.col-4-wrap { width: 320px; }
.col-5-wrap { width: 400px; }
.col-6-wrap { width: 480px; }
.col-7-wrap { width: 560px; }
.col-8-wrap { width: 640px; }
.col-9-wrap { width: 720px; }
.col-10-wrap { width: 800px; }
.col-11-wrap { width: 880px; }
.col-12-wrap { width: 960px; }

.clr {
	clear: both; background-color: transparent; font-size: 0; line-height: 0; height: 0;
	/*clear: both; background-color: transparent; font-size: 0; line-height: 0; visibility: hidden;*/
}

/****** BOX styles ******/
/*article-box*/
.article-box {
	padding-bottom: 15px;
	margin-bottom: 25px;
	border-bottom: #D9D9D9 solid 1px;
}
.article-box div.thumb {
	float: left;
	margin-right: 15px;
}
.col-8 div.body {
	float: left;
	width: 495px;
}
.article-box h1 a {
	text-decoration: none;
}
.article-box h1 a:hover {
	text-decoration: underline;
}
.article-box a.more {
	background: url(/images/gui/more.gif) no-repeat right 5px;
	padding: 0 18px 0 5px;
	white-space: nowrap;
}

/*article-detail*/
.article-detail .thumb {
	float: left;
	margin-right: 15px;
}

.dealer-overview h2 {
	background: url(/images/gui/h-bg-290.gif) no-repeat 0 0;
	padding-left: 10px;
	line-height: 28px;
	height: 28px;
	color: #FFF;
}
.dealer-box {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: #D9D9D9 solid 1px;
}
.dealer-box h3, .dealer-box h3 a {
	text-decoration: none;
	color: #1B4133;
	font-weight: bold;
}

/****** WIKI styles ******/
a.wiki {
	text-decoration: none;
	color: #8DA099;
}
a.wiki:hover {
	text-decoration: underline;
}

/****** CONTACT FORM styles ******/
.contact-form { 
	border: 1px solid #d2e0dc; 
	padding: 15px;
}
.contact-form .field-row {
	float: left;
	padding: 8px;
	width: 642px;
}
.contact-form .field-row.odd { background-color: #e9f7e0; }
.contact-form .label-col {
	float: left;
	width: 140px;
}
.contact-form .input-col { 
	float: left; 
	width: 502px;
}
.contact-form label {
	color: #1B4133;
	padding: 3px 0px;
}
.contact-form .error { 
	color: red; 
	float: left;
	clear: left;
}
.contact-form select {
    width: 432px;
	border: 1px solid #d2e0dc;
	height: 20px;
}
.contact-form input.text {
	width: 494px;
	height: 20px;
	padding: 3px;
	border: 1px solid #ccc;
	font-size: 13px;
	color: #4c4c4C;
}
.contact-form textarea { 
	width: 494px;
	height: 50px;
	padding: 3px;
	border: 1px solid #ccc; 	
	resize: vertical; /* sets resizing textarea to vertical (only for Chrome & Safari ) */
	font-size: 13px;
	color: #4c4c4C;
}
.contact-form input.button {
	width: 140px;
	height: 28px;
	background-color: #7AC142;
	border: none;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	margin: 0 10px 0 0;
}

/****** CAR FORM styles ******/
.car-form .contact-form { 
	border: 1px solid #d2e0dc; 
	padding: 15px;
}
.car-form .contact-form .field-row {
	float: left;
	padding: 8px;
	width: 404px;
}
.car-form .contact-form .label-col {
	float: left;
	width: 104px;
}
.car-form .contact-form .input-col { 
	float: left; 
	width: 300px;
}
.car-form .contact-form input.text {
	width: 292px;
	height: 20px;
	padding: 3px;
	border: 1px solid #ccc;
	font-size: 13px;
	color: #4c4c4C;
}
.car-form .contact-form textarea { 
	width: 292px;
	height: 50px;
	padding: 3px;
	border: 1px solid #ccc; 	
	resize: vertical; /* sets resizing textarea to vertical (only for Chrome & Safari ) */
	font-size: 13px;
	color: #4c4c4C;
}
.car-form .contact-form input.button {
	width: 140px;
	height: 28px;
	background-color: #7AC142;
	border: none;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	margin: 0 10px 0 0;
}

/****** PRODUCT styles ******/
.product-info {
	font-size: 12px;
	line-height: 15px;
}
.product-info-panel {
	margin-bottom: 1em;
	border-bottom: #D9D9D9 solid 1px;
}
.open h2 {
	cursor: pointer;
	background: url(/images/gui/open.gif) no-repeat right 2px;
}
.close h2 {
	cursor: pointer;
	background: url(/images/gui/close.gif) no-repeat right 2px;
}
table.composition {
	width: 100%;
}
.product-image {
	margin-bottom: 1em;
}
.product-price {
	position: relative;
	height: 48px;
	margin-bottom: 1em;
}
.product-price .add-basket {
	display: block;
	height: 28px;
	line-height: 24px;
	padding-left: 15px;
	background: url(/images/gui/price-basket.gif) no-repeat 0 0;
	font-weight: bold;
	color: #FFF;
}
.product-price .add-basket a {
	color: #FFF;
}
.product-price .price {
	position: absolute;
	display: block;
	padding-left: 6px;
	width: 74px;
	height: 73px;
	top: -25px;
	right: 0;
	background: url(/images/gui/price-bg.gif) no-repeat 0 0;
	line-height: 74px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
}

/** SHOP INFO BOX **/
.info-box { 
	background-color:#ecf8e2; 
	border: 1px solid #b0cc9b; 
	margin-bottom:30px; 
	height: 40px;
}
.info-box p { 
	padding: 10px 0; 
	text-align: center; 
}