/* === General */
html, body {
  color: #666666;
  background: #FFF url(/images/viewport_background.png) top left repeat-x;
}

h1 {
  margin: 0.2em 0 0.6em;
  font-weight: normal;
  font-style: italic;
}

a { color: #FD8103; }
a.contentcolor { color: #666; text-decoration:none; }

.yui-d2 {
  width: 1008px;
  margin-top: 12px;
}

#outer-wrapper {

  margin-left: 210px;
}

#outer-wrapper .yui-ge{
  padding-right: 8px;
}

#outer-sidebar {
  width: 194px;
  padding: 0 5px;
}

#inner-wrapper { width:  580px;}

#dynamic-page-content #inner-wrapper { width:  785px;}

#inner-sidebar {
  width: 193px;
}

.yui-d2 .yui-t2{
  background: url(/images/left-sidebar-bg.png) top left repeat-y #FFFFFF;
  }

/* header
----------------------*/

#hd {
  background: #000 url(/images/header_backgorund.png) no-repeat top left;
  display: block;
  height: 121px;
  position: relative;
  z-index: 5;
}


#hd #logo{
  position: absolute;
  top:0;
  left: 0;
  width: 266px;
  height: 80px;
}

#hd #header-content{
  position: relative;
  width: 100%;
  height: 100%;
}

#hd #header-content #header_background_right_side{
  position: absolute;
  right: 0;
  top: 0;
  width: 21px;
  height: 121px;
  background: transparent url(/images/header_background_right_side.png) no-repeat top left;
}

/* top-level-navigation
-----------------------*/

#hd #header-content #tl-navigation{
  z-index: 10;
  position: absolute;
  left: 9px;
  bottom: -5px;
  padding: 0;
  margin: 0;
}

div#form #hd #header-content #tl-navigation{
  display: none;
}


#hd #header-content #tl-navigation li{
  margin-right:2px;
  float: left;
  list-style-type: none;
  height:31px;
}

#hd #header-content #tl-navigation a{
  background: transparent url(/images/navigation/tl-nav-button.png) no-repeat top left;
  font-family: Arial;
  font-size: 14px;
  color: #343434;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
  display: block;
  line-height: 30px;
  height: 30px;
  padding: 0 12px 0 12px;
  position: relative;
  display: block;
}

#hd #header-content #tl-navigation a div{
  background: transparent url(/images/navigation/tl-nav-button.png) no-repeat -144px -30px;
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 30px;
}

#hd #header-content #tl-navigation a.current {
  background: transparent url(/images/navigation/tl-nav-button.png) no-repeat 0 -60px;
  color: #FD8103;
}

#hd #header-content #tl-navigation a.current div {
  background: transparent url(/images/navigation/tl-nav-button.png) no-repeat -144px -90px;
}


#hd #header-content #tl-navigation a:hover {
  background: transparent url(/images/navigation/tl-nav-button.png) no-repeat 0 -60px;
  color: #666666;
}

#hd #header-content #tl-navigation a:hover div {
  background: transparent url(/images/navigation/tl-nav-button.png) no-repeat -144px -90px;
}


#hd #header-content #tl-navigation li:hover ul{
  display: block;
}

* html #hd #header-content #tl-navigation a{
  display: inline-block;
}



/* top-level-sub-navigation
--------------------------*/
#hd #header-content #tl-navigation .tl-sub-navigation{
  z-index: 5;
  background-color: #FFF;
  width: 497px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 30px;
  left: auto;
  border: 1px solid #C0C0C0;
  display: none;
  border-top: none;

}

#hd #header-content #tl-navigation .tl-sub-navigation li{
    /*border: 1px solid red;*/
    margin: 0;
    height: auto;
    list-style-type:none;
    padding: 0;
  }


#hd #header-content #tl-navigation .tl-sub-navigation a{
  background: transparent url(/images/navigation/tl-sub-navigation-arrow.png) no-repeat 10px 50%;
  font-family: Arial;
  font-size: 14px;
  text-decoration: none;
  display: block;
  margin: 0;
  padding: 0 10px;
  padding-left: 20px;
  font-size: 14px;
  line-height: 41px;
  height: 41px;
  color: #666;
}


#hd #header-content #tl-navigation .tl-sub-navigation a:hover{
  text-decoration: underline;
}

* html #hd #header-content #tl-navigation a div{
  right: -3px;
}

* html #hd #header-content #tl-navigation li{
  margin-right:4px;
}

* html  .yui-d2{
  background-color: #FFF;
}

* html #hd #header-content #tl-navigation{
  bottom: -6px;
}

* html #hd #header-content #tl-navigation .tl-sub-navigation a{
  display: inline-block;
}
/* breadcrumb
------------------------*/

#breadcrumb{
  position: relative;
  width:100%;
  height: 12px;
  bottom: 0;

}

#breadcrumb #corner-right, #breadcrumb #corner-left, #breadcrumb #border-top{
  position: absolute;
  top: 0;
}

#breadcrumb #border-top{
 background: transparent url("/images/header_border_top.png") repeat-x scroll left top;
 height: 4px;
 left: 0;
 width: 992px;
 margin-left: 8px;
 margin-right: 8px;
}

#breadcrumb #corner-left, #breadcrumb #corner-right{
  width: 8px;
  height: 100%;
}

#breadcrumb #corner-left{
  background: transparent url(/images/header_border_corner_left.png) top left no-repeat;
  left: 0;
}

#breadcrumb #corner-right{
  background: transparent url(/images/header_border_corner_right.png) top left no-repeat;
  right: 0;
}

#breadcrumb #breadcrumb-content{
  background-color: #FFF;
  width:996px;
  height: 100%;
  line-height: 7px;
  margin: 0 8px;
}


* html #breadcrumb #breadcrumb-content{
  width:992px;
}

* html #breadcrumb #breadcrumb-content{
  height: 15px;
  line-height: 15px;
}


/* registration result page
--------------------------*/
div#form-container.form_result div#content{
  font-family: Arial, Verdana;
  padding: 1% 4% 1% 2%;
  float: left;
  width: 60%;
  height: 375px;
  /*border: 1px solid red;*/
  line-height: 1.4;
}

div#form-container.form_result h1{
  font-weight: bold;
  color: #000;
  font-style: normal;
}

div#form-container.form_result div#advertisement{
  position: relative;
  /*border: 1px solid green;*/
}

div#form-container.form_result img#thank-you{
  position: absolute;
  top: 1%;
  left: 69%;
}

div#form-container.form_result div.code{
  background-color:#FFFECD;
  font-size:20px;
  line-height:3;
  padding:0 10px;
  width:135px;
  margin-bottom: 10px;
}

div#form-container.form_result div#advertisement ins{
  position: absolute;
  top: 75px;
  left: 1%;
}



/* registration form - commons
------------------------------*/

div#form.yui-d2 .yui-main{
    height: auto;
}

div#form.yui-d2 .yui-t2{
  background: url(/images/left-sidebar-form.png) top left repeat-y #FFFFFF;
}

div#form.yui-d2 .yui-main #form-container{
  /*border: 1px solid red;*/
  margin: 10px;
  font-family: Arial;
  color: #000;
}



/* registration form 2 - (am)
----------------------------*/
div#form-container.form2_am{
  font-size: 14px;
}

div#form-container.form2_am h1{
  font: normal bold 16px Arial;
  color: #000;
  margin-left: 1%;
}

