* {	margin: 0px; padding: 0px; border: none; list-style: none; outline: 0; }
body { background: #c6c6c6 ; font: 62.5% Verdana, Arial, Helvetica, sans-serif; letter-spacing: -0.02em; overflow-x: hidden;  }
a { text-decoration: none; outline: none;  }
a:hover { text-decoration: underline; }
a:active { outline: none; }

/* Containers */
#container { width: 932px; background: #FFF url(../img/global/contentbg.png) repeat-y; margin: 0 auto; padding: 18px 38px 0px 38px }

/* Struture */
#header { width: 932px; height: 150px; background: url(../img/global/headerbg.png) no-repeat 0px 0px; }
#promotion, #promotioncontainer, #footer { clear: both; }
#promotioncontainer { width: 100%; margin-bottom: 30px; float: left; }
#specialpromocontainer { width: 300px; margin-bottom: 30px; float: right; }
#bottom { background: url(../img/global/bottombg.png) no-repeat 0px 0px; height: 65px; width: 1008px; margin: 0 auto; }
#content, #content-border { width: 872px; height: auto; float: left; clear: both; padding: 30px; margin-bottom: 30px; }
#content-border { width: 870px; border: 1px solid #cdccd1; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#col-a, #col-b, #col-c { float: left; height: auto; }
#col-a, #col-b.span1 { margin-right: 30px; }
.span1 { width: 195px; }
.span2 { width: 420px; }
.span3 { width: 870px; }
#details { width: 930px; height: 450px; border: 1px solid #d3d2d7; }
#detailsnav { background: #fbfbfd; width: 200px; border: 1px solid #d3d2d7; float: left; margin: 20px 0 0 30px; position: relative; z-index: 1000 }
/* Landing page */
#homepromo { width: 930px; height: 437px; border: 1px solid #d3d2d7; margin-bottom: 30px; margin-top: -10px; }
.dezine { background: url(../img/home/landing_dezine.jpg); }
.newt51 { background: url(../img/home/landing_vwt51.jpg); }
.elegans { background: url(../img/home/landing_elegans.jpg); }
.t5invite { background: url(../img/home/landing_vwt52.jpg); }
.se { background: url(../img/home/landing_se.jpg); }
.newt53 { background: url(../img/home/landing_vwt53.jpg); }
#homepromo img { border: 1px solid #FFF; margin: 65px 0px 0px 20px; }
#experience { width: 100px; height: 100px; float: right; background: url(../img/placeholder.png); margin: 30px; text-indent: -9999px; overflow: hidden; }
.text { background: #c3c0c0; width: 147px; height: 203px; float: left; padding: 20px; }
#side { width: 374px; float: right; }
#side img { float: left; }
#flash { margin-bottom: 20px; border: 1px solid #d3d2d7; }

/* Typography */
#content-border p, #content p { font-size: 1.2em; line-height: 160%; margin-bottom: 1.6em; color: #716f6e; }
#content-border ul, #content ul { font-size: 1.2em;  color: #716f6e; }
#content-border li, #content li { list-style: disc; margin-left: 1.5em; }
#content-border small, #content small { font-size: 0.9em; line-height: 150%; }
#content-border h1, #content h1 { padding: 0 0 0.8em 0; margin-bottom: 15px; font-size: 1.2em; line-height: 160%; color: #00b5dd; border-bottom: 1px solid #00b5dd; }
#content-border h1 a { color: #00b5dd; background: url(../img/global/linkarrows.png) no-repeat left center; padding-left: 1em; text-decoration: none; }
#content-border h1 a:hover { text-decoration: underline; }
#content-border h2, #content h2 { text-transform: uppercase; }
#content-border h2, #content h2, #content-border h3, #content h3 { font-size: 1.2em; line-height: 160%; color: #716f6e }
.smallindent { width: 4em; float: left; }
.mediumindent { width: 9em; float: left; }
a { color: #716f6e; }
a:hover { color: #00b5dd; }
.printbutton { color: #00b6dc; font-weight: bold; background: url(../img/global/linkarrows.png) no-repeat 106px center ; border: 1px solid #c3c0c0; padding: 0.5em 2.5em 0.5em 1em; display: inline-block; text-decoration: none!important; }
.backbutton { color: #00b6dc; font-weight: bold; background: url(../img/global/backarrows.png) no-repeat 10px center ; border: 1px solid #c3c0c0; padding: 0.5em 1.5em 0.5em 2em; display: inline-block; text-decoration: none!important; }
.printbutton:hover, .backbutton:hover { text-decoration: underline!important; }
.requestbrochure { color: #00b6dc; font-weight: bold; background: url(../img/global/linkarrows.png) no-repeat 10px center ; border: 1px solid #c3c0c0; padding: 0.5em 1.5em 0.5em 1.8em; display: inline-block; }
#homepromo h1 { font: 1.6em Arial, Helvetica, sans-serif; text-transform: uppercase; color: #FFF; margin: 30px 0px 15px 30px; letter-spacing: -0.02em; }
#homepromo h2 { font: 3em Arial, Helvetica, sans-serif; color: #3d3936; margin: 0px 0px 5px 30px; line-height: 90%; letter-spacing: -0.02em; }
#homepromo p a { font: 1.8em Arial, Helvetica, sans-serif; color: #3d3936; margin: 0px 0px 15px 30px; background: url(../img/global/linkarrowsbiggrey.png) no-repeat center right; padding-right: 0.6em; }
#side p { color: #FFF; font-size: 1.4em; line-height: 120%;  }
#content, #content-border a { color: #00b5dd; }
#homepromo h1.dark { color: #646160; } /* dark txt - with over 30 years experience */
.blue { color: #00b6dc!important; }
#content-border a, #content a { text-decoration: underline; }

/* Positioning */
.left { float: left; }
.right { float: right; }

/* Navigation */
#header img { float: left; position: relative; top: -10px; left: 20px; margin-bottom: -20px }
#rootnavigation { float: right; margin-top: 18px }
#rootnavigation li { float: left; padding: 0px 30px 0px 0px; font: 1.1em Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 100%; }
#rootnavigation li a { color: #ededed; }
#rootnavigation .on, #rootnavigation .on:hover { color: #00b6dc; text-decoration: none; }
#navigation { float: right; margin-right: 6px; clear: right; margin-top: 19px; }
#navigation li { float: left; }
#navigation li a { height: 52px; display: block; background: url(../img/global/navigation-v2.png); text-indent: -9999px; overflow: hidden; }
#navigation #h a { width: 74px; background-position: 0px 0px; }
#navigation #h a:hover { background-position: 0px -52px; }
#navigation #r a { width: 142px; background-position: -74px 0px; }
#navigation #r a:hover { background-position: -74px -52px; }
#navigation #r .on, #navigation #r a:hover.on { background-position: -74px -104px; }
#navigation #n a { width: 119px; background-position: -216px 0px; }
#navigation #n a:hover { background-position: -216px -52px; }
#navigation #n .on, #navigation #n a:hover.on { background-position: -216px -104px; }
#navigation #u a { width: 126px; background-position: -335px 0px; }
#navigation #u a:hover { background-position: -335px -52px; }
#navigation #u .on, #navigation #u a:hover.on { background-position: -335px -104px; }
#navigation #c a { width: 159px; background-position: -461px 0px; }
#navigation #c a:hover { background-position: -461px -52px; }
#navigation #c .on, #navigation #c a:hover.on { background-position: -461px -104px; }
#navigation #a a { width: 140px; background-position: -620px 0px; }
#navigation #a a:hover { background-position: -620px -52px; }
#navigation #a .on, #navigation #a a:hover.on { background-position: -620px -104px; }
#secondarynavigation { clear: both; width: 100%; margin-bottom: 15px; }
#secondarynavigation ul { float: right; margin-right: 15px; margin-top: 15px; }
#secondarynavigation li { float: left; margin: 0px 15px; font: 1.2em Arial, Helvetica, sans-serif; line-height: 160%; font-weight: bold; text-transform: uppercase; }
#secondarynavigation li a { color: #716f6e; }
#secondarynavigation .on { color: #00b5dc; }
#secondarynavigation .vw { background: url(../img/global/navvw.png) no-repeat 0px 0px; padding-left: 2em; }
#secondarynavigation .merc { background: url(../img/global/navmerc.png) no-repeat 0px 0px; padding-left: 2em; }

/* Details Navigation */
#detailsnav h1 { padding: 35px 0px 10px 88px; font: 1.6em Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #00b6dc; }
#detailsnav .arrow { float: left; margin-right: 0.4em; border: none; margin-top: 2px; }
#detailsnav img { float: left; margin-right: 13px; border: 1px solid #EEE; }
.details { width: 174px; float: left; clear: both; background: #fbfbfd url(../img/global/detailsbg.png) repeat-x center bottom; padding: 10px 13px; }
#detailsnav li { font-size: 1.1em; font-weight: bold; color: #71706e; line-height: 120% }
#detailsnav li a { color: #71706e; background: url(../img/global/linkarrowsgrey.png) no-repeat 0px 3px; padding-left: 0.8em; }
#detailsnav li a:hover, #detailsnav .on { background: url(../img/global/linkarrows.png) no-repeat 0px 3px!important; color: #00b6dc!important; cursor: pointer; }
#details .vw { background: url(../img/global/logorangevw.png) no-repeat 10px 10px; }
#details .merc { background: url(../img/global/logorangemerc.png) no-repeat 10px 10px; }

/* Details Content */
#overview, #exterior, #daylayout, #nightlayout, #indetail { background-color: #FFF; position: absolute; z-index: 1; top: 169px; height: 450px; width: 930px; }
#Map li a { display: block; background: url(../img/range/info.png); width: 16px; height: 16px; text-indent: -9999px; overflow: hidden; position: absolute; z-index: 1000 }
#tooltip{ font-size: 1.1em; font-weight: bold; position: absolute; border: 1px solid #c3c0c0; background:#FFF; padding: 15px; color: #00b5dd; display: none; z-index: 3000; width: 250px; }
#indetail #elements { background: #fbfbfd; width: 180px; border: 1px solid #d3d2d7; float: right; padding: 10px 13px; margin: 20px 30px 0 0; }
#indetail p, #indetail h3 { color: #716f6e; font-size: 1.1em; margin-bottom: 1em; }
#indetail h3 { font-weight: bold; }
#indetail .viewroof { font-weight: bold; text-align: center; background: #fbfbfd; width: 180px; border: 1px solid #d3d2d7; padding: 10px 13px; margin: 20px 30px 0 0; float: right; clear: right; }
#indetail .viewroof a { background: url(../img/global/linkarrowsgrey.png) no-repeat left center; padding-left: 1em; cursor: pointer; }
#roof { position: absolute; top: 20px; left: 269px; background: #fbfbfd; width: 180px; border: 1px solid #d3d2d7; width: 629px; height: 405px; display: none; }
#roof .roofdetails { height: 8em; margin: 20px 30px 0 220px; }
#roof h3 { margin-bottom: 0px; }
#roof h1 { color: #00b5dd; font-size: 1.2em; margin: 20px 0 0 30px; }
.close a { color: #00b5dd; background: #fbfbfd; display: block; border: 1px solid #d3d2d7; padding: 0.5em 0.7em; font-weight: bold; float: right; margin: 20px 30px; cursor: pointer;  }
#mainimagecontainer { width: 600px; height: 300px; float: left; margin-left: 300px; margin-top: 0px; }
#mainimage1, #mainimage2, #mainimage3 { position: absolute; top: 0px; left: 300px; width: 600px; height: 300px; }
#mainimage1, #mainimage3 { display: none; }
#smallimagecontainer { float: left; margin-left: 300px; text-align: center; }
.smallimage { width: 160px; float: left; margin: 0px 20px; }
#smallimagecontainer a { color: #71706e; background: url(../img/global/linkarrowsgrey.png) no-repeat 0px 3px; padding-left: 0.8em; font-weight: bold; font-size: 1.1em; }
#smallimagecontainer a:hover, #smallimagecontainer .on { background: url(../img/global/linkarrows.png) no-repeat 0px 3px!important; color: #00b6dc!important; cursor: pointer; }
#highlights { background: #FFF; padding: 10px 13px; width: 174px; border: 1px solid #d3d2d7; float: right; margin: 20px 30px 0 0; }
#highlights h1 { font-size: 1.1em; }
#highlights a { color: #71706e; background: url(../img/global/linkarrowsgrey.png) no-repeat left center; padding-left: 1em; cursor: pointer; }
#highlights a:hover, #highlights .on { color: #00b5dd; background: url(../img/global/linkarrows.png) no-repeat left center; padding-left: 1em; }
#highlightscontent { display: none; margin-top: 10px; }
#highlightscontent p { font-size: 1.1em; color: #71706e; line-height: 140%; margin-bottom: 1.2em; background: #FFF; }

/* Tables */
table { font-size: 1.2em; line-height: 100%; margin-bottom: 1.6em; color: #716f6e; }
table td { padding: 0.6em 1em; }
table th { font-weight: bold; text-align: left; background: #e6f8fc; padding: 0.6em 1em; }
#specs th { background: none; }
#specs .bluerow { background: #e6f8fc; }
#specs .grey { background: #fafafa; }

/* Form */
form button { font: 1.2em Verdana, Arial, Helvetica, sans-serif; color: #00b6dc; font-weight: bold; background: url(../img/global/linkarrows.png) no-repeat 130px center; border: 1px solid #c3c0c0; padding: 0.5em 2em 0.5em 0.5em; width: 13em; }
form .checkboxes p { float: left; height: 0.2em; width: 50%; }
form .checkboxes label { margin-left: 1em; }
form .fields label { width: 8.4em; float: left; }
form .fields { height: 1em; width: 100%; float: left; }
form .fields input, form .fields select, form .fieldindent select, form textarea { background: #FFF!important; font: 1.2em Verdana, Arial, Helvetica, sans-serif; color: #716f6e; border: 1px solid #c3c0c0; padding: 0.2em; width: 20em; }
.disclaimer { border-top: 1px solid #00b6dc; clear: both; padding-top: 15px; }
.fieldindent { width: 100%; margin-left: 8.4em; margin-top: 1.5em; clear: both; float: left; }
input.error, select.error, textarea.error, #formexchange textarea.error, #formexchange input.error, #formexchange select.error { border: 1px solid #FF8888!important; }
label.error { font-size: 1.2em; color: #FF3333; }
#formexchange label { width: 20em; text-align: right; margin-right: 1em; }
#formexchange .indent { margin-left: 21em; margin-right: 20em; }
#formexchange textarea { background: #FFF!important; font: 1.2em Verdana, Arial, Helvetica, sans-serif; color: #716f6e; border: 1px solid #c3c0c0; padding: 0.2em; width: 27em; }
#formexchange .fields input { width: 27em; }
#formexchange .textarea { height: 10em; }

/* Approved Form */
#search form button { font: 1em Verdana, Arial, Helvetica, sans-serif; color: #00b6dc; font-weight: bold; background: #FFF url(../img/global/linkarrows.png) no-repeat 100px center; border: 1px solid #c3c0c0; padding: 0.5em 2em 0.5em 0.5em; width: 10em; }
#search form label { margin-right: 1em; font-weight: bold; }
#search input, #search select { background: #FFF!important; font: 1.2em Verdana, Arial, Helvetica, sans-serif; color: #716f6e; border: 1px solid #c3c0c0; padding: 0.2em; margin-right: 1em; width: 15em; }
input.error { border: 1px solid #FF8888!important; }
label.error { font-size: 1.2em; color: #FF3333; }
#search { background: #e6f8fc; padding: 2em 2em 1em 2em; border-top: 1px solid #00b6dc; border-bottom: 1px solid #00b6dc; margin-bottom: 2em; }

/* Approved Results */
.item { width: 45%; margin: 1em; height: 12em; float: left; padding: 1em; background: #f3f3f3; border: 1px solid #CDCCD1; overflow: hidden; }
.item p { margin: 0px!important; top: -1.5em; position: relative; }
.item a { color: #716f6e!important; font-weight: bold; text-decoration: none!important; }
.item a:hover { text-decoration: underline!important; }
.item img { float: right; border: 1px solid #CDCCD1; margin-left: 15px; }

/* Details */
#actions { margin-bottom: 10px; float: left; }
#action ul { margin: 0px; }
#actions li { list-style: none; color: #716f6e; font-weight: bold; border: 1px solid #c3c0c0; width: 154px; height: 24px; display: block; padding-top: 10px; padding-left: 45px; margin: 0px 0px 12px 0px; float: left; }
#actions li a { color: #716f6e; text-decoration: none; }
#actions li a:hover { text-decoration: underline; }
.acall { background: url(../img/range/details/aphone.png); margin-right: 18px!important; }
.aemail { background: url(../img/range/details/aemail.png) }
.abook { background: url(../img/range/details/abook.png); margin-right: 18px!important; }
.afs { background: url(../img/range/details/afs.png) }
.arab { background: url(../img/range/details/arab.png) }

/* Range */
#range { width: 932px; margin-top: -30px; margin-bottom: 30px; float: left; color: #FFF; }
#range p { font-size: 1.1em; margin-bottom: 20px; }
#range h1 { font: 2.6em Arial Narrow, Arial, Helvetica, sans-serif; padding-top: 75px; }
#range p a { font-weight: bold; color: #FFF; }
.range { background: #666; width: 185px; float: left; height: 435px; display: block; border-right: 1px solid #FFF; }
.rangedetails { margin-top: 135px; height: 280px; padding: 10px 23px 10px 10px; background: url(../img/global/rangehubbg.png); overflow: hidden; } 
.rangedetails p { font-size: 1.05em!important; }
#range .arrow { margin-left: 0.6em; }
#range .merc { background: url(../img/global/logomerc.png) no-repeat 0px 20px }
#range .vw { background: url(../img/global/logovw.png) no-repeat 0px 20px }

/* Specifiations */
UL.tabNavigation { list-style: none; margin-bottom: 10px; padding: 0; font-size: 1.1em; font-weight: bold; text-align: }
UL.tabNavigation LI { display: inline; }
UL.tabNavigation LI A { padding: 10px 20px; border: 1px solid #c2c0c1; background: #e9e7e8  url(../img/global/tabsbg.png) repeat-x top; color: #666; margin-right: 0px; text-decoration: none; border-bottom: none; margin-left: -1.5em; text-decoration: none!important; }
UL.tabNavigation LI A:hover { background: #f2f2f2; }
UL.tabNavigation LI A.selected { background: none; background: #FFF; color: #00b5dc; border-top: 1px solid #00b5dc; border-left: 1px solid #00b5dc; border-right: 1px solid #00b5dc; border-bottom: 1px solid #FFF; padding-top: 10px; }
div.tabs > div { margin-top: 3px; border-top: 1px solid #00b5dc; padding-top: 30px; margin-left: -30px; }
#first, #second, #third, #fourth { padding-left: 30px; padding-right: 30px; width: 872px; }
#first ul, #second ul, #third ul, #fourth ul { line-height: 160%; }
#first h1 a, #second h1 a, #third h1 a, #fourth h1 a { font-weight: normal; color: #00b5dc; border-left: 1px solid #00b5dc; border-right: 1px solid #00b5dc; padding: 0 1em; margin-left: 1em; text-decoration: none; }
#first h1 a:hover, #second h1 a:hover, #third h1 a:hover, #fourth h1 a:hover { text-decoration: underline; }

/* Promotion */
.promotion { width: 184px; height: 70px; background: #FFF; float: left; margin: 0px 10px; padding: 10px 13px; border: 1px solid #cdccd1; line-height: 140% }
.promotion img { float: left; margin-right: 7px; margin-top: -9px; margin-left: -8px; }
.promotion h2 { font-size: 1.2em; }
.promotion .arrow { float: left; margin-right: 0.4em; border: none; margin-top: 2px; }
.promotion a {	color: #02b3dd;	}
.promotion p { font-size: 1.1em; color: #888886; }

/* Promotion2 */
.promotion2 { width: 184px; height: 135px; background: #FFF; float: right; margin: 0px 10px; padding: 10px 13px; border: 1px solid #cdccd1; line-height: 140% }

/* Footer */
#footer { height: 78px; margin-right: 5px; clear: both; position: relative; }
#footer p { font: 1.1em; line-height: 130%; margin-top: 1.2em; color: #888786; }
#footer .footer-logos { position: absolute; top: 0px; right: 0px; }
#footer .small { font-size: 0.8em; }