/* -----------------------------------------------------------------------------------------
 * mobile.de
 * default screen stylesheet
 *
 * $URL$
 * $Rev$
 * $Date$
 * $Author$
 * ----------------------------------------------------------------------------------------- */
/* notes:
 - lanugage specific styles may be outsourced (marker: body.de, body.en, etc.)
 - remove comments at live version!
 */
/* =========================================================================================
 * ########## general styles ##########
 * (layout)
 * (basic elements)
 * (specific styles)
 * ========================================================================================= */
/* -----------------------------------------------------------------------------------------
 * html + body
 * ----------------------------------------------------------------------------------------- */

body {
	background: #fff;
	color: #2d2d2d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; /* 12px/1em */
	margin: 0;
	padding: 0;
}

/* -----------------------------------------------------------------------------------------
 * typo
 * ----------------------------------------------------------------------------------------- */
h6,
h5,
h4 { }
h3 { }
h2 { }
h1 { }

p {
	font-size: 1em;
	line-height: 1.2em;
	padding: 0;
	margin: 0 0 10px 0;
}
abbr, acronym {
	border: 0;
}

/* lists */
ul, ol {
	margin: 0 0 1em 0;
	padding: 0;
}

li {
	margin: 0 0 0.3em 1.5em;
	padding: 0;
}

/* -----------------------------------------------------------------------------------------
 * images
 * ----------------------------------------------------------------------------------------- */
img {
	border: 0;
}

/* -----------------------------------------------------------------------------------------
 * forms
 * ----------------------------------------------------------------------------------------- */
input,
select{
	color: #2d2d2d;
}

input[type="text"],
input[type="password"],
select {
	border: 1px solid #B6B6B6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
label.label-radio {
	position: relative;
	top: 1px;
}

/* -----------------------------------------------------------------------------------------
 * media types
 * ----------------------------------------------------------------------------------------- */
.reader {
	/* hide on screen but make available for screenreaders */
	position: absolute !important;
	left: -999em !important;
	width: 10px !important;
	height: 10px !important;
	overflow: hidden !important;
}
.print {
	/* hide */
	display: none !important;
	visibility: hidden !important;
}
.preload {
	/* dont show but load, use for pictures */
	position: absolute !important;
	left: -999em !important;
	top: -999em !important;
}

/* -----------------------------------------------------------------------------------------
 * etc
 * ----------------------------------------------------------------------------------------- */
.clear {
	clear: both;
	width: 1px; /* force content */
	line-height: 0;
}
.clearLayer {
	clear: both;
	line-height: 0;
	font-size: 0;
}
.clearer {
	clear: both;
}

/* complex clearfix - mbeck */

.cf:after                       { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;}
.ie6 .cf                        { height: 1%;}
.scf                            { width: 100%; overflow: hidden; }

.hide {
	visibility: hidden;
	position: absolute;
	top: -1000px;
	left: -1000px;
}

.ad-marker {
	position: relative;
	font-size: 11px;
	color: #666;
	margin: 0;
	padding: 0;
}

/* TODO: PUT THIS SELECTOR INTO "screen.css" */
.boxclearonly {
	clear: both !important;
}

.iconSprite {
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	background: #fff url(./../../images/sprites/commonSprite.png) no-repeat;
}

.iconSprite.onsiteline {
	background: transparent url(./../../images/sprites/repeat_x_sprite.png) repeat-x 0 0;
	height: 3px;
	width: 100%;
	margin-bottom: 10px;
}

/* =========================================================================================
 * (general styles)
 * ########## layout ##########
 * (basic elements)
 * (specific styles)
 * ========================================================================================= */
/*
 page
 header
 content
 footer

 columns
 */
/* -----------------------------------------------------------------------------------------
 * page
 * ----------------------------------------------------------------------------------------- */
.page {
    z-index: 1;
	width: 806px;
	background: #fff;
	padding: 10px;
	position: relative; /* make parent */
}

/* -----------------------------------------------------------------------------------------
	 * header
	 * ----------------------------------------------------------------------------------------- */
	div.header {
	        background: #e1e1e1 url(./../../images/sprites/repeat_x_sprite.png) repeat-x 0 -47px;
	        width: 804px; /* -2px border */
	        height: 108px; /* -2px border */
	        border: 1px solid #b0b0b0;
	}

	body.fr div.header,
	body.it div.header {
	        background:none repeat scroll 0 0 #FFFFFF;
	}
	body#dealer.fr div.header,
	body#dealer.it div.header {
	        background: #e1e1e1 url(./../../images/sprites/repeat_x_sprite.png) repeat-x 0 -47px;
	}

	.header .logo {
	        background: transparent url(./../../images/sprites/lang_de_sprite.png) no-repeat 0 0;
	        width: 146px;
	        height: 35px;
	        display: block;
	}
			body.en .header .logo { background-image: url(./../../images/sprites/lang_en_sprite.png); }
			body.es .header .logo { background-image: url(./../../images/sprites/lang_es_sprite.png); }
			body.cz .header .logo { background-image: url(./../../images/sprites/lang_cz_sprite.png); }
			body.ru .header .logo { background-image: url(./../../images/sprites/lang_ru_sprite.png); }
			body.ro .header .logo { background-image: url(./../../images/sprites/lang_ro_sprite.png); }
			body.pl .header .logo { background-image: url(./../../images/sprites/lang_pl_sprite.png); }
			body.fr .header .logo { background-image: url(./../../images/sprites/lang_fr_sprite.png); }
			body.it .header .logo { background-image: url(./../../images/sprites/lang_it_sprite.png); width: 190px;}

	.header .claim {
			background: transparent url(./../../images/sprites/lang_de_sprite.png) no-repeat 0 -49px;
			width: 500px;
			height: 30px;
			display: block;
			float: left;
			margin: 0 0 0 12px;
			padding: 11px 0 0;
	}
			body.en .header .claim { background-image: url(./../../images/sprites/lang_en_sprite.png); }
			body.es .header .claim { background-image: url(./../../images/sprites/lang_es_sprite.png); }
			body.cz .header .claim { background-image: url(./../../images/sprites/lang_cz_sprite.png); }
			body.ru .header .claim { background-image: url(./../../images/sprites/lang_ru_sprite.png); background-position: 0 -51px; }
			body.pl .header .claim { background-image: url(./../../images/sprites/lang_pl_sprite.png); }
			body.ro .header .claim { background-image: url(./../../images/sprites/lang_ro_sprite.png); }
			body.it .header .claim { background-image: url(./../../images/sprites/lang_it_sprite.png); }
			body.fr .header .claim { background-image: url(./../../images/sprites/lang_fr_sprite.png); background-position: 0 -55px; }

