/* ///////////////////////////////////////////////////////////////// */
/* ////////////////   A L L A Y   W E B S I T E   ////////////////// */
/* ///////////////////////////////////////////////////////////////// */
/* ////////////////////// Default Style-Sheet ////////////////////// */
/* //////////////////////////// v 1.0 ////////////////////////////// */
/* ///////////////////////////////////////////////////////////////// */



/* ///////////////////////   G E N E R A L   /////////////////////// */

html,
body {
	height: 100%;
	min-height: 100%;
}

body {
	background: #ffffff url('../../_abb/allay/body_bg.png') left top repeat-x;
	color: #373c41;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Geneva, Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

div#bodyArea{
	width:100%;
	height:100%;
	position: absolute;
	z-index: 1;
}

div#bodyContent {
	margin: 0px auto 0px auto;
	width: 938px;
	position: relative;
}

div#leftContent {
	width: 31px;
	float: left;
	overflow: hidden;
}

div#mainContent {
	width: 1024px;
	float: left;	
	overflow: hidden;
}

div#rightContent {
	width: 31px;
	float: left;	
	overflow: hidden;
}

/* /////////////////////   H E A D   A R E A   ///////////////////// */
div#headArea {
	height: 121px;
	border-bottom: 1px solid #b6bbbf;
	position: absolute;
	width: 840px;
	left: 49px;
}

div#headArea div#headContent {

}

div#headArea div#headContent h1,
div#headArea div#headContent h6 {
	display: none;
}

div#headArea div#headContent div#logoArea {
	position: absolute;
	left: 0px;
	top: 32px;
	z-index: 99;
}


div#headArea div#headContent img.headImage {
	display: block;
	padding: 32px 0px 0px 176px;
	margin: 0px 0px -48px 0px;
}


/* /////////////////////   P A G E   A R E A   ///////////////////// */
div#pageArea {
	padding: 122px 49px 40px 49px;
	width: 840px;
	min-height: 500px;
	background: transparent url(../../_abb/allay/page_bg.png) repeat-y ;

}

div#pageArea div#pageContent {
	clear: both;
	overflow: hidden;
	padding: 40px 0px 0px 0px;
	/*background: transparent url(../../_abb/allay/raster.png) repeat-y; */
}


/* ////////// GENERIC SETTINGS ////////// */
/* Valid for all Elements within the pageArea, no matter if inside the fullArea, the mainArea or the sideArea */

h1 {
	clear: both;
	font-size: 19px;
	font-weight: bold;
	line-height: 24px;
	margin: 16px 0px 10px 0px;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #b6bbbf;
}

h1 em {
	font-style: normal;
	font-weight: normal;
}

h2 {
	font-size: 19px;
	font-weight: normal;
	line-height: 24px;
	margin: 16px 0px 16px 0px;
}

h3 {
	font-size: 19px;
	font-weight: bold;
	line-height: 24px;
	margin: 16px 0px 16px 0px;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin: 16px 0px 16px 0px;
}

h4.articleHeadline {
	color: #c37400;
	text-transform: uppercase;
}

h5 {
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin: 16px 0px -16px 0px;
}

h6 {
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	margin: 16px 0px 16px 0px;
}

p {
	font-size: 12px;
	line-height: 16px;
	margin: 16px 0px 16px 0px;
}

p.subline {
	color: #c37400;
	font-size: 13px;
	font-weight: bold;
	margin: -8px 0 -12px;
}

em {
	color: #afafaf;
	font-style: normal;
	font-weight: normal;
}

strong {
	font-style: normal;
	font-weight: bold;
}

a {
	color: #373c41;
	padding: 0px 12px 0px 0px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: right;
}

a:hover {
	text-decoration: none;
	color: #c37400
}

/* Special Link Classes */
a.link {
	background-image: url('../../_abb/allay/icon_link.gif');
	background-position: right 1px ;
	padding-right: 10px;
}

a.external {
	background-image: url('../../_abb/allay/icon_link.gif') ;
	background-position: right 1px ;
	padding-right: 10px;
}

a.email {
	background-image: url('../../_abb/allay/icon_link.gif');
	background-position: right 1px ;
	padding-right: 10px;
}

a.popup {
	background-image: url('../../_abb/allay/icon_popup.gif');
	padding-right: 13px;
}

a.download {
	background-image: url('../../_abb/allay/icon_download.gif');
	padding-right: 12px;
}

a.whereToBuy {
	background-image: url('../../_abb/allay/icon_whereToBuy.gif');
	padding-right: 14px;
}

a.productComparison {
	background-image: url('../../_abb/allay/icon_productComparison.gif');
	padding-right: 20px;
}

a.rssFeed {
	background-image: url('../../_abb/allay/icon_rssFeed.gif');
	padding-right: 21px;
}

a.detail{
	font-weight: bold;
	background-image: url('../../_abb/allay/icon_link.gif');
	padding-left: 8px;
	background-position: left 1px;
	font-weight: bold;
}

a.back{
	font-weight: bold;
	background-image: url('../../_abb/allay/icon_back.gif');
	padding:0 0 0 8px;
	background-position: left 1px;
	font-weight: bold;
}

ul {
	list-style-position: outside;
	list-style-type: square;
	margin: 16px 0px 16px 0px;
	padding-left: 15px;
	_padding-left: 17px;
}

ul li {
	margin: 6px 0px 6px 0px;
}

ul.linkList {
	list-style: none;
	margin: 16px 0px 16px 0px;
	padding: 0px;
}