/* layout */
div#form-container.form2_am #left-section,
div#form-container.form2_am #right-section{
  height: 100%;
}

div#form-container.form2_am #left-section{
  background: transparent url(/images/forms/register2/step_1.png) no-repeat left top;
  float: left;  
  width: 52%;
  margin-top:0;
  position: relative;
  /*border: 1px solid blue;*/
}

div#form-container.form2_am #right-section-content{
  background: transparent url(/images/forms/register2/step_2.png) no-repeat 7px top;
}

div#form-container.form2_am #left-section #separator-line{
  background: transparent url(/images/forms/register2/separator.png) repeat-y 0 0;
  position: absolute;  
  height: 100%;
  width: 5px;
  right: -5px;
  top: 0;
}

div#form-container.form2_am #right-section{
  position: relative;
  /*border: 1px solid blue;*/
  width: 100%;
  height: auto;

}

div#form-container.form2_am #left-section #left-side,
div#form-container.form2_am #left-section #right-side{
  padding: 2%;
  margin-top: 0;
}

div#form-container.form2_am #left-section #left-side {
  width: 47%;
  /*border: 1px solid maroon;*/
  float: left;
  padding-right: 1%;
}

div#form-container.form2_am #left-section #right-side{
  width: 46%;
  /*border: 1px solid navy;*/
  float: right;
  padding-left: 1%;
}

div#form-container.form2_am #left-section #footer{
  width: 95%;
  /*border: 1px solid navy;*/
  clear: both;
  padding: 2%;
}

div#form-container.form2_am #right-section #right-section-content{
  float: right;
  width: 45%;
  /*border: 1px solid red;*/
  padding: 1%;
  margin-top: 0;
}

div#form-container.form2_am div.flex_width_left,
div#form-container.form2_am div.flex_width_right,
div#form-container.form2_am div.half_width_left,
div#form-container.form2_am div.half_width_right{
  line-height:1.7;
  margin-top:0;  
}

div#form-container.form2_am div.half_width_left,
div#form-container.form2_am div.half_width_right{
  width: 46%;
}

div#form-container.form2_am div.flex_width_left{
  width: 27%;
}

div#form-container.form2_am div.flex_width_right{
  width: 69%;
}

div#form-container.form2_am div.flex_width_left,
div#form-container.form2_am div.half_width_left{
  float: left;  
}

div#form-container.form2_am div.flex_width_right,
div#form-container.form2_am div.half_width_right{
  float: right;
  margin-right: 2%;  
}

div#form-container.form2_am div.flex_width_left label,
div#form-container.form2_am div.flex_width_right label,
div#form-container.form2_am div.half_width_left label,
div#form-container.form2_am div.half_width_right label{
    margin-top:0;
}

div#form-container.form2_am div,
div#form-container.form2_am label{
  line-height:1.7;
  margin-top:5px;  
}

div#form-container.form2_am .row{
  height: 4em;
  /*border: 1px solid red;*/
}

div#form-container.form2_am .small-row{
  height: 1em;
  /*border: 1px solid red;*/
}

/* form controls */
div#form-container.form2_am label{
  display: block;
}


div#form-container.form2_am #required-fields-title{
  position:absolute;
  bottom: 0;
  left:2%;
}

/*div#form-container.form2_am label#label_for_registration_presenter_customer_gender,*/
div#form-container.form2_am label#label_for_registration_presenter_request_customer_comment{
  display: inline;
}

div#form-container.form2_am div.registration_presenter_customer_terms_and_conditions label,
div#form-container.form2_am div.registration_presenter_customer_newsletter label{
  display: inline;
}

div#form-container.form2_am div input.input-field{
  width: 95%;
}

div#form-container.form2_am div textarea,
div#form-container.form2_am div input.input-field,
div#form-container.form2_am div select{
  border-top: 1px solid #908F7A;
  border-left: 1px solid #908F7A;
  border-bottom: 1px solid #EDEECE;
  border-right: 1px solid #EDEECE;
}

div#form-container.form2_am div option{
  border: none;
  border-left: 1px solid #908F7A;
}

div#form-container.form2_am div textarea:focus,
div#form-container.form2_am div input.input-field:focus,
div#form-container.form2_am div select:focus{
  border-top: 2px solid #545347;
  border-left: 2px solid #545347;
  border-bottom: 1px solid #EDEECE;
  border-right: 1px solid #EDEECE;
}

div#form-container.form2_am div textarea,
div#form-container.form2_am div input.input-field{
  background: #FFFFCD url(/images/forms/input_text_border.png) left top no-repeat;
}

div#form-container.form2_am div input.input-field{
  padding: 3px;
}

div#form-container.form2_am div select{
  width: 98%;
  background-color: #FFFFCD;
  background: #FFFFCD url(/images/forms/input_text_border.png) left top no-repeat;
  padding: 1px;  
}

div#form-container.form2_am div textarea{
  width: 98%;
  height: 100px;
}

div#form-container.form2_am select#registration_presenter_customer_gender{
  width: auto;
}

div#form-container.form2_am  select#registration_presenter_request_buy_prediction{
  width: 53%;
}

div#form-container.form2_am div.registration_presenter_request_action select{
  width: auto;
}

div#form-container.form2_am div#form_submit {
  /*border:1px solid red;*/
  height:30px;
  margin-bottom:67px;
  margin-right:0;
  padding-left:0;
  text-align:right;
  width:100%;
}

div#form-container.form2_am div#form_submit input#registration_presenter_submit{
  font-size: 15px;
  border: none!important;
  color: #000;
  font-style: italic;
  font-weight: bold;
  text-transform: uppercase;
  width: 319px;
  height: 30px;
  line-height: 30px;
  background: #FFFFCD url(/images/forms/submit_background.png) left top no-repeat;
  padding-left: 5px;
  cursor: pointer;
  margin-right: 4%;
}

div#form-container.form2_am div#form_submit input#registration_presenter_submit:hover{
  background: #FFFFCD url(/images/forms/submit_background.png) 0 -30px no-repeat;
}

div#form-container.form2_am div.registration_presenter_customer_terms_and_conditions,
div#form-container.form2_am div.registration_presenter_customer_newsletter{
  margin: 14px 0;
}

div#form-container.form2_am #right-section div#thawte-secure-seal{
  position: absolute;
  left: 76%;
  bottom: 0px;  
  width: 226px;
  height: 66px;
}

div#form-container.form2_am div.registration_presenter_customer_terms_and_conditions input,
div#form-container.form2_am div.registration_presenter_customer_newsletter input{
  width: auto;
  margin-right: 5px;
}

/* listen */
div#form-container.form2_am ul{
  margin: 5px 0;
}

div#form-container.form2_am ul li{
  list-style-type: none;
  padding: 2px 10px;
  float: left;
  line-height: 15px;
}

div#form-container.form2_am ul li label{
  display: inline;
  line-height: 5px;
  line-height: 17px;
}

div#form-container.form2_am ul li input{
  margin-right: 4px;
  display: block;
  height: 20px;
  float: left;
  padding: 2px;
}

/* errors */
div#form-container.form2_am #left-section fieldset div.fieldWithErrors{
  padding:0;
  margin:0;
}

div#form-container.form2_am div .fieldWithErrors input.input-field,
div#form-container.form2_am div .fieldWithErrors select{
  border: 1px solid red;
}