/* rounded corners */
.header .rc {
	position: absolute; /* parent is not header but site wrapper! */
	width: 4px;
	height: 4px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.header .rc {
	background-image: url(./../../images/sprites/commonSprite.png);
}
@media aural {
	/* hide for screenreaders */
	.header .rc {
		display: none !important;
		visibility: hidden !important;
	}
}
.header .tl {
	top: 10px;
	left: 10px;
	background-position: -38px -532px;
}
.header .tr {
	top: 10px;
	right: 10px;
	background-position: -44px -532px;
}
.header .bl {
	top: 116px;
	left: 10px;
	background-position: -38px -538px;
}
.header .br {
	top: 116px;
	right: 10px;
	background-position: -44px -538px;
}

/* -----------------------------------------
 * corporate
 * ----------------------------------------- */
.header h1,
.header p {
	display: block;
	height: 35px;
	margin: 26px 0 0 20px;
	padding: 0;
}
.header .logo {
	display: block;
	float: left;
	width: 146px;
	height: 35px;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
}

img.logo {
	vertical-align: bottom;
	margin-bottom: 1px;
	border: 0;
	height: 13px;
	width: 52px;
}

/* -----------------------------------------------------------------------------------------
 * content
 * ----------------------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------------------
 * footer
 * ----------------------------------------------------------------------------------------- */
.footer {
	padding: 0;
	clear: both;
}

/* lists */
.footer ul,
.footer ol {
	display: table;
	width: 100%; /* firefox 2 */
	margin: 0;
	padding: 0;
}
.footer li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* links */
.footer a {
	color: #2d2d2d !important; /* use !important because of CSS specificiy */
	text-decoration: none !important;
}
.footer a:hover,
.footer a:focus,
.footer .jslink:hover,
.footer .jslink:focus {
	color: #ee6002 !important; /* orange */
	text-decoration: underline !important;
}

.footer .trcLink:hover,
.footer .trcLink:focus {
	color: #ee6002 !important;
	cursor: pointer;
}

.footer .social-link,
.socialmediaicons .social-link,
.fsbo-recomendation .social-link {
	width: 16px;
	height: 16px;
	background: #fff url(./../../images/sprites/commonSprite.png) no-repeat;
	text-decoration: none;

}
.footer .social-link:hover,
.footer .social-link:focus,
.socialmediaicons .social-link:hover,
.socialmediaicons .social-link:focus,
.fsbo-recomendation .social-link:hover,
.fsbo-recomendation .social-link:focus  {
	text-decoration: none !important;
}

.footer .social-link.delicious {
	background-position: -1px -221px;
}
.footer .social-link.linkarea {
	background-position: -17px -221px;
}
.footer .social-link.wong {
	background-position: -1px -237px;
}
.footer .social-link.twitter,
.socialmediaicons .social-link.twitter,
.fsbo-recomendation .social-link.twitter {
	background-position: -432px -544px;
	background-color: transparent;
}
.footer .social-link.facebook,
.socialmediaicons .social-link.facebook,
.fsbo-recomendation .social-link.facebook {
	background-position: -464px -544px;
}

.socialmediaicons .social-link.email{
	background-position: -499px -544px;
        width: 20px;
}

.footer .social-link.google {
	background-position: -448px -544px;
}

.footer .social-link.googleplus {
	background-position: -520px -544px;
}

.footer .social-link.microsoftlive {
	background-position: -481px -544px;
}

/* -------------------------------------
 * tools and bookmarks
 * ------------------------------------- */
.footer .toolsbookmarks {
	padding: 10px 10px 9px 10px;
	margin: 0 0 1px 0;
}
.footer .border {
	background-repeat: repeat-x;
	margin-top: 20px;
	padding-top: 3px;
	margin-bottom: 2px;
}

.footer .border {
	background: #f3f3f3 url(./../../images/sprites/repeat_x_sprite.png) repeat-x 0 -188px;
}

.footer .toolsbookmarks {
	background: #f3f3f3 url(./../../images/sprites/repeat_x_sprite.png) repeat-x 0 -158px;
}

	* html .footer .border {
		position: relative;
	}

/* -------------------------------------
 * tools
 * ------------------------------------- */
.footer .tools {
	/*width: 320px;*/
	float: right;
}
.footer .tools ul {
	display: block;
}
.footer .tools ul li {
	display: block;
	float: right;
	margin: 0 0 0 1em;
}
.footer .tools ul li a {
    color: #6E6D6D !important;
}
.footer .tools ul li a:hover {
    color: #ee6002 !important;
}
.footer .tools ul li a,
.footer .tools ul li .jslink {
	display: block;
	position: relative; /* make parent */
}
.footer .tools ul li .jslink:hover,
.footer .tools ul li .jslink:focus {
	text-decoration: none !important;
}
.footer .tools ul li a:focus,
.footer .tools ul li a:hover,
.footer .tools ul li .jslink:hover span,
.footer .tools ul li .jslink:focus span {
	text-decoration: underline !important;
}
.footer .tools ul li a i,
.footer .closetool ul li a i,
.footer .tools ul li .jslink i,
.footer .closetool ul li .jslink i {
	display: block;
	float: left;
	width: 17px;
	height: 17px;
	overflow: hidden;
	background: url(./../../images/sprites/commonSprite.png) no-repeat;
	margin: -2px 5px 0 0;
	position: relative; /* place on top -> IE */
}

@media aural {
	/* hide for screenreaders */
	.footer .tools ul li a i {
		display: none !important;
		visibility: hidden !important;
	}
}

.footer .tools ul li.li1 i {
	background-position: 0 0;
}
.footer .tools ul li.li1 a:hover i,
.footer .tools ul li.li1 a:focus i,
.footer .tools ul li.li1 .jslink:hover i,
.footer .tools ul li.li1 .jslink:focus i {
	background-position: -17px 0;
}
.footer .tools ul li.li2 i {
    background-position: 0 -690px;
}
.footer .tools ul li.li2 a:hover i,
.footer .tools ul li.li2 a:focus i,
.footer .tools ul li.li2 .jslink:hover i,
.footer .tools ul li.li2 .jslink:focus i {
    background-position: -17px -690px;
}
.footer .tools ul li.li3 i {
	background-position: 0 -50px;
}
.footer .tools ul li.li3 a:hover i,
.footer .tools ul li.li3 a:focus i,
.footer .tools ul li.li3 .jslink:hover i,
.footer .tools ul li.li3 .jslink:focus i {
	background-position: -17px -50px;
}
.footer .tools ul li.li4 i {
	background-position: 0 -75px;
}
.footer .tools ul li.li4 a:hover i,
.footer .tools ul li.li4 a:focus i,
.footer .tools ul li.li4 .jslink:hover i,
.footer .tools ul li.li4 .jslink:focus i {
	background-position: -17px -75px;
}

/* -------------------------------------
 * bookmarks
 * ------------------------------------- */
.footer .bookmarks {
	width: 450px;
	float: left;
}
.footer .bookmarks p {
	display: block;
	margin: 0;
	padding: 0;
}
.footer .bookmarks p span {
	display: block;
	float: left;
	margin: 0 12px 0 0;
}
.footer .bookmarks p a,
.socialmediaicons a,
.fsbo-recomendation a {
	display: block;
	float: left;
	margin: -2px 8px 0 0;
	position: relative; /* place on top -> IE */
}

/* -------------------------------------
 * subnavigation + partners
 * ------------------------------------- */
.footer .subnavigation li,
.footer .partners li {
	border-right: 1px solid #6e6d6d;
	padding: 0 0.58em 0.1em 0;
	margin: 0 0.58em 0.4em 0;
}
.footer .subnavigation li.last,
.footer .partners li.last {
	/* last element */
	border-right: 0;
	padding-right: 0;
	margin-right: 0;
}
.footer .subnavigation li,
.footer .partners li {
	position: relative; /* place on top -> IE */
	display: block;
	line-height: 0.85em;
	text-decoration: none;
	white-space: nowrap;
}
.footer .partners h5 {
	margin: 4px 0;
}

/* -------------------------------------
 * subnavigation
 * ------------------------------------- */
.footer .subnavigation {
	background-color: #f3f3f3;
	padding: 0.7em 10px 0.2em 10px;
	margin: 0 0 15px 0;
}

/* -------------------------------------
 * partners
 * ------------------------------------- */
.footer .partners {
	padding: 0 10px;
	color: #6e6d6d;
}
.footer .partners li {
	font-size: 0.92em; /* 11px */
}
.footer .partners li a {
	color: #6e6d6d !important;
}


/* -------------------------------------
 * tools and bookmarks as SEO-Links
 * ------------------------------------- */

/* Tools section */
.footer .tools ul li #vModLink {
	cursor:pointer;
}
.footer .tools ul li #vModLink i {
	display: block;
	float: left;
	width: 17px;
	height: 17px;
	overflow: hidden;
	background: url(./../../images/sprites/commonSprite.png) no-repeat;
	margin: -2px 5px 0 0;
	position: relative; /* place on top -> IE */
	background-position: 0 0;
}
.footer .tools ul li #vModLink:hover i,
.footer .tools ul li #vModLink:focus i {
	background-position: -17px 0;
}
.footer .tools ul li #vModLink:hover span,
.footer .tools ul li #vModLink:focus span {
	text-decoration:underline;
	color:#EE6002;
}

/* Bookmark section */
.footer .bookmarks span.vModLink {
	cursor:pointer;
	margin-right:8px !important;
	margin-top:-2px !important;
}


/* -----------------------------------------------------------------------------------------
 * columns
 * ----------------------------------------------------------------------------------------- */
/* rows */
.row {
	overflow: hidden;
	margin-bottom: 10px;
}

/* columns */
.col {
	float: left;
}
.cols2 .col {
}
.cols3 .col {
	width: 33%;
}
.cols4 .col {
	width: 191px;
	margin-right: 14px;
}
.cols5 .col {
	width: 150px;
	margin-right: 14px;
}

/* -------------------------------------
 * columns: box
 * ------------------------------------- */
/* rows */
.box .row {
	padding: 0 10px;
	margin-right: -20px; /* float buffer */
}
.box .row-grey {
	background: #f3f3f3;
	margin-bottom: 0; /* connect to following rounded corners */
}
.box .row .row {
	padding: 0;
}

/* columns */
.box .col {
	/* default col: full size */
	width: 780px;
}
.box .cols2 .col {
	width: 390px;
	margin-right: 0;
}
.box .cols2-l .col1,
.box .cols2-r .col2 {
	width: 260px;
	margin-right: 0;
}
.box .cols2-l .col2,
.box .cols2-r .col1,
.box .cols2-l .cols1 .col,
.box .cols2-r .cols1 .col {
	width: 520px;
	margin-right: 0;
}
.box .cols3 .col,
.box .cols2-l .cols2 .col,
.box .cols2-r .cols2 .col {
	width: 260px;
	margin-right: 0;
}
.box .cols4 .col,
.box .cols2 .cols2 .col {
	width: 195px;
	margin-right: 0;
}