ul.linkList li {
	margin: 6px 0px 6px 0px;
}

ul.linkList li span{
	color: #c37400;
}

ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin: 16px 0px 16px 0px;
	padding-left: 19px;
	_padding-left: 24px;
}

ol li {
	margin: 6px 0px 6px 0px;
}

img {
	border: none;
}

/* Table Styles */

table {
	border-top: 1px solid #b6bbbf;
	border-collapse: collapse;
	margin: 0px;
	width: 100%;
}

table th {
	border-bottom: 1px solid #b6bbbf;
	font-weight: bold;
	padding: 4px 16px 5px 0px;
	text-align: left;
	vertical-align: top;
}

table th em {
	margin-left: 4px;
}

table th ul,
table th ol,
table th li,
table td ul,
table td ol,
table td li {
	margin: 0px !important;
}

table td {
	border-bottom: 1px solid #b6bbbf;
	font-weight: normal;
	padding: 4px 16px 5px 0px;
	vertical-align: top;
}

table td:last-child {
	padding-right: 0px;
}

table td a {
	/*	 background-image: none; Oder doch mit LinkPfeil???? Bei Produktvergleich ist es ein netter Feature  */
	padding: 0px;
}

table thead th,
table thead td {
	vertical-align: middle;
}


/* Add-on for Product Feature List */

table.features {
	width: auto;
}

table.features th {
	padding: 4px 0px 5px 0px;
	width: 195px;
}

table.features td {
	padding: 4px 0px 5px 0px;
}

table.features tbody th {
	border-right: 20px solid #fff;
}


/* Add-on for Product Comparison Chart */
table.comparison {
	width: auto;
}

table.comparison th {
	padding: 4px 0px 5px 0px;
	width: 176px;
}

table.comparison td {
	padding: 4px 20px 5px 0px;
	width: 195px;
}

table.comparison thead th,
table.comparison thead td {
	border-bottom: none;
	border-top: 1px solid #b6bbbf;
	vertical-align: middle;
}

table.comparison tbody td a {
	background-position: left top;
	display: block;
}

table.comparison tbody td a img.productThumb {
	border: none;
	margin: 0px 8px 8px 8px;
	max-height: 160px;
	width: 160px;
}

table.comparison thead td select {
	margin: 8px 0px 8px 0px;
	width: 160px;
}


/* Add-on for Search Result Table */
table.searchresult {
}

table.searchresult thead th button {
	float: right;
	margin-right: -16px;
}

table.searchresult tbody tr.sfhover th,
table.searchresult tbody tr.sfhover td,
table.searchresult tbody tr:hover th,
table.searchresult tbody tr:hover td {
	background-color: #f6f6f6;
	color: #c37400;
	cursor: pointer;
}


/* Add-on for Downloads Table */

table.downloads {
	border-top: none;
	border-bottom: 1px solid #dbdbdb;
}

table.downloads thead th {
	border-top: 1px solid #dbdbdb;
	width: 272px;
}

table.downloads thead td {
	border-top: 1px solid #dbdbdb;
	width: 272px;
}

table.downloads tbody th {
	border-bottom: none;
	width: 272px;
}

table.downloads tbody td {
	border-bottom: 1px solid #dbdbdb;
	width: 272px;
}

/* Add-on for Distributors Table */
table.distributors td.phoneNumber {
	white-space: nowrap;
}

table.distributors td a {
	font-weight: bold;
}
/* Add-on for Country/Language Select Table */
table.countryLanguage {
	width: 368px;
}

table.countryLanguage td a {
	margin-right: 8px;
	padding-right: 12px;
}

table.ridingStyle{
	border-top: none;
}

table.ridingStyle th{
	border-bottom: none;
	font-weight: normal;
	padding: 0px 10px;
}

table.ridingStyle td{
	border-bottom: none;
	padding: 0px 6px;
}

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


