/*
Title: Network Q
Authors: David Martin // Cogent Elliot 2009
*/
img, div#branding { behavior: url("/_assets/js/iepngfix.htc") }
/* =Defult
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
* { margin: 0; padding: 0; }
img { border: none; margin: 0; padding: 0; }
em, cite { font-style: normal;}
span { display: none;}
a { color:#f21635; }
a:hover { color:#000; }
html, body { margin: 0; padding: 0; height: 100%; min-height: 100%; max-height: 100%; }
html { }
body { font: 100.01%/1.3 Arial, Verdana, Helvetica, sans-serif;}
/* =main structure
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#container { width: 990px; position: relative; background: url(../img/bg-body.gif) repeat-y; margin: 0 auto;}
#branding { position:absolute; top:0; left: 0; width: 170px; background: url(../img/bg-branding.png) no-repeat; padding: 0 0 1px 0; height: 550px;}
#outer-content { width: 827px; padding-left: 163px; }
#header { background: #070707 url(../img/bg-header.gif) repeat-x; overflow: hidden; height: 118px; }
#content-pri { background: #1d1d1d url(../img/bg-content-pri.gif) repeat-x; overflow: hidden; height: 1%; margin-bottom: 15px;}
#content-pri1 { float: left; width: 655px;}
#content-pri2 { float: right; width: 134px; padding: 68px 19px 0 0;}
#content-1 { background: #c11d39 url(../img/bg-content-1.jpg) 0 100% repeat-x; margin-bottom: 20px; overflow: hidden; height: 248px;}
#content-2 { background: url(../img/bg-content-ext-top.gif) repeat-x; width: 805px; margin: 0 0 20px 15px;}
#content-2 div.bot { background: url(../img/bg-content-ext-bot.jpg) 0 100% no-repeat; overflow: hidden; height: 1%;}
#content-2pri { padding: 12px 15px 15px 15px; overflow: hidden; height: 1%; clear:both;}
#content-2pri h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; color: #fff; margin-bottom: 10px;}
#content-2pri p { color: #fff;}
#content-2pri a:hover { color:#fff; }
#content-2pri a { color:#ff3f3f; }
#content-3 { background: url(../img/bg-content-3-ext-top.gif) repeat-x; width: 805px; margin: 0 0 20px 15px;}
#content-3 div.bot { background: url(../img/bg-content-ext-bot.jpg) 0 100% no-repeat; overflow: hidden; height: 1%;}
#content-3pri { padding: 20px 30px 15px 30px; overflow: hidden; height: 1%; clear: both; }
#content-3pri h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; color: #fff; margin-bottom: 10px;}
#content-3pri p { color: #fff;}
#content-3pri a:hover { color:#fff; }
#content-3pri a { color:#ff3f3f; }
#content-4 { margin: 25px 0 30px 60px; overflow:hidden; height:1% }
#content-5 { background: url(../img/bg-content-5.jpg) repeat-x; width: 805px; margin: 10px 0 20px 15px; height: 217px}
#content-5pri { padding: 10px 15px 15px 30px; width: 450px; float: left}
#content-5pri h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; color: #fff; margin-bottom: 10px; float: left; font-size: 22px}
#content-5pri p { float: left; color: #fff; }
#content-5 img { margin: 10px 10px 0 0; float: right}
#spacer { padding: 20px;}
#spacer2 { padding: 40px;}
/* =Sub structure
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* =body content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*img*/
#content-1 img { float: right; }
#content-2 div img { float: left; margin-right: 20px;}
#content-3 div img { float: left; margin: 0 60px 0 0;}
/*h1*/
h1 { width: 141px; height: 189px; background: url(../img/bg-branding-logo.gif) no-repeat; margin-bottom: 20px;}
h1 a { display:block; width:155px; height:195px; position:absolute; }
/*h2*/
#content h2 { color: #fff; background: url(../img/bg-h2.jpg) repeat-x; height: 49px; padding: 20px 0 0 20px; margin-bottom: 10px;}
#header h2 a { float: right; width: 216px; height: 90px; background: url(../img/bg-header-logo.gif) 0 50% no-repeat; }
#content-pri2 h2 { color: #fff; background: none; height: auto; padding: 0; margin-bottom: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px}
#content-1 h2 { background: url(../img/bg-content-1-h2.jpg) repeat-x; margin: 0; height: auto; margin-bottom: 5px; }
#content-1 h2.sifr { width: 579px; }
/*h3*/
h3 { font-size: 17px}
#content-4 h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom: 10px; }
#content-2 h3 { margin-left: 295px }
/*h4*/
/*h5*/
/*h6*/
/*p*/
p { font-size: 12px; margin-bottom: 15px;}
p.sml { font-size: 10px}
#content-pri2 p { color: #bdbdbd; margin: 0 0 12px 0;}
#content-1 p { padding: 0 270px 0 20px; color: #f4d9de; }
#content-2pri p { margin-left: 295px}
#content-3pri p { margin-left: 265px}
/*p links*/
p.bt-search { }
p.bt-search a { display: block; width: 67px; height: 22px; background: url(../img/bt-search.jpg) no-repeat; }
p.bt-search a:hover { background-position: 0 -22px;}
p.bt-car-search a { display: block; width: 85px; height: 22px; background: url(../img/bt-car-search.jpg) no-repeat; }
p.bt-car-search a:hover { background-position: 0 -22px;}
p.bt-van-search a { display: block; width: 85px; height: 22px; background: url(../img/bt-van-search.jpg) no-repeat; }
p.bt-van-search a:hover { background-position: 0 -22px;}
/*blockquote*/
/*ul
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul#branding-nav { position: absolute; top: 210px; left: 28px; }
ul#branding-nav li { margin-bottom: 5px; list-style: none; }
ul#branding-nav li a { display: block; width: 104px; height: 56px; background:url(../img/bg-branding-item1.jpg) no-repeat; }
ul#branding-nav li.item2 a { background-image: url(../img/bg-branding-item2.jpg); }
ul#branding-nav li.item3 a { background-image: url(../img/bg-branding-item3.jpg); }
ul#branding-nav li.item4 a { background-image: url(../img/bg-branding-item4.jpg); }
ul#branding-nav li.item5 a { background-image: url(../img/bg-branding-item5.jpg); }
ul#branding-nav li.item6 a { background-image: url(../img/bg-branding-item6.jpg); }
ul#branding-nav li.item7 a { background-image: url(../img/bg-branding-item7.jpg); }
#header ul { background: url(../img/bg-navi.gif) repeat-x; height: 28px; margin-top: 90px; overflow: hidden; padding-left: 10px;}
#header ul li { float: left; list-style: none; display: inline;}
#header ul li a { display: block; height: 28px; width: auto; color: #3e3e3e; text-decoration: none; font-size: 11px; font-weight: bold; padding: 7px 9px 0 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../img/bg-navi-div.gif) no-repeat; }
#header ul li a:hover { color: #d30c2d; }
#header ul li.active a { color: #d30c2d; }
#header ul li.active-tab a { color: #d30c2d; background-position: 0 -28px !important;}
#header ul li.item1 a { display: block; width: 26px; background:url(../img/bg-navi-item1.jpg) no-repeat; padding: 0; }
#header ul li.item6 a { background-image: url(../img/bg-navi-buying.gif); }
#header ul li.item7 a { background-image: url(../img/bg-navi-owning.gif); }
/*x#header ul li a:hover { background-position: 0 -28px; }
x#header ul li.active a { background-position: 0 -28px; }
x#header ul li.active-tab a { background-position: 0 -56px; }
x#header ul li.item2 a { background-image: url(../img/bg-navi-item2.jpg); width: 77px; }
x#header ul li.item3 a { background-image: url(../img/bg-navi-item3.jpg); width: 79px; }
x#header ul li.item4 a { background-image: url(../img/bg-navi-item4.jpg); width: 170px; }
x#header ul li.item5 a { background-image: url(../img/bg-navi-item5.jpg); width: 105px; }
x#header ul li.item6 a { background-image: url(../img/bg-navi-item6.jpg); width: 62px; }
x#header ul li.item7 a { background-image: url(../img/bg-navi-item7.jpg); width: 112px; }*/
ul#subnav { background: url(../img/bg-navi-sub.jpg) repeat-x; height: 24px; overflow: hidden; padding-left: 36px;}
ul#subnav li { float: left; list-style: none; display: inline;}
ul#subnav li a { display: block; height: 24px; color: #3e3e3e; text-decoration: none; font-size: 11px; font-weight: bold; padding: 5px 9px 0 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../img/bg-navi-div.gif) 0 -2px no-repeat; }
ul#subnav li a:hover { color: #d30c2d; }
ul#subnav li.active a { color: #d30c2d; }
ul#content-sec { padding: 3px 0 25px 12px; float: left}
ul#content-sec a { color:#333333; text-decoration: none}
ul#content-sec a:hover { color:#FFFFFF}
ul#content-sec li { display: block; list-style: none; float: left; width: 190px; height: 25px; padding: 84px 0 0 10px }
ul#content-sec li.network-programme { background: url(/_assets/img/bg-network-programme.jpg) no-repeat; margin-right: 5px}
ul#content-sec li.buyers-guide { background: url(/_assets/img/bg-buyers-guide.jpg) no-repeat; margin-right: 5px}
ul#content-sec li.value-your-car { background: url(/_assets/img/bg-value-your-car.jpg) no-repeat; margin-right: 5px}
ul#content-sec li.extended-warranty { background: url(/_assets/img/bg-extended-warranty.jpg) no-repeat; margin-right: 5px; }
ul#content-sec li.right-finance { background: url(/_assets/img/bg-right-finance.jpg) no-repeat; margin-right: 5px}
ul#content-sec li.insurance { background: url(/_assets/img/bg-insurance.jpg) no-repeat; margin-right: 5px}
ul#content-sec li.nearest-retailer { background: url(/_assets/img/bg-nearest-retailer.jpg) no-repeat; margin-right: 5px}
ul#content-sec li.car-search { background: url(/_assets/img/bg-car-search.jpg) no-repeat; margin-right: 5px}
ul#content-sec li.accessories { background: url(/_assets/img/bg-accessories.jpg) no-repeat; margin-right: 5px}
ul#content-sec li.servicing { background: url(/_assets/img/bg-servicing.jpg) no-repeat; margin-right: 5px}
ul#content-sec li.accessories-nm { background: url(/_assets/img/bg-accessories.jpg) no-repeat;}
ul#content-sec li.car-search-nm { background: url(/_assets/img/bg-car-search.jpg) no-repeat;}
ul#content-sec li.nearest-retailer-nm { background: url(/_assets/img/bg-nearest-retailer.jpg) no-repeat; margin-right: 5px}
ul#content-sec li.insurance-nm { background: url(/_assets/img/bg-insurance.jpg) no-repeat;}
ul#content-sec li.extended-warranty-nm{ background: url(/_assets/img/bg-extended-warranty.jpg) no-repeat;}
ul#content-sec li.value-your-car-nm { background: url(/_assets/img/bg-value-your-car.jpg) no-repeat;}
ul#content-sec li.end { margin: 0;}
#content-1 ul { list-style:disc; padding-left: 32px; margin-bottom: 20px}
#content-1 ul li { float: none; color: #FFFFFF; font-size: 13px; }
#content-2 ul { list-style:none; }
#content-2 ul li { float: left; }
#content-2 ul li a { display: block; width: 268px; height: 43px; background: url(../img/bg-content-ext-item1.jpg) no-repeat; }
#content-2 ul li a:hover { background-position: 0 -43px; }
#content-2 ul li.active a { background-position: 0 -43px; }
#content-2 ul li.item2 a { width: 269px; background-image: url(../img/bg-content-ext-item2.jpg); }
#content-2 ul li.item3 a { background-image: url(../img/bg-content-ext-item3.jpg); }
#content-2 ul li.item4 a { background-image: url(../img/bg-content-ser-item1.jpg); }
#content-2 ul li.item4-active a { background-position: 0 -43px; background-image: url(../img/bg-content-ser-item1.jpg); }
#content-2 ul li.item5 a { width: 269px; background-image: url(../img/bg-content-ser-item2.jpg); }
#content-2 ul li.item5-active a { background-position: 0 -43px; width: 269px; background-image: url(../img/bg-content-ser-item2.jpg); }
#content-2 ul li.item6 a { background-image: url(../img/bg-content-ser-item3.jpg); }
#content-2 ul li.item6-active a { background-position: 0 -43px; background-image: url(../img/bg-content-ser-item3.jpg); }
#content-2 ul.finance { list-style:none; }
#content-2 ul.finance li { float: left; }
#content-2 ul.finance li a { display: block; width: 268px; height: 43px; background: url(../img/bg-content-finance-item1.jpg) no-repeat; }
#content-2 ul.finance li a:hover { background-position: 0 -43px; }
#content-2 ul.finance li.active a { background-position: 0 -43px; }
#content-2 ul.finance li.item2 a { width: 269px; background-image: url(../img/bg-content-finance-item2.jpg); }
#content-2 ul.finance li.item2-active a { background-position: 0 -43px; width: 269px; background-image: url(../img/bg-content-finance-item2.jpg); }
#content-2 ul.finance li.item3 a { background-image: url(../img/bg-content-finance-item3.jpg); }
#content-2 ul.finance li.item3-active a { background-position: 0 -43px; background-image: url(../img/bg-content-finance-item3.jpg); }
#content-2pri ul { list-style:disc; margin: 0 0 15px 306px}
#content-2pri ul li { float: none; color: #FFFFFF; font-size: 13px; }
#content-2pri ol { margin: 0 0 15px 315px}
#content-2pri ol li { float: none; color: #FFFFFF; font-size: 13px; }
#content-3 ul { list-style:none; overflow: hidden; height: 1%;}
#content-3 ul li { float: left; margin-right: 1px; }
#content-3 ul li.item7 { margin: 0; }
#content-3 ul li a { display: block; width: 114px; height: 61px; background: url(../img/bg-content-3-item1.jpg) no-repeat; margin-right:}
#content-3 ul li a:hover { background-position: 0 -61px; }
#content-3 ul li.active a { background-position: 0 -61px; }
#content-3 ul li.item1 a { width: 115px; }
#content-3 ul li.item2 a { background-image: url(../img/bg-content-3-item2.jpg); }
#content-3 ul li.item3 a { background-image: url(../img/bg-content-3-item3.jpg); }
#content-3 ul li.item4 a { background-image: url(../img/bg-content-3-item4.jpg); }
#content-3 ul li.item5 a { background-image: url(../img/bg-content-3-item5.jpg); }
#content-3 ul li.item6 a { background-image: url(../img/bg-content-3-item6.jpg); }
#content-3 ul li.item7 a { background-image: url(../img/bg-content-3-item7.jpg); }
#content-3pri ul { list-style:disc; margin: 0 0 15px 265px}
#content-3pri ul li { float: none; color: #FFFFFF; font-size: 13px}
#content-4 ul { margin: 0 0 20px 12px}
#content-4 ul li { float: none; font-size: 13px; margin-bottom: 5px}
#content-4 ul a { color:#333333; text-decoration: none}
#content-4 ul a:hover { color:#FFFFFF}
#content-4 ul.links { float: right; width: 205px; padding-left: 80px; list-style: none; }
#content-4 ul.links li { margin-bottom: 10px; width: 190px; height: 25px; padding: 84px 0 0 10px }
#content-4 ul.links li.checklist { background: url(/_assets/img/bg-checklist.jpg) no-repeat; }
#content-4 ul.links li.right-finance { background: url(/_assets/img/bg-right-finance.jpg) no-repeat; }
#content-4 ul.links li.value-your-car{ background: url(/_assets/img/bg-value-your-car.jpg) no-repeat; }
#content-4 ul.links li.nearest-retailer{ background: url(/_assets/img/bg-nearest-retailer.jpg) no-repeat; }
#content-4 ul.links li.servicing{ background: url(/_assets/img/bg-servicing.jpg) no-repeat; }
#content-4 ul.links li.insurance{ background: url(/_assets/img/bg-insurance.jpg) no-repeat; }
#content-4 ul.links li.extended-warranty{ background: url(/_assets/img/bg-extended-warranty.jpg) no-repeat; }
#content-4 ul.links li.network-programme { background: url(/_assets/img/bg-network-programme.jpg) no-repeat;}
#content-4 ol { margin: 0 0 20px 20px}
#content-4 ol li { float: none; font-size: 13px; margin-bottom: 5px}
#content-4 ol.letters { list-style:lower-alpha; margin: 0 0 20px 20px}
#content-4 ol.letters li { float: none; font-size: 13px; margin-bottom: 5px}
#content-4 ul.sitemap { line-height:20px; }
#content-4 ul.sitemapInner { margin-bottom:0; }
#content-4 ul.sitemap li { line-height:22px; }
#content-4 ul.sitemap a { color:#000; text-decoration:underline; }
#content-4 ul.sitemap a:hover { color:#f21635; text-decoration:underline; }
ul#footer { clear: both; background: #1d1d1d url(../img/bg-content-pri.gif) repeat-x; overflow: hidden; height: 1%; padding: 12px 12px 0 12px; }
ul#footer p { margin-bottom: 15px; }
ul#footer li { float: left; color: #868686; font-size: 11px; margin-right: 3px; list-style: none;}
ul#footer li a { color: #868686; text-decoration: none;}
ul#footer li a:hover { color: #fff; }
ul#footer li p { font-size: 11px; }
ul#footer li.end { float: right; }
/*ol
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*dl
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*forms
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*tables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
iframe { border: 0; height: 350px; width: 804px; margin: -10px 0 20px 23px; }
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/* Example:
.sIFR-active h1 {
font-family: Verdana;
visibility: hidden;
}
*/
}
#content-3 div img.inline { display: inline; margin: 0; padding: 0; float: none;}
#content-locator { padding: 20px 0 0 20px; height: 280px; text-align: center; }
#content-locator h3 { margin-bottom: 15px; font-size: 20px; }
#content-locator h3 em { font-size: 14px; color: #666666; display: block; font-weight: normal;}
#content-locator p { color: #666666;}
#content-locator p a { color: #666666; text-align: center;}
#content-locator p a:hover { color: #FF0000;}
#content-locator p.bt-enter a { display: block; width: 188px; height: 28px; margin: 0 auto 25px auto; text-align: center; text-decoration:none; color: #fff; font-size: 19px; padding: 3px 0 0 0; background: url(../img/bt-enter.gif) }
#content-locator p.bt-enter a:hover { background-position: -188px 0; }
#content-offer { padding: 20px 0 0 20px; height: 280px; }
#content-offer h3 { margin-bottom: 15px; }