/* column content */
/* outer columns */
.box .cols2 .col1 .col-content {
	margin: 0 5px 0 0;
}
.box .cols2-l .col1 .col-content,
.box .cols3 .col1 .col-content {
	margin: 0 7px 0 0;
}
.box .cols2-r .col1 .col-content {
	margin: 0 3px 0 0;
}
.box .cols4 .col1 .col-content {
	margin: 0 8px 0 0;
}
.box .cols4 .col2 .col-content {
	margin: 0 5px 0 3px;
}
.box .cols3 .col2 .col-content {
	margin: 0 3px;
}
.box .cols4 .col3 .col-content {
	margin: 0 3px 0 5px;
}
.box .cols4 .col4 .col-content {
	margin: 0 0 0 8px;
}
.box .cols2-l .col2 .col-content {
	margin: 0 0 0 3px;
}
.box .cols2-r .col2 .col-content,
.box .cols3 .col3 .col-content {
	margin: 0 0 0 7px;
}
.box .cols2 .col2 .col-content {
	margin: 0 0 0 5px;
}

/* column content */
/* inner columns */
.box .cols2 .col1 .cols2 .col1 .col-content {
	margin: 0 8px 0 0;
}
.box .cols2 .col1 .cols2 .col2 .col-content {
	margin: 0 5px 0 3px;
}
.box .cols2 .col2 .cols2 .col1 .col-content {
	margin: 0 3px 0 5px;
}
.box .cols2 .col2 .cols2 .col2 .col-content {
	margin: 0 0 0 8px;
}
.box .cols2-r .col1 .cols2 .col1 .col-content {
	margin: 0 7px 0 0;
}
.box .cols2-r .col1 .cols2 .col2 .col-content,
.box .cols2-l .col2 .cols2 .col1 .col-content {
	margin: 0 3px;
}
.box .cols2-l .col2 .cols2 .col2 .col-content {
	margin: 0 0 0 7px;
}

/* -------------------------------------
 * columns: box 670
 * ------------------------------------- */
/* columns */
.box-670 .col {
	/* default col: full size */
	width: 648px;
}
.box-670 .cols2 .col {
	width: 324px;
}
.box-670 .cols2-l .col1,
.box-670 .cols2-r .col2 {
	width: 216px;
}
.box-670 .cols2-l .col2,
.box-670 .cols2-r .col1,
.box-670 .cols2-l .cols1 .col,
.box-670 .cols2-r .cols1 .col {
	width: 432px;
}
.box-670 .cols3 .col,
.box-670 .cols2-l .cols2 .col,
.box-670 .cols2-r .cols2 .col {
	width: 216px;
}
.box-670 .cols4 .col,
.box-670 .cols2 .cols2 .col {
	width: 162px;
}

/* column content */
/* outer columns */
.box-670 .cols2 .col1 .col-content {
	margin: 0 5px 0 0;
}
.box-670 .cols2-l .col1 .col-content,
.box-670 .cols3 .col1 .col-content {
	margin: 0 7px 0 0;
}
.box-670 .cols2-r .col1 .col-content {
	margin: 0 3px 0 0;
}
.box-670 .cols4 .col1 .col-content {
	margin: 0 8px 0 0;
}
.box-670 .cols4 .col2 .col-content {
	margin: 0 5px 0 3px;
}
.box-670 .cols3 .col2 .col-content {
	margin: 0 3px;
}
.box-670 .cols4 .col3 .col-content {
	margin: 0 3px 0 5px;
}
.box-670 .cols4 .col4 .col-content {
	margin: 0 0 0 8px;
}
.box-670 .cols2-l .col2 .col-content {
	margin: 0 0 0 3px;
}
.box-670 .cols2-r .col2 .col-content,
.box-670 .cols3 .col3 .col-content {
	margin: 0 0 0 7px;
}
.box-670 .cols2 .col2 .col-content {
	margin: 0 0 0 5px;
}

/* column content */
/* inner columns */
.box-670 .cols2 .col1 .cols2 .col1 .col-content {
	margin: 0 8px 0 0;
}
.box-670 .cols2 .col1 .cols2 .col2 .col-content {
	margin: 0 5px 0 3px;
}
.box-670 .cols2 .col2 .cols2 .col1 .col-content {
	margin: 0 3px 0 5px;
}
.box-670 .cols2 .col2 .cols2 .col2 .col-content {
	margin: 0 0 0 8px;
}
.box-670 .cols2-r .col1 .cols2 .col1 .col-content {
	margin: 0 7px 0 0;
}
.box-670 .cols2-r .col1 .cols2 .col2 .col-content,
.box-670 .cols2-l .col2 .cols2 .col1 .col-content {
	margin: 0 3px;
}
.box-670 .cols2-l .col2 .cols2 .col2 .col-content {
	margin: 0 0 0 7px;
}
.separator {
	border-top: 1px solid #999;
	height: 1px;
	overflow: hidden;
	margin: 0 10px 10px 10px;
}
.separator.dots {
	border-top: 1px dotted #999 !important;
}
.separator.line {
	border-top: none;
	background: url(./../../images/bg_content_headlines.png) 0 -28px repeat-x;
	height: 3px;
}
.separator.blank {
	border-top: none;
}
.separator hr {
	/* hide on screen but make available for screenreaders */
	position: absolute !important;
	left: -999em !important;
	width: 10px !important;
	height: 10px !important;
	overflow: hidden !important;
}

/* =========================================================================================
 * (general styles)
 * (layout)
 * ########## basic elements ##########
 * (specific styles)
 * ========================================================================================= */
/* -----------------------------------------------------------------------------------------
 * navigation
 * ----------------------------------------------------------------------------------------- */
 .navigation {
   position: absolute;
   top: 88px; /* 78px header + 10px padding from site container */
   right: 18px; /* 8px header + 10px padding from site container */
   width: 530px;
   height: 32px;
   z-index: 2000;
}

/* layer 1 */
.navigation ol {
   float: right;
   margin: 0;
   padding: 0;
   letter-spacing: -3px;
}
.navigation ol li {
   letter-spacing: normal;
   margin: 0;
   padding: 0;
   height: 32px;
   list-style-type: none;
   position: relative; /* make parent */
}

.navigation ol li a,
.navigation ol li span.jslink {
   display: block;
   margin: 0;
   padding: 0;
   text-decoration: none;
   border-left: 1px solid #b0b0b0;
   border-right: 1px solid #fff;
   cursor: pointer;
   padding: 9px 7px 7px 7px;
}

.navigation ol > li a strong,
.navigation ol > li span.jslink strong {
   font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
   color:#000;
}

.navigation ol li a.act,
.navigation ol li span.act {
   border-bottom:1px solid #fff;
}

/* order of main menu items: search offer inform myMobile dealers */
.navigation ol li.menu-top-search a,
.navigation ol li.menu-top-search span.jslink {
   /* border behaviour of first element */
   border-left: 0;
   margin-left: 1px;
}
.navigation ol li.menu-top-search a:focus,
.navigation ol li.menu-top-search a:hover,
.navigation ol li.menu-top-search .jslink:focus,
.navigation ol li.menu-top-search .jslink:hover  {
   /*border-left: 1px solid #b0b0b0;*/
   margin-left: 1px;
}
.navigation ol li.menu-top-dealers a {
   /* border behaviour of last element */
   border-right: 1px solid transparent;
   margin-right: -1px;
}
.navigation ol li.menu-top-dealers a:focus,
.navigation ol li.menu-top-dealers a:hover {
   border-right: 1px solid #b0b0b0;
}
.navigation ol li a strong,
.navigation ol li span.jslink strong {
   color: #3f3d3d;
   text-transform: uppercase;
   white-space: nowrap;
}

/* -------------------------------------
 * navigation: international
 * ------------------------------------- */

.navigation li.hover .menu-top-search,
.navigation ol > li a.act,
.navigation ol > li:focus a,
.navigation ol > li:hover a,
.navigation ol > li span.act,
.navigation ol > li:focus span.jslink,
.navigation ol > li:hover span.jslink  {
        background: #fff;
}

.it .navigation ol > li > a.act,
.it .navigation li.hover a,
.it .navigation ol > li:focus > a,
.it .navigation ol > li:hover > a,
.fr .navigation ol > li > a.act,
.fr .navigation li.hover a,
.fr .navigation ol > li:focus > a,
.fr .navigation ol > li:hover > a,
.it .navigation ol > li > span.act,
.it .navigation li.hover span.jslink,
.it .navigation ol > li:focus > span.jslink,
.it .navigation ol > li:hover > span.jslink,
.fr .navigation ol > li > span.act,
.fr .navigation li.hover span.jslink,
.fr .navigation ol > li:focus > span.jslink,
.fr .navigation ol > li:hover > span.jslink {
        background: #f1f1f1;
        border-right:1px solid #f1f1f1;
}

/* -------------------------------------
 * navigation: layer 2
 * ------------------------------------- */