fieldset {
	border: none;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* FORMS  */
input,
select,
textarea {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Geneva, Arial, sans-serif;
	font-size: 12px;
	line-height: 12px;
}

button {
	background: url('../../_abb/allay/button_bg.gif') left top no-repeat;
	border: none;
	color: #c37400;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Geneva, Arial, sans-serif;
	font-size: 12px;
	height: 28px;
	line-height: 12px;
	_line-height: 20px;
	margin: -1px 0px -7px 0px;
	outline: none;
	padding: 0px 0px 7px 0px;
	text-align: center;
	vertical-align: top;
	width: 160px;
}

button:hover {
	background-image: url('../../_abb/allay/button-hover_bg.gif');
}

button:active {
	background-image: url('../../_abb/allay/button_bg.gif');
}

/* ////////// PRODUCT DETAIL ////////// */


/* Box for big Product Picture */
div.productPictureBox {
	float: left;
	position: relative;
	border-bottom: 1px solid #b6bbbf;
/*				width: 368px; */ /* 2-coloumn width */
/*				width: 560px; */ /* 3-coloumn width */
}

div.productPictureBox img{
	float: left;
	display: block;
	border: none;
}

div.productPictureBox a{
	padding: 0;
}

div.productPictureBox div.pictureBox img{
	padding-right: 20px;
}

div.productPictureBox img.detailImage{
	margin: 30px 0 10px;
}

div.pageHeadPictureBox {
	margin: 20px 0px 10px 0px;
}

div.pageHeadPictureBox img{
	display:block;
}

/* ////////// ARTICLES ////////// */

/* Article Main Area */
div.articleMain {
	float: left;
	display: inline;
	margin: 0px 20px 20px 215px;
	padding: 0;
	width: 410px;
}

div.full {
	width: 625px;
/*	_width: 600px;*/
}

div.articleMain.productPicture img {
	background: none;
	border: none;
	display: block;
}

div.articleMain h1 span.lifestyleIcons {
	float: right;
	white-space: nowrap;
}

div.articleMain h1 span.lifestyleIcons img {
	float: left;
	margin: 0px 0px 0px 8px;
}

/* Special News Teaser Box for the Main Contnent of the News Overview Page */

div.articleMain div.newsteaserBox {
/*	border-bottom: 1px solid #dbdbdb;*/
	margin: 0px 0px 0px 0px;
	padding: 0;
}

div.articleMain div.newsteaserBox:last-child {
	border-bottom: none;
	margin: 0px;
}

div.articleMain div.newsteaserBox h6 {
	color: #afafaf;
	font-weight: normal;
	margin: 16px 0px -12px 0px;
}

div.articleMain div.newsteaserBox a {
	white-space: nowrap;
	font-weight: bold;
}

/* Special Technology, Awards, UsersVoice Page */
div.articleListItem {
	border-bottom: 1px solid #b6bbbf;
	margin: 0px 0px 0px 215px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	/* width: 625px;*/
	_zoom: 1.0;
}

div.articleListItem div.articleMain{
	margin: 0px 0px 0px 0px;
}

div.articleListItem:last-child {
	border-bottom: none;
	margin-bottom: 0px;
/*		margin: 16px 0px 0px 0px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;*/
}

div.articleListItem div.articleMain img.inlinePicture {
	float: left;
	margin: 0px 20px 8px 0px;
}


/* Article Side Area */
div.articleSide {
	float: right;
	margin: 0px 0px 0px 0px;
	width: 195px;
}

div.articleSide div.pictureBox {
	clear: both;
	margin: 16px 0px 0px 0px;
}

div.articleSide div.pictureBox img{
	display: block;
}

div.articleSide div.pictureBox p.pictureText {
	color: #999999;
	display: inline;
	padding-right: 16px;
}

div.articleSide div.pictureBox a.popup {
	background-image: none;
	display: block;
	padding: 0px;
	position: relative;
}

div.articleSide div.pictureBox a.popup img {
	border: none;
	display: inline;
	margin: 0px 0px 4px 0px;
}

div.articleSide div.pictureBox a.popup span.popupLink {
	background: url('../../_abb/allay/icon_popup_pictureBox-zoom.gif') right bottom no-repeat;
	float: left;
	margin: -4px 12px 0px 0px;
	padding: 0px 12px 0px 0px;
}

div.articleSide div.articleMetaTags {
	margin: 0px 0px 20px 0px;
}

div.articleSide div.articleMetaTags h5{
	margin: 16px 0 6px;
}

div.articleSide div.articleMetaTags dl {
	border-bottom: 1px solid #dbdbdb;
	margin: 18px 0px 24px 0px;
	_zoom: 1.0;
}

div.articleSide div.articleMetaTags dl dt {
	border-top: 1px solid #dbdbdb;
	clear: both;margin:-8px 0 -12px;
	color: #888888;
	display: inline;
	float: left;
	margin: 0px;
	_margin-right: -3px;
	padding: 2px 0px 2px 0px;
	width: 80px;
}

div.articleSide div.articleMetaTags dl dd {
	border-top: 1px solid #dbdbdb;
	color: #555555;
	margin-left: 80px;
	_margin-left: 0px !important;
	padding: 2px 0px 2px 0px;
	_zoom: 1.0;
}

div.articleSide div.articleMetaTags ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-top: 1px solid #b6bbbf;
}

div.articleSide div.articleMetaTags ul li{
	border-bottom: 1px solid #b6bbbf;
	margin: 0px;
	padding: 6px 0px;
}

div.articleSide div.articleMetaTags ul li a{
	font-weight: bold;
}

/* ////////// PRODUCT OVERVIEW ////////// */

div.productOverview {
	clear: both;
	margin: -11px -20px 0px 0px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}