div#form-container.form2_am div .fieldWithErrors input.input-field:focus,
div#form-container.form2_am div .fieldWithErrors select:focus{
  border-top: 2px solid red;
  border-left: 2px solid red;
  border-bottom: 1px solid red;
  border-right: 1px solid red;
}

div#form-container.form2_am div .fieldWithErrors select:focus option{
  border-left: 2px solid red;
}

div#form-container.form2_am div.registration_presenter_customer_terms_and_conditions .fieldWithErrors {
  background:url("/images/error_arrow.gif") no-repeat scroll 0 -3px transparent;
  padding:0 0 0 30px;
}

div#form-container.form2_am #right-section .errorExplanation {
  height: 163px;
}


div#form-container.form2_am #right-section .errorExplanation ul li, ul.list-bullets li {
  padding-left: 16px!important;
  width: 220px;
}

/* ie6 bugfixes */
* html div#form-container.form2_am #right-section #right-section-content{
  margin-left: -10px;
   width: 45%;
}
/* //ie6 bugfixes */


/* registration form 1 - (bc)
----------------------------*/

div#form-container.form1_bc{
  font-size: 14px;
}

div#form-container.form1_bc h1{
  font-weight: bold!important;
  color: #000;
  margin-left: 7%;
  word-spacing: 2px;
}

div#form-container.form1_bc #left-section, div#form-container.form1_bc #right-section{
  height: 100%;
}

div#form-container.form1_bc #left-section{
  float: left;
  /*border: 1px solid green; */
  width: 66%;
}

div#form-container.form1_bc #left-section .left-side {
  padding-left:9%;
  width: 42%;
  /*border: 1px solid maroon;*/
  float: left;
}

div#form-container.form1_bc #left-section .right-side{
  width: 42%;
  /*border: 1px solid navy;*/
  float: right;
  padding-left:2%;
  margin-right: 3%;
}

div#form-container.form1_bc #left-section .center{
  width: 89%;
  /*border: 1px solid navy;*/
  float: right;
  padding-left:10%;
  margin-right: 1%;
}

div#form-container.form1_bc h1{
  font-family: Arial;
  font-size: 16px;
  line-height: 1.2;
  font-style: normal;
  font-weight: normal;
}

div#form-container.form1_bc fieldset{
  padding-bottom: 33px;
}

div#form-container.form1_bc fieldset#step-4{
  padding-bottom: 5px;
}

div#form-container.form1_bc fieldset#step-1, div#form-container.form1_bc fieldset#step-2, div#form-container.form1_bc fieldset#step-3{
  position: relative;
  background: #FFF url(/images/forms/register1/separator.png) 15px bottom repeat-x;
}

div#form-container.form1_bc #left-section fieldset#step-1 .left-side,
div#form-container.form1_bc #left-section fieldset#step-2 .left-side,
div#form-container.form1_bc #left-section fieldset#step-3 .center,
div#form-container.form1_bc #left-section fieldset#step-4 .center{
  background-position: 10px top;
  background-repeat: no-repeat;
  background-color: #FFF;
}

div#form-container.form1_bc #left-section fieldset#step-1 .left-side{
  background-image: url(/images/forms/register1/step_1.png);
}

div#form-container.form1_bc #left-section fieldset#step-2 .left-side{
  background-image: url(/images/forms/register1/step_2.png);
}

div#form-container.form1_bc #left-section fieldset#step-3 .center{
  background-image: url(/images/forms/register1/step_3.png);
}

div#form-container.form1_bc #left-section fieldset#step-4 .center{
  background-image: url(/images/forms/register1/step_4.png);
}

div#form-container.form1_bc #left-section fieldset span{
  height: 24px;
  display: block;
}

div#form-container.form1_bc #left-section fieldset div,
div#form-container.form1_bc #left-section fieldset label{
  line-height:1.7;
  margin-top:5px;
}

div#form-container.form1_bc #left-section fieldset label{
  display: block;
}

/*div#form-container.form1_bc #left-section fieldset label#label_for_registration_presenter_customer_gender,*/
div#form-container.form1_bc #left-section fieldset label#label_for_registration_presenter_request_customer_comment{
  display: inline;
}

div#form-container.form1_bc #left-section fieldset select#registration_presenter_customer_gender{
  width: auto;
}

div#form-container.form1_bc #left-section fieldset select#registration_presenter_request_buy_prediction{
  width: 43%;
}

div#form-container.form1_bc #left-section fieldset div#request_interest, div#form-container.form1_bc #left-section fieldset div#request_customer{
  margin-top: 15px;
}

div#form-container.form1_bc #left-section fieldset div input.input-field{
  width: 95%;
}

div#form-container.form1_bc #left-section fieldset div textarea,
div#form-container.form1_bc #left-section fieldset div input.input-field,
div#form-container.form1_bc #left-section fieldset div select{
  border-top: 1px solid #908F7A;
  border-left: 1px solid #908F7A;
  border-bottom: 1px solid #EDEECE;
  border-right: 1px solid #EDEECE;
}

div#form-container.form1_bc #left-section fieldset div option{
  border: none;
  border-left: 1px solid #908F7A;
}

div#form-container.form1_bc #left-section fieldset div textarea:focus,
div#form-container.form1_bc #left-section fieldset div input.input-field:focus,
div#form-container.form1_bc #left-section fieldset div select:focus{
  border-top: 2px solid #545347;
  border-left: 2px solid #545347;
  border-bottom: 1px solid #EDEECE;
  border-right: 1px solid #EDEECE;
}

div#form-container.form1_bc #left-section fieldset div textarea{
  width: 98%;
  height: 100px;
  background: #FFFFCD url(/images/forms/input_text_border.png) left top no-repeat;
}

div#form-container.form1_bc #left-section fieldset div input.input-field{
  padding: 3px;
  background: #FFFFCD url(/images/forms/input_text_border.png) left top no-repeat;
}

div#form-container.form1_bc #left-section fieldset div.fieldWithErrors{
  padding:0;
  margin:0;
}

div#form-container.form1_bc #left-section fieldset div .fieldWithErrors input.input-field,
div#form-container.form1_bc #left-section fieldset div .fieldWithErrors select{
  border: 1px solid red;
}


div#form-container.form1_bc #left-section fieldset div .fieldWithErrors input.input-field:focus,
div#form-container.form1_bc #left-section fieldset div .fieldWithErrors select:focus{
  border-top: 2px solid red;
  border-left: 2px solid red;
  border-bottom: 1px solid red;
  border-right: 1px solid red;
}

div#form-container.form1_bc #left-section fieldset div .fieldWithErrors select:focus option{
  border-left: 2px solid red;
}

div#form-container.form1_bc #left-section fieldset div.registration_presenter_customer_terms_and_conditions span{
  display: inline;
}

div#form-container.form1_bc #left-section fieldset div.registration_presenter_customer_terms_and_conditions .fieldWithErrors {
background:url("/images/error_arrow.gif") no-repeat scroll 0 -3px transparent;
padding:0 0 0 30px;
}

div#form-container.form1_bc #left-section fieldset div select{
  width: 98%;
  background-color: #FFFFCD;
  background: #FFFFCD url(/images/forms/input_text_border.png) left top no-repeat;
  padding: 1px;
}

div#form-container.form1_bc #left-section fieldset div.half_width_left,
div#form-container.form1_bc #left-section fieldset div.half_width_right{
  line-height: 1.7;
}