.navigation .sub {
	display: none;
	width: 220px;
	overflow: hidden;
	position: absolute;
}
.navigation li.menu-top-search .sub,
.navigation li.menu-top-offer .sub,
.navigation li.menu-top-inform .sub,
.navigation li.menu-top-inventory .sub {
    position:absolute;
    left:0;
}
.navigation li.menu-top-myMobile .sub,
.navigation li.menu-top-dealers .sub,
.navigation li.menu-top-myData .sub {
	position: absolute;
	right: 0;
	width: 180px;
	text-align: right;
	margin-right: -1px; /* border */
}
.navigation li:focus .sub,
.navigation li:hover .sub,
.navigation li.hover .sub {
	display: block;
}
.navigation .sub ul {
	margin: 0 !important;
	padding: 0 !important;
	border-left: 1px solid #c6c5c5;
	border-right: 1px solid #c6c5c5;
}
.navigation .sub ul li {
	float: none;
	margin: 0;
	padding: 0 9px;
	background: #fff;
	border-bottom: 1px solid #c6c5c5;
	height: auto;
	border-left:none;
	border-right:none;
}
.navigation .sub ul li a,
.navigation .sub ul li span.jslink {
	border: 0 !important; /* CSS specificity */
	margin: 0 !important; /* CSS specificity */
	padding: 0 0 0 32px;
	font-weight: bold;
	color: #3f3d3d; /* dark grey */
	overflow: hidden;
	height: auto;
	float:none;
	width:auto;
}
.navigation .sub ul li a:hover,
.navigation .sub ul li a:focus,
.navigation .sub ul li span.jslink:hover,
.navigation .sub ul li span.jslink:focus,
.navigation li#menu-sub-trucks.selected .selected {
	color: #ee6002; /* orange */
	text-decoration: none !important;
}
.navigation .sub ul li a span,
.navigation .sub ul li span.jslink span {
	display: block;
	overflow: hidden;
	height: 24px;
	background: #fff;
	padding: 8px 0;
	height: auto;
}
.navigation ol li.menu-top-search .sub ul li a span,
.navigation ol li.menu-top-offer .sub ul li a span,
.navigation ol li.menu-top-search .sub ul li span.jslink span,
.navigation ol li.menu-top-offer .sub ul li span.jslink span {
	padding-left: 8px;
}

/* level 3 sub2 menus */
.navigation ol li .sub ul ul.sub2 {
	border: none;
}
.navigation ol li .sub ul ul.sub2 li {
	border: none;
	padding: 0;
}
.navigation ol li .sub ul ul.sub2 li a,
.navigation ol li .sub ul ul.sub2 li span.jslink {
	background: none !important;
	background-image: none !important;
	font-weight: normal;
}
.navigation li#menu-sub-trucks ul.sub2 li a,
.navigation li#menu-sub-trucks ul.sub2 li span.jslink {
	padding: 0;
}
.navigation ol li .sub ul ul.sub2 li a span,
.navigation ol li .sub ul ul.sub2 li span.jslink span {
	padding: 0 0 4px 8px;
}
.navigation li#menu-sub-trucks ul.sub2 li a span,
.navigation li#menu-sub-trucks ul.sub2 li span.jslink span {
	padding: 5px 0 5px 8px;
}
.navigation .sub ul li:last-child{
	-o-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	-ms-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	border-bottom:none;
}

/* -------------------------------------
 * navigation: icons
 * ------------------------------------- */
.navigation ol li.menu-top-search .sub ul li a,
.navigation ol li.menu-top-offer .sub ul li a,
.navigation ol li.menu-top-search .sub ul li span.jslink,
.navigation ol li.menu-top-offer .sub ul li span.jslink {
	position: relative;
	left: -2px;
}

.navigation ol li.menu-top-search .sub ul li a,
.navigation ol li.menu-top-offer .sub ul li a {
	background-image: url(./../../images/sprites/commonSprite.png);
}

.navigation ol li.menu-top-dealers .sub ul li a,
.navigation ol li.menu-top-myMobile .sub ul li a,
.navigation ol li.menu-top-inform .sub ul li a {
	background: #fff !important; /* CSS specificity */
	padding-left: 0;
}

/* positions */
.navigation ol li.menu-top-search .sub ul li.menu-sub-cars a,
.navigation ol li.menu-top-offer .sub ul li.menu-sub-cars a {
	background-position: -344px -536px;
}
.navigation ol li.menu-top-search .sub ul li.menu-sub-cars a:hover,
.navigation ol li.menu-top-search .sub ul li.menu-sub-cars a:focus,
.navigation ol li.menu-top-offer .sub ul li.menu-sub-cars a:hover,
.navigation ol li.menu-top-offer .sub ul li.menu-sub-cars a:focus {
	background-position: -376px -536px;
}

.navigation ol li.menu-top-search .sub ul li.menu-sub-newCars a {
	background-position: -442px -1414px;
}
.navigation ol li.menu-top-search .sub ul li.menu-sub-newCars a:hover,
.navigation ol li.menu-top-search .sub ul li.menu-sub-newCars a:focus {
	background-position: -442px -1464px;
}

.navigation ol li.menu-top-search .sub ul li.menu-sub-config a,
.navigation ol li.menu-top-offer .sub ul li.menu-sub-config a {
        background-position: -442px -1321px;
}
.navigation ol li.menu-top-search .sub ul li.menu-sub-config a:hover,
.navigation ol li.menu-top-search .sub ul li.menu-sub-config a:focus,
.navigation ol li.menu-top-offer .sub ul li.menu-sub-config a:hover,
.navigation ol li.menu-top-offer .sub ul li.menu-sub-config a:focus {
        background-position: -442px -1368px;
}

.navigation ol li.menu-top-search .sub ul li.menu-sub-motorhomes a,
.navigation ol li.menu-top-offer .sub ul li.menu-sub-motorhomes a {
	background-position: -344px -600px;
}
.navigation ol li.menu-top-search .sub ul li.menu-sub-motorhomes a:hover,
.navigation ol li.menu-top-search .sub ul li.menu-sub-motorhomes a:focus,
.navigation ol li.menu-top-offer .sub ul li.menu-sub-motorhomes a:hover,
.navigation ol li.menu-top-offer .sub ul li.menu-sub-motorhomes a:focus {
	background-position: -376px -600px;
}
.navigation ol li.menu-top-search .sub ul li.menu-sub-motorbikes a,
.navigation ol li.menu-top-offer .sub ul li.menu-sub-motorbikes a {
	background-position: -344px -664px;
}
.navigation ol li.menu-top-search .sub ul li.menu-sub-motorbikes a:hover,
.navigation ol li.menu-top-search .sub ul li.menu-sub-motorbikes a:focus,
.navigation ol li.menu-top-offer .sub ul li.menu-sub-motorbikes a:hover,
.navigation ol li.menu-top-offer .sub ul li.menu-sub-motorbikes a:focus {
	background-position: -376px -664px;
}
.navigation ol li.menu-top-search .sub ul li.menu-sub-trucks a,
.navigation ol li.menu-top-offer .sub ul li.menu-sub-trucks a {
	background-position: -344px -728px;
}
.navigation ol li.menu-top-search .sub ul li.menu-sub-trucks a:hover,
.navigation ol li.menu-top-search .sub ul li.menu-sub-trucks a:focus,
.navigation ol li.menu-top-offer .sub ul li.menu-sub-trucks a:hover,
.navigation ol li.menu-top-offer .sub ul li.menu-sub-trucks a:focus,
.navigation li#menu-sub-trucks.selected .selected {
	background-position: -376px -728px;
}
.navigation ol li.menu-top-search .sub ul li.menu-sub-searchParts a {
	background-position: -344px -856px;
}
.navigation ol li.menu-top-search .sub ul li.menu-sub-searchParts a:hover,
.navigation ol li.menu-top-search .sub ul li.menu-sub-searchParts a:focus {
	background-position: -376px -856px;
}
.navigation ol li.menu-top-search .sub ul li.menu-sub-searchWheels a {
	background-position: -344px -792px;

}
.navigation ol li.menu-top-search .sub ul li.menu-sub-searchWheels a:hover,
.navigation ol li.menu-top-search .sub ul li.menu-sub-searchWheels a:focus {
	background-position: -376px -792px;
}
.navigation ol li.menu-top-search .sub ul li.menu-sub-searchServices a {
	background-position: -344px -920px;
}
.navigation ol li.menu-top-search .sub ul li.menu-sub-searchServices a:hover,
.navigation ol li.menu-top-search .sub ul li.menu-sub-searchServices a:focus {
	background-position: -376px -920px;
}
.navigation ol li.menu-top-search .sub ul li.menu-sub-dealerSearch a,
.navigation ol li.menu-top-search .sub ul li.menu-sub-searchDealerSearch a {
	background-position: -344px -920px;
}
.navigation ol li.menu-top-search .sub ul li.menu-sub-dealerSearch a:hover,
.navigation ol li.menu-top-search .sub ul li.menu-sub-dealerSearch a:focus,
.navigation ol li.menu-top-search .sub ul li.menu-sub-searchDealerSearch a:hover,
.navigation ol li.menu-top-search .sub ul li.menu-sub-searchDealerSearch a:focus {
	background-position: -376px -920px;
}
.navigation ol li.menu-top-offer .sub ul li.menu-sub-priceList a {
	background-position: -344px -984px;
}
.navigation ol li.menu-top-offer .sub ul li.menu-sub-priceList a:hover,
.navigation ol li.menu-top-offer .sub ul li.menu-sub-priceList a:focus {
	background-position: -376px -984px;
}
.navigation ol li.menu-top-offer .sub ul li.menu-sub-averagePrice a {
	background-position: -344px -1048px;
}
.navigation ol li.menu-top-offer .sub ul li.menu-sub-averagePrice a:hover,
.navigation ol li.menu-top-offer .sub ul li.menu-sub-averagePrice a:focus {
	background-position: -376px -1048px;
}