/* Product Range  @ ProductOverview */
div.productOverview div.productRange {
	display: inline;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.productOverview h6 {
	color: #c37400;
	margin: -20px 0 0 0;
	font-weight: bold;
	padding: 8px 0px 0px;
	height: 12px;
	position: absolute;
	top: 18px;
/*	text-indent: 20px;*/
}

/* Product Teaser Box  @ ProductOverview */
div.productOverview div.productBox {
	border-top: 1px solid #b6bbbf;
	float: left;
	height: 248px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 26px 20px 0px 0px;
	position: relative;
	width: 195px;
	_display: inline; /* BuxFix: IE6 Double-Margin Bug */
}

/* Special Version for 3column */
div.mainArea div.productOverview{
	_width: 615px; 
	margin:-1px -20px 0 0;
}

/**
 * Special Styles Productbox in Saddlefinder
 * 
 */
.saddlefinder div.productOverview h6 {
	top: 30px;
}
 
.saddlefinder div.productOverview div.productBox{
	padding-right: 10px;
	padding-top: 36px;
}

.saddlefinder div.productOverview div.productBox img.productThumb {
	top: 86px;
}

div.productOverview div.first-child {}
div.productOverview div.last-child {
	margin: 0px 20px 0px 0px;
	padding: 26px 0px 0px 0px;
}

div.productOverview div.productBox h5 {
	margin: 0px 0px 0px 0px;
}

div.productOverview div.productBox p {
	margin: 0px 0px 8px 0px;
}

div.productOverview div.productBox:hover {
/*	cursor: pointer;*/
}

div.productOverview div.productBox a {
/*	background: none;*/
/*	padding: 0px;*/
}

div.productOverview div.productBox img.productThumb {
	/* BORDERs instead of MARGINs; to cover/hide overflowing text */
	border-color: #fff;
	border-style: solid;
	border-width: 9px 20px 8px 20px;
	margin: 0px;
	max-height: 160px;
	padding: 0px;
	position: absolute;
	top: 76px;
	width: 160px;
}

div.productOverview div.productBox div.iconNewProduct {
/*	background: url('../../_abb/allay/icon_newProduct_outerBG.gif') left top no-repeat;*/
	bottom: 144px;
	left: 16px;
	position: absolute;
	_width: 24px; /* IE6 BugFix */
	z-index: 50;
}

div.productOverview div.first-child div.iconNewProduct { /* Different Style for the DIV.ProductBox:first-child look-alike phantom style */
	left: 0px;
}

div.productOverview div.productBox div.iconNewProduct p {
/*	background: url('../../_abb/allay/icon_newProduct_innerBG.gif') right top no-repeat;*/
	color: #ffffff;
	font-weight: bold;
	height: 19px;
	margin: 0px 0px 0px 2px;
	padding: 1px 4px 0px 2px;
	text-decoration: none; /* Don't underline this text on Box MouseOver */
}

div.productOverview div.productBox:hover div.iconNewProduct p {
	color: #ffffff;
	text-decoration: none;
}

/* ////////// FAQ Accordion ////////// */
/**
* @section FAQ Accordion
*/
div.accordion {
	margin: 24px 0px 0px 0px;
	width: 622px;
}

div.accordion dl {
	margin: 0;
	border-bottom: 1px solid #b6bbbf;
}

div.accordion dl dt {
	margin: 0px 0px -8px 0px;
	overflow: hidden;
	padding: 3px 0px 3px 0px;
	_zoom: 1.0;
	border-top: 1px solid #b6bbbf;
}

div.accordion dl dt strong {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 450px;
}

div.accordion dl dt a.toggleView {
	float: right !important;
	font-weight: bold;
	padding: 0px 14px 0px 0px;
}

div.accordion dl dt a {
	background: url('../../_abb/allay/icon_link.gif') right center no-repeat;
}

div.accordion dl dt.actualPosition a {
	background: url('../../_abb/allay/icon_back.gif') right center no-repeat;
	padding-left: 12px;
	padding-right: 0px;
	background-position: left;
	/*display: none;*/
}

div.accordion dl dd {
	background: #ffffff;
	margin: 0px 0px 8px 0px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}

div.accordion dl dd p{
	color: #666666;
	margin:4px 0;
}

div.accordion dl dt.actualPosition {
	margin: 0px 0px 0px 0px;
}


/* ////////// FULL AREA ////////// */

/* Content Area with NO sideArea */
div.fullArea {
	clear: both;
	margin: -10px 0px 20px 0px;
	overflow: hidden;
	/** width: 625px;*/
}

/* /////////// MAIN AREA ///////// */
/* Content Area in conjunction with a sideArea */
div.mainArea {
	clear: both;
	float: left;
	margin: 0px 20px 0px 0px;
	overflow: hidden;
	width: 605px; 
/*	_width: 615px; */
	display: inline; /* @bugfix: double margin bug! ie6 */
}

/* ////////// SIDE AREA ////////// */
/* Teaser Margin Area righthand of the mainArea */
div.sideArea {
	float: left;
	margin: 0px 0px 0px 20px;
/*	overflow: hidden;*/
	width: 195px;
}

/* ////////// TEASER BOXES ////////// */
/* Teaser Boxes for the SideArea and the Homepage as well */
div.teaserBox {
	background: #fff;
	border:1px solid #b6bbbf;
	_height: 80px;
	margin: 16px 0px 16px 0px;
	min-height: 80px;
	padding: 0px;
}

div.teaserBox div.teaserBoxContent {
	_height: 62px;
	min-height: 62px; /* 76px - padding (6px + 8px) */
	padding: 2px 10px;
}

div.teaserBox div.teaserBoxContent h2.priceTag {
	margin: -4px 0px -6px 0px;
}

div.teaserBox div.teaserBoxContent h4 {
	margin: 8px 0px 8px 0px;
}

div.teaserBox div.teaserBoxContent h5 {
	margin: 4px 0px -4px 0px;
}

div.teaserBox div.teaserBoxContent h6 {
	color: #afafaf;
	margin: 8px 0px -8px 0px;
}

div.teaserBox div.teaserBoxContent p {
	margin: 8px 0px 8px 0px;
	line-height: 15px;
}

div.teaserBox div.teaserBoxContent a {
	_display: inline-block;
	*display: inline-block;
	/*padding: 0;*/
}

div.teaserBox div.teaserBoxContent hr {
	border-top: 1px solid #b6bbbf;
	border-right: none;
	border-bottom: 1px solid #ffffff;
	border-left: none;
	margin: 8px 0px 8px 0px;
	*margin: 0px 0px -16px 0px;
}

div.teaserBox div.teaserBoxContent img.teaserThumbnail {
	float: right;
	margin: 0px 0px 8px 8px;
}

div.teaserBox div.teaserBoxContent ul.linkList {
	margin: 13px 0px 8px 0px;
}

div.teaserBox div.teaserBoxContent div.pictureBox{
	margin: 8px -10px -2px -10px;
}

div.teaserBox div.teaserBoxContent div.pictureBox img{
	display: block;
}
/* SPECIAL TEASER BOXES */

/* Special Teaser Box */
/* Featuring a slightly darker gray background */
div.teaserBox.specialBox {}
div.teaserBox.specialBox div.teaserBoxContent {}

/* Catalogue Special Teaser Box */
div.teaserBox img.catalogueCover {
	float: right;
	margin: 0px -4px 0px 8px;
}

/* Product Related Box */
/* Featuring a light mustard coloured background */
div.teaserBox.relatedBox {}
div.teaserBox.relatedBox div.teaserBoxContent {}

div.teaserBox.relatedBox div.teaserBoxContent hr {
	border-top: 1px solid #c37400;
	border-bottom: 1px solid #ffffff;
	margin: 8px 0px -5px 0px;
	}

div.teaserBox.relatedBox div.teaserBoxContent h6 {
	color: #999999;
	}

/* ////////////////////   N A V I G A T I O N   //////////////////// */
div#navigationArea {
	left: 41px;
	position: absolute;
	top: 86px;
	width: 850px;
}

