@charset "UTF-8";
/* CSS Document */

/* PNG Hack 
h1, h2, h3, h4, img, a, li{ behavior: url(css/iepngfix.htc); }
*/

/* defaults */
body {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	padding: 0;	margin: 0; text-align:left;
	color:#FFFFFF; background:#99b3cc;
	height:100%;
	width:100%; font-size:14px;
	/*overflow:none;*/
}
img{border:none; margin:0; padding:0;}

a{text-decoration:none; color:#ffffff; cursor:pointer;}
a:hover{text-decoration:none; color:#ffffff;}

p{margin-bottom:14px; line-height:120%;}


h1{font-size:500%; font-weight:bold;}
h2{font-size:300%; font-weight:bold;}
h3{font-size:130%; line-height:100%; font-weight:bold;}


.text-10{font-size:70%; line-height:120%;}
.text-11{font-size:80%; line-height:130%;}
.text-12{font-size:85%; line-height:140%;}
.text-14{font-size:100%; line-height:160%;}

input{background:#FFFFFF; color:#000000; border:1px solid #CCCCCC; vertical-align:middle;}

.borderIt{ border:1px solid #6633CC;}

.hidden{display:none;}

/* margins */
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}

.ml-10{margin-left:10px;}

.mb-10{margin-bottom:10px;}

/* debug */
#debug{border:1px solid red; background:white; width:400px; height:300px; position:absolute; top:100px; right:50px; overflow:scroll;}


/* ie fixes
* html .clearfix{height:1px; overflow:hidden;} */
/*
Old naming convention. This is being phased out. These are wacky colours so we can see old class names if they exist
*/
  .text-white{color:#060;}
  .text-white:hover{color:#036;}
  
  .text-yellow{color:#930;}
  .text-yellow:hover{color:#936;}
  
  .text-yellow-light{color:#090;}
  .text-yellow-light:hover{color:#096}
  
  .text-purple{color:#0F0;}
  .text-purple:hover{color:#0FC}
  
  .text-purple-light{color:#330}
  .text-purple-light:hover{color:#336}
  
  .text-cream{color:#390}
  .text-cream:hover{color:#399}
  
  .text-brown-light{color:#960}
  .text-brown-light:hover{color:#966}
  
  .text-brown-dark{color:#C30}
  .text-brown-dark:hover{color:#C39}
  
  .text-brown-dark2{color:#93F}
  .text-brown-dark2:hover{color:#99F}
/*
End old naming convention
*/

/* white */
.text-colour2{color:#FFF;}
.text-colour2:hover{color:#FFF;}

.text-colour3{color:#555555; font-size:12px; line-height:18px;}
.text-colour3:hover{color:#555555;}



.cufon-white{font-size:464%; color:#FFFFFF; float:left; position:relative; display:inline;}
.cufon-yellow{font-size:464%; color:#ffc20e; float:left; position:relative; display:inline;}



/* links */
.link-yellow{color:#FFFFFF; text-decoration:none;}
.link-yellow:hover{color:#FFFFFF; text-decoration:underline;}

/* Backgrounds */
.bg-yellow{background:#ffc423;}
.bg-orange-dark{background:#d26d14;}
.bg-red-dark{background:#c70000;}
.bg-brown-dark{background:#560000;}
.bg-glow-red{background:url(../images/bg-glow-red.jpg) top left no-repeat fixed #920000;}
.bg-gradient-purple{background:url(../images/bg-gradient-purple.jpg) top left repeat-x fixed #96a5de;}



/* headers */
#header-logo{position:fixed; top:20px; left:20px; }
#header-search{width:224px; height:34px; position:fixed; top:0px; right:20px;}
#header-search .header-bg{position:absolute; top:0px; left:0px; width:224px; height:34px;}
#header-search .input-search{border:none; background:#ffffff; font-size:12px; height:16px; margin-top:2px; width:110px; float:left; color:#000000; position:absolute; top:7px; left:40px;} 
#header-search .btn-search{width:52px; height:20px; background:url(../images/btn-search.jpg) top left no-repeat; display:block; position:absolute; top:7px; right:9px;}
#header-search .btn-search:hover{background:url(../images/btn-search.jpg) bottom left no-repeat;}
#header-search .btn-quicklink{width:30px; height:20px; background:url(../images/btn-loop.jpg) top left no-repeat; display:block; float:left; position:absolute; top:7px; left:10px;}
#header-search .btn-quicklink:hover{background:url(../images/btn-loop.jpg) bottom left no-repeat;}

#box-quicklink{position:absolute; width:155px; top:20px; left:10px; display:none;}
#box-quicklink .box-quicklink-top{background:url(../images/box-quicklink-top.jpg) top left no-repeat; width:155px; height:7px; float:left;}
#box-quicklink .box-quicklink-bottom{width:155px; height:8px; background:url(../images/box-quicklink-bottom.png) top left no-repeat; float:left;}
#box-quicklink .box-quicklink-content{width:155px; background:#FFFFFF; float:left; color:#666666; font-size:85%;}

#box-quicklink .box-quicklink-content ul{margin:10px 0px 5px 23px;}
#box-quicklink .box-quicklink-content li{ list-style-image:url(../images/list-arrow-right.gif); margin-left:10px; line-height:130%; }
#box-quicklink .box-quicklink-content li a{color:#666666; text-decoration:none;}
#box-quicklink .box-quicklink-content li a:hover{color:#333333; text-decoration:underline;}

/* footer */
#footer{height:160px; bottom:0px; position:fixed; width:100%; overflow:hidden; bottom:0px; left:0px;}

/*
main nav
*/
#mainNav-shadow{background:url(../images/mainNav-topshadow-trans.png) repeat-x; height:17px; width:100%;}

/*#mainNav-container{height:116px;  width:100%; overflow:hidden; background-image:url(../images/mainNav-bg-repeat.gif); background-repeat:repeat; background-color:#cd0000; position:absolute; top:17px;}*/

#mainNav-container{height:116px;  width:100%; overflow:hidden; background-repeat:repeat; background-color:#600000; position:absolute; top:17px;}

.mainNav-quickAccess{ height:116px; background:url(../images/mainNav-bg-red-hover.jpg) top right repeat-y #8b0000; position:absolute; left:50px; overflow:hidden; font-size:85%; padding-right:20px;}
.mainNav-quickAccess ul{margin:10px 10px 10px 10px; position:relative;float:left;}
.mainNav-quickAccess li{line-height:130%; list-style-type:none; margin-left:10px; padding:0px; cursor:pointer; font-size:11px;}
.mainNav-quickAccess li a{text-decoration:none; color:#FFF;}
.mainNav-quickAccess li:hover{list-style-image:url(../images/arrow-list-white.gif);}
.mainNav-quickAccess .btn-close{position:absolute; top:10px; right:10px; display:block; width:13px; height:13px; background:url(../images/btn-nav-close.gif) top left no-repeat; cursor:pointer;}

.menu-item{height:116px; overflow:hidden; width:100%; position:absolute; left:0;}



.lv1-nav{background:url(../images/mainNav-leftshadow.jpg) top right no-repeat #d26d14; height:116px; display:block; float:left; position:relative; width:50px; cursor:pointer; overflow:hidden;}
.lv1-nav-active{}
.lv1-nav img{left:0px; margin:0px; position:absolute; bottom:0px; cursor:pointer; background:none;}
* html div.lv1-nav img{background-image:none;}

.lv1-nav a{width:50px; height:116px; display:block; position:absolute; left:0; top:0; cursor:pointer;}
.lv1-text{float:left; display:block; background:#d26d14;}

.lv2-nav{background-image:url(../images/mainNav-bg-red.jpg);background-position:top right; background-repeat:repeat-y; background-color:#c70000; float:left; position:relative; height:116px; width:140px; overflow:hidden; cursor:pointer;}
.lv2-nav:hover{background-image:url(../images/mainNav-bg-red-hover.jpg); background-position:top right; background-repeat: repeat-y; background-color:#8b0000; cursor:pointer; text-decoration:none;}

.lv2-nav-active{background-image:url(../images/mainNav-bg-red-hover.jpg); background-position:top right; background-repeat: repeat-y; background-color:#8b0000; float:left; position:relative; height:116px; width:140px; overflow:hidden; cursor:pointer;}
.lv2-nav-items{height:116px; border: 0px solid white; position:relative; float:left; overflow:hidden;}

/*.lv2-nav a { display:block; width:100%; height:100%; cursor:pointer;}*/

.lv2-nav-bg { height:116px; width:100%; position:absolute;cursor:pointer;}
.lv2-nav-bg:hover {cursor:pointer;}

.lv2-text{display:block; position:absolute; width:100%; font-size:20px;}

.lv2-text a{display:block; height:116px; width:100%; }
.lv2-text a:hover{background-image:url(../images/mainNav-whiteArrow.gif); background-repeat:no-repeat; background-position:10px 110px;  text-decoration:none;}

.lv2-text a.active{background-image:url(../images/mainNav-whiteArrow.gif); background-repeat:no-repeat; background-position:10px 110px; display:block; height:116px; width:100%; }

.lv2-text span{position:absolute; bottom:5px; left:5px;}

.lv2-shadow{height:116px; width:50px; background:url(../images/mainNav-leftshadow.png) top right no-repeat; position:relative; left:0px; float:left;}

.cufon-mainNav sup .cufon{position:absolute; bottom:10px;}

.box-nav{background-repeat:repeat; background-color:#600000; /*border: 1px solid white;*/ height:116px;position:absolute; width: 200%; top: 0px; left:0px;}

.cufon-mainNav{display:block; cursor:pointer; color:#FFFFFF;}

#mainNav-lv2{height:116px; overflow:hidden; width:100%; position:relative; left:0px;  float:left;}

.menuLink{z-index: 50; cursor:pointer;}

/* scrollers */

#scroll-left{width:18px; height:116px; position:absolute; left:0;}

#scroll-right{width:18px; height:116px; position:absolute; right:0px;}

#scroll-yellow{width:60px; height:116px; position:absolute; right:0px; background:url(../images/scroll-yellow-trans.png) top left no-repeat;}

* html div#scroll-yellow{background-image:none;}


/* footer */
#mainNav-footer{color:#ffffff; width:100%; background:url(../images/footer-bg.gif) top center repeat-x #560000; height:27px; position:fixed; bottom:0px; font-size:12px; text-align:left; left:0; overflow:hidden;}


#mainNav-footer-yellow{width:100%; background:#ffc423; height:4px; position:absolute; bottom:0px;}

#footer-left{height:27px; position:absolute; left:0;}

#footer-middle{height:27px; width:65px; margin:0px auto 0px auto; position:relative; display:block; overflow:hidden;}

#footer-middle:hover{background:url(../images/arrow-up-yellow.jpg) no-repeat; background-position:center 18px;}

#footer-middle a{display:block;}

#footer-right{height:27px; position:absolute; right:0; margin-right:10px;}

.leftAlign{margin:5px 0px 0px 5px; display:block; float:left; cursor:pointer; height:27px;}

.middleAlign{margin:5px 0px 0px 5px; display:block; cursor:pointer; float:left; height:27px;}

.rightAlign {margin:5px 0px 0px 5px; display:block; float:right; cursor:pointer; height:27px;}

#nav-sitemap{}

a:hover{text-decoration:underline}

#sitemap-full{width:100%; background:url(../images/arrow-down-yellow-trans.gif) top center no-repeat #2f0000; height:550px; position:absolute; left:0;}

#sitemap-content{width:95%; height:323px; position:absolute; padding:20px 0px 0px 30px; overflow:auto;}

#sitemap-content a{position:relative;}
#sitemap-content sup .cufon{position:absolute; bottom:9px;}

.sitemap-header{margin-bottom:0px; width:100%; position:relative; float:left;}
#sitemap-container{margin-top:10px;padding-top:10px; position:relative; float:left; width:100%; padding-bottom:30px;}
#sitemap-container div{position:relative;}

#sitemap-content h3{margin-bottom:10px; font-size:130%;}
#sitemap-content li{margin-top:3px;}
#sitemap-content a{text-decoration:none;}

#sitemap-content .colour-lv1{color:#ffffff; text-decoration:none; display:block; padding:0px 0px 5px 0px; font-size:130%;}
#sitemap-content .colour-lv1:hover{text-decoration:underline;}

#sitemap-content .colour-lv2{color:#ffc423; text-decoration:none; display:block; margin-left:0px; padding:0px 0px 5px 0px; font-size:100%;}
#sitemap-content .colour-lv2:hover{text-decoration:underline;}

#sitemap-content .colour-lv3{color:#f4f0cd; text-decoration:none; display:block; margin-left:0px; padding:0px 0px 5px 0px; font-size:90%;}
#sitemap-content .colour-lv3:hover{text-decoration:underline;}

#sitemap-content .colour-lv4{color:#998675; text-decoration:none; display:block; margin-left:0px; padding:0px 0px 5px 0px; font-size:90%;}
#sitemap-content .colour-lv4:hover{text-decoration:underline;}
/*
BOXES
*/
.box-brown {float:left; position:relative;}
.box-brown .bg{ background:#730000;/*background:url(../images/bg-trans-brown.png) top left repeat;*/}
.box-brown .bg-tl{background:url(../images/box-brown-tl-trans.png) top left no-repeat; width:10px; height:10px; padding:0px; overflow:hidden; position:absolute; top:0px; left:0px;}
.box-brown .bg-tr{background:url(../images/box-brown-tr-trans.png) top right no-repeat; width:10px; height:10px; padding:0px; overflow:hidden; position:absolute; top:0px; right:0px;}
.box-brown .bg-bl{background:url(../images/box-brown-bl-trans.png) top left no-repeat; width:10px; height:10px; padding:0px; overflow:hidden; position:absolute; bottom:0px; left:0px;}
.box-brown .bg-br{background:url(../images/box-brown-br-trans.png) top right no-repeat; width:10px; height:10px;  padding:0px; overflow:hidden; position:absolute; bottom:0px; right:0px;}

.box-brown .button-download img{margin:5px 0px 0px 10px;}

.box-brown .bar-top{height:10px;}
.box-brown .bar-bottom{height:10px;}
.box-brown .middle{height:10px; overflow:hidden; position:absolute; left:10px;}
.box-brown .content{}

.box-red {float:left; position:relative;}
.box-red .bg{background:#af0707;}
.box-red .bg-tl{background:url(../images/box-red-tl.png) top left no-repeat; width:10px; height:10px; float:left;}
.box-red .bg-tr{background:url(../images/box-red-tr.png) top right no-repeat; width:10px; height:10px; float:right;}
.box-red .bg-bl{background:url(../images/box-red-bl.png) bottom left no-repeat; width:10px; height:10px; float:left;}
.box-red .bg-br{background:url(../images/box-red-br.png) bottom right no-repeat; width:10px; height:10px; float:right;}

.box-red .bar-top{height:10px; width:100%;}
.box-red .bar-bottom{height:10px; width:100%;}
.box-red .middle{float:left; height:10px;}
.box-red .content{}

.box-170{width:170px;}
.box-180{width:180px;}
.box-200{width:200px;}
.box-220{width:220px;}
.box-600{width:440px;}
.box-800{width:620px;}

.padding-10{padding:10px;}
.padding-20{padding:20px;}
.padding-25{padding:25px;}
.padding-30{padding:30px;}
.padding-left-30{padding-left:30px;}


/* commons */
.ul-white li{margin-left:20px; list-style-type:disc; line-height:140%; color:#FFFFFF;}

.ul-yellow li{margin-left:20px; list-style-type:disc; line-height:140%; color:#ffc423;}


/* TEMPLATES */
/* BOTTOM MARGIN FIX */

.margin-180{width:100%; height:180px; display: block; position:relative; float:left;}

.margin-160{width:100%; height:160px; display: block; position:relative; float:left;}

.margin-20{width:100%; height:20px; display: block; position:relative; float:left;}


/* flash */
#flash { left: 0; position: absolute; top: 0; width:100%; height:100%; overflow:hidden;}
#mcflash { left: 0; position: absolute; top: 0; width:100%; height:100%; overflow:hidden;}

/* landing */

#landing-container{left: 0; position: absolute; top: 0;min-width:1024px; width:100%; height:100%; background:#000000;}
#landing-image{position:relative; }

#landing-text{position:absolute; top:100px; left:100px;}


.landing-image-scale{width:100%; min-width:1024px; min-height:670px; max-width: 100%; }

#warning{position:absolute; top:15px; left:100px; background:url(../images/bg-trans-brown.png) repeat top left; width:250px; height:45px; padding:10px; font-size:85%; line-height:120%; font-weight:normal;}


/* promos */
#promo-container{position:fixed; bottom:143px; left:0px; width:100%; overflow:hidden; height:170px; background-color:#7f0000;} /*background:url(../images/bg-promo-repeat.gif) repeat top left;}*/


#promo-wrap{width:1000px; height:170px; overflow:hidden; position:relative; float:left;}

.promo-item{width:250px; height:170px; position:relative; float:left; }

.promo-left{position:absolute; left:0px; top:0px; width:18px; height:170px;}
.promo-right{position:absolute; right:0px; top:0px; width:18px; height:170px;}

.promo-main{left: 0; position: absolute; top: 100%; width:100%; overflow:hidden; background:#000000; height:100%;}
.promo-big {width:100%; position:relative; top:0; left:0; }
.promo-big-image{width:100%; min-width:1000px; max-width: 100%;}
.promo-btn-back{position:absolute; left:50px; bottom:0px;}

/* elements */
.file{margin:10px 0px 20px 0px; width:100%; float:left;}
.file img{float:left;}
.file .details{float:left; padding-left:10px; font-size:100%; line-height:120%;width:350px; }
.file .size{font-size:70%; }
.file .size br{margin:0px; padding:0px;}
.file .size p{margin:0px;}
.file .posted{color:#ce9898;font-size:70%;line-height:150%;}

.article{margin:20px 0px 0px 0px; line-height:120%;}
.box{margin-top:20px; line-height:120%;}
.column-left{margin-top:30px;}
.column-right{margin-top:30px;}

/* search */
.similar{float:left; display:block;}

/* Template 1*/
#template { left: 0; position: absolute; top: 0;}
#template #content{margin:100px 0px 0px 0px; padding-left:100px; width:900px;}
#template a{color:#ffc423;}
#template h1{margin-bottom:0px;}
#template h2{margin-bottom:0px; padding-bottom:10px;}
#template h3{margin-bottom:5px;}
#template ul{margin:0px 0px 10px 0px;}
#template li{margin:3px 0px 10px 20px; list-style-type:disc;}

.back-top {font-size:85%;}

/* ie 7 only */
*:first-child+html #template .cufon-headline-yellow {margin:-10px 0px 0px 0px; }






/*store locator */
#map{width:100%; height:500px; position:absolute; top:100px; right:0px; }






.legend{position:relative; float:left; width:335px; display:inline; font-size:85%; padding-top:5px;}

.map-info{position:absolute; top:200px; left:400px; width:218px; color:#FFF;}

.map-info .head{width:190px; background-image:url(../images/mapinfo-head-trans.gif); background-position:top left; background-repeat:no-repeat; height:12px; overflow:hidden; margin-left:9px;}
.map-info .content{width:190px; background-image:url(../images/mapinfo-repeat-trans.gif); background-position:top left;background-repeat:repeat-y; margin-left:9px;}
.map-info .foot{width:190px; background-image:url(../images/mapinfo-foot-trans.gif); background-position:top left; background-repeat:no-repeat; height:27px; margin-left:9px;}
* html div.map-info .head{background-image:none; }
* html div.map-info .content{background-image:none; }
* html div.map-info .foot{background-image:none; }

.map-info .pointer{position:absolute; left:-2px; bottom:25px; width:14px; height:22px; background:url(../images/mapinfo-arrow-trans.png);}
* html div.map-info .pointer{background-image:none;}

.map-info .text{margin-left:20px; width:150px;}
.map-info .text .store{font-size:85%;}
.map-info .text .name{font-size:110%; line-height:120%; font-weight:bold;}
.map-info .text .details{font-size:85%; color:#FFF; margin-top:10px;}

.map-info .btn-close{position:absolute; top:0px; right:19px; background:url(../images/mapinfo-close.gif) top left no-repeat; width:20px; height:20px;}

.btn-getdirection a { display:block; width:114px; height:20px; background: url("../images/btn-getdirection.png") 0 0 no-repeat; text-decoration: none;  /*border:1px #00CC66 solid;*/ margin-top:15px; }
.btn-getdirection a:hover { background-position: 0 -20px; }
.btn-getdirection a:active { background-position: 0 0px; }


.btn-dealerswebsite a { display:block; width:114px; height:20px; background: url("../images/btn-dealersWebsite.png") 0 0 no-repeat; text-decoration: none;  /*border:1px #00CC66 solid;*/ margin-top:5px; }
.btn-dealerswebsite a:hover { background-position: 0 -20px; }
.btn-dealerswebsite a:active { background-position: 0 0px; }



/* ie 6 */
* html div#panel{width:335px; position:absolute; left:0px; top:0px; background-image:none; background-color:#688aa9; height:100%; overflow:hidden;}

.poweredby{ position:absolute; margin-top:560px; margin-left:250px; margin-right:10px; background-image:none; float:left;  }





/* VW CSS */
#panel{width:246px; position:absolute; left:0px; top:0px; background-image:url(../images/bg-map-panel-trans.png); background-position: top left; background-repeat:repeat; height:100%; overflow:hidden;}
#panel #content{width:246px; margin-top:94px;}
#panel #content h1{margin-left:20px; font-size:45px;}


#vwpanel{ width:780px; /*width:765px;*/ position:absolute; left:0px; top:0px; height:105px; /*overflow:hidden;*/ background-image:url(../images/bg-filter-dropshadow.png); background-position: top left; background-repeat:no-repeat;}
#vwpanel #filter{ width:780px; /*width:765px;*/ margin-top:0px;}
#vwpanel #filterleft{width:246px; height:100px; background-color:#FFFFFF; margin-top:0px; position:absolute; float:left; }
#vwpanel #filterright{width:535px; height:100px; background-color:#ededed; margin-top:0px; float:right; }

#facilities{width:250px; margin-top:0px; padding:10px 0px 10px 15px; /*overflow: hidden;*/ color:#555555; float:left; /*border:1px #009999 solid;*/}
#facilities .header{color:#000000; font-weight:bold; font-size:14px; margin-bottom:10px; width:270px;float:left; line-height:120%;}
#facilities .checks{margin:0px 10px 0px 10px; font-size:70%; float:left; line-height:150%;}
#facilities input{background:none; border:none; width:15px; height:15px; margin-bottom:3px;}


#states{width:230px; margin-top:0px; padding:10px 10px 10px 0px; /*overflow: hidden;*/ color:#555555; float:left; /*border:1px #CC3333 solid;*/ }
#states .header{color:#000000; font-weight:bold; font-size:14px; width:270px; padding-bottom:10px; margin:0px; border:0px;}
#states a {color:#000000; font-weight:bold; font-size:11px; width:270px; text-decoration:underline;}
#states a:hover {color:#000000; font-weight:bold; font-size:11px; width:270px; text-decoration:none;}
.state{ padding:0px; margin:0px; border:0px;}
.items{ padding:0px; margin:0px; border:0px;}


#searchresults{width:246px; height:40px; left:0px; top:0px; background-image:url(../images/hdr-searchresults.gif); background-position: top left; background-repeat:no-repeat;}
.option{font-size:10px; line-height:130%; float:left; text-transform:uppercase; padding:7px 10px 7px 10px; border-right:2px #000000 solid; background-color:#9999a3;}
.option a{ text-decoration:none;}
.info{float:left; font-size:80%; line-height:130%; padding:8px 5px 15px 10px;}

/* VW  END */



/* VW  FIND A DEALER */
#locator-search{width:217px; height:20px; margin:5px 0px 0px 7px; position:relative; top:26px; /*border:1px #00FF00 solid;*/}
#locator-search .search-bg{position:absolute; left:0px; top:0px; width:220px; height:20px; background:url(../images/bg-findbar-trans.png) no-repeat;}
#locator-search .label{position:absolute; left:0px; top:-20px; color:#000000; font-weight:bold; }
#locator-search .label-message{position:absolute; left:0px; top:26px; color:#333333; font-weight:bold; font-size:80%; }
#locator-search .listdealers{position:absolute; left:0px; top:30px; font-size:12px; color:#000000;}
#locator-search a{color:#000000; text-decoration:underline;}
#locator-search a:hover{color:#000000; text-decoration:none;}
#locator-search .input-search{border:none; background:#ffffff; font-size:12px; height:16px; margin-top:2px; width:150px; color:#000000; position:absolute; left:19px; top:0px; font-size:11px;} 
#locator-search .btn-search{width:49px; height:20px; background:url(../images/btn-find-trans.png) top left no-repeat; display:block; position:absolute; top:0px; right:0px;}
#locator-search .btn-search:hover{background:url(../images/btn-find-trans.png) bottom left no-repeat;}
/* VW  END */


/* VW  direct */
#direct-content {width:318px; height:180px; padding:20px 10px 20px 0px; position:relative; top:40px; left:45px; overflow:auto; }
#direct-content .search-bg{position:absolute; left:0px; top:30px; width:280px; height:20px; background:url(../images/btn-getdirection-trans.png) no-repeat;}
#direct-content .label{position:absolute; left:0px; top:0px; width:157px; height:20px; color:#000000; font-weight:bold;}
#direct-content .label-message{position:absolute; left:0px; top:60px; color:#333333; font-weight:bold; font-size:80%; }
#direct-content .input-address{border:none; background:#ffffff; font-size:12px; height:16px; margin-top:6px; width:250px; color:#000000; position:absolute; left:25px; top:26px; font-size:11px; }  
#direct-content .btn-go{width:49px; height:20px; background:url(../images/btn-find-trans.png) top left no-repeat; display:block; position:absolute; top:30px; right:0px;}
#direct-content .btn-go:hover{background:url(../images/btn-find-trans.png) bottom left no-repeat;}
#direct-content .direct-result{margin-top:10px; position:relative; top:46px; color:#000000; font-size:11px;}
/* VW  END */


#search-content {left:25px; top:28px;}



/* ie 6 */
* html div#facilities{background:#4c6f8f; width:305px; height:120px; margin-top:10px; padding:10px 10px 10px 20px; overflow: hidden;}



#results{background:#878791; position:relative; float:left; width:246px;}
* html div#results{background:#252527;}
.no-result{margin:10px 0px 10px 20px;}

#results .header{font-size:14px; width:246px; float:left; line-height:100%; padding:10px 10px 0px 20px;}
#results #result-container{width:246px; position:relative;float:left; overflow:hidden; height:100%; top:5px;}

.result{ width:246px; border-bottom:3px solid #FFFFFF; position:relative; float:left;}
* html div.result{background:#252527;}


.result-name{font-size:100%; width:190px; display:inline; margin-left:10px; float:left; height:30px; overflow:hidden; margin-top:13px; padding:0; font-size:80%; line-height:130%;}
.result-details{font-size:80%; line-height:130%; width:200px; margin-left:20px; float:left; padding-bottom:10px; display:inline;}
.result-kms{float:left; font-size:85%; height:15px; padding-top:15px; width:54px; display:inline;}
.result-button{float:left; width:20px; height:20px; margin-top:13px; background:url(../images/btn-viewIt.gif) top left no-repeat; display:block; cursor:pointer; display:inline;}

.result-options{ position:relative; float:left; overflow:hidden; width:250px; }
.result-facilities{width:80px; height:20px; font-size:80%; position:relative; float:left; padding:10px 0px 0px 20px;}
.result-options .selected{background:#b9b9be;}
.result-tradinghours{width:80px; height:20px; font-size:80%; position:relative; float:left;  padding:10px 0px 0px 20px;}
.result-info{width:246px; position:relative; float:left; background:#b9b9be;}
.facilities-list{position:relative; float:left; margin:10px 0px 0px 20px;font-size:85%;}

.table-tradinghours{font-size:85%;margin:10px 0px 0px 20px;}
.table-tradinghours td{padding:3px 5px 3px 0px;}

.swfaddress{display:none; position:relative; margin:0; padding:0; background:none; border:none;}

.result-predict{margin:10px 0px 10px 20px;}
.result-predict .predicted{display:block;}
.result-predict .predicted:hover{text-decoration:none;}
/* products */
.products-container{position:fixed; bottom:143px; left:0px; width:100%; overflow:hidden; height:170px; background-color:#7f0000;} /*background:url(../images/bg-promo-repeat.gif) repeat top left;}*/


.products-wrap{width:1000px; height:170px; overflow:hidden; position:relative; float:left;}

.products-item{width:250px; height:170px; position:relative; float:left; }

.products-left{position:absolute; left:0px; top:0px; width:18px; height:170px;}
.products-right{position:absolute; right:0px; top:0px; width:18px; height:170px;}

.product-main{left: 0; position: absolute; top: 100%; width:100%; overflow:hidden; background:#c70000; height:100%;}
.product-big {width:100%; position:absolute; top:0; left:0; }
.product-big-image{width:100%; min-width:1000px; max-width: 100%;}
.product-btn-back{position:absolute; left:50px; bottom:0px; height:72px;}
.product-main .product-text{position:absolute; top:100px; left:100px; width:600px;}
.product-main .product-text .description{width:480px;}

.products-item{cursor:pointer; display:block; overflow:hidden;}
.products-item .product-image{position:absolute; top:0;}

.products-item .products-details{position:absolute; bottom:0px; width:250px;}
.products-item .products-details .bg-trans{position:absolute; top:0px; left:0px;}

.product-btn-back .btn-text{margin:0px 0px 0px 3px; display:block; font-size:10px; position:absolute; left:0px; top:47px;padding-top:2px;}
.nutritional-btn-launch .btn-text{margin:0px 0px 0px 3px; display:block; position:absolute; left:0px; top:47px; font-size:10px; padding-top:2px; text-align:left;}

.products-item .products-details .name{font-size:85%; color:#ffc423; font-weight:bold; padding:5px 10px 5px 10px; position:relative; float:left; width:250px;}
.products-item .products-details .name a{color:#ffc423; text-decoration:none;}
.products-item .products-details .traces{font-size:85%; display:block; margin-top:5px; padding:0px 10px 10px 10px; position:relative; float:left; width:250px;}
.products-item .view{position:absolute; top:-50px; left:10px; display:block;}
.products-item .overlay{position:absolute; top:0px; left:0px; display:block; cursor:pointer;}

.sensitives{height:70px; width:100%; position:fixed; bottom:313px; left:0;}
.sensitives .tab{position:absolute; top:0; left:40px;}
.sensitives .tab .left{position:relative;float:left;}
.sensitives .tab .title{position:relative;float:left;}
.sensitives .tab .remove{position:relative;float:left;}
.sensitives .tab .right{position:relative;float:left;}
.sensitives .tab .info{position:absolute; top:8px; left:140px; width:300px;}
.sensitives .filter{height:25px; width:100%; position:absolute; top:30px; left:0px; background:#c36512; padding:10px 0px 5px 40px; }
.sensitives .filter a{color:#FFF; text-decoration:none; display:block; margin:3px 0px 10px 15px; float:left; font-weight:bold;}
.sensitives .filter a:hover{color:#edd1b8; font-weight:bold;}
.sensitives .filter label{font-weight:bold;}
.sensitives .filter a .enabled{color:#d79966;}

.sensitives .filter .items-container{position:absolute; top:0; left:0; background:#c36512; padding:10px 0px 0px 40px;}

.sensitives .filter .item{float:left; padding:5px 5px 10px 0px; display:block; background-image:url(../images/bg-tick-off.gif); background-repeat:no-repeat; background-position:0px 5px; margin-left:10px; overflow:hidden; cursor:pointer;}
.sensitives .filter .item-on{float:left; padding:5px 5px 10px 0px; display:block; background-image:url(../images/bg-tick-on.gif); background-repeat:no-repeat; background-position:0px 5px; margin-left:10px; overflow:hidden; cursor:pointer;}
.tick-off{background:url(../images/bg-tick-off.gif) top left no-repeat; width:13px; height:13px; vertical-align:middle; border:0; overflow:hidden; position:absolute; left:-20px;}

.sensitives .filter .label-text{margin:0px 0px 0px 20px;}

.sensitives .btn-close{position:absolute; top:38px; right:10px; display:block; cursor:pointer; font-weight:bold;}
.sensitives .text-close{position:absolute; top:6px; right:30px; color:#8f0000;}

/* nutritional */
.nutritional-btn-launch{width:234px; height:72px;position: absolute; left:100px; bottom:0px; font-size:120%;}
.nutritional-btn-launch .cal-bg{position:absolute;}
.nutritional-btn-launch .cal-left{position:relative; float:left; }
.nutritional-btn-launch .cal-links{position:relative; float:left; height:46px; background:#6d2625;}
.nutritional-btn-launch .cal-right{position:relative; float:left;}
.nutritional-btn-launch .cal-links a{text-decoration:none; display:block; margin:15px 0px 10px 10px; float:left;}
.nutritional-btn-launch .cal-links a:hover{text-decoration:none; color:#ffc423;}

.nutritional{position:absolute; left:100px; bottom:-300px; width:875px; height:370px; background:#6d2625; overflow:hidden;}

.nutritional .title{height:65px; vertical-align:bottom; text-align:left;}

.nutritional .header{font-size:180%;}

.nutritional .navbar{bottom:0px; right:0px; position:absolute; height:25px; width:845px; padding:10px 20px 0px 10px;}
.nutritional .navbar .container{background:#482222; width:715px; height:35px; position:absolute; right:0px; bottom:0px;}
.nutritional .navbar .updated{position:relative; float:right; width:140px; height:15px; text-align:right;}
.nutritional .navbar .close-btn{position:relative;float:left; display:block; cursor:pointer; width:150px; height:15px;}
.nutritional .navbar .milk{margin:10px 0px 0px 10px;}
.nutritional .navbar .milk a{text-decoration:underline; margin-left:10px;}
.nutritional .navbar .milk a:hover{text-decoration:none; color:#ffc423;}

.bg-table1{background-color:#572423;}
.bg-table2{background-color:#482222;}
.bg-table3{background-color:#322021;}

.nutritional-table{position:absolute;top:0px; left:0px;background:#6d2625; font-size:80%; width:875px; height:330px;}

.nutritional-table table{}
.nutritional-table td{padding:5px 10px 5px 10px; vertical-align:top; text-align:right;}
.nutritional-table tr{}
.nutritional-table .name{text-align:right;}
.nutritional-table .line-white{height:1px; background:#807576; padding:0px;}

.allergen{margin-left:10px; float:left;}
.allergen .info{text-align:left;}

.link-nutritional-on{text-decoration:none; color:#ffc423;}

.ingredients{margin-left:20px; width:230px; height:330px; float:left; }

.ingredients .header{font-size:180%; height:57px; width:200px;}
.ingredients .header-text{position:absolute; bottom:0px;}
.ingredients .content{overflow:auto; margin-top:20px; height:250px; width:200px; padding-right:10px;}


.form-contact .description{font-size:85%;  padding:5px 0px 5px 0px;}
.form-contact input{float:left; margin-left:0px; height:15px; border:1px solid #CCCCCC; width:200px; font-size:85%;}

*:first-child+html .clearfix{width:100%; height:1px;}
*:first-child+html .form-contact .box-brown .clearfix{width:490px; height:1px;}
*:first-child+html .form-contact .fieldset-wrapper .clearfix{width:450px; height:1px; }

.form-contact #store_field {margin-top:10px;}
.form-contact #store_field .bar-top{width:640px;}
.form-contact #store_field .content{width:590px;}
.form-contact #store_field .bar-bottom{width:640px;}
.form-contact .error{color:#ffc423;}

.form-contact .form-radio{background:none; border:none; width:20px;}
.form-contact .form-radios{width:400px; margin:0px; padding:5px 0px 5px 0px;}
.form-contact .form-radios .form-item{float:left;margin:0px 20px 5px 0px; position:relative;}
.form-contact .form-radios .form-item .option input{margin-right:5px;}

.form-contact #autocomplete{background:#ffffff; border:none; padding:10px; overflow:auto; width:100% !important; position:absolute; left:145px;}
.form-contact #autocomplete li{margin:0px; padding:0px; display:block; list-style-type:none;}

.form-contact .form-submit{height:44px; width:165px;}
.form-contact #edit-product{margin-top:10px;}
.form-contact #edit-followup{margin-top:10px;}

.form-contact .error-container{margin:15px 0px 10px 0px;}
.form-contact .error-text{background:#ffc423; color:#000; padding:5px; display:inline;}
.form-contact #edit-submit{background:none; border:none; margin-top:10px;}
.form-contact #edit-change{background:none; border:none; margin-top:10px; margin-right:30px;}
.box-result{height:245px; background:#3d0000; overflow:auto;}
.box-result .btn-go{vertical-align:bottom; margin-left:20px;}
.box-result .postcode{width:100px;}
.box-result .bg-brown1{background:#4e1717;}
.box-result .bg-brown2{background:#3d0000;}
.box-result .table-result td{padding:3px 3px 3px 0px;}

.box-result .store-result{padding:10px;}

.table-confirm td{padding:5px 20px 5px 5px; font-weight:bold;}

.captcha{float:left; position:relative; width:580px;}

/*preloader */
.preloader{margin:10px 0px 10px 20px; font-size:100%; padding-left:23px; background:url(../images/preloader-bluebg.gif) top left no-repeat; height:16px;}
.preloader img{vertical-align:middle;}

/* admin items */
.imce ul.secondary{color:#000;}

.doNot {font-size:9px; color:#5c5c61; padding-top:10px;}
img.pointer { cursor:pointer; cursor:hand; }