/* rounded corners */

.navigation .sub span.rc-b,
.navigation .sub span.rc-b span {
	background-image: url(./../../images/sprites/commonSprite.png);
}

.navigation .sub span.rc-b span {
	background-position: right -598px;
	background-repeat: no-repeat;
	display: block;
	height: 6px;
}
.navigation .sub span.rc-b {
	background-position: 0px -598px;
	background-repeat: no-repeat;
	position: relative; /* on top */
	margin: -1px 0 0 0;
	display: block;
	height: 6px;
	overflow: hidden;
}

/* -------------------------------------
 * navigation: languages
 * ------------------------------------- */

.navigation ol > li { display:inline-block;}


/* -----------------------------------------------------------------------------------------
 * meta navigation (help, sitemap, language)
 * ----------------------------------------------------------------------------------------- */
 .meta {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 3000;
	text-align: right;
	font-size: 12px;
}
.meta ul {
	display: block;
	margin: 0;
	padding: 0;
}
.meta ul li {
	display: block;
	float: right;
	text-align: left;
	margin: 0 0 0 1em;
	padding: 0;
	color: #666;
	list-style-type: none;
}
.meta ul li .trcLink:hover,
.meta ul li .trcLink:focus {
	color: #ee6002 !important;
	cursor: pointer;
}

.meta ul li a,
.meta ul li .changeLa,
.meta ul li .trcLink {
	display: block;
	position: relative; /* make parent */
	color: #666;
	text-decoration: none;
}
.meta ul li #fsboLoginLink span {
    color: #666;
}
.meta ul li #fsboLoginLink span:hover,
.meta ul li #fsboLoginLink span:focus {
    color: #ee6002 !important;
}
.meta ul li a strong {
	font-weight: normal;
}
.meta ul li a:hover,
.meta ul li a:focus,
.meta ul li .changeLa:hover,
.meta ul li .changeLa:focus,
.meta ul li .trcLink:hover,
.meta ul li .trcLink:focus {
	color: #ee6002; /* orange */
	text-decoration: none;
}

.meta ul li a i,
.meta ul li .changeLa i,
.meta ul li .trcLink i {
	display: block;
	float: left;
	width: 15px;
	height: 11px;
	overflow: hidden;
	background-repeat: no-repeat;
	margin: 2px 5px 0 0;
	position: relative; /* place on top -> IE */
}


/* -------------------------------------
 * language
 * ------------------------------------- */
/* layer 1 */
.meta ul li.language,
.meta ul li.login {
	position: relative;
	top: -2px; /* balance */
	padding: 1px; /* leave space for borders */
}
.meta ul li.language a,
.meta ul li.language .changeLa,
.meta ul li.language .trcLink,
.meta ul li.login a {
	background-color: #fff;
	background-position: right -2201px;
	width: 8em;
	padding: 2px 8px;
	cursor: pointer;
}

.meta ul li.language a,
.meta ul li.language .changeLa,
.meta ul li.language .trcLink,
.meta ul li.login a,
.meta ul li a i,
.meta ul li .changeLa i,
.meta ul li .trcLink i {
	background-image: url(./../../images/sprites/commonSprite.png);
}


/* layer 2 */
.meta ul li.language:hover,
.meta ul li.language:focus,
.meta ul li.login:hover,
.meta ul li.login:focus {
	top: -5px; /* compensate padding +3px */
	border: 1px solid #c6c5c5;
	padding: 0;
}
.meta ul li.language:hover a,
.meta ul li.language:focus a,
.meta ul li.login:hover a,
.meta ul li.login:focus a {
	padding: 5px 8px; /* expand element on hover */
	/*background-position: right 2px;*/
	background-position: right -2198px;
}
.meta ul li.language .sub,
.meta ul li.login .sub {
	display: none;
	background: #fff;
	padding: 0 0 4px 0;
    width: 112px;
}
body .meta ul li.language .sub .changeLa,
body .meta ul li.language .sub .trcLink,
body .meta ul li.login .sub a {
	background-image:none;
}
.meta ul li.language:hover .sub,
.meta ul li.language:focus .sub,
.meta ul li.login:hover .sub,
.meta ul li.login:focus .sub {
	display: block;
}
.meta ul li.language ul li,
.meta ul li.login ul li {
	top: 0;
	float: none;
	margin: 0;
	padding: 0;
}
.meta ul li.language ul li .changeLa,
.meta ul li.language ul li .trcLink,
.meta ul li.login ul li a,
.meta ul li.login ul li .trcLink {
	background: #fff;
	padding: 1px 8px !important;
}
.meta ul li.login ul li .trcLink:hover,
.meta ul li.login ul li .trcLink:focus {
	color: #ee6002 !important;
	cursor: pointer;
}

/* flags */
.meta ul li .de i {
	background-position: 0 -494px;
}
		.meta ul li .es i { background-position: -15px -494px; }
		.meta ul li .fr i { background-position: 0 -505px; }
		.meta ul li .en i { background-position: -15px -505px; }
		.meta ul li .it i { background-position: 0 -516px; }
		.meta ul li .pl i { background-position: -15px -516px; }
		.meta ul li .ru i { background-position: 0 -527px; }
		.meta ul li .cz i { background-position: -15px -527px; }
		.meta ul li .ro i { background-position: 0 -538px; }
/* -----------------------------------------------------------------------------------------
 * ads
 * ----------------------------------------------------------------------------------------- */
/* leaderboard */
#adspace .leaderboard {
	width: 728px !important;
	height: 90px !important;
	margin: 0 0 0 32px !important;
	padding: 0 !important;
	display: block !important;
	border: 0 !important;
	text-decoration: none !important;
}
#adspace .leaderboard.wallpaper {
	margin-left: 98px !important;
}

/* wide-skyscraper */
#adspace .wide-skyscraper {
	width: 160px !important;
	height: 600px !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
	border: 0 !important;
	text-decoration: none !important;
	position: absolute;
	left: 826px !important;
}
#adspace .wide-skyscraper.wallpaper {
	top: 0;
}

/* cms-content pages: skyscraper */
#adspace.content-skyscraper {
	width: 120px !important;
	height: 600px !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
	border: 0 !important;
	text-decoration: none !important;
	position: absolute !important;
	left: 826px !important;
	top: 10px !important;
}

/* =========================================================================================
 * (general styles)
 * (layout)
 * (basic elements)
 * ########## specific styles ##########
 * ========================================================================================= */
/* -----------------------------------------------------------------------------------------
 * buttons (link + input)
 * ----------------------------------------------------------------------------------------- */
/*
 .button               (default)
 .button .orange
 .button .grey-arrow
 */
.button {
	display: block;
	float: left;
	overflow: hidden;
	background: #fff url(./../../images/sprites/repeat_x_sprite.png) 0 bottom repeat-x;
	text-decoration: none;
	color: #2d2d2d;
	cursor: pointer;
}
.button i {
	background: url(./../../images/bgr_button_sprite.gif) top left no-repeat;
	display: block;
}
.button.orange i {
	background-image: url(./../../images/bgr_button_or_sprite.gif);
}

.button i i     { background-position: top right; }
.button i i i   { background-position: bottom left; }
.button i i i i { background-position: bottom right; }

.button input,
.button em {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	width: 1; /* DO _NOT_ ADD "px" OR WHATEVER !!!!!!!!!!!!!!!!!!!!!! */
	display: block;
	overflow: hidden;
	border: 0;
	background: none;
	padding: 4px 10px;
	margin: 0;
	cursor: pointer;
}
.button.orange input,
.button.orange em {
	background: url(./../../images/bgr_button_or_arrow.png) center right no-repeat !important;
}
.button.grey-arrow input,
.button.grey-arrow em {
	background: url(./../../images/sprites/commonSprite.png) right -2219px no-repeat !important;
	margin-right: 5px;
}
.button input {
	width: auto;
	overflow: visible;
	padding: 3px 6px;
}
.button.orange input {
	padding-right: 21px;
}
.button.grey-arrow input {
	padding-right: 16px;
}
.button.orange em {
	padding-right: 26px;
}
.button.grey-arrow em {
	padding-right: 21px;
}
.button.orange input,
.button.orange em {
	font-weight: bold;
	text-align: center;
}
.button:hover *,
.button:focus * {
	color: #ee6002; /* orange */
}

		.buttonOver:hover,
		.buttonOver:hover * {
			color: #ee6002;
			text-decoration: none !important;
		}