div#navigationArea div#navigationContent {
/* color: #666666; */
}


/* MAIN NAVIGATION */
ul#mainNavigation {
	color: #666666;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	z-index: 100;
	position: relative;
}

ul#mainNavigation ul {
	list-style: none;
}

ul#mainNavigation li {
	float: left;
	_display: inline; /* @bugfix ie6 double margin */
	height: 36px;
	margin: 0px 1px 0px 0px;
	position: relative; /* @bugfix ie6 position of child ul */
}

ul#mainNavigation li a {
	background-image: none;
	color: #373c41;
	display: block;
	_float: left;
	font-weight: normal;
	/*height: 46px;  54px - 8px padding-top */
	padding: 8px 10px 0px 10px;
	position: relative;
	text-decoration: none;
	z-index: 80;
	position: relative;/* @bugfix: ie6 */
}

ul#mainNavigation li:hover,
ul#mainNavigation li.sfhover {
	background-color: #2a2a2a;
}

ul#mainNavigation li:hover a,
ul#mainNavigation li.sfhover a {
	color: #c37400;
}

ul#mainNavigation li.actualPosition {}

ul#mainNavigation li.actualPosition a {
	color: #c37400;
}

/* MAIN NAVIGATION, 2nd Level */
ul#mainNavigation li ul {
	background: url('../../_abb/allay/navi_ul_li_ul_bg.png') left bottom no-repeat;
	_background: url('../../_abb/allay/navi_ul_li_ul_bg.gif'); 
	left: -999em;
/*	margin-left: -9px;
	left: 0px; 
	top: 54px;*/
	margin-top: -18px;
	padding: 0px 16px 13px 0px;
	position: absolute;
	width: 176px;
}

ul#mainNavigation li.actualPosition ul {}
ul#mainNavigation li#mainNavigation_A ul {}

ul#mainNavigation li ul li {
	background-image: none;
	border-top: 1px solid #3d3d3d;
	height: auto;
	margin: 0px 0px 0px 9px;
	position: static;  /* @bugfix: ie6 */
	width: 175px;
	z-index: 80;
}

ul#mainNavigation li ul li a,
ul#mainNavigation li:hover ul li a,
ul#mainNavigation li.sfhover ul li a,
ul#mainNavigation li.actualPosition ul li a {
	background-image: none;
	color: #999999;
	font-weight: normal;
	height: 16px;
	padding: 4px 16px 4px 10px;
	width: 148px;
}

ul#mainNavigation li ul li span{
	background-image:none;
	color:#999999;
	font-weight:normal;
	height:16px;
	padding:4px 16px 4px 10px;
	display: block;

}

ul#mainNavigation li ul li a:hover,
ul#mainNavigation li.actualPosition ul li a:hover{
	background-color: #444444;
	color: #c37400;
}

/*ul#mainNavigation li ul li.category a,
ul#mainNavigation li ul li.category:hover a{
	background-color: transparent !important;
	color: #999999 !important;
	cursor: default;
}*/

ul#mainNavigation li.actualPosition ul li.actualPosition {
	background-image: none;
}

ul#mainNavigation li.actualPosition ul li.actualPosition a {
	color: #c37400;
}

ul#mainNavigation li ul li:hover,
ul#mainNavigation li ul li.sfhover {
	background-image: none;
}

ul#mainNavigation li:hover ul,
ul#mainNavigation li.sfhover ul {
	left: 0px; /*auto*/
	top: 54px;
	margin-left: -9px;
	z-index: 90;
}

ul#mainNavigation li:hover ul li,
ul#mainNavigation li.sfhover ul li {
	border-color: #4a4a4a;
}

ul#mainNavigation li#mainNavigation_A:hover ul,
ul#mainNavigation li#mainNavigation_A.sfhover ul {
	z-index: auto;
	_z-index: -1;
}

/* MAIN NAVIGATION, 3rd Level */
ul#mainNavigation li ul li ul {
	background: none;
	margin: 0px;
	padding: 0px;
	position: static;
	width: 160px;
}

ul#mainNavigation li ul li ul li {
	margin: 0px 0px 0px 0px;
/*	width: 128px;*/
}

