/* layout.css for all the locale except en_US */
.model_desc { font-family:Arial, Helvetica, sans-serif; font-size:7.5pt; font-style:normal; color:#000000; padding-left:5px; }

#imgCIC_top {
	z-index: 100;
	position: absolute;
	left: 350px;
	top: 90px;
	width: 215px;
	height: 146px;
	overflow: hidden;
	background-color: transparent;
	border: 0px;
}

#imgCIC_bottom {
	z-index: 100;
	position: absolute;
	left: 350px;
	top: 262px;
	width: 244px;
	height: 184px;
	overflow: hidden;
	background-color: transparent;
	border: 0px;
}
#outerWrapper {
	position: relative;
	height: 470px;
}
/*
lineup.css

CSS rules governing the Volkswagen Model Lineup
*/

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}
h1 {
    margin: 0px;
    padding: 0px;
}
/* override vw wrapper style */
div.contentWrapper {
	margin: 0;
}

div.layoutWrapper {
	margin: 0;
}

/* Safari fix to keep content from hiding under the global nav on top */
div.container {
    position: relative;
}
div.content  {
    position: relative;
    margin-left: auto;
	margin-right: auto;
}

/* Bar containing the sorting elements */
div#container-sorters {
    width: 991px;
    height: 46px;
    margin-left: 4px;
    background-repeat: no-repeat;
    position: relative;
}

/* Sort By and model groups */
div.container-sortby {
    width: 1000px;
    margin-top: 34px;
}
div.container-sortby ul.model-group {
    float: left;
    list-style-type: none;
    height: 245px;
    margin: 0px;
    padding: 0px;
    padding-top: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    *overflow: hidden;
}

/* Because of differences in layout between Sort By Model and Sort by price
   some of these rules have dependencies */
div#price ul.margin-left {
    margin-left: 35px;
}

div#price { display: none; }

div#model ul.margin-left {
    margin-left: 34px;
}
div#model ul.margin-left-second {
    margin-left: 16px;
}

div.container-sortby ul li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-repeat: no-repeat;
}

div.container-sortby ul.model-group li.container-model {
    float: left;
    width: 132px;
    margin-right: 7px;
}
div.container-sortby ul.extra-margin li.container-model{
	margin-right:11px;
}
div.content div.container-sortby ul.model-group li.last-model {
    margin-right: 0px;
}
div.content div.container-sortby ul.model-group li.model-3px-extra {
    margin-right: 14px;
}
div.container-sortby ul.model-group ul.model-items li {
    float: none;
    height: auto;
    background-image: none;
    font-size: 10px;
}

div.container-sortby ul li.over-state {
    background-position: 0 -208px;
}


/* Styling the lists */
div.container-sortby ul.model-items {
    padding: 0px;
    margin: 0px;
    margin-top: 103px;
    margin-left: 5px;
    position: relative;
}

div.container-sortby,
div.container-sortby ul,
div.container-sortby ul li,
div.container-sortby ul li ul,
div.container-sortby ul li ul li,
div.container-sortby ul li ul li a,
div.container-sortby ul li ul li span {
    /* for IE, because, well, it's IE */
    *position: relative;
}


div.container-sortby ul.model-group ul.twoline-headline {
    margin-top: 83px;
}

div.container-sortby ul.model-group ul.model-items li {
    font-family: Verdana, Arial, sans-serif;
}

div.container-sortby ul.model-group ul.model-items li.model-name {
    padding-top: 4px;
}

div.container-sortby ul.model-group ul.twoline-headline li.model-name {
    *padding-top: 8px;
}

div.container-sortby ul.model-group ul.model-items li.model-name a {
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
    font-size: 15px;
    line-height: 17px;
    color: #3e3e3e;
    padding-right:10px;
    background-repeat: no-repeat;
    background-position: 100% 4px;
	text-decoration: none;
    *display: inline-block;
}

div.container-sortby ul.model-group li ul.twoline-headline li.model-name a { 
    *display: inline-block;
    *background-position: 100% 22px;
}

div.container-sortby ul.model-group li ul.threeline-headline li.model-name a { 
    *background-position: 100% 39px;
}
div.container-sortby ul.model-group ul.model-items li.model-link {
    position: absolute;
    width: 100%;
    height: 75px;
    top: -100px;
    left: -5px;
}

div.container-sortby ul.model-group li ul.twoline-headline li.model-link {
    top: -80px;
}

div.container-sortby ul.model-group ul.model-items li.model-link a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

div.container-sortby ul.model-group ul.model-items li.model-startat,
div.container-sortby ul.model-group ul.model-items li.model-mpg {
    line-height: 1.4em;
	font-weight: 100;
}

div.container-sortby ul.model-group ul.model-items li.model-trim {
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold !important;
    text-transform: uppercase;
    line-height: 1.4em;
    padding-top: 5px;
}
div.container-sortby ul.model-group ul.model-items li.model-trim span {
    font-family: Arial, Verdana, sans-serif;
    color: #999;
    line-height: 1.4em;
    font-size: 10px;
}