.button.disabled {
	opacity: 0.5;
}
.button.disabled a,
.button.disabled input {
	color: #2d2d2d !important;
	cursor:default;
}
.button.disabled:hover *,
.button.disabled:focus * {
	color: #2d2d2d !important;
}

/* -----------------------------------------------------------------------------------------
 * inner content
 * ----------------------------------------------------------------------------------------- */
.box {
	border-left: 2px solid #bfbfbf;
	border-right: 2px solid #bfbfbf;
	margin: 0 0 10px 0;
}
.box-670 {
	width: 666px; /* 670 - border */
}
.box-content {
	overflow: hidden;
	/* margin: 0 0 20px 0; */
}

.contentBoxHeader img.placeImage {
	padding:0;
	margin:0 0 0 0;
	position:absolute;
	right:0;
	bottom:11px;
}

.contentBox ul {
	margin-bottom: 0;
}

/* rounded corners */
.box .rc-t {
	display: block;
	height: 10px;
	background: url(./../../images/sprites/commonSprite.png) -50px -10px no-repeat;
	margin: 0 -2px;
	overflow: hidden;
}
.box .rc-b {
	display: block;
	height: 10px;
	background: #fff url(./../../images/sprites/commonSprite.png) -50px -20px no-repeat;
	margin: -20px -2px 0 -2px; /* -20px -> crop grey content box */
	overflow: hidden;
}
.box.grey .rc-t {
	background-position: -50px -220px;
}
.box.grey .rc-b {
	background-position: -50px -230px;
}
.box .rc-t.rc-tabs {
	background-position: -50px 0;
}
.box.rc-grey .rc-b {
	background-position: -50px -40px;
}
.box-670 .rc-t {
	background-position: -50px -60px;
}
.box-670 .rc-b {
	background-position: -50px -70px;
}
.box-670 .rc-t.rc-tabs {
	background-position: -50px -50px;
}
.box-670.rc-grey .rc-t {
	background-position: -50px -80px;
}
.box-670.rc-grey .rc-b {
	background-position: -50px -90px;
}
.box.thin-border-grey {
    background-color: #fafafa;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
}
.box.thin-border-grey .rc-t {
	background: url(./../../images/bgr_content_thin_rc.png) 1px 0 no-repeat;
	height: 5px;
}
.box.thin-border-grey .rc-b {
	background: url(./../../images/bgr_content_thin_rc.png) 1px -5px no-repeat;
	height: 5px;
}

/* -------------------------------------
 * contentTeaser
 * ------------------------------------- */
 .contentBoxHeader {
	background: url(./../../images/onsiteBorder.gif) repeat-x;
	background-position: left bottom;
	display: block;
	margin-bottom: 11px;
	padding-bottom: 13px;
	height: 42px;
	position: relative;
}
.contentBoxHeader .headlineWrapper {
	position: absolute;
	bottom: 11px; /* bottom margin of parent */
	left: 0;
}
.contentBoxHeader .subheadline {
	color: #666666;
	display: block;
	text-decoration: none;
}
.contentBoxHeader .headline {
	color: #2d2d2d;
	font-size: 100%;
	font-weight: normal;
	text-transform: uppercase;
}

a.headline {
	color: #2d2d2d !important; /* use !important because of CSS specificiy */
	text-decoration: none;
}

a:hover.headline,
a:focus.headline {
	color: #ee6002 !important; /* orange */
	text-decoration: none !important;
}

.contentBoxHeader img.placeImage {
	padding: 0;
	margin: 0 0 0 0;
	position: absolute;
	right: 0;
	bottom: 11px;
}
.contentBox ul {
	margin-bottom: 0;
}
.contentBox li {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

a:hover .contentBox,
a:focus .contentBox {
	color: #ee6002 !important; /* orange */
	text-decoration: underline !important;
}
.contentBox img.placeImage {
	float: right;
	padding: 0;
	margin: 0 0 0 0;
	position: relative;
	right: 0;
}
.contentBoxFooter {
	height: 3px;
	width: 100%;
	padding: 0 0 5px 0;
	margin: 0 0 0 0;
}

a.contentLink, .contentLink {
	color: #2d2d2d !important; /* use !important because of CSS specificiy */
	text-decoration: underline;
}

a:hover.contentLink,
a:focus.contentLink,
.contentLink:hover,
.contentLink:focus {
	color: #ee6002 !important; /* orange */
	text-decoration: underline !important;
}

a.infoLinkNext {
	background-image: url(./../../images/sprites/icons_sprites_new.png);
	background-repeat: no-repeat;
	background-position: right 4px;
	padding-right: 20px;
	color: #2d2d2d;
	text-decoration: none;
}

a:hover.infoLinkNext,
a:focus.infoLinkNext {
	color: #ee6002 !important; /* orange */
	text-decoration: underline !important;
}

a.infoLinkPrevious {
	background-image: url(./../../images/sprites/commonSprite.png);
	background-repeat: no-repeat;
	background-position: left -2396px;
	padding-left: 10px;
	color: #2d2d2d;
	text-decoration: none;
}

a:hover.infoLinkPrevious,
a:focus.infoLinkPrevious,
a:hover.callToActionLink,
a:focus.callToActionLink {
	color: #ee6002 !important; /* orange */
	text-decoration: underline !important;
}

a.infoLink,
a.backLink,
span.infoLink {
	background-image:url(./../../images/sprites/commonSprite.png);
	background-repeat:no-repeat;
	background-position:-840px -1086px;
	padding-left:10px;
	color:#2d2d2d;
	text-decoration: none;
}

.callToActionLink {
	background: transparent url(./../../images/icons/cta_link_17x17.gif) no-repeat top left;
	text-decoration: none;
	color: #2D2D2D;
	font-weight: bold;
	display: block;
	padding: 2px 0 2px 20px;
}
.jslink {
	cursor: pointer;
}


.paginationIcons{
	background-image: url(./../../images/sprites/icons_sprites_new.png);
	background-repeat: no-repeat;
	display:inline-block;
	height:17px;
	vertical-align:middle;
	width:16px;
}
.pagination_first_page{
	background-position: left -46px;
}
.pagination_previous_page{
	background-position: left -65px;
}
.pagination_next_page{
	background-position: left -103px;
}
.pagination_last_page{
	background-image:url(./../../images/sprites/icons_sprites_new.png);
	background-position: left -84px;
	background-repeat: no-repeat;
	display:inline-block;
	height:17px;
	vertical-align:middle;
	width:16px;
}
.pagination_next_page span{
	visibility: hidden;
}
.pagination_last_page span{
	visibility: hidden;
}

/* -------------------------------------
 * pagination
 * ------------------------------------- */
.pg ul, .pg ol {
	margin: 0;
	padding: 0;
}
.pg .controls {
	text-align: center;
	line-height: 1.67em;
	list-style: none;
	margin: 0;
}
.pg .controls .num,
.pg .controls li {
	display: inline;
	margin: 0;
	padding: 0;
}
.pg .controls .num {
	line-height: 2em;
}
.pg .controls .num a,
.pg .controls .this-page {
	color: #2D2D2D;
	padding: 2px 6px;
	border: 1px solid transparent !important;
	border: 1px solid #f2f2f2; /* IE6 */
}
.pg .controls .num a {
	text-decoration: underline;
}
.pg .controls .num a:hover {
	border: 1px solid #aaa !important;
	text-decoration: none;
}
.pg .controls .btn {
	position: relative;
	top: 0px;
	display: inline;
	margin: 2px;
}
.pg .controls .btn a {
	padding: 0;
	text-decoration: none;
}
.pg .controls .this-page {
	font-weight: bold;
}
.pg .controls .pg-btn {
	display: inline-block;
	width: 17px;
	height: 18px;
	background: transparent url(./../../images/sprites/commonSprite.png) no-repeat -839px -1135px;
	cursor: pointer;
}
* html .pg .controls .pg-btn {
	display: inline;
	overflow: hidden;
}
*+html .pg .controls .pg-btn {
	display: inline;
}
.pg .controls .page-start {
	background-position: -839px -1135px;
}
.pg .controls .page-prev {
	background-position: -839px -1154px;
}
.pg .controls .page-next {
	background-position: -839px -1193px;
}
.pg .controls .page-end {
	background-position: -839px -1174px;
}


a.backLink {
	background: url(./../../images/sprites/commonSprite.png) left -2396px no-repeat;
}
a:hover.backLink,
a:focus.backLink,
a:hover.infoLink,
a:focus.infoLink,
a:hover.infoLink .priceBlackBold,
a:focus.infoLink .priceBlackBold,
a:hover.infoLink .priceGrayBold,
a:focus.infoLink .priceGrayBold,
span:hover.infoLink,
span:focus.infoLink,
.infoBox a.lbOn:hover {
	color: #ee6002 !important; /* orange */
	text-decoration: underline !important;
}

a.backLink {
	background: url(./../../images/sprites/commonSprite.png) left -2396px no-repeat;
}

a:hover.backLink,
a:focus.backLink,
a:hover.infoLink,
a:focus.infoLink,
span:hover.infoLink,
span:focus.infoLink,
.infoBox a.lbOn:hover {
	color: #ee6002 !important; /* orange */
	text-decoration: underline !important;
}

a.infoLinkBlock, .infoLinkBlock {
	background-image: url(./../../images/sprites/commonSprite.png);
	background-repeat: no-repeat;
	background-position: -840px -1081px;
	padding-left: 10px;
	padding-top: 5px;
	display: block;
	color: #2d2d2d;
	text-decoration: none;
	float: left;
}

#left-hp-box a.infoLink,
#left-hp-box a.infoLinkBlock {
	float: none;
}