ul#mainNavigation li:hover ul li ul,
ul#mainNavigation li.sfhover ul li ul {
	margin-left: 0px;
	
}

ul#mainNavigation li ul li ul li a,
ul#mainNavigation li:hover ul li ul li a,
ul#mainNavigation li.sfhover ul li ul li a,
ul#mainNavigation li.actualPosition ul li ul li a {
/*	width: 112px;*/
	padding:4px 16px 4px 20px;
	width: 138px;
}

/* MAIN NAVIGATION, 4th Level */
ul#mainNavigation li ul li ul li ul {
	display: none;
}

/**
* @section META NAVIGATION
* @description Home for Country/Language Selection etc. 
* @author Larsen
*/

ul#metaNavigation {
	 /* _display: inline;IE6 BugFix: Double Margin Bug */
	float: right;
	list-style: none;
	margin: -54px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 101;
	position: relative;
}

ul#metaNavigation li {
	float: left;
	display: inline; /* @bugfix ie6 double margin */
	height: 32px;
	margin: 0px 0px 0px 0px;
	position: relative; /* @bugfix ie6 position of child ul */
}

ul#metaNavigation li a {
	display: block;
	_float: left;
	font-weight: normal;
	height: 24px; /* 32px — 8px padding-top */
	padding: 8px 0px 0px 8px;
	position: relative;
	text-decoration: none;
	z-index: 80;
	position: relative;/* @bugfix: ie6 */
	color: #AFAFAF;
}

ul#metaNavigation li a:hover {}

/* Meta Navigation Item: Change Region PopUp Link */
ul#metaNavigation li#metaNavigation_changeRegion a {
	background-image: none; /* Image is dynamically applyed inline */
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 21px;
}

/* First Meta Navigation Item = Shopping Cart */
ul#metaNavigation li#metaNavigation_X {
	margin-left: 0px;
}

ul#metaNavigation li#metaNavigation_X a {}

ul#metaNavigation li#metaNavigation_X ul {
	left: -999em;
	margin-top: -22px;
	padding: 0px 16px 20px 16px;
	position: absolute;
	width: 176px;

}

ul#metaNavigation li#metaNavigation_X ul li {
	background-image: none;
	border-top: 1px solid #3d3d3d;
	color: #999999;
	height: auto;
	margin: 0px 16px 0px 16px;
	padding: 4px 0px 4px 0px;
	position: static;  /* @bugfix: ie6 */
	width: 144px;
	z-index: 80;
}

ul#metaNavigation li#metaNavigation_X ul li a,
ul#metaNavigation li#metaNavigation_X:hover ul li a,
ul#metaNavigation li#metaNavigation_X.sfhover ul li a,
ul#metaNavigation li#metaNavigation_X.actualPosition ul li a {
	background-image: none;
	color: #999999;
	font-weight: normal;
	height: 16px;
	padding: 4px 16px 4px 0px;
	width: 128px;
}

ul#metaNavigation li#metaNavigation_X:hover ul,
ul#metaNavigation li#metaNavigation_X.sfhover ul {
	background-position: right bottom;
	left: 0px; /*auto*/
	top: 54px;
	margin-left: -16px;
	z-index: 90;
}

/* Center Meta Navigation Item = International PopUp Link */
ul#metaNavigation li#metaNavigation_Y a {
	background-image: none;
}

/* Last Meta Navigation Item = Homepage Link */
ul#metaNavigation li#metaNavigation_Z a {
	background-image: none;
	height: 24px; /* 32px - 8px padding-top */
	margin-right: -89px;
	width: 140px;
}


/* ////////////////////////   F O O T E R   //////////////////////// */
div#footerArea {
	clear: both;
	overflow: hidden;
	margin: 0px;
	padding: 0px 9px;
	width: 920px;
	background:transparent url(../../_abb/allay/theEnd.png) no-repeat scroll center top;
}

div#footerArea div#footerContent {
	margin-top: -5px;
	*margin-top: 0px;
}

div#footerArea div#footerContent p#topeakBrands {
	float: left;
	font-size: 10px;
	margin: 10px 0px 10px 0px;
}

div#footerArea div#footerContent p#topeakBrands a {
	background-image: none;
	color: #c37400;
	padding: 0px;
	text-decoration: none;
	position: relative;
}

div#footerArea div#footerContent p#topeakBrands a:hover {
	text-decoration: underline;
}

div#footerArea div#footerContent p#legalText {
	color: #373c41;
	font-size: 10px;
	margin: 10px 0px 10px 0px;
/*	text-align: right;
	float: right;*/
}

div#footerArea div#footerContent p#legalText a {
	background-image: none;
	color: #afafaf;
	padding: 0px;
	text-decoration: none;
}

div#footerArea div#footerContent p#legalText a:hover {
	color: #c37400;
	text-decoration: underline;
}

/* //////////////////////   H O M E P A G E   ////////////////////// */

div#pageArea div#pageContent.homepage {
	padding: 20px 0px 0px 0px;
	margin: 0 -20px 0 0 ;
	_margin: 0 -40px 0 0 ;
	overflow: hidden;
}

/* HOMEPAGE TEASER BOXES */

/* Main Teaser Box */
div.mainTeaserBox {
	margin: 0px 0px 0px 0px;
}

div.mainTeaserBox img{
	display: block;
}

div#pageContent.homepage div.teaserBox {
	float:left;
	margin: 20px 20px 10px 0;
	width: 193px;
	min-height: 180px;
	_height: 180px;
	cursor: pointer;
}