div.container-sortby ul.model-group ul.model-items li.model-key {
    padding-top: 5px;
}
div.container-sortby ul.model-group ul.model-items li.link {
    height: 16px;
    display: none;
}
div.container-sortby ul.model-group ul.model-items li.link a {
    display: block;
    font-weight: bold;
    font-family: Arial, Verdana, sans-serif;
    background-repeat: no-repeat;
    background-position: 0px -18px;
    text-indent: 9px;
    font-size: 11px;
    color:#004B83;
	text-decoration:none;
}
div.container-sortby ul.model-group ul.model-items li.link a:hover {
    text-decoration: underline;
}
ul.model-items li.model-name a:hover {
    text-decoration: none;
}

/* Sort By dropdown*/

div#container-sorters div#container-dropdown {
    padding-top: 5px;
    padding-left: 17px;
    position: absolute;
    top: 0px;
    left: 0px;
}

div#container-sorters div#container-dropdown label {
    display: block;
    height: 10px;
    margin-bottom: 3px;
}

div#container-sorters div#container-dropdown select {
    font-size: 10px;
}


/* Sliders */

div.container-slider {
    position: absolute;
    top: 17px;
    height: 35px;
}

div.container-slider img.filter-label {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}
div.container-slider p.caption {
    margin: 0px;
    padding: 0px;
    width: 100px;
    height: 18px;
    position: absolute;
    top: 10px;
    text-align: center;
    color: #545454;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

div.container-slider div.ui-slider {
    float: left;
    position: relative;
    cursor: pointer;
    padding-top: 0px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 0 5px;
}

div.container-slider div.ui-slider div.ui-slider-handle {
    width: 24px;
    height: 12px;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    margin-left: -12px;
}

div.container-slider div.ui-slider div.ui-slider-handle span {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #3e3e3e;
    font-weight: bold;

}


/* Seating slider specific rules */
div#slider-seating {
    left: 137px;
    width: 175px;
}

div#slider-seating p.caption {
    left: 65px;
}
div#slider-seating div.ui-slider {
    width: 78px;
	background-position: 0 -15px;
}
div#slider-seating div.ui-slider span {
    position: relative;
    top: -15px;
    left: 9px;
}


/* Cargo space slider specific rules */
div#slider-cargospace {
    position: absolute;
    left: 315px;
    width: 230px;
}
div#slider-cargospace p.caption {
    left: 90px;
}
div#slider-cargospace div.ui-slider {
    width: 120px;
    position: relative;
}

div#slider-cargospace div.ui-slider div.ui-slider-handle {
    width: 50px;
    position: relative;
}

div#slider-cargospace div.ui-slider div.ui-slider-handle p {
    position: absolute;
    top: -15px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    padding-left: 3px;
}

div#slider-cargospace div.ui-slider div.ui-slider-handle span {
    display: block;
    float: left;
} 
div#slider-cargospace div.ui-slider div.ui-slider-handle img {
    display: block;
    float: left;
    padding-left: 1px;
    padding-top: 3px;
}

/* Horsepower slider specific rules */
div#slider-horsepower {
    position: absolute;
    left: 547px;
    width: 222px;
}
div#slider-horsepower p.caption {
    left: 100px;
}
div#slider-horsepower div.ui-slider {
    width: 120px;
}

div#slider-horsepower div.ui-slider div.ui-slider-handle {
    width: 50px;
}
div#slider-horsepower div.ui-slider div.ui-slider-handle p {
    position: relative; 
    top: -15px;
    left: -4px;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
}


/* rules for AWD and TDI checkboxes */
div.container-checkboxes {
    position: absolute;
    top: 7px;
    left: 786px;
}
div.container-checkboxes p {
    margin: 0;
    padding: 0;
    position: relative;
    height: 15px;
    line-height: 15px;
    padding-bottom: 2px;
}
div.container-checkboxes p input {
    display: block;
    height: 15px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
}
div.container-checkboxes p label {
    display: block;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 17px;
}

/* Reset button */
img#reset-button {
    position: absolute;
    top: 8px;
    left: 923px;
background-position: 0 0;	
}

div#button-reset {
    position: absolute;
    top: 8px;
    left: 923px;
    width: 57px;
    height: 34px;
    display: none;
    outline: none;
}
img#reset-button, div#button-reset a {
	width: 57px;
    height: 34px;
	background-repeat: no-repeat;
}
div#button-reset a {
    display: block;   
    text-decoration: none;    
    background-position: 0px -34px;
    text-indent: -9999px;
    outline: none;
}
div#button-reset a:hover {
    background-position: 0px -68px;
    outline: none;
}

div#button-reset a:active {
    outline: none;
}
/* Labels */
ul#sedan {
	background-position: 5px 0;
}
/* ul#performance {
	background-position: 5px 0;
}*/
ul#compact {
	background-position: -615px 0;
}
ul#minivan {
	background-position: -1070px 0;
}
ul#wagon {
	background-position: -1495px 0;
}
ul#suv {
	background-position: -1915px 0;
}
ul#convertible {
	background-position: -2335px 0;
}
ul#specialeditions {
	background-position: -2755px 0;
}

ul#price-15000-20000 {
	background-position: 0 0;
}
ul#price-20000-25000 {
	background-position: -825px 0;
}
ul#price-25000-35000 {
	background-position: -1445px 0;
}
ul#price-35000-45000 {
	background-position: -2458px 0;
}
/* Footer is a bit too low */
div#hybridFooter {
    margin-top: 0px;
    position: relative;
}


/* Fix for IE6: Sort By dropdown shows through menu */
#widgetShim { 
    height: 30px; 
    width: 105px; 
    left: 15px; 
    top: 10px;
    position: absolute; 
    display: none;
}