/* ########## styles main ########## */

* {
	margin: 0;
	padding: 0;
}
option { padding-left: .4em; }

* html body * { overflow: visible; }
* html iframe, * html frame { overflow: auto; }
* html frameset { overflow: hidden; }
/* 
* html ul { position: relative; }
* html ol { position: relative; }
* html dl { position: relative; }
*/
* html ol li { display: list-item; }
*+html ol li { display: list-item; }

html {
	height: 100%;
	margin-bottom: 1px;
}
body {
    position: relative;
	background-color: #fff;
	font-family: Arial, sans-serif;
	font-size: 100.01%;
    color: #333;
    text-align: left;
}
* html body { position: static; }
fieldset, img {
	display: block;
	border: 0 solid;
}

blockquote { margin: 0 0 1em 1.5em; }

table {
	font-family: Arial, sans-serif;
	color: #333;
}
th { text-align: left; vertical-align: top; }
td { text-align: left; vertical-align: top; }

a:link { color: #758c00; }
a:visited { color: #758c00; }
a:hover { color: #758c00; }
a:active { color: #758c00; }

hr {
	clear: both;
	margin: 1.2em 0;
	border: 0;
	background: #fff url(../img/bg_hr.gif) repeat-x top left;
	width: 100%;
	height: 1px;
}
* + html hr {
	margin: 0 0 .6em;
	border-bottom: 1px dotted #b4cc3d;
	color: #fff;
} /* IE7 */
* html hr {
	margin: 0 0 .6em;
	border-bottom: 1px dotted #b4cc3d;
	color: #fff;
} /* IE6 */

h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img,
p img { display: inline; }

sup {
	position: relative;
    bottom: .4em;
	vertical-align: baseline;
	font-size: 10px;
}
h1 sup {
    bottom: .5em;
	font-size: 11px;
}
/* IE6 bzw. IE7 !!! */
/* Hides from IE-mac \*/
* html h1 sup,
*+html h1 sup {
    bottom: .6em;
	font-size: 13px;
}
/* End hide from IE-mac */
sub {
	position: relative;
    bottom: -.2em;
	vertical-align: baseline;
	font-size: 10px;
}


/* ########## forms ########## */

form { margin: 0 0 1em; }
input,
select,
textarea { font-family: Arial, sans-serif; }
input[type=checkbox],
input[type=radio] { vertical-align: middle; }

input.text {
	border: 1px solid #b4cc3d;
	background-color: #fff;
	padding: 1px 1px 1px 2px;
}
select {
	border: 1px solid #b4cc3d;
	background-color: #fff;
}
textarea {
	border: 1px solid #b4cc3d;
	background-color: #fff;
	padding: 2px;
}
input.error,
select.error,
textarea.error {
	border-color: #c03;
	color: #333;
}
p input,
p select,
p textarea { vertical-align: middle; }


/* ########## btnSubmit ########## */

input.btn,
button.btn {
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	background-repeat: repeat-x;
	background-position: 0 1px;
	padding: 2px 9px;
	font-weight: bold;
}
* html input.btn,
* html button.btn {
	overflow: visible;
	background-position: 0 0;
	width: 1%;
} /* IE6 */
* + html input.btn,
* + html button.btn {
	overflow: visible;
	background-position: 0 0;
	width: auto;
} /* IE7 */


/* ########## btnLink ########## */

a.btn,
span.btn { display: block; }
a.btnLeft,
span.btnLeft { float: left; }
* a.btnLeft,
* span.btnLeft { display: inline; }
a.btnRight,
span.btnRight { float: right; }
* a.btnRight,
* span.btnRight { display: inline; }

a.btn,
a.btnLeft, 
a.btnRight,
a.btnInline,
span.btn,
span.btnLeft, 
span.btnRight,
span.btnInline {
	border-width: 1px;
	border-style: solid;
	background-repeat: repeat-x;
	background-position: 0 1px;
	padding: 2px 9px;
	text-align: center;
}


/* ########## btnStyle ########## */

.btnStyle1 {
	border-color: #758c00;
	background: #cae545 url(../img/bg_btn1.gif);
	color: #333;
}
a.btnStyle1,
a.btnStyle1:link,
a.btnStyle1:visited,
a.btnStyle1:hover,
a.btnStyle1:active {
	color: #333;
	text-decoration: none;
}

.btnStyle2 {
	border-color: #888;
	background: #e5e5e5 url(../img/bg_btn2.gif);
	color: #333;
}
a.btnStyle2,
a.btnStyle2:link,
a.btnStyle2:visited,
a.btnStyle2:hover,
a.btnStyle2:active {
	color: #333;
	text-decoration: none;
}

a.btnStyle3,
a.btnStyle3:link,
a.btnStyle3:visited,
a.btnStyle3:active {
	display: block;
	border: 1px solid #b4cc3d;
	background-color: #fff;
	padding: .1em .6em;
	color: #758c00;
	font-weight: normal;
	text-decoration: none;
}
a.btnStyle3:hover {
	background-color: #b4cc3d;
	color: #fff;
}
a.btnStyle3Selected,
a.btnStyle3Selected:link,
a.btnStyle3Selected:visited,
a.btnStyle3Selected:hover,
a.btnStyle3Selected:active {
	display: block;
	border: 1px solid #b4cc3d;
	background-color: #b4cc3d;
	padding: .1em .6em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
span.btnStyle3 {
	display: block;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: .1em .6em;
	color: #ccc;
	font-weight: normal;
	text-decoration: none;
}


/* ########## lists ########## */

ul,
ol { list-style-type: none; }
ul.square {
	margin: .5em 0;
	list-style-type: square;
}
ul.square li { margin: 0 0 .3em 1.2em; }
ul.bullet {
	margin: .5em 0;
	list-style-type: disc;
}
ul.bullet li { margin: 0 0 .3em 1.2em; }
ol.decimal {
	margin: .5em 0;
	list-style-type: decimal;
}
ol.decimal li { margin: 0 0 .3em 2em; }


/* ########## clearingTools ########## */

.floatbox {
	clear: both;
	overflow: hidden;
}
* html .floatbox { width: 100%; }


/* ########## layoutContainers ########## */

.page {
	width: 990px;
	font-size: 13px;
}
.pageHeader {
	overflow: hidden;
	width: 990px;
}
.pageHeader .headerLogo { float: left; }
.pageHeader .headerInfo1 {
	position: relative;
	float: left;
	margin-left: 34px;
	border-left: 1px dotted #b4cc3d;
	width: 310px;
	height: 110px;
}
.pageHeader .headerInfo2 {
	position: relative;
	float: right;
	border-left: 1px dotted #b4cc3d;
	width: 110px;
	height: 110px;
}
.pageContent {
	overflow: hidden;
	width: 990px;
	margin-bottom: 30px;
}
.pageContent .contentAux {
	position: relative;
	float: left;
	width: 180px;
}
.pageContent .contentMain {
	overflow: hidden;
	float: right;
	width: 800px;
}
.pageContent .contentMain .columnPrimary {
	overflow: hidden;
	float: left;
	width: 580px;
}
.pageContent .contentMain .columnSecondary {
	overflow: hidden;
	float: right;
	width: 220px;
}
.contentMain p { margin: .5em 0; }

.pageFooter {
	background-color: #e6e1da;
	padding: 10px 10px 10px 210px;
	font-size: 11px;
}


/* ########## navStyles ########## */

dl.nav {
	margin-bottom: 1em;
	border-bottom: 2px solid #991f1f;
}
.nav dt {
	position: relative;
	background-color: #991f1f;
	padding: .3em 2px .3em 20px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}
.nav dt a,
.nav dt a:link,
.nav dt a:visited,
.nav dt a:active {
	color: #fff;
	text-decoration: none;
}
.nav dt a:hover {
	color: #fff;
	text-decoration: none;
}
.nav dd {
	position: relative;
	background: #f2efeb url(../img/bg_nav.gif) repeat-x 0 0;
	padding: .2em 2px .3em 20px;
}
.brands dd {
	background: #fff;
	padding: 0;
}
.brands .nav1 { border-right: 1px solid #e6e1da; }
.nav1 li { margin: 5px 0; }
.brands .nav1 li {
	margin: 0;
	border-top: 1px solid #e6e1da;
	font-weight: bold;
}
.brands .nav1 li:hover { background: url(../img/bg_nav-brands_hover.gif) repeat-y 100% 0; }
.brands li:first-child { border-top: 0; }
.nav1 li a,
.nav1 li a:link,
.nav1 li a:visited,
.nav1 li a:active {
	display: block;
	color: #333;
	text-decoration: none;
}
.nav1 li a:hover,
.nav1 li a.selected,
.nav1 li a.selected:link,
.nav1 li a.selected:visited,
.nav1 li a.selected:active {
	color: #333;
	text-decoration: underline;
}
.nav1 li em {
	font-style: normal;
	color: #c03;
}
.brands .nav1 li a,
.brands .nav1 li a:link,
.brands .nav1 li a:visited,
.brands .nav1 li a:active {
	background-repeat: no-repeat;
	background-position: 15px -39px;
	padding: 10px 10px 10px 60px;
}
.brands .nav1 li a:hover,
.brands .nav1 li a.selected,
.brands .nav1 li a.selected:link,
.brands .nav1 li a.selected:visited,
.brands .nav1 li a.selected:active {
	background-position: 15px 5px;
	color: #991f1f;
	text-decoration: none;
}


/* ########## toolBlocks ########## */

.headerInfo1 dt {
	position: absolute;
	bottom: 60px;
	left: 105px;
	background: url(../img/icon_phone-tiny.gif) no-repeat 0 50%;
	padding: 0 0 0 20px;
	font-size: 13px;
	color: #991f1f;
}
.headerInfo1 dd img {
	position: absolute;
	bottom: 0;
	left: 20px;
}
.headerInfo1 dd p {
	position: absolute;
	bottom: 0;
	left: 105px;
	font-size: 11px;
}
.headerInfo1 dd p span { display: block; }
.headerInfo1 dd p em {
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
}
.headerInfo1 dd p strong {
	font-size: 20px;
	line-height: 1.2em;
}
.headerInfo1 dd p a,
.headerInfo1 dd p a:link,
.headerInfo1 dd p a:visited,
.headerInfo1 dd p a:hover,
.headerInfo1 dd p a:active { color: #333; }

.headerInfo2 img {
	position: absolute;
	bottom: 0;
	left: 20px;
}

a.toolPhone,
a.toolPhone:link,
a.toolPhone:visited,
a.toolPhone:active {
	display: block;
	zoom: 1;
	background: url(../img/icon_phone-small.gif) no-repeat 1px .2em;
	padding-left: 30px;
	font-size: 11px;
	color: #333;
	text-decoration: none;
}
a.toolPhone:hover {
	color: #991f1f;
	text-decoration: none;
}
a.toolPhone strong {
	font-size: 13px;
	text-decoration: underline;
}

a.toolPrint,
a.toolPrint:link,
a.toolPrint:visited,
a.toolPrint:active {
	display: block;
	zoom: 1;
	background: url(../img/icon_print.gif) no-repeat 0 0;
	padding: .2em 0 .2em 35px;
	color: #758c00;
	text-decoration: none;
}
a.toolPrint:hover {
	color: #758c00;
	text-decoration: underline;
}
a.toolTellafriend,
a.toolTellafriend:link,
a.toolTellafriend:visited,
a.toolTellafriend:active {
	display: block;
	zoom: 1;
	background: url(../img/icon_tellafriend.gif) no-repeat 0 0;
	padding: .2em 0 .2em 40px;
	color: #758c00;
	text-decoration: none;
}
a.toolTellafriend:hover {
	color: #758c00;
	text-decoration: underline;
}


/* ########## blockCarousel ########## */

.blockCarousel {
	position: relative;
	float: left;
	margin: 0 0 20px 20px;
	background: #e6e1da url(../img/teaser_config-main.jpg) no-repeat 0 0;
	width: 780px;
	height: 180px;
}
* html .blockCarousel { display: inline; }
.blockCarousel .carouselSpacer {
	position: absolute;
	overflow: hidden;
	top: 114px;
	left: 400px;
	width: 360px;
	height: 42px;
}
.blockCarousel ul.carouselItems { overflow: hidden; }
* html .blockCarousel ul.carouselItems { zoom: 1; }
.blockCarousel .carouselItems li {
	float: left;
	margin-right: 15px;
	border-right: 1px dotted #b4cc3d;
	padding-top: .3em;
	width: 110px;
	font-size: 11px;
	font-weight: bold;
}
.blockCarousel .carouselItems img {
	float: left;
	margin-right: 10px;
}
.blockCarousel .carouselItems span.amount {
	display: block;
	font-size: 13px;
}
.blockCarousel .carouselItems .amount strong { font-size: 15px; }
.blockCarousel .carouselItems a,
.blockCarousel .carouselItems a:link,
.blockCarousel .carouselItems a:visited,
.blockCarousel .carouselItems a:hover,
.blockCarousel .carouselItems a:active {
	color: #333;
	text-decoration: none;
}


/* ########## blockOffer ########## */

.blockOffer {
	float: left;
	margin: 0 0 20px 20px;
}
* html .blockOffer { display: inline; }


/* ########## teaserGroups ########## */

.teaserGroups {
	float: left;
	margin: 0 0 20px;
}
* html .teaserGroups { display: inline; }
.teaserGroups h2 {
	margin: 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0 0 1em 60px;
	font-size: 15px;
	color: #991f1f;
}
* html .teaserGroups h2 { zoom: 1; }


/* ########## teaserItems ########## */

.teaserItems {
	position: relative;
	overflow: hidden;
	float: left;
	zoom: 1;
	margin: 1em 0;
}
* html .teaserItems {
	display: inline;
	zoom: 1
}
.teaserGroups .teaserItems {
	float: none;
	margin: 0 0 1em;
}
* html .teaserGroups .teaserItems { display: block; }
.teaserItems li {
	position: relative;
	float: left;
	margin-left: 20px;
	border-top: 2px solid #b4cc3d;
	background: #b4cc3d url(../img/bg_teaser1.gif) repeat-x 0 27px;
	width: 270px;
}
* html .teaserItems li { display: inline; }

.teaserItems li h2,
.teaserItems li h3 {
	margin: 0;
	background: #fff;
	padding: 5px 10px 6px;
	font-size: 13px;
	color: #991f1f;
}
.teaserItems li h2 a,
.teaserItems li h2 a:link,
.teaserItems li h2 a:visited,
.teaserItems li h2 a:hover,
.teaserItems li h2 a:active,
.teaserItems li h3 a,
.teaserItems li h3 a:link,
.teaserItems li h3 a:visited,
.teaserItems li h3 a:hover,
.teaserItems li h3 a:active {
	color: #991f1f;
	text-decoration: none;
}
.teaserItems li .teaserCopy {
	zoom: 1;
	position: relative;
}
.teaserItems li .teaserCopy dl {
	overflow: hidden;
	position: absolute;
	bottom: .2em;
	left: 130px;
	width: 135px;
	font-size: 13px;
}
.teaserItems li .teaserCopy dt {
	clear: both;
	float: left;
	margin-bottom: .4em;
	padding-top: .1em;
}
* html .teaserItems li .teaserCopy dt { display: inline; }
.teaserItems li .teaserCopy dt.highlight { padding-top: .2em; }
.teaserItems li .teaserCopy dd {
	margin-bottom: .4em;
	text-align: right;
	font-weight: bold;
}
.teaserItems li .teaserCopy dd strong { font-size: 15px; }
.teaserItems li .teaserCopy dd.highlight {
	font-size: 15px;
	color: #991f1f;
}
.teaserItems li .teaserCopy dd.highlight strong { font-size: 17px; }

.teaserItems li .teaserLink {
	clear: both;
	overflow: hidden;
	background: #fff;
	padding-right: 10px;
	height: 3em;
}
* html .teaserItems li .teaserLink { zoom: 1; }
.teaserItems li .teaserLink a,
.teaserItems li .teaserLink a:link,
.teaserItems li .teaserLink a:visited,
.teaserItems li .teaserLink a:active {
	display: block;
	float: right;
	background: #b4cc3d url(../img/bg_teaser1link.gif) repeat-x 0 0;
	padding: .3em 1em;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.teaserItems li .teaserLink a:hover {
	color: #333;
	text-decoration: underline;
}
.teaserItems li:hover .teaserLink a { padding-top: .6em; }


/* ########## columns ########## */

.column {
	overflow: hidden;
	zoom: 1;
	float: left;
	margin-left: 20px;
}
* html .column { display: inline; }

.columnSingleType1 { width: 240px; }
.columnSingleType2 {
	border-left: 1px dotted #b4cc3d;
	padding-left: 19px;
	width: 240px;
	wid\th: 220px;
}
.columnTwinType1 { width: 375px; }
.columnDoubleType1 { width: 510px; }
.columnDoubleType2 {
	border-left: 1px dotted #b4cc3d;
	padding-left: 19px;
	width: 510px;
	wid\th: 490px;
}
.column h1 {
	margin: 0 0 .5em;
	font-size: 13px;
	text-transform: uppercase;
	color: #991f1f;
}
.column h2 {
	margin: .5em 0;
	font-size: 13px;
}


/* ########## block ########## */

.block {
	overflow: hidden;
	float: left;
	margin-left: 20px;
	width: 780px;
}
* html .block { display: inline; }
.columnPrimary .block { width: 560px; }
.columnPrimary .W50 { width: 260px !important; }
.columnSecondary .block {
	margin-left: 20px;
	border-left: 1px dotted #b4cc3d;
	padding-left: 19px;
	width: 180px;
}
.block h1 {
	margin: 0 0 .75em;
	font-size: 18px;
	color: #991f1f;
}
.block h1.brand {
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0 0 1.1em 60px;
	font-size: 15px;
	color: #991f1f;
}
.block h2 {
	margin: 2em 0 1em;
	border-bottom: 1px dotted #b4cc3d;
	padding-bottom: .2em; 
	font-size: 15px;
}
.block h3,
.block h4,
.block h5,
.block h6 {
	margin: 1em 0;
	font-size: 15px;
}
.columnSecondary .block h1,
.columnSecondary .block h2 {
	margin: 0 0 .5em;
	border: 0;
	font-size: 11px;
	text-transform: uppercase;
	color: #991f1f;
}
.columnSecondary .block h3,
.columnSecondary .block h4,
.columnSecondary .block h5,
.columnSecondary .block h6 {
	margin: .5em 0;
	font-size: 13px;
}

.block p {
	margin: 0 0 1em;
	line-height: 1.5em;
}
.block li { line-height: 1.5em; }

.block ul.brands  {
	overflow: hidden;
	margin: 1em 0 2em;
	width: 100%;
}
.block .brands li {
	float: left;
	padding: .3em 0;
	width: 25%;
	line-height: auto;
	font-size: 11px;
	color: #aaa;
}
.block .brands li strong { font-size: 13px; }
.block .brands li a,
.block .brands li a:link,
.block .brands li a:visited,
.block .brands li a:active {
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-position: 0 -55px;
	padding: 20px 0 20px 55px;
	line-height: 50px;
	text-decoration: none; 
}
* html .block .brands li a,
* html .block .brands li a:link,
* html .block .brands li a:visited,
* html .block .brands li a:active {
	padding: 15px 0 15px 55px;
	line-height: 45px;
}
.block .brands li a:hover {
	background-position: 0 10px;
	text-decoration: underline;
}

.block .modelInfos {
	position: relative;
	margin: 1em 0 2em;
}
* html .block .modelInfos { zoom: 1; }
.block .modelDescription {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 240px;
}
.block .modelDescription dt {
	display: inline;
	font-size: 13px;
}
.block .modelDescription dd {
	display: inline;
	font-size: 15px;
	font-weight: bold;
}
.block .modelDescription dd strong { font-size: 18px; }
.block .modelDescription dd span.caption {
	display: block;
	margin-bottom: 1em;
}
.block .modelDescription p {
	margin: 1em 0 0;
	line-height: normal;
}


/* ########## blockTeaser ########## */

.columnSecondary .blockTeaser {
	position: relative;
	overflow: hidden;
	float: left;
	margin-left: 20px;
	border-top: 2px solid #b4cc3d;
	background: #ccc8c2 url(../img/bg_teaser2.gif) repeat-x 0 27px;
	width: 200px;
}
* html .columnSecondary .blockTeaser { display: inline; }

.columnSecondary .blockTeaser .teaserCopy {
	position: relative;
	padding: 0 10px 1em 20px;
	font-size: 13px;
}
.columnSecondary .blockTeaser .teaserCopy h2 {
	margin: 0 0 1em;
	font-size: 13px;
}
.columnSecondary .blockTeaser .teaserCopy ol {
	list-style-type: decimal;
	font-size: 15px;
	font-weight: bold;
	color: #991f1f;
}
.columnSecondary .blockTeaser .teaserCopy ol li {
	margin: .2em 0 .2em 1.4em;
	line-height: 1em;
}
* html .columnSecondary .blockTeaser .teaserCopy ol li {
	margin-left: 1.7em !important;
	line-height: 1.2em;
}
*+html .columnSecondary .blockTeaser .teaserCopy ol li {
	margin-left: 1.7em !important;
	line-height: 1.2em;
}
.columnSecondary .blockTeaser .teaserCopy ol li span {
	font-size: 13px;
	font-weight: normal;
	color: #333;
}

.columnSecondary .blockTeaser .teaserLink {
	clear: both;
	overflow: hidden;
	zoom: 1;
	background: #fff;
	padding-right: 10px;
	height: 4em;
}
.columnSecondary .blockTeaser .teaserLink a,
.columnSecondary .blockTeaser .teaserLink a:link,
.columnSecondary .blockTeaser .teaserLink a:visited,
.columnSecondary .blockTeaser .teaserLink a:active {
	display: block;
	float: right;
	background: #ccc8c2 url(../img/bg_teaser2link.gif) repeat-x 0 0;
	padding: .3em 1em;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.columnSecondary .blockTeaser .teaserLink a:hover {
	color: #333;
	text-decoration: underline;
}
.columnSecondary .blockTeaser:hover .teaserLink a { padding-top: .6em; }


/* ########## blockImage ########## */

.blockImage {
	margin: 0 0 20px 10px;
	font-size: 11px;
	color: #808080;
}
.blockImage img { display: inline; }
.blockImage p,
.blockImage .caption {
	margin-top: 6px;
	line-height: 13px;
	text-align: left;
}


/* ########## inlineImageLeft, inlineImageRight ########## */

.inlineImageLeft,
.inlineImageRight {
	margin-bottom: 10px;
	color: #888;
}
.inlineImageLeft {
	float: left;
	margin-right: 20px;
}
.inlineImageRight {
	float: right;
	margin-left: 20px;
}
.inlineImageLeft a,
.inlineImageLeft a:link,
.inlineImageLeft a:visited,
.inlineImageRight a,
.inlineImageRight a:link,
.inlineImageRight a:visited { color: #888; }
.inlineImageLeft a:hover,
.inlineImageRight a:hover { color: #888; }
.inlineImageLeft p,
.inlineImageLeft .caption,
.inlineImageRight p,
.inlineImageRight .caption {
	margin-top: 6px;
	text-align: left;
}
* html .inlineImageLeft { display: inline; }
* html .inlineImageRight { display: inline; }


/* ########## secondaryInline ########## */

.smallprint {
	font-size: 11px;
	font-weight: normal;
	color: #333;
}
.comment,
.caption {
	font-size: 11px;
	font-weight: normal;
	color: #888;
}
.error {
	font-size: 11px;
	font-weight: normal;
	color: #c03;
}
.normal {
	font-weight: normal !important;
	font-style: normal !important;
}
.color0 { color: #333; }
.color1 { color: #991f1f; }
.color2 { color: #c03; }
.color3 { color: #888; }