div#pageContent.homepage div.teaserBox div.teaserBoxContent a {
	padding: 0;
}

/* //////////////////////   S P E C I A L S   ////////////////////// */

/**
*   @section: SmoothBox PopUp
*   @author: Larsen
*   @since: 20080222
*   @version: 0.2
*   @revision: 20080222 - 0
*   @comment: the 'smoothbox.js' had been changed for advanced styling abilities -> 'smoothbox_wy.js'
*/

/* Overlayer to shade Page Background */
iframe#TB_HideSelect {
	background-color: #ffffff;
	border: none;
	left: 0px;
	position: absolute;
	top: 0px;
	z-index: 200;
}

div#TB_overlay {
	background-color: #000000;
	left: 0px;
	position: absolute;
	top: 0px;
	z-index: 201;
}

div#TB_load {
	display: none;
	height: 100px;
	position: absolute;
	width: 100px;
	z-index: 101;
}


/* The general PopUp Window */
div#TB_window {
	padding: 10px;
	position: absolute;
	text-align: left;
	z-index: 202;
}

/* Title Bar */
div#TB_window div#TB_title {
	background: black;
	height: 32px;
}

/* Close Button */
div#TB_window div#TB_title a#TB_closeWindowButton {
	background: transparent url('../../_abb/allay/popup-button_close.png') center center no-repeat;
	_background-image: url('../../_abb/allay/popup-button_close.gif');
	display: block;
	height: 30px;
	padding: 0px;
	position: absolute;
	right: 12px;
	top: 12px;
	width: 30px;
	z-index: 209;
}

/* Prev-/Next-Buttons */
div#TB_window div#TB_title span#TB_next {
	display: block;
	_display: none; /* no way to get this done in IE6 */
}
	
div#TB_window div#TB_title span#TB_next a {
	background-image: none;
	display: block;
	width: 50%;
	height: 100%;
	padding: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 208;
}
	
div#TB_window div#TB_title span#TB_next a:hover {
	background: url('../../_abb/allay/popup-button_next.png') right center no-repeat;
}
	
div#TB_window div#TB_title span#TB_prev {
	display: block;
	_display: none; /* no way to get this done in IE6 */
}

div#TB_window div#TB_title span#TB_prev a {
	background-image: none;
	display: block;
	width: 50%;
	height: 100%;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	z-index: 207;
}

div#TB_window div#TB_title span#TB_prev a:hover {
	background: url('../../_abb/allay/popup-button_prev.png') left center no-repeat;
}


/* Image PopUp */
div#TB_window a#TB_ImageOff {
	background-color: #ffffff;
	background-image: none;
	display: block;
	padding: 0px;
}

div#TB_window a#TB_ImageOff img#TB_Image {
	border: none;
	display: block;
	padding: 15px 15px 5px 15px;
}

/* Lower Part of the Picture Window */
div#TB_window div#TB_caption {
	background: #ffffff;
	padding: 0px 15px 15px 15px;
	overflow: hidden;
	_zoom: 1.0;
}

/* Image Count */
div#TB_window div#TB_caption div#TB_secondLine {
	color: #afafaf;
	float: right;
	font-size: 10px;
	line-height: 16px;
}


/* AJAX PopUp */
div#TB_window div#TB_ajaxWindowTitle {
	background: #000;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	height: 23px;
	margin: 0px;
	padding: 9px 15px 0px 15px;
}

div#TB_window div#TB_ajaxContent {
	background-color: #ffffff;
	padding: 15px;
	overflow: auto;
}

/* Saddle Background Images for BodyArea */

div#bodyArea.homepage{
	background:  url(../../_abb/allay/page-background/homepage.png) no-repeat 50%  0%;
	_background:  url(../../_abb/allay/page-background/homepage.gif) no-repeat 50%  0%;
}

div#bodyArea.saddles{
	background:  url(../../_abb/allay/page-background/saddles.png) no-repeat 50%  0%;
	_background:  url(../../_abb/allay/page-background/saddles.gif) no-repeat 50%  0%;
}

div#bodyArea.comfort-concept{
	background:  url(../../_abb/allay/page-background/comfort-concept.png) no-repeat 50%  0%;
	_background:  url(../../_abb/allay/page-background/comfort-concept.gif) no-repeat 50%  0%;
}

div#bodyArea.info{
	background:  url(../../_abb/allay/page-background/info.png) no-repeat 50%  0%;
	_background:  url(../../_abb/allay/page-background/info.gif) no-repeat 50%  0%;
}

div#bodyArea.service{
	background:  url(../../_abb/allay/page-background/service.png) no-repeat 50%  0%;
	_background:  url(../../_abb/allay/page-background/service.gif) no-repeat 50%  0%;
}

div#bodyArea.accessories{
	background:  url(../../_abb/allay/page-background/accessories.png) no-repeat 50%  0%;
	_background:  url(../../_abb/allay/page-background/accessories.gif) no-repeat 50%  0%;
}

div#bodyArea.about-us{
	background:  url(../../_abb/allay/page-background/about-us.png) no-repeat 50%  0%;
	_background:  url(../../_abb/allay/page-background/about-us.gif) no-repeat 50%  0%;
}

/**
 * @section relatedProductNavigation 
 * Navigation for color versions
 *
 * @author norbert
 * @since 20080829
 * @see Product Detail Page / 
 */
ul.relatedProductNavigation{
	margin: 8px 0px -20px 0px;
	padding: 0px 0px 0px 0px;
}