a:hover.infoLinkBlock,
a:focus.infoLinkBlock,
.infoLinkBlock:hover,
.infoLinkBlock:focus {
	color: #ee6002 !important; /* orange */
	text-decoration: underline !important;
}

a.subtextLink {
	color: #6e6d6d !important; /* use !important because of CSS specificiy */
	text-decoration: underline !important;
}

a:hover.subtextLink,
a:focus.subtextLink {
	color: #ee6002 !important; /* orange */
	text-decoration: underline !important;
}

/* -------------------------------------
 * info icons & boxes
 * ------------------------------------- */
img.infoIcon {
	width: 10px;
	height: 10px;
}
.infoBoxWrapper {
	position: absolute;
	z-index: 3000;
}
.infoBoxWrapper .shadow {
	position: absolute;
	left: 2px;
	top: 2px;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.5;
	-moz-border-radius: 1px;
}
.infoBox {
	position: relative;
	padding: 8px 27px 15px 29px;
	width: 261px;
	border: 1px solid #e2e2e2;
	background-color: white;
	color: #2d2d2d;
}
.infoBox h4 {
	margin: 0 0 5px 0;
	font-weight: bold;
	color: #ee6002; /* orange */
}
.infoBox a.lbOn {
	line-height: 180%;
	text-decoration: none;
	display: block;
	padding-left: 10px;
	margin: 5px 0;
	color: #2d2d2d;
	background: url(./../../images/sprites/icons_sprites_new.png) 0 7px no-repeat;
}
.infoBox .content {
	line-height: 150%;
}
.infoBox .close {
	background-image:url(./../../images/sprites/commonSprite.png);
	background-position:-23px -1820px;
	height:11px;
	position:absolute;
	right:10px;
	top:10px;
	width:11px;
}
.infoBox .close:hover {
	text-decoration: none;
	color: #ee6002; /* orange */
}
.infoBox .infoIcon,
.infoBox .infoIconOrange {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 10px;
	height: 10px;
	background-image: url(./../../images/sprites/commonSprite.png);
	background-repeat: no-repeat;
	background-position: 0 -651px;
}
.infoBox .infoIconOrange {
	background-position: -17px -651px;
}
.infoBoxWrapper .bottom .infoIcon {
	top: auto;
	bottom: 10px;
}
 .infoBoxContent {
	display: none;
}

/* -------------------------------------
 * breadcrumbs
 * ------------------------------------- */
.breadcrumbs {
	margin: 4px 0 15px 0;
	overflow: hidden;
}
.breadcrumbs ul {
	margin: 0;
	list-style-type: none;
	color: #6E6D6D;
	overflow: hidden;
}
.breadcrumbs li {
	display: inline;
	margin: 0;
	padding: 0 5px 0 0;
	float: left;
	white-space: nowrap;
}
.breadcrumbs a,
.breadcrumbs .jslink {
	background: transparent url(./../../images/sprites/commonSprite.png) no-repeat right -1220px;
	padding: 0 10px 0 0;
	text-decoration: none;
	color: #6E6D6D;
}
.breadcrumbs a:hover,
.breadcrumbs a:focus,
.breadcrumbs .jslink:hover,
.breadcrumbs .jslink:focus {
	color: #ee6002;
}
.breadcrumbs span {
	color: #6E6D6D;
}
.breadcrumbs span a {
	margin-right:2px;
}
/* -----------------------------------------------------------------------------------------
 * content tabs
 * ----------------------------------------------------------------------------------------- */
.content .tabs {
	width: 55em;
	margin: 0 -30px -2px 0;
	height: 36px;
	overflow: hidden;
	position: relative; /* place on top */
	z-index: 400;
}
.content .tabs ul {
	margin: 0;
	padding: 0;
}
.content .tabs ul li {
	display: block;
	float: left;
	margin: 0 -1px 0 0;
	padding: 0;
	height: 36px;
}
.content .tabs ul li a,
.content .tabs ul li a h2 {
	background-image: url(./../../images/bgr_tabs.png);
	background-repeat: no-repeat;
}
.content .tabs ul li a {
	display: block;
	float: left;
	height: 30px;
	background-position: right top;
	margin: 6px 0 0 0;
	text-decoration: none;
	color: #2d2d2d;
	cursor: pointer;
}
.content .tabs ul li a:hover,
div.content .tabs ul li a:focus {
	color: #ee6002; /* orange */
}
.content .tabs ul li a h2 {
	display: block;
	height: 22px; /* 30 - padding */
	background-position: left top;
	margin: 0 7px 0 0;
	padding: 8px 13px 0 20px;
	font-size: 100%;
	font-weight: normal;
}

/* orange tabs */
.content .tabs ul li.orangeInactive a {
	background-position: right -282px;
}
.content .tabs ul li.orangeInactive a h2 {
	background-position: left -282px;
	color: #fff;
}

/* active tab */
.content .tabs ul li.act {
	margin-right: -8px;
	position: relative; /* place on top */
}
.content .tabs ul li.act a {
	height: 36px;
	margin: 0;
	font-weight: bold;
	background-position: right -102px;
}
.content .tabs ul li.actNextOrange a {
	background-position: right -246px;
}
.content .tabs ul li.act a h2 {
	color: #ee6002 !important;
	height: 23px; /* 36 - padding */
	margin-right: 14px;
	padding-top: 13px; /* place 1px above other tabs */
	background-position: left -102px;
}
.content .tabs ul li.actNextOrange a h2 {
	background-position: left -246px;
}
.content .tabs ul li.last.act a {
	background-position: right -210px;
}
.content .tabs ul li.last.act a h2 {
	margin-right: 8px;
	background-position: left -102px;
}
.content .tabs ul li.actLastWhite a {
	height: 36px;
	margin: 0;
	font-weight: bold;
	background-position: right -66px !important;
}
.content .tabs ul li.last.actLastWhite a h2 {
	background-position: left -66px;
}



/* -------------------------------------
 * error-box
 * ------------------------------------- */
 .error-box {
	border: 1px solid red;
	padding: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	color: red;
	text-align: left;
}

/* -------------------------------------
 * v-styles
 * ------------------------------------- */
 .vlink {
	color: #2d2d2d;
	text-decoration: none;
}
.vtitle h3 {
	font-weight: bold;
	font-size: 1.3em;
	padding-bottom: 0px;
	margin: 0 0 6px 0;
}

/* -------------------------------------
 * error-box NEW
 * ------------------------------------- */
.errorMessage,
.informationBox {
	background: url(./../../images/bg_errorbox.png) 0 0 no-repeat;
	margin: 10px 0 10px 0;
	width: 85%;
	min-height: 41px;
	height: auto !important;
	height: 41px;
	font-weight: bold;
	color: #FF0000;
	border: none;
	position: relative;
}
.informationBox {
	background-image: url(./../../images/bg_informationbox.png);
	color: #999;
}
.errorMessage div,
.informationBox div {
	padding: 20px 0 15px 65px;
	margin: 0;
}
.informationBox.kijijiLogin div {
	padding: 15px 60px 25px 65px;
	margin: 0;
}
.errorMessage div.errorMessageBottom,
.informationBox div.informationBoxBottom {
	background: url(./../../images/bg_errorbox_bottom.jpg) 0 0 no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 10px;
	margin: 0;
	padding: 0 !important;
	height: 7px;
	overflow: hidden;
}
.informationBox div.informationBoxBottom {
	background-image: url(./../../images/bg_informationbox_bottom.png);
}

input.text.error {
	background-color: #f07d7f;
}

input.error,
select.error,
textarea.error {
	background: #f07d7f;
}

label.inactive {
	color: grey;
}

/* error page 404 */
.error-page-details {
	border:2px solid #BFBFBF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color: #FAFAFA;
	padding: 20px 0 0 0;
}

.error-logo {
	float:left;
	margin:5px 0 0 5px;
}

.error-link {
	float:right;
	margin: 10px 5px 0px 0px;
}

/*================================== Prices ==================================*/

span.priceBlackBold {
	color: #000;
	font-weight:bold;
	white-space: nowrap;
}

span.priceGrayBold {
	color: #969696;
	font-weight:bold;
	white-space: nowrap;
}

span.priceOrangeBold {
	color: #FF6600;
	font-weight:bold;
	white-space: nowrap;
}