div#form-container.form1_bc #left-section fieldset div.half_width_left{
  width: 44%;
  float: left;
  margin-right: 3%;
}

div#form-container.form1_bc #left-section fieldset div.half_width_right{
  width: 44%;
  float: right;
  margin-right: 3%;
}

div#form-container.form1_bc #left-section fieldset ul{
  margin: 5px 0;
}

div#form-container.form1_bc #left-section fieldset ul li{
  list-style-type: none;
  padding: 2px 10px;
  float: left;
  line-height: 15px;
}

div#form-container.form1_bc #left-section fieldset ul li label{
  display: inline;
  line-height: 5px;
  line-height: 17px;
}

div#form-container.form1_bc #left-section fieldset ul li input{
  margin-right: 4px;
  display: block;
  height: 20px;
  float: left;
  padding: 2px;
}

div#form-container.form1_bc #left-section fieldset div.registration_presenter_customer_terms_and_conditions,
div#form-container.form1_bc #left-section fieldset div.registration_presenter_customer_newsletter{
  margin: 12px 0;
}

div#form-container.form1_bc #left-section fieldset div.registration_presenter_customer_terms_and_conditions input,
div#form-container.form1_bc #left-section fieldset div.registration_presenter_customer_newsletter input{
  width: auto;
  margin-right: 5px;
}

div#form-container.form1_bc #left-section fieldset div.registration_presenter_customer_terms_and_conditions label,
div#form-container.form1_bc #left-section fieldset div.registration_presenter_customer_newsletter label{
  display: inline;
}

div#form-container.form1_bc #left-section fieldset div.registration_presenter_customer_indicated_by select{
  width: 45%;
}

div#form-container.form1_bc #left-section fieldset div.registration_presenter_request_action select{
  width: auto;
}

div#form-container.form1_bc #left-section div#form_submit{
  margin-right:1%;
  padding-left:10%;
  width:89%;
  height: 30px;
  margin-bottom: 20px;
}

div#form-container.form1_bc #left-section div#form_submit input#registration_presenter_submit{
  font-size: 15px;
  border: none!important;
  color: #000;
  font-style: italic;
  font-weight: bold;
  text-transform: uppercase;
  width: 319px;
  height: 30px;
  line-height: 30px;
  background: #FFFFCD url(/images/forms/submit_background.png) left top no-repeat;
  padding-left: 5px;
  cursor: pointer;
}

div#form-container.form1_bc #left-section div#form_submit input#registration_presenter_submit:hover{
  background: #FFFFCD url(/images/forms/submit_background.png) 0 -30px no-repeat;
}

div#form-container.form1_bc #right-section{
  position: relative;
  /*border: 1px solid blue;*/
  width: 100%;
  float: right;
  height: auto;
}

div#form-container.form1_bc #right-section img{
  position: absolute;
}

div#form-container.form1_bc #right-section img#garantie-card{
  left: 68%;
  bottom: 100px;
}

div#form-container.form1_bc #right-section img#thank-you{
  position: absolute;
  top: 0;
  left: 68%;
}


div#form-container.form1_bc #right-section div#thawte-secure-seal{
  position: absolute;
  left: 73%;
  bottom: 0;
  width: 226px;
  height: 66px;
}


* html div#form-container.form1_bc #left-section fieldset div.half_width_left{
  width: 42%;
  float: left;
  margin-right: 1%;
}

* html div#form-container.form1_bc #left-section fieldset div.half_width_right{
  width: 42%;
  float: right;
  margin-right: 1%;
}

* html div#form-container.form1_bc #left-section fieldset div.empty_row{
  height: 23px;
}




/* === Signup - old */
.signup .container {
  padding: 10px;
  margin: 0;
  border: 2px solid #F5F5F5;
}
.signup .disclaimer {
  padding: 5px;

  text-align: left;
  color: #282828;
  background-color: #CDE855;
}
.signup h1,
.signup .footer {
  padding: 10px;
  margin: 0;
  background-color: #F5F5F5;
}
.signup textarea { width: 30em; }
.signup table td { padding: 8px 10px 8px 0 !important; }

.signup .fieldWithErrors {
  display: inline;
}
.signup .footer .fieldWithErrors {
  background: url(/images/error_arrow.gif) no-repeat 0px -3px;
  padding: 0 0 0 30px;
}

/* //=== Signup - old */

#inner-sidebar .container h3 {
  padding: 5px 0;
  margin-bottom: 10px;

  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;

  text-align: center;
  text-transform: uppercase;

  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #E5E5E5;
  background-color: #F5F5F5;
}

.deprecated {
  padding: 10px;
  color: #FFFFFF;
  background-color: #282828;
}

/* === error style */
.errorExplanation {
  background: url(/images/error_arrow_big.gif) no-repeat 4px 10px;
  padding: 5px 5px 5px 60px;
  border: 2px solid #ff0000;
  margin-bottom: 2px;
}
.fieldWithErrors input,
.fieldWithErrors select {
  border: 1px solid #ff0000;
}


/* === Teaser */
#inner-sidebar .teaser { border: 1px solid #333; }
.teaser h3, .teaser h2 {
  vertical-align: top;
  margin: 0;
  padding: 10px;
  font-size: 14px;
  color: #FD8103;
}
.teaser h3 img { padding-right: 5px; }
.teaser .section {
  padding: 10px;
  border-top: 1px solid #333;
}
.teaser .image-section {
  padding: 10px 0px;
  text-align: center;
}
.teaser ol { padding-left: 24px; }
.teaser ol li {
  padding: 2px 0;
  list-style-position: outside;
}

#outer-sidebar .teaser {
  border-top: 1px solid #DBDCDC;
  border-bottom: 1px solid #DBDCDC;
  margin:20px 0 0 0;
}
#outer-sidebar .teaser .section {
  padding: 10px;
  border-top: 1px solid #DBDCDC;
}


/* === Body */
#bd {

}

/* === Button style */
input.button-style, input.button-style-big, a.button-style-big, #cm_tooltip_ok  {
  text-transform: uppercase;
  padding: 4px 12px;

  border: none;
  border: 1px solid #fff;

  color: #FFFFFF;
  background-color: #282828;
  text-align:center;
  cursor:pointer;
}

input.button-style-big, a.button-style-big {
  padding: 4px 12px 4px 28px;
  background: #282828 url(/images/arrow.gif) no-repeat 7px 8px;
  font-size:18px;
  border:none;
}

a.button-style-big {
  display:block;
  float:right;
  text-decoration:none;
  text-align:left;
}

/* === Search */
#boxSearch {
  padding: 15px 5px;
  font-size: 12px;
  background-color: #FD8103;
}

#boxSearch h3 {
  color: #FFFFFF;
  margin: 0;
  padding: 0 0 5px 0;
  text-transform: uppercase;
}
#boxSearch select,
#boxSearchBodies select {
  margin-bottom: 2px;
  padding: 3px 2px;
  width: 100%;

  font-size:12px;
}

#boxSearchBodies {
  padding: 10px 0 8px;
  margin:2px 0 0 0;

  width:100%;

  text-align: center;
  font-size:14px;

  background-color:#FD8103;
}
#boxSearchBodies h4 {
  display: inline;
  margin-right: 10px;

  color: #FFFFFF;
}
#boxSearchBodies select { margin-right: 2px; width: 160px; }