ul.relatedProductNavigation li{
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.relatedProductNavigation li a{
	padding: 0 8px 0 10px;
}

ul.relatedProductNavigation li a:hover{
	text-decoration: none;
	color: #c37400;
}

ul.relatedProductNavigation li a.active{
	color: #c37400;
}

/**
 * @section Riding Style
 * @author norbert
 * @since 20080829
 * @see Product Detail Page
 */
div.ridingStyleIndicatorArea{
	width: 168px;
	height: 8px;
	background: url(../../_abb/allay/indicator-inactive.png) left repeat-x;
	margin: 10px 0 2px 4px;
}

div.ridingStyleIndicatorContent{
	height: 8px;
	background: #c37400 url(../../_abb/allay/indicator-active.gif) left repeat-x;
	text-indent: -999px;
}

div.racing{
	margin: 0 112px 0 0;
	width: 56px;
}

div.racing-sport{
	margin: 0 56px 0 0;
	width: 112px;
}

div.sport{
	margin: 0 56px 0 56px;
	width: 56px;
}

div.sport-casual{
	margin: 0 0 0 56px;
	width: 112px;
}

div.casual{
	margin: 0 0 0 112px;
	width: 56px;
}

/**
 * @section Saddlefinder
 * @author norbert
 * @since 20080829
 * @see page "Saddlefinder"
 */
form.saddlefinder{}

form.saddlefinder fieldset{
	border-top:1px solid #B6BBBF;
	border-bottom: 1px solid #B6BBBF;
	margin: -1px 0 0 0 ;
	padding:20px 0px 20px 0px;
}

form.saddlefinder fieldset h6 {
	color: #C37400;
	font-weight: bold;
	height: 12px;
	margin: -10px 0 10px 0;
	padding: 8px 0 0;
	text-transform: uppercase;
}

form.saddlefinder fieldset label{
	display: block;
	float: left;
	width: 195px;
	margin: 0 10px 10px 0;
	cursor: pointer;
}

form.saddlefinder fieldset label.last-child{
	margin-right:-20px;
}

form.saddlefinder fieldset label strong,
form.saddlefinder fieldset label input{
	vertical-align: middle;
	margin: 0 5px 0 0;
}

/* graphical buttons */
div.buttonArea{
	background-image: url(../../_abb/allay/button-sidearea.png);
	display: block;
	width: 200px;
	height:22px;
	margin: 16px -2px;
	padding: 2px 0px;
	text-align: center;
}

div.buttonArea a{
	color: #fff;
	padding: 0px 10px;
	line-height: 16px;
}

div.noOffset div.articleMain{
	margin-left: 0px;
	width: 840px;
}

/**
 * @section Tabs
 */
 
.tabs{
	width:100%;
	margin-top: 20px;
}

.tabs ul.tabnavigation{
	margin: 0;
	padding: 0;
	list-style: none;
	height: 40px;
	background: url(../../_abb/allay/tab-bg.gif) no-repeat right bottom;
}

.tabs ul.tabnavigation li {
	float: left;
	background: url(../../_abb/allay/tab-default-right.gif) no-repeat right top;
	margin:0 2px 0 0;
	padding:0;
	height: 29px;
	overflow: hidden;
}

.tabs ul.tabnavigation li a {
	display: block;
	float: left; 
	background: url(../../_abb/allay/tab-default-left.gif) no-repeat left top;
	padding: 8px 10px 8px 10px;
	font-weight: bold;
	font-size:10px;
}

.tabs ul.tabnavigation li.current {
	background-image: url(../../_abb/allay/tab-active-right.gif);
}

.tabs ul.tabnavigation li.current a{
	background-image: url(../../_abb/allay/tab-active-left.gif);
	color: #c37400;
}

.tabs div.content{
	display: none;
	clear: both;
	position: relative;
	padding: 10px 20px 10px 20px;
	margin-top: -5px;
	background: url(../../_abb/allay/tab-container-bg.gif)  0px bottom no-repeat;
	min-height: 360px;
	_height: 360px;
}

.tabs div.current{
	display: block;
}

.tabs div.content div.teaserBox {
	border-color: #dadddf;

}

.tabs div.content div.teaserBox p{
	line-height: 16px;
}

/**
 * @section dealersearch
 */
.dealersearch{
	padding: 40px 20px 20px 20px;
	background-color: #ffffff;
}

.dealersearch h1{
	color: #c37400;
	background-color: transparent;
}

.dealersearch h4{
	margin:0 0 20px 0;
}

.dealersearch p.addressForm{
	border-top: 1px solid #b1b3b4;
	border-bottom: 1px solid #b1b3b4;
	margin:0 0 20px 0;
	padding: 10px 0 10px 0;
	position: relative;
}

.dealersearch p.addressForm a{
   background-image: url(../../_abb/allay/icon_link.gif);
   background-position: left 1px;
   font-weight: bold;
   padding-left: 8px;
	position: absolute;
	right: 0px;
	top: 14px;
}

#mapContainer{
/*	position:relative;*/
	width:610px;
	height:400px;
	margin-bottom: 20px;
}

#mapContainer #sidebar{

}

#mapContainer #sidebar *{
	font-size: 11px;
}


#mapContainer #map{
	width:600px; 
	height:360px;

}

#mapContainer #sidebar div{
	border-top:1px solid #b1b3b4;
	padding:2px 0px;
	margin:0px !important;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
   :root ul#mainNavigation li {
   	display: inline-table; /* @bugfix opera 9 */
   }
}