span.priceBlack {
	color: #000;
	white-space: nowrap;
	font-weight:normal;
}

span.priceGray {
	color: #6E6E6E;
	white-space: nowrap;
	font-weight:normal;
}

span.priceOrange {
	color: #FF6600;
	white-space: nowrap;
	font-weight:normal;
}
span.priceBlackBold {
	color: #000;
	font-weight:bold;
	white-space: nowrap;
}

span.priceLightOrange {
	color: #FFAA00;
	white-space: nowrap;
}
span.priceLightOrangeBold {
	color: #FFAA00;
	font-weight:bold;
	white-space: nowrap;
}

/* overlay for lightboxes with livepipe controls */
#control_overlay {
	background-color:#000;

}
.mobile-lightbox,
.mobile-lightbox-plain {
	background-color:#fff;
	padding:10px;
	border:1px solid #bfbfbf;
}

.mobile-lightbox {
	background-color:#fff;
	padding: 0;
	border:1px solid #bfbfbf;
}

	.mobile-lightbox .window-header {
		background-color: #FFF;
		line-height: 40px;
		height: 40px;
		padding-left: 10px;
		display: block;
	}
	#dealer .mobile-lightbox .window-header {
		background-color: #EFEFEF;
	}
	.mobile-lightbox .window-header h3 {
		display: block;
	}
	.mobile-lightbox .window-title {
		font-size: 150%;
		color: #FF6600;
	}
	.mobile-lightbox .window-close {
		background: transparent url(./../../images/sprites/commonSprite.png) no-repeat scroll -23px -1820px;
		cursor: pointer;
		line-height: 11px;
		padding-left: 17px;
		position: absolute;
		right: 15px;
		top: 14px;
	}
	.mobile-lightbox .window-contents {
		margin: 10px;
		overflow: hidden;
	}
	.mobile-lightbox .window-indicator {
		width: 100%;
		height: 100%;
		background-color: #fff;
	}

	/* FRIT */

	body.fr .header .logo,
	body.it .header .logo {
		width: 180px;
	}
	body.fr .header img.logo,
	body.it .header img.logo {
		width: 180px;
		height: 52px;
	}
	/*  removed temporary with MAD-1081
	body.fr .navigation {
		top: 113px;
	}
	body.fr .meta {
		top: 55px;
	}
	body.fr .header .tl {
		top: 35px;
	}
	body.fr .header .tr {
		top: 35px;
	}
	body.fr .header .bl {
		top:141px;
	}
	body.fr .header .br {
		top: 141px;
	}
	*/
	body.fr .ebayBackLink {
		height: 25px;
		text-align: right;
		margin-right: 5px;
	}
	body.fr .ebayBackLink a.infoLinkOverview {
		background-image:url(./../../images/sprites/commonSprite.png);
		background-repeat:no-repeat;
		background-position:left -2391px;
		padding-left:10px;
		padding-top:5px;
		color:#000;
		text-decoration: none;
	}
	body.fr .ebayBackLink a:hover.infoLinkOverview,
	body.fr .ebayBackLink a:focus.infoLinkOverview {
		color: #ee6002 !important; /* orange */
		text-decoration: underline !important;
	}

/* -------------------------------------
 * LOADING
 * ------------------------------------- */
.loadingWrapper{
	position: absolute;

}
.elementsWrapper{
	position: relative;
}
.loadingImage{
	background-image:url(./../../images/loading.gif);
	float:left;
	height:16px;
	margin-right:5px;
	width:16px;
}
.loadingImageBig{
	background-image:url(./../../images/loading_big.gif);
	float:left;
	height:40px;
	margin-right:5px;
	width:40px;
}
.loadingText{
	color: #2D2D2D;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 100%;
}

.loadingImageGreySmall{
	background-image:url(./../../images/loader_grey_small.gif);
	float:left;
	height:16px;
	margin-right:5px;
	width:16px;
}
.loadingImageGreyBig{
	background-image:url(./../../images/loader_grey_big.gif);
	float:left;
	height:32px;
	margin-right:5px;
	width:32px;
}

.loaderGrayBig {
	background: transparent url(./../../images/loader_grey_big.gif) no-repeat center;
}

.visibleHidden{
	visibility: hidden;
}
.visibleShown{
	visibility: visible;
}
.displayNone{
	display:none !important;
}
displayBlock{
	display:block;
}

/* -------------------------------------
 * STATIC ERROR PAGES
 * ------------------------------------- */

.static-error .box {
	background-color: #FAFAFA;
}

.static-error .row {
	padding: 0 0 0 56px;
}

.static-error .box .headline {
	background:url(./../../images/sprites/headline_icons.png) 0 0 no-repeat;
	height:43px;
	padding-left:42px;
	margin:5px 10px 0 10px;
}

.static-error .box .headline h1 {
	background:url(./../../images/bg_content_headlines.png) 0 0 repeat-x;
	padding-left: 4px;
	color: #f60;
	font-size: 150%;
	font-weight: bold;
	line-height: 200%;
	margin: 0;
}



/* -------------------------------------
 * AUTOCOMPLETION
 * ------------------------------------- */

 input.autocompletion {
	position: relative;
	background: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D); /* welcome to ie world, if backround: transparent then you can click through, literally spoken */
	z-index: 3;
}

input.autocompletion-prediction {
	position: absolute;
	color: silver;
	background: none;
	background-color: #fff;
	border: 1px solid #fff;
	*top: 1px;
	z-index: 1;
}

.autocompletion-list {
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #FFF;
	position: absolute;
	border: 1px solid #B6B6B6;
	z-index: 100000;
	-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}

.autocompletion-list.align-above {
	-webkit-box-shadow: -4px -4px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: -4px -4px 10px rgba(0, 0, 0, 0.5);
	box-shadow: -4px -4px 10px rgba(0, 0, 0, 0.5);
}

.autocompletion-list ul {
	list-style: none outside;
	margin: 0;
	background-color: #FFF;
}

.autocompletion-list li {
	margin: 0;
	padding: 3px 3px 3px 10px;
	cursor: pointer;
	white-space: nowrap;
}

.autocompletion-list li.category {
	cursor: default;
	padding-left: 5px;
	font-weight: bold;
	color: #2D2D2D;
	background: #DDD;
	background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#DDD));
	background: -moz-linear-gradient(top,  #F3F3F3,  #DDD);

}

.autocompletion-list li em {
	font-weight: bold;
	font-style: normal;
	color: #2D2D2D;
}

.autocompletion-list ul li.selected {
	cursor: pointer;
	background: #CFCFCF;
	background: -webkit-gradient(linear, left top, left bottom, from(#A8A8A8), to(#CFCFCF));
	background: -moz-linear-gradient(top,  #A8A8A8,  #CFCFCF);
}

.autocompletion-list li:hover,
.autocompletion-list li:focus {
	cursor: pointer;
	background-color: #DDD;
	background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#F3F3F3));
	background: -moz-linear-gradient(top,  #DDD,  #F3F3F3);
}

.autocompletion-list li.category:hover {
	cursor: default;
	color: #2D2D2D;
	background: #DDD;
	background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#DDD));
	background: -moz-linear-gradient(top,  #F3F3F3,  #DDD);
}

.autocompletion-list {
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #FFF;
}

#oo_feedback_footer {
    padding-left: 12px;
    background-repeat: no-repeat;
    background-position: 0 2px;
    background-image: url("./../../images/onlineopinionV5/oo_icon.gif");
}

#oba,
#footer .subnavigation ul li a.oba {
    background-image: url(./../../images/icons/icon-oba.gif);
    background-position: right center;
    background-repeat: no-repeat;
    display: inline-block;
    margin: -5px 0;
    padding: 5px 20px 5px 0;
}
#oba:hover,
#footer .subnavigation ul li a.oba:hover,
#oba:focus,
#footer .subnavigation ul li a.oba:focus {
    color: #ee6002 !important;
    cursor: pointer;
}

/*
    we needed some markup for refactoring and moving to the mobile-static-resources-webapp
    to save some ifs in freemarker this seems to be a easier solution
*/
#meta .sprite {
    display: none;
}
.iconfont {
    display: none;
}

.navigation .sub ul {
   -moz-border-radius: 0 0 5px 5px;
   -webkit-border-radius: 0 0 5px 5px;
   border-radius: 0 0 5px 5px;
}

.navigation .sub ul li:last-child {
    border-bottom: 1px solid #c6c5c4;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
/*
   SEPA warning for dealers
*/
.confirmSepaBox {
   border: 2px solid #ff6600;
   padding: 10px 10px 10px 10px;
   margin: 10px 0 10px 0;
   background: #ffffff; /* Old browsers */
   background: -moz-linear-gradient(top,  #ffffff 50%, #dddddd 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #ffffff 50%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #ffffff 50%,#dddddd 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #ffffff 50%,#dddddd 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #ffffff 50%,#dddddd 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

#powerConsumptionWrapper.hidden {
    display: none;
}