input.button-style-white {
  width: 30%;

  text-transform: uppercase;
  font-size: 10px;
  padding: 2px 0;

  border: none;
  border:1px solid #282828;

  background-color: #FFFFFF;
  text-align:center;
}

#resolverdiv input.button-style-white, #resolverdiv input.button-style {
  width:80px;
}

/* === pagenavigation */
.pagination {
  text-align:center;
  padding:5px 0px;
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
  margin:10px 0 0 0;
}
.pagination .prev_page {
  padding-right:110px;
  outline-style:none;
}
.pagination .next_page {
  padding-left:110px;
  outline-style:none;
}
.pagination a {
  color:#FD8103;
  text-decoration:none;
}

/* === Brand / Line / Body / Configurations */
.summary {
  border :2px solid #FD8103;
}
.overview {
  margin-bottom: 10px;
  background: url(/images/seo-description-bg.gif) repeat-y top left #FFFFFF;
}
.overview h1 {
  margin: 0;
  padding-bottom: 4px;
  font-size: 14px;
  background-color: #FFFFFF;
}
.overview h3 {
  float: left;
  padding: 5px;
  margin: 0;
  width: 180px;

  font-size: 14px;
}
.overview h3 span {
  display: block;
  margin-bottom: 5px;
  color: #FFFFFF;
}
.overview .car-description {
  margin: 0 0 0 200px;
}

.overview .details {
  padding: 0 10px 0 0;
}
.overview .bottom, #configurations .bottom {
  padding: 3px 10px 5px 5px;
  margin: 10px 0 10px 0;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 14px;
  color: #FFFFFF;
  background-color: #242321;
  white-space: nowrap;

  float:right;
}
.overview .bottom a, #configurations .bottom a {
  color:#fff;
  text-decoration:none;
}

.summary .small-images {
  padding: 3px;
  text-align: center;
}
.summary h4 {
  font-size: 30px;
}

.box-adw {
  border: 2px solid #FD8103;
  height:170px;
}

.line {
  padding: 4px;
  height: 135px;
  margin: 3px;
  overflow: hidden;
  border: 1px solid #CCCCCC;

  text-decoration: none;
}

.line a {
  text-decoration:none;
  outline-style:none;
}
.line .bottom a {
  color: #FFF;
}

.start-page .line .top,
.box-two-columns .line .top { height: 125px; }

.start-page .line .info h4,
.box-two-columns .line .info h4 { font-size: 13px; }

.start-page .line .bottom,
.box-two-columns .line .bottom,
.box-adw .bottom,
table.table-info .bottom { float:left; }

.line .top {
  position: relative;

  width: 100%;
  height: 100px;
}

.line .thumb-image {
  position: absolute;
  top: 14px;
  right: 4px;
  z-index:2;
}

.line .teaser-image {
  position: absolute;
  top: 23px;
  right: 4px;
  z-index:2;
}

.box-adw a {
  text-decoration:none;
  cursor:pointer;
}
a img {
  border:none;
}

.line { position: relative; }
.line .info, .box-adw .info {
  position: absolute;
  top: 4px;
  left: 4px;
  color: #666666;
  z-index: 4;
}

.line .bonus, .summary .bonus {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
}
.summary .bonus {
  top: 1px;
  right: 1px;
}
.box-adw .info {
  height:130px;
}
.box-adw .info {
  position: relative;

}
.box-adw .left {
  width:330px;
  padding:0 10px;
}
* html .box-adw .left {
  padding:0 9px;
}
.box-adw .rightbox {
  width:200px;
  padding:0 0 0 10px;
}
* html .box-adw .rightbox {
  width:190px;
}
.line .info h4 {
  color: #242321;

  text-transform: uppercase;
  font-weight: bold;

  white-space: nowrap;
}

.box-two-columns .line .info h4 {
  padding:0 0 4px 0;
}
.box-adw .info h4 {
  font-weight:normal;
  font-size:18px;
  padding:0 0 0px 0;
  text-transform: uppercase;
}
.subPage .box-adw .info h4 {
  padding:0 0 4px 0;
}
.line .info .price, .box-adw .info .price {
  font-size:16px;
  font-weight: normal;
  position:relative;
  white-space: nowrap;

  padding:32px 0 0 0;
}

.offer-bonus { border-left: 1px solid #CCCCCC; }
.offer-bonus .line {
  cursor:pointer;
  float: left;

  width: 280px;
  height: 155px;
  margin: 0;

  background-color: #FFFFFF;

  border: 0 none;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

.offer-bonus .line .info .price {
  padding:0;
  width:135px;
  height:100px;
}
.box-adw .info .price {
  padding:0px 0 0 0;
}
.box-adw .info .price span {
  font-size:30px;
  font-weight: bold;
}
.line .info .price span {
  font-size:25px;
  font-weight: bold;
}
.line .info .price p {
  font-size:14px;
}
.line .info .price span.precent, .line .info .price span.praemie, .line .info .price span.totalprice {
  font-size:14px;
  margin:0;
  padding:0;
  display:block;
  position:absolute;
  font-weight:normal;
}

.line .info .price span.precent {
  top:0px;
  left:0px;
}
.line .info .price span.praemie {
  top:30px;
  left:0px;
  border-bottom:1px solid #999;
  padding:0 0 2px 0;
  font-weight:normal;
  width:130px;
  line-height:18px;
  display:none;
}
.line .info .price span.totalprice {
  top:60px;
  right:0px;
  font-size:14px;
  font-style:italic;
  font-weight:bold;
  padding:2px 0 0 0;
  color:#282828;
}
.offer-bonus .line .info .price span.totalprice {
  font-style:normal;
}
.offer-bonus .line .info .price span.totalprice span.labelprice {
  font-weight:normal;
  font-size:14px;
}
.offer-bonus .button-small {
  position:absolute;
  top:130px;
  left:130px;
  white-space:nowrap;
  width:142px;
}
.offer-bonus .line .info .price p {
  margin:0;
  padding:0;
}

.offer-bonus .info .price span.old_default_price {position:absolute;top:45px;right:0px;color:#666666;font-size:12px;}
.offer-bonus .old_default_price img,
.offer-bonus span.old_default_price span.old_strike-price {position:absolute;top:0px;left:22px;width:60px;height:17px;background-image: url(/images/strike_price_grey.png);}
.offer-bonus span.old_default_price span.old_box_price {font-size:12px;font-weight:bold;}
.offer-bonus span.old_default_price span.old_currency {font-size:12px;font-weight:bold;}
.offer-bonus .line .info .price span.old_default_price span.labelprice {
  font-weight:normal;
  font-size:12px;
}

.box-adw .info .price p {
  font-size:15px;
  font-weight:bold;
  margin:0;
  padding:0;
}
.box-adw .info .price p.praemie, .offer-bonus .line .info .price p.praemie {
  border-bottom:1px solid #999;
  padding:0 0 2px 0;
  font-weight:normal;
}
.offer-bonus .line .info .price p.praemie {
  width:130px;
  line-height:18px;
}
.box-adw .info .price p.totalprice {
  font-size:20px;
  font-style:italic;
  padding:2px 0 0 0;
}
.offer-bonus .line .info .price p.totalprice {
  font-size:18px;
  font-style:italic;
  font-weight:bold;
  padding:2px 0 0 0;
}
.line .info strong {
  font-size: 14px;
}

.line .discount {
  position: absolute;
  bottom: 4px;
  right: 4px;
}

.line .image {
  width: 100px;
  margin: auto;
  padding-top: 19px;
}

.line .bottom, .box-adw .bottom, table.table-info .bottom {
  padding: 4px 10px 5px 5px;

  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  color: #FFFFFF;
  background-color: #35352F;
  white-space: nowrap;

}
.box-adw .bottom {
  line-height:20px;
  font-size: 14px;
}


.black-arrow-button {
  display:block;
  text-decoration:none;
  background:transparent url(/images/arrow-small.gif) no-repeat scroll 2px 7px;
  padding: 4px 10px 4px 17px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  color: #FFFFFF;
  background-color: #242321;
  white-space: nowrap;
  border:none;
  cursor:pointer;
}
table.table-info .bottom a {
  text-decoration:none;
  color: #FFFFFF;
}


.arrow {
  padding-left: 20px;
  background: url(/images/arrow.gif) no-repeat center left;
}
.arrow-small {
  padding-left: 17px;
  background:transparent url(/images/arrow-small.gif) no-repeat scroll 2px 3px;
}

table.table-info {
  width:100%;
  border-top:none;
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
  border-collapse:collapse;
}
table.table-info td {
}
.table-info td {
  border:none;
  border-bottom:1px solid #CCC;
}
.table-info .car-brand {
  font-size:16px;
  color:#000;
  font-weight:bold;
}

/* Configurations */
#configurations h3 { font-size: 16px; padding:10px 0;margin:0; border-bottom: 1px solid #CCCCCC; }
#configurations h4 { color: #333333; }
#configurations .configuration {
  padding: 20px 10px;
  border-bottom: 1px solid #CCCCCC;
}
* html #configurations .configuration {
  padding: 20px 10px 10px;
}
.configuration a, .configuration h4 {
  text-decoration:underline;
}

/* === CONFIGURATOR */
.model-chooser ul {
  height: 75px;
  margin-right: 10px;
  overflow-x: hidden;
  overflow-y: auto;
}
.model-chooser li {  }

.model-chooser .fuel_names { width: 20%; }
.model-chooser .engines { width: 35%; }
.model-chooser .doors { width: 10%; }
* html .model-chooser li a {width:90%;}
.model-chooser li a { display:block; color:#FD8103;text-decoration:none;padding: 5px; margin:0px;outline-style:none; }
.model-chooser li a.active, .model-chooser li a:hover { color:#fff; background-color:#242321; }
.model-chooser th {background-color:#efefef;}

/* === NAVIGATION */
#main-nav {
  width: 100%;
  max-width: 100%;
  height: 48px;
  margin: 10px 0;

  text-transform: uppercase;
  font-weight:bold;

  background: #FFFFFF url(/images/navigation/main-bg.png) repeat-x bottom left;
}

#main-nav a {
  font-size: 16px;
  padding: 18px 28px 12px;
  color: #515151;
}
#main-nav li {
  border-left: 1px solid #FFFFFF;
}
#main-nav li.first { border: 0 none; }
#main-nav li.current {
  border: 0 none;
  background: #fff url(/images/navigation/main-left.png) no-repeat 0 0!important;
}

#main-nav li.after_current { border: 0 none; }
#main-nav li.current a {
  background:  url(/images/navigation/main-right.png) no-repeat top right;
  color: #FD8103;
}

#main-nav li.last a {
  float: right;
  padding: 0;
  background: none;
}
#main-nav li.last {
  float: right;
  border: 0 none;
  margin-top: 10px;
  height: 38px;
  width:50px;
}
#main-nav li.last.current { background: none #282828; }

/* sub-navigation */
#main-sub-nav {
  font-size: 10px;
  color: #FD8103;
}
#main-sub-nav li {
  padding: 2px 10px 0;
  border-right: 1px solid #D9D9D9;
}
#main-sub-nav li.last { border: 0 none; padding-right: 0; }
#main-sub-nav li.first { border: 0 none; padding-left: 0; }
#main-sub-nav a, #main-sub-nav a:visited { color: #666666; }

/* summary_configuration */
.summary_configuration {width:100%;margin:0 0 20px 0;}
.summary_configuration .price_compare {width:333px;background-color:#EDEDED;color:#282828;float:left;height:152px;}
.summary_configuration .summary_advantages {width:243px;background-color:#EDEDED;color:#282828;float:right;height:152px;}
.summary_configuration .summary_body {padding:10px;}
.summary_configuration h4 {margin-bottom:1em;}
.summary_configuration p.last_p {margin-bottom:0;}

/* customer offers */

.customer-offers h3 { font-size: 14px; font-weight: bold; }
.customer-offers h3 span { color: #FD8103; }

.customer-offers table th,
.customer-offers table td { padding: 8px 8px 8px 0; }
.customer-offers table tr.heading { color: #282828; background-color: #FD8103; }

.customer-offers table .first { padding-left: 10px; }
.customer-offers table .last { padding-right: 10px; }
.customer-offers table .even { background-color: #EDEDED; }

.customer-offers table tr.info { font-size: 12px; font-weight: bold; color: #282828; background: url(/images/stripe_bg_grey.gif) top left #CDCDCD; border-top: 2px solid #FFFFFF; }
.customer-offers table tr.info .last { font-size: 14px; font-weight: bold; }

.customer-offers table .index { width: 12px; }
.customer.offers table .attributes { white-space: nowrap; }
.customer-offers table .discount { font-size: 16px; font-weight: bold; color: #FD8103; }
.customer-offers table .discounted-price { min-width: 110px; }
.customer-offers table .discounted-price strong { font-size: 14px; color: #282828; }
.customer-offers table .discount span,
.customer-offers table .discounted-price strong { display: block; }
.customer-offers table .savings { white-space: nowrap; font-weight: bold; color: #282828; }

.customer-offers .btnHover {
  cursor: pointer;
  width: 108px;
  height: 20px;

  background-position: 0 0;
  background-repeat: no-repeat;

  border: 0 none;
}
.customer-offers .btnHover:hover { background-position: 0 -21px; }
.customer-offers .btnCash { background-image: url("/images/navigation/offers/btnCash.gif"); }
.customer-offers .btnFinance { background-image: url("/images/navigation/offers/btnFinance.gif"); }
.customer-offers .btnLeasing { background-image: url("/images/navigation/offers/btnLeasing.gif"); }

.customer-offers .highlight { font-weight:bold; }

/* footer nav */
#footer-nav li {
  padding: 2px 10px 0;
  border-right: 1px solid #D9D9D9;
}
#footer-nav li.last { border: 0 none; padding-right: 0; }

/* === Cars */
.car-detail {
  margin: 0 0 2px;
  border: 2px solid #F5F5F5;
}
.car-detail .container { padding: 10px; }
.car-detail .zoomicon {
  position:absolute;
  top:180px;
  left:231px;
}
.car-detail h1 {
  padding: 10px;
  margin: 0 0 10px;

  font-size: 20px;
  font-weight: normal;

  background-color: #F5F5F5;
}
.car-detail .discounted-price,
.car-detail .bonus .price {
  background-color: #FD8103;
  color: #282828;
  font-weight: bold;
}

.car-description {
  margin: 0 0 10px;

  font-size: 12px;
  font-weight: normal;

  color: #9B9B9B;
}
.car-financing label {
  float: left;
  width: 45%;
}
.car-financing select {
  float: right;
  width: 50%;
}
table.car-financing th {
  text-transform: uppercase;

  background-color: #F5F5F5;
  border: 1px solid #9B9B9B;
}

table.car-financing tbody tr td {
  border: 1px solid #9B9B9B;
}


/* === General */
table td.return-car {
  padding: 5px 0 0 0 !important;
}

/* === Bonus Page */
.pageBonus {
  width: 100%;

  background-color: #282828;
}
*+html .pageBonus {margin:10px 0 0 0;}
* html .pageBonus {margin:10px 0 0 0;}
.pageBonus table.simple {
  width: 427px;
  border-top:3px solid #FD8103;
}
.pageBonus table.simple td {
  font-size: 100%;
  padding:0 0 5px 0;
}
.pageBonus table.simple td.spacer {
  padding:10px 0 5px 0;
}
.pageBonus table.simple td select, .pageBonus table.simple td input {
  width: 98%;
  height:1.6em;
}
.pageBonus table.simple td input.black-arrow-button {
  height:auto;
  width:auto;
  float:right;
  border:none;
  margin:10px 2% 0 0;
}
.pageBonus table.simple td textarea {
  width: 98%;
  height:80px;
}
.pageBonus .content-space {
  padding: 10px 25px;
  margin:10px 0 0 0;
}
.pageBonus .inner-content a {
  color:#FD8103;
  font-weight:bold;
}
.pageBonus .inner-content h2 {
  padding: 0 0 5px 0;
  margin:0 0 10px 0;
  border-bottom:3px solid #FD8103;
}
.pageBonus p {
  padding: 0 0 15px 0;
  margin:0;
  line-height:1.4em;
}
.pageBonus ol {
  margin:0 0 0 20px;
  line-height:1.4em;
}
.pageBonus ol li {
  padding: 0 0 15px 0;
}

/* == Sub page */
*+html .subPage {margin:10px 0 0 0;}
* html .subPage {margin:10px 0 0 0;}

.box-top-banner {
  background: #FD8103 url(/images/banner_bg.gif) repeat-x left bottom;
  margin-bottom:10px;
  color:#282828;
  height:1%;
}
.box-top-banner .box-visual {
  height:115px;
  width:220px;
}
* html .box-top-banner .box-visual {
  padding-top:3px;
}
.box-top-banner .box-content {
  width:320px;
  padding-bottom:20px;
}
.box-top-banner h3, .box-top-banner h1 {
  padding: 8px 40px 0px 0px;
  margin:0;
  font-style:italic;
}
.subPage .box-top-banner p {
  padding: 0 0 0px 0;
  margin:0;
  line-height:1.2em;
}

.subPage h2 {
  padding: 2px 40px 3px 15px;
  margin:10px 0;
  background-color: #FD8103;
  font-style:italic;
  float:left;
  color:#282828;
  font-weight:normal;
}
.subPage .special-offer h2 {
  padding: 10px;
  margin:0 0 10px 0;
  background-color: #F5F5F5;
  font-style:normal;
  float:none;
  color:#666;
  font-weight:normal;
}
.subPage h2.first {
  margin:0px 0 10px;
}
.subPage h2.bodystyle {
  padding: 0;
  margin:0 0 10px 0;
  background-color: transparent;
  font-style:normal;
  float:none;
  color:#282828;
  font-size:1.2em;
  font-weight:bold;
}
.subPage .morelinks {
  padding-left:10px;
}
.subPage .morelinks .half div {
  padding-bottom:5px;
}
.subPage .morelinks .box {
  float: left;
  width: 47%;
  padding: 0 2% 20px 0;
}
.subPage .morelinks .box div { padding-bottom: 5px; }

.subPage .inner-content {
  margin:10px 10px 20px;
}
.subPage p {
  padding: 0 0 15px 0;
  margin:0;
  line-height:1.4em;
}
.subPage ol {
  margin:0 0 30px 20px;
}
.subPage ol li {
  line-height:1.4em;
  margin:0 0 15px 0;
}

.listing-elements span {
  padding: 1px 20px 3px 0px;
  display:block;
  float:left;
}
.listing-elements span.caps {
  padding: 0px;
  display:inline;
  float:none;
}
.listing-elements a {
  line-height:1.4em;
}
.listing-elements span img {
  vertical-align:middle;
  padding-left:5px;
}


/* === Offers */
.offer {
  position: relative;
  margin-bottom: 10px;
  width: 285px;

  color: #666666;
}
.defaul-brand .offer {
  overflow:hidden;
  height:156px;
}
.offer h4 {
  overflow: hidden;
  margin-bottom: 5px;
  background:transparent url(/images/offers/bg_headline.png) repeat-x scroll left bottom;
  color: #242321;
  font-size: 16px;
  white-space: nowrap;
  padding:1px 3px;
}
.offer h4 a {
  display:block;
}
.offer a {
  cursor: pointer;
  text-decoration: none;
}
.offer .contents a { color: #666666; }

.offer small {
  font-size: small;
  color: #666666;
}
.offer .highlight { font-weight:bold !important; }

/*
.offer .description {
  height: 100px;
  margin-bottom: 5px;
}
*/
.offer .left {
  position: relative;
  _position: static;
  float: left;

  overflow: hidden;
  white-space: nowrap;
  margin-right: -25em;

  width: 100%;
}
.offer .right { float: right; }

.offer .bonus {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
}

.offer .contents {
  min-height: 90px;
  border: 1px solid #CCCCCC;
  border-bottom: 0 none;
}

.offer .contents .price {
  display: block;
  margin-top: 6px;

  font-size: 18px;
  font-weight: bold;
  color: #242321;
}
.offer .contents .discount {
  display: block;
  margin-top: 3px;

  font-size: 16px;
  font-weight: bold;
  color: #FD8103;
}
.offer .contents .description {
  display: block;
  margin-top: 5px;
}

.offer .button,
.offer .button-invert {
  display: block;
  font-size: 12px;

  -moz-border-radius: 0;
}

.offer .arrow {
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
.button-invert .arrow { background-image: url(/images/navigation/arrow-invert.gif); }

/* === Preconfigured Offer */
.preconfigured-group { margin-top: 30px; }
.preconfigured-group h3,
h3.preconfigured {
  margin: 0 0 10px;
  padding: 10px;

  color: #282828;
}
.preconfigured-group h3 { background-color:#F5F5F5; }

table.preconfigured form { width: 100%; }
table.preconfigured select { float:right; width: 115px; }

.preconfigured-offer {
  display: block;

  width: 285px;
  margin-bottom: 10px;

  text-decoration: none;
  color: #666666;
}

.preconfigured-offer .contents { display: block; padding: 3px; border: 1px solid #CCCCCC; border-bottom: 0 none; }
.preconfigured-offer .contents .name { display: block; font-size: 16px; font-weight: bold; overflow: hidden; white-space: nowrap; }
.preconfigured-offer .contents .description { display: block; float: left; overflow: hidden; width: 170px; height: 70px; }
.preconfigured-offer .contents img { float: right; }

.preconfigured-offer .pricing { position: relative; display: block; margin: 4px 0 3px; height: 35px; }
.preconfigured-offer .pricing small { font-size: 10px; }
.preconfigured-offer .pricing strong { font-size: 130%; }

.preconfigured-offer .pricing .discounted-price,
.preconfigured-offer .pricing .list-price,
.preconfigured-offer .pricing .discount { position: absolute; }

.preconfigured-offer .pricing .discounted-price strong,
.preconfigured-offer .pricing .list-price strong { color: #282828; }

.preconfigured-offer .pricing .discounted-price { bottom: 0px; right: 0px; }
.preconfigured-offer .pricing .list-price { font-size: 12px; top: 0px; right: 0px; }
.preconfigured-offer .pricing .discount { bottom: 0px; left: 0px; font-size: 16px; color: #FD8103 !important; }

.preconfigured-offer .strike-price { position: absolute; width: 60px; height: 17px; background-image: url(/images/strike-price.png); }
.preconfigured-offer .pricing .list-price .strike-price { top: -1px; right: 0;  }

.preconfigured-offer .button-invert {
  display: block;

  font-size: 12px;

  color: #282828;
  background-image: url(/images/navigation/button-invert-bg.gif);

  border: 2px solid #FE9900;
  -moz-border-radius: 0;
}

.defaul-brand .offer .contents {
  position:relative;
  width:283px;
  height:154px;
  border: 1px solid #CCCCCC;
}
.defaul-brand .offer img.left {
  width:auto;
  padding:9px 0 0 5px;
  margin:0;
}

.defaul-brand .button-small {position:absolute;top:120px;right:8px;width:255px;text-align:center;z-index:2;}
.defaul-brand .button-small span {font-size:11px;font-weight:bold;display:inline;}
.defaul-brand .button-small span a {color:#fff;display:inline;font-size:10px;}

.defaul-brand .offer .contents span.listprice {position:absolute;top:10px;right:5px;color:#666666;font-size:11px;}
.defaul-brand .offer .contents span.listprice img,
.defaul-brand .offer .contents span.listprice span.old_strike-price {position:absolute;top:-2px;right:-6px;width:60px;height:17px;background-image: url(/images/strike-price.png);}
.defaul-brand .offer .contents span.listprice span.old_box_price {font-size:11px;font-weight:bold;}

.defaul-brand .offer h4 a {color:#282828;}
.defaul-brand .offer a {display:block;}
.defaul-brand .offer a.offerLink {
  height:120px;
  left:0;
  position:absolute;
  top:21px;
  width:280px;
  z-index:5;
}
.defaul-brand .offer .contents span.price {
  position:absolute;
  top:20px;
  right:5px;
}

.defaul-brand .offer .contents span.discount {
  position:absolute;
  top:38px;
  right:5px;
  font-size:20px;
}
.defaul-brand .offer .contents span.description {
  position:absolute;
  top:64px;
  right:5px;
}
.defaul-brand .offer .contents .price {
  font-size:12px;
}

.defaul-line .offer .contents {
  min-height: 155px;
  height: auto !important;
  height:155px;
  width:283px;
  border-bottom:1px solid #ccc;
}
.defaul-line .offer .contents span.listprice {position:absolute;top:29px;right:5px;color:#666666;font-size:11px;}
.defaul-line .offer .contents span.listprice img,
.defaul-line .offer .contents span.listprice span.old_strike-price {position:absolute;top:-2px;left:12px;width:60px;height:17px;background-image: url(/images/strike-price.png);}
.defaul-line .offer .contents span.listprice span.old_box_price {font-size:11px;font-weight:bold;}
.defaul-line .offer h4 a {color:#282828;display:inline;}
.defaul-line .offer a {display:block;}
.defaul-line .offer .contents .line-details {
  position:absolute;
  top:30px;
  right:5px;
  text-align: right;
}
.defaul-line .offer .contents .line-details span {
  text-align: right;
}
.defaul-line .offer .contents .price {
  font-size:12px;
  margin-top:15px;
}
.defaul-line .offer .contents span.discount {
  font-size:20px;
}
.defaul-line .offer img.left {
  width:auto;
  padding:5px 0 0 5px;
}
.defaul-line .button-small {position:absolute;top:120px;right:8px;width:255px;text-align:center;z-index:2;}
.defaul-line .button-small span {font-size:11px;font-weight:bold;display:inline;}
.defaul-line .button-small span a {color:#fff;display:inline; font-size: 10px;}
/* === list styles */
.errorExplanation ul, ul.list-bullets, ul.list-discs, ul.list-discs-grey {
  margin:0 0 15px 0;
  padding:0px;
}
.errorExplanation ul li, ul.list-bullets li {
  list-style:none;
  background: #FFF url(/images/listen-bullet.gif) no-repeat 0 6px;
  padding:0 0 0 15px;
  line-height:1.4em;
}
ul.list-discs li {
  list-style:none;
  background: url(/images/listen-disc.gif) no-repeat 0 4px;
  padding:0 0 0px 15px;
  line-height:1.4em;
}

ul.list-discs-grey li {
  list-style:none;
  background: url(/images/listen-disc-grey.gif) no-repeat 0 4px;
  padding:0 0 10px 15px;
  line-height:1.4em;
}

.subPage .special-offer ul.list-discs-grey li {
  padding:0 0 5px 15px;
}

/* News Styles */
.news p.subhead {margin:0 0 10px 0;padding:0; text-decoration:underline; font-weight:bold; font-style:italic;}
.news h3 {margin:0 0 10px 0;padding:0; font-weight:bold; font-size:1.2em;}
.news .content {margin:0 0 40px 0;padding:0;}


/* === static footers */
.with-medium-footer {
  position: relative;
  padding-bottom: 200px;
}

.footer-content {
  z-index: 99;
  position: absolute;

  left: 0;
  bottom: 0;
}

/* === backlink in der einstiegsseite */
#inner-sidebar #backlink{
    border: none;
    padding: 0px;
    text-align: center;
}

/* === IE6 PNG fix */
* html .offer-bonus span.old_default_price span.old_strike-price {
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/themes/autobild/price_strike.png", sizingMethod="crop");
}
* html .defaul-brand .offer .contents span.listprice span.old_strike-price {
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/themes/autobild/price_strike.png", sizingMethod="crop");
}
* html .defaul-line .offer .contents span.listprice span.old_strike-price {
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/themes/autobild/price_strike.png", sizingMethod="crop");
}


#outer-wrapper .yui-ge{
 height: 100%;
}


/* === Footer */
#ft {
  /*margin: 20px 0 20px 205px;*/
  position: relative;
  padding:0 0 10px 0;
  font-size: 10px;
  color: #666666;
  height: 50px;
}

#ft .yui-b{
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -280px;
}

#ft a {
  text-decoration:none;
  color: #666666;
}

/*
#ft .yui-u {
  border-right: 1px solid #CCCCCC;
  padding:5px 0;
  margin:0 0 15px 0;
}

*/
#ft p { padding: 5px 10px; }
#ft .last {  border: none; }
#copyright { margin-top: 10px; }



#ft #border-left, #ft #border-right, #ft #border-bottom{
  position: absolute;
  bottom: 0;
}

#ft #border-left, #ft #border-right{
  height: 60px;
  width: 8px;
}

#ft #border-left{
  background: transparent url(/images/footer_border_left.png) bottom left no-repeat;
  left: 0;
}

#ft #border-right{
  background: transparent url(/images/footer_border_right.png) bottom left no-repeat;
  right: 0;
}

#ft #border-bottom{
  background: transparent url("/images/footer_border_bottom.png") repeat-x scroll left top;
  height: 4px;
  line-height: 4px;
  left: 0;
  width: 992px;
  margin-left: 8px;
  margin-right: 8px;
}

#consumption_disclaimer{
  margin-top: 20px;
  margin-bottom: 20px;
}