/*  =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, table, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; }
td { padding-top: 3px; padding-bottom: 3px; }
fieldset, img { border : 0; }

/* body */
body, input, textarea, table {font-family: arial, helvetica; font-size: 1em; color: #303030;}

/* Control Classes */
.label { font-size: 0.8em; }
.labelBold { font-size: 0.8em; font-weight: bold; }
.labelWarning { font-size: 0.8em; color: Red; }
.link { font-size: 0.8em; }
.rowSpacing { padding-top: 5px; padding-bottom: 5px; }
.dropDown { font-size: 0.8em; border: solid 1px #666666; }
.button { font-size: 1em; font-weight: bold; border: solid 1px #666666; background-color: #cbdb2a; cursor:pointer;}
.buttonSmall { font-size: 0.8em; font-weight: bold; border: solid 1px #666666; background-color: #cbdb2a; cursor:pointer;}
.textBox { font-size: 0.8em; border: solid 1px #666666; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; }
.textBoxLong { width:300px; font-size: 0.8em; border: solid 1px #666666; padding: 2px 2px 2px 2px;}
.textBoxWarning { font-size: 0.8em; border: solid 1px Red; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; }
.radioButton { font-size: 0.8em; }
.checkBox { font-size: 0.8em; }
.checkBoxWarning { font-size: 0.8em; border: solid 1px Red; }

/* Layout divs */
body {width:100%; text-align:center;}
#page {position:relative; width: 1000px; margin: 10px auto; text-align:left;}
#topRow {position:relative; background-image: url(/images/top-box.gif); height:12px;}
#middleRow {position:relative; padding: 0 20px 0 20px; min-height:200px; background-image: url(/images/middle-box.gif); }
#bottomRow {position:relative; background-image: url(/images/bottom-box.gif); height:16px;}

.pictureRow_old {position:relative; height: 375px; background-color: #000000; border-top: solid 0px #ffffff;}
.pictureRow {position:relative; height: 281px; background-color: #000000; border-top: solid 0px #ffffff;}
#content {position: relative; overflow: auto; /*min-height:400px;*/}

/* Bars */
#bar {position:relative; height: 5px; background-color: #cbdb2a; margin: 5px 0 0 0;}
.midBar {position:relative; background-color: #cbdb2a; width: 100%; height: 5px; margin-bottom: 5px;}
#bottomBar {position:relative; background-color: #cbdb2a; height: 5px; margin: 0 0 5px 0;}
#adminBottomBar {position:relative; background-color: #ef1821; height: 3px; margin: 0 0 5px 0;}

/* #header */
#header {position:relative; height: 80px; padding: 5px 0 5px 5px; background-color: #000000;}
#header h1 {background: url(/images/h1_n-tech.gif) repeat-y 0 0; width: 430px; height: 80px; text-indent: -9999px;}
#header .vehicleInfo {position: absolute; bottom: 10px; right: 10px; width: 340px; height: 40px; background-image: url(/images/vehicle-info-bg.gif); padding: 5px 5px 5px 5px; font-weight: bold; font-size: 12pt;}
#header .vehicleInfo a {color: #000000; text-decoration: none;}
#header .vehicleInfo span.title {display: block; float:left; width: 60px; text-align: right; margin: 0 10px 0 0;}

#menu { position: relative; background-color: #cbdb2a; border-top: solid 0px #ffffff; overflow: auto; font-size: 10pt; font-weight: bold; }
#menu ol { margin: 0 0 0 20px; }
#menu li { display: block; float: left; }
#menu a { display: block; padding: 3px 20px 3px 20px; color: #303030; text-decoration: none; }
#menu a:hover { background-color: #e7fd17; }

#tabs { position:relative; width: 960px; height:98px; background-color: #000000; border-bottom: solid 0px #cbdb2a; border-top: solid 0px #ffffff; background-image: url(/images/tab-bg.gif); background-repeat: repeat-x;}
#tabs img { position:relative; width: 182px; float: left; border-style: none; }
#tabs ol { width: 960px; height: 98px; float: left; padding-bottom: 0px; }
#tabs li { display: block; float: left; }
#tabs a { display: block; padding: 3px 0px 3px 8px; }

/* #adminTabs */
#adminTabs { width: 960px; font-size: 10pt; font-weight: bold; font-style: normal; background-color: #ffffff; border-bottom: solid 3px #ef1821; padding-top: 10px; }
#adminTabs ol { margin: 0 0 0 5px; }
#adminTabs li { display: block; float: left; }
#adminTabs li .normal { background-color: #cbdb2a; border-left: solid 1px #000000; border-right: solid 1px #000000; border-top: solid 1px #000000; margin-top: 1px; margin-left: 2px; }
#adminTabs li .selected { background-color: #e7fd17; border-left: solid 2px #ef1821; border-right: solid 2px #ef1821; border-top: solid 2px #ef1821; margin-left: 2px; }
#adminTabs a { display: block; padding: 3px 20px 3px 20px; color: #000000; text-decoration: none; }
#adminTabs a:hover { background-color: #e7fd17; }

/* Not Buying */
.notBuying { width: 936px; overflow: auto; border: 2px solid #d5d6d8; padding: 5px 10px 5px 10px; margin: 0px 0px 5px 0px; }

/* #pictureRow */
.pictureRow .mainImageFull_old {position:absolute; top: 0px; left: 0px; width: 700px; height: 375px;}
.pictureRow .mainImageFull {position:absolute; top: 0px; left: 0px; width: 525px; height: 281px;}
.pictureRow .mainImageShort {position:absolute; top: 0px; left: 0px; width: 700px; height: 315px;}

.pictureRow .productTitle {position: absolute; top: 315px; left: 0px; width: 700px; height: 60px; background-color: #cbdb2a;}
.pictureRow .productTitle h2 {position: absolute; top: 20px; left: 10px; font-size: 16pt; font-weight: bold; font-style: italic; }
.pictureRow .vehicleDetails {position:absolute; top: 5px; right: 10px; width: 340px; height: 40px; background-image: url(/images/vehicle-details-bg.gif); padding: 5px 5px 5px 5px; font-weight: bold; font-size: 12pt;}
.pictureRow .vehicleDetails span.label {display: block; float:left; width: 60px; text-align: right; margin: 0 10px 0 0;}

.pictureRow .pictureMenuHome_old {color: yellow; position: absolute; top: 5px; left: 700px; height: 345px; width: 182px/*255px*/; padding:20px 37px 0px 36px; background: url(/images/picture-menu-bg.gif) repeat-y; text-align:center; font-size:18px;}
.pictureRow .pictureMenuHome {color: yellow; position: absolute; top: 5px; left: 525px; height: 230px; width: 430px/*430px*/; padding:40px 0px 0px 0px; background: url(/images/picture-menu-tile.gif); text-align:center; font-size:18px;}
.pictureRow .pictureMenuHome img {margin-bottom:20px;}

/* #content */
#content { position:relative; clear:both; width: 960px; }
#content .col1, #content .col2, #content .col3 {position: relative; float: left; width: 310px; min-height: 100px; margin: 0 12px 0 0;}
#content .col2 {margin-right: 0px;}
#content .col3 {float: right; margin-right: 0px;}
#content .imgBlock {display: block; border: 1px solid #d5d6d8;}

#content a {color:#0066CC; text-decoration:none;}
#content a:hover {text-decoration:underline;}

/* #selectVehicle */
#selectVehicle {position:relative; background-color: #000000; color: #ffffff; height: 130px; overflow: hidden;}
#selectVehicle img {position:relative; float: left; display: block; }
#selectVehicle input {border: none; font-size: 12pt;}
#selectVehicle input.button {background-color: #cbdb2a; color: #303030; cursor: pointer; font-weight: bold; padding: 0 0.1em 0 0.1em; height: 21px;}
#selectVehicle input.button:hover {background-color: #e7fd17;}

#selectVehicle div.regForm {padding: 5px 0 0 10px;}
#selectVehicle div.regForm input.text {width: 210px; text-transform: uppercase; }
#selectVehicle div.regForm span {display: block; font-weight: bold; font-size: 8pt; padding: 0 0 5px 0;}

#selectVehicle div.mmForm {padding: 10px 0 0 10px;}
#selectVehicle div.mmForm .mmSelection {width: 220px; float: left;}
#selectVehicle div.mmForm .mmButton {float: left; padding-top: 29px;}
#selectVehicle div.mmForm p {font-weight: bold; font-size: 8pt;}
#selectVehicle div.mmForm span {display: block; float: left; width: 42px; font-weight: bold; font-size: 8pt; padding: 8px 0 0 0;}
#selectVehicle div.mmForm select {width: 173px; margin: 3px 0 0 0;}

/* Home Page Content */
.homeContent { margin: 5px 0px 0px 0px; }

.regContent { margin: 5px 0px 0px 0px; min-height:400px; _height:400px; _overflow:visible; }
.regContentUnrestricted { margin: 5px 0px 0px 0px; }

/* Standard Green H2 */
.greenH2 { background: url(/images/h2_product_bg.gif) repeat-y 0 0; margin: 10px 0px 10px 0px; font-size: 14pt; font-weight: bold; font-style:italic; padding: 3px 0px 3px 10px; }

/* .productResults */
.productResults { margin: 0px 0px 10px 0px; position:relative; }
.productResults h2 { background: url(/images/h2_product_bg.gif) repeat-y 0 0; margin: 10px 0px 10px 0px; font-size: 14pt; font-weight: bold; font-style:italic; padding: 3px 0px 3px 10px; }
.productResultsNotes {margin: 1em 0 1em 0; font-weight: bold; font-size: 0.9em; line-height: 1.5em; text-align: center;}
.productResultsNotes img {margin:0px 0px 10px 0px; width:960px; height:32px; display:block; }

.vehicleSearching { position:relative; width:960px; height:350px; background-image:url(/images/searching-background.jpg); background-position: bottom right; background-repeat:no-repeat;}
.vehicleSearching .lookupDiv {position:relative; float:left;}
.vehicleSearching .logosDiv {width:312px; float:right; background-color:white; padding:10px 0px 10px 10px; margin: 0 20px 0 0; border: 5px double black; overflow:hidden;}
.vehicleSearching .logosDiv .heading {font-weight:bold; font-size:1.0em; margin-bottom:10px;}
.vehicleSearching .logosDiv a, .vehicleSearching .logosDiv span {width:16px; height:16px; position:relative; float:left; margin:0px 10px 10px 0px; overflow:hidden; cursor:pointer}
.vehicleSearching .logosDiv a img, .vehicleSearching .logosDiv span img {width:16px; height:16px; position:relative; float:left; overflow:hidden; cursor:pointer}

.vehicleSearch { margin: 0px 0px 10px 0px; position:relative; }
.vehicleSearch h2 { background: url(/images/h2_product_bg.gif) repeat-y 0 0; margin: 10px 0px 10px 0px; font-size: 14pt; font-weight: bold; font-style:italic; padding: 3px 0px 3px 10px; }

.vehicleSearchRow {position:relative; clear:both; height:30px;}
.vehicleSearchLabel {position:relative; width:80px; height:30px; vertical-align:middle; text-align:right; float:left; margin-right:10px; }
.vehicleSearchSelect {position:relative; text-align:right; float:left; height:30px; vertical-align:middle; margin-right:10px; }
.vehicleSearchSelected {position:relative; text-align:right; float:left; height:30px; vertical-align:middle; margin-right:10px; padding-top:4px;}

.vehicleSearchChange {border: 1px solid black; background-color:#CBDB2A; font-weight:bold; font-size: 0.8em; height:28px; padding:2px; margin:0px; cursor:pointer; width:140px;}

.vehicleLookupDiv {position:absolute; top:50px; right:0px; width:380px; height:250px; padding:10px 10px 10px 10px; text-align:left; background-color:White; border: 2px dashed Black /*#CBDB2A*/;}
input.inputCloseDiv {border: 1px solid black; background-color:#CBDB2A; font-weight:bold; height:26px; padding:2px; margin:0px; cursor:pointer; position:absolute; top:2px; right:2px; width:20px;}
.vehicleLookupText {font-size: 0.8em;}
.vehicleLookupTextBold {font-size: 0.8em; font-weight:bold;}

.fittingCentre {min-height: 480px; background-image:url(/images/fitting-centre-background.jpg); background-repeat: no-repeat; background-position: 700px 200px}

/* .productList */
.productListOuter h2 { background: url(/images/h2_product_bg.gif) repeat-y 0 0; margin: 10px 0px 10px 0px; font-size: 14pt; font-weight: bold; font-style:italic; padding: 3px 0px 3px 10px; }
.productListNone {padding-left: 20px; font-size: 0.8em; color: Red;}
.productList {margin: 0px 0px 0px 5px;}
.productList li {display: block; float: left;}
.productList a {display: block; width: 300px; min-height: 200px; margin: 0px 5px 10px 5px; border: 2px solid #d5d6d8; padding: 0; color: #000000; text-decoration: none;}
.productList a:hover {border-color: Orange; color: #000000; text-decoration: none;}
.productList img {float: right; margin: 5px 5px 5px 0; }
.productList h3 {background: url(/images/h3_product_bg.gif) repeat-y 0 0; margin: 10px 0 10px 0; font-size: 14pt; font-weight: bold; font-style: italic; padding: 3px 0px 3px 10px;}
.productList p {margin: 0 0 3px 10px; font-size: 10pt;}
.productList p.price {font-size: 16pt; font-weight: bold; margin-top: 10px;}
.productList p.price span {font-size: 22pt; font-style: italic; }

/* Search Table - all new stuff here */
.searchTable {width:100%;}
.searchTable h3, .basketH3 {background: url(/images/h3_product_bg.gif) repeat-y 0 0; margin: 10px 0 10px 0; font-size: 14pt; font-weight: bold; font-style: italic; padding: 3px 0px 3px 10px;}
.searchTable td {vertical-align:middle; text-align:left; padding:5px 5px 5px 5px;}
.searchTable .price, .tablePrice {font-style: italic; font-weight: bold; }
.searchTable img {width:50px; height:50px; border: 2px solid #CBDB2A; margin:0px 10px 0px 0px;}
.searchTable img:hover {border: 2px solid Orange;}
.searchHeaderTop {}
.searchHeaderRow td {background-color: #F0F0F0; border-bottom: 1px solid #D5D6D8; font-size:0.7em; font-weight:bold; }
.searchRow1 td {background-color: #FFFFFF; border-bottom: 1px solid #D5D6D8;}
.searchRow2 td {background-color: #FAFAFA; border-bottom: 1px solid #D5D6D8;}
input.inputSearch {border: 1px solid black; height:20px; padding:2px; margin:0px 10px 0px 0px; width:200px; font-weight:bold; text-align:left; }
input.inputQty {border: 1px solid black; height:20px; padding:2px; margin:0px 10px 0px 0px; width:30px; font-weight:bold; text-align:center; }
input.inputAdd {border: 1px solid black; background-color:#CBDB2A; font-weight:bold; height:26px; padding:2px; margin:0px; cursor:pointer; }
.searchStrap {font-size:0.7em; font-weight:bold; }

.totalDiv {position:relative; border-top:5px solid #cbdb2a; width:auto; margin: 5px 0px 0px 0px; padding:10px 5px 0px 5px; text-align:right;}
span.proceedNotice {color:Black; font-size:0.7em; font-weight:bold;}
.proceedNotice img {margin:10px 0px 10px 0px; width:960px; height:32px; display:block; }
span.proceedNoticeBig {color:Black; font-weight:bold;}

div.updatePanelDiv {position:relative;}
div.updateProgressDiv {position:absolute; left: 300px; top:0px; padding: 0px 0px 10px 10px;}
.text08 {font-size:0.8em; }
.text07 {font-size:0.7em; }
.textPerPair {font-size:0.6em; font-weight:lighter;}
.textDimensions {font-size:0.8em; font-weight:lighter;}

.labelDate, .infoNotice {color:#cc0000;}

table.dateTable {}
.dateTable td {padding:10px 10px 10px 10px; margin:0px; }

table.detailsTable {}
.detailsTable td {padding:3px 3px 3px 3px; margin:0px; }

.productResults p {margin-bottom:20px;}

.locationList {border: 1px solid black; padding:2px; margin:0px 10px 0px 0px; width:500px; font-weight:bold; text-align:left;}

.basketArea {position:absolute; right:20px; top:0px; width:200px; height:80px; color:White; font-size:12px;}
.basketArea a {color:White; text-decoration:none;}
.basketArea a:hover {text-decoration:underline;}
.basketHeader {position:absolute; right:20px; top:17px; font-weight:bold;}
.basketTotal {position:absolute; right:20px; top:37px; font-weight:lighter;}
.basketTotalPrice {color:#CBDB2A; font-weight:bold;}
.basketEmpty {position:absolute; right:20px; top:37px; color:#CBDB2A; font-weight:lighter;}
.viewBasketLink {position:absolute; right:42px; top:57px; font-weight:lighter;}
.basketIcon {position:absolute; right:20px; top:55px;}

.promoArea {position:absolute; right:20px; top:0px; height:80px; color:White; font-size:12px;}

/* Detail Page */
.detailContainerOuter { width: 956px; overflow: auto; border: 2px solid #d5d6d8; padding-top: 20px; padding-bottom: 20px; margin: 5px 0px 5px 0px; }
.detailContainerInner { width: 956px; background-image: url(/images/detail-divider.gif); background-repeat: repeat-y; }
.detailLeft { float: left; width: 516px; padding-right: 0px; }
.detailLeft h2 { background-image: url(/images/detail-left-h2.gif); background-repeat: repeat-y; font-size: 1.4em; font-weight: bold; font-style: italic; padding-top: 5px; padding-bottom: 5px; padding-left: 40px; padding-right: 5px; }
.detailLeft .product { font-size: 1em; font-weight: bold; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; padding-right: 20px; }
.detailLeft .description { font-size: 0.8em; padding-top: 5px; padding-bottom: 20px; padding-left: 40px; padding-right: 20px; }
.detailLeft .selectionOptions { padding-top: 5px; padding-bottom: 0px; padding-left: 40px; padding-right: 20px; }
.detailLeft .options { padding-top: 5px; padding-bottom: 5px; padding-left: 40px; padding-right: 20px; }
.detailLeft .options .optionsRowSpacing { padding-top: 2px; padding-bottom: 2px; }
.detailLeft .options .optionsRowSpacing .option { float: left; }
.detailLeft .options .optionsRowSpacing .option .labelRadioButton { display: block; width: 306px; overflow: auto; position: relative; top: -17px; left: 25px; font-size: 0.8em; }
.detailLeft .options .optionsRowSpacing .image { float: right; }
.detailLeft .total { padding-top: 10px; padding-bottom: 0px; padding-left: 40px; padding-right: 20px; vertical-align: middle; }
.detailLeft .total .price { font-size: 1.6em; font-weight: bold; font-style: italic; padding-left: 0px; padding-right: 10px; }
.detailLeft .afterTotal { padding-top: 10px; padding-bottom: 0px; padding-left: 40px; padding-right: 20px; vertical-align: middle; }
.detailRight { float: right; width: 400px; padding-left: 20px; padding-right: 20px; }
.detailRight .picture { position:relative; }
.detailRight .picture .mainPicture  { position:relative; }
.detailRight .picture .additionalPicture  { position:absolute; right:0px; bottom:0px; border: 2px solid #CBDB2A; }
.detailRight .pictureFootnoteNoMargin {margin: 0 0 0 0; font-size: 0.7em;}
.detailRight .pictureFootnote {margin: 2em 0 0 0; font-size: 0.7em;}
.detailRight .pictureFootnoteImage {position:relative; float:left; width:150px; height:150px;}
.detailRight .pictureFootnoteImage img {position:relative; float:left; width:150px; height:150px;}
.detailRight .pictureFootnoteText {position:relative; width:240px;  height:50px; margin: 30px 0 70px 0; float:right; text-align:center; font-weight:bold;}
.detailRight .pictureFootnoteText p {font-size:1.2em; margin-bottom:20px; }
.detailRight .pictureFootnoteText p span.heading {color:#cc0000; text-decoration:underline;}
.detailRight .ifc { width: 392px; margin-top: 10px; margin-right: 2px; border: 2px solid #d5d6d8; }

/* Vehicle Make / Model Selection Pages */
.vehicleMakeModel { width: 916px; overflow: auto; border: 2px solid #d5d6d8; padding: 20px 20px 20px 20px; margin: 5px 0px 5px 0px; }
.vehicleMakeModel .searchTitle { padding-bottom: 5px; }
.vehicleMakeModel .searchRow { padding-top: 5px; padding-bottom: 5px; }
.vehicleMakeModel .vrnNotFound { padding-top: 5px; padding-bottom: 5px; }
.vehicleMakeModel .options { padding-top: 5px; padding-bottom: 5px; }

/* Shopping Basket */
.emptyBasket { width: 916px; overflow: auto; border: 2px solid #d5d6d8; padding: 20px 20px 20px 20px; margin: 5px 0px 5px 0px; font-size: 0.8em; color: Red; }
.basketItems { width: 916px; overflow: auto; border: 2px solid #d5d6d8; padding: 20px 20px 20px 20px; margin: 5px 0px 5px 0px; }
.basketItems .row { width: 902px; overflow: auto; border: 2px solid #d5d6d8; padding: 5px 5px 5px 5px; margin-bottom: 5px; }
.basketItems .row .description { float: left; width: 572px; }
.basketItems .row .price { float: left; width: 110px; padding-right: 20px; text-align: right; }
.basketItems .row .quantityLabel { float: left; width: 150px; }
.basketItems .row .quantityDropDown { float: left; width: 50px; }
.basketItems .total { float: right; padding-top: 5px; padding-bottom: 5px; }
.basketItems .total .price { font-size: 1.6em; font-weight: bold; font-style: italic; padding-left: 0px; padding-right: 10px; }
.basketItems .payment { float: right; padding-top: 5px; padding-bottom: 5px; }

/* Personal Details */

#personalDetails input { font-size: 0.8em; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; }
#personalDetails input.long { width:250px; font-size: 0.8em; border: solid 1px #666666; padding: 2px 2px 2px 2px;}
#personalDetails input.vrn { width: 80px; font-size: 0.8em; border: solid 1px #666666; padding: 2px 2px 2px 2px;}
#personalDetails input.postcode { width:90px; font-size: 0.8em; border: solid 1px #666666; padding: 2px 2px 2px 2px;}
#personalDetails input.telephone { width:125px; font-size: 0.8em; border: solid 1px #666666; padding: 2px 2px 2px 2px; }

/* Location Finder */
.homeSearch { width: 916px; overflow: auto; border: 2px solid #d5d6d8; padding: 20px 20px 20px 20px; margin: 5px 0px 5px 0px; }
.homeSearch p { padding-top: 2px; padding-bottom: 2px; }
.homeSearch .searchTitle { padding-bottom: 5px; }
.homeSearch .searchRow { padding-top: 5px; padding-bottom: 5px; }
.homeSearch .notFound { padding-top: 5px; padding-bottom: 5px; }
.homeSearch .notFound p { padding-top: 2px; padding-bottom: 2px; }
.homeSearch .selection { padding-top: 5px; padding-bottom: 5px; }
.homeSearch .selection p { padding-top: 2px; padding-bottom: 2px; }
.homeSearch .selection .options { width: 510px; padding-left: 20px; padding-bottom: 5px; }
.homeSearch .selection .options .row { width: 500px; overflow: auto; border: 2px solid #d5d6d8; background-color: Transparent; cursor: pointer; padding-top: 1px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; margin-top: 5px; margin-bottom: 5px; }
.homeSearch .selection .options .row:hover { background-color: #d5d6d8; }
.homeSearch .selection .options .rowSelected { width: 500px; overflow: auto; border: 2px solid #d5d6d8; background-color: #cbdb2a; cursor: pointer; padding-top: 1px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; margin-top: 5px; margin-bottom: 5px; }

/* Choose / Find Fitting Centre */
.fittingCentres { width: 916px; overflow: auto; border: 2px solid #d5d6d8; padding: 20px 20px 20px 20px; margin: 5px 0px 5px 0px; }
.fittingCentres p { padding-top: 2px; padding-bottom: 2px; }
.fittingCentres .searchTitle { padding-bottom: 5px; }
.fittingCentres .searchRow { padding-top: 5px; padding-bottom: 5px; }
.fittingCentres .notFound { padding-top: 5px; padding-bottom: 5px; }
.fittingCentres .notFound p { padding-top: 2px; padding-bottom: 2px; }
.fittingCentres .selection { padding-top: 5px; padding-bottom: 5px; }
.fittingCentres .selection p { padding-top: 2px; padding-bottom: 2px; }

/* Fitting Centres Control */
.fittingCentresControl { width: 510px; padding-left: 20px; padding-bottom: 5px; }
.fittingCentresControl .row { width: 500px; overflow: auto; border: 2px solid #d5d6d8; background-color: Transparent; cursor: pointer; padding-top: 1px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; margin-top: 5px; margin-bottom: 5px; }
.fittingCentresControl .row:hover { background-color: #d5d6d8; }
.fittingCentresControl .rowSelected { width: 500px; overflow: auto; border: 2px solid #d5d6d8; background-color: #cbdb2a; cursor: pointer; padding-top: 1px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; margin-top: 5px; margin-bottom: 5px; }
.fittingCentresControl .number { width: 20px; float: left; text-align: right; padding-top: 6px; }
.fittingCentresControl .location { width: 470px; float: left; padding-left: 10px; }

/* Map Control */
.mapControl { width: 916px; overflow: auto; padding-top: 3px; padding-bottom: 10px; }
.mapControl .mapImage { float: left; width: 350px; height: 350px; border: 2px solid #d5d6d8; }
.mapControl .key { float: left; padding-left: 10px; }
.mapControl .key .row { width: 200px; overflow: auto; padding-top: 3px; padding-bottom: 3px; }
.mapControl .key .row .title { width: 200px; padding-top: 2px; padding-bottom: 2px; }
.mapControl .key .row .image { float: left; width: 20px; padding-top: 2px; }
.mapControl .key .row .text { float: left; width: 180px; }

/* Fitting Centre Details */
.fittingCentreDetails { width: 916px; overflow: auto; border: 2px solid #d5d6d8; padding: 20px 20px 20px 20px; margin: 5px 0px 5px 0px; }
.fittingCentreDetails .searchTitle { padding-bottom: 5px; }
.fittingCentreDetails .searchRow { padding-top: 5px; padding-bottom: 5px; }
.fittingCentreDetails .currentCentre { width: 916px; padding-top: 20px; padding-bottom: 20px; }
.fittingCentreDetails .currentCentre .title { width: 160px; float: left; vertical-align: top; }
.fittingCentreDetails .currentCentre .address { width: 402px; float: left; vertical-align: top; }
.fittingCentreDetails .currentCentre .mapImage { width: 350px; height: 350px; float: right; border: 2px solid #d5d6d8; }
.fittingCentreDetails .currentCentre .helpline { width: 562px; float: left; padding-top: 20px; padding-bottom: 20px; }
.fittingCentreDetails .currentCentre .openingTimesTitle { width: 100px; float: left; vertical-align: top; }
.fittingCentreDetails .currentCentre .openingTimes { width: 462px; float: left; vertical-align: top; }
.fittingCentreDetails .currentCentre .info { width: 562px; float: left; padding-top: 20px; }
.fittingCentreDetails .noDirections { padding-top: 5px; padding-bottom: 5px; }
.fittingCentreDetails .directions { padding-top: 10px; padding-bottom: 0px; }
.fittingCentreDetails .directions .title { padding-top: 2px; padding-bottom: 2px; }
.fittingCentreDetails .directions .drivingMap { width: 916px; overflow: auto; padding-top: 10px; padding-bottom: 10px; }
.fittingCentreDetails .directions .drivingMap .mapImage { float: left; width: 350px; height: 350px; border: 2px solid #d5d6d8; }
.fittingCentreDetails .directions .drivingMap .key { float: left; padding-left: 10px; }
.fittingCentreDetails .directions .drivingMap .key .row { width: 200px; overflow: auto; padding-top: 3px; padding-bottom: 3px; }
.fittingCentreDetails .directions .drivingMap .key .row .title { width: 200px; padding-top: 2px; padding-bottom: 2px; }
.fittingCentreDetails .directions .drivingMap .key .row .image { float: left; width: 20px; padding-top: 2px; }
.fittingCentreDetails .directions .drivingMap .key .row .text { float: left; width: 180px; }
.fittingCentreDetails .directions .drivingDirections td { padding: 0px 5px 0px 5px; border-bottom: solid 1px #d5d6d8; }

/* Choose Date */
.chooseDate { width: 916px; overflow: auto; border: 2px solid #d5d6d8; padding: 20px 20px 20px 20px; margin: 5px 0px 5px 0px; }
.chooseDate p { width: 916px; padding-top: 2px; padding-bottom: 2px; }
.chooseDate .searchTitle { padding-bottom: 5px; }
.chooseDate .currentCentre { width: 916px; padding-top: 10px; padding-bottom: 10px; }
.chooseDate .currentCentre .title { width: 160px; float: left; vertical-align: top; }
.chooseDate .currentCentre .address { width: 240px; float: left; vertical-align: top; }
.chooseDate .currentCentre .changeCentre { width: 516px; float: left; vertical-align: top; }
.chooseDate .selection { width: 916px; padding-top: 5px; padding-bottom: 5px; }
.chooseDate .selection .date { width: 130px; float: left; padding-left: 20px; padding-top: 15px; }
.chooseDate .selection .time { width: 160px; float: left; padding-top: 2px; }
.chooseDate .selection .time .row { padding-top: 2px; padding-bottom: 2px; }
.chooseDate .selection .goButton { width: 606px; float: left; padding-top: 15px; }

/* Cardholder Details */
.cardholderDetails { width: 916px; overflow: auto; border: 2px solid #d5d6d8; padding: 20px 20px 20px 20px; margin: 5px 0px 5px 0px; }
.cardholderDetails .currentCentre { width: 600px; padding-bottom: 10px; }
.cardholderDetails .currentCentre .title { width: 160px; float: left; vertical-align: top; }
.cardholderDetails .currentCentre .address { width: 240px; float: left; vertical-align: top; }
.cardholderDetails .currentCentre .changeCentre { width: 200px; float: left; vertical-align: top; }
.cardholderDetails .currentDate { width: 600px; padding-bottom: 10px; }
.cardholderDetails .currentDate .title { width: 160px; float: left; vertical-align: top; }
.cardholderDetails .currentDate .date { width: 240px; float: left; vertical-align: top; }
.cardholderDetails .currentDate .changeDate { width: 200px; float: left; vertical-align: top; }
.cardholderDetails .currentPrice { width: 600px; padding-bottom: 10px; }
.cardholderDetails .currentPrice .title { width: 160px; float: left; vertical-align: top; }
.cardholderDetails .currentPrice .totalPrice { width: 240px; float: left; vertical-align: top; }
.cardholderDetails .currentPrice .changeBasket { width: 200px; float: left; vertical-align: top; }
.cardholderDetails .detailsTitle { padding-left: 20px; padding-top: 15px; padding-bottom: 5px; }
.cardholderDetails .detailsTitle h1 { font-size: 1.4em; font-weight: bold; }
.cardholderDetails .details { padding-left: 20px; padding-bottom: 5px; }
.cardholderDetails .goButton { padding-left: 50px; padding-top: 10px; }

/* Order Confiramtion */
.orderConfiramtion { width: 916px; overflow: auto; border: 2px solid #d5d6d8; padding: 20px 20px 20px 20px; margin: 5px 0px 5px 0px; }
.orderConfiramtion h1 { font-size: 1.4em; font-weight: bold; }
.orderConfiramtion h2 { font-size: 1em; font-weight: bold; }
.orderConfiramtion p { padding-top: 2px; padding-bottom: 2px; }

/* Enquiry Form */
#enqForm table td { padding:4px; }
#enqForm input { font-size: 0.8em; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; }
#enqForm input.long { width:400px; font-size: 0.8em; border: solid 1px #666666; padding: 2px 2px 2px 2px;}
#enqForm input.telephone { width:125px; font-size: 0.8em; border: solid 1px #666666; padding: 2px 2px 2px 2px;}
#enqForm textarea { font-size: 0.8em; border: solid 1px #666666; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; width:450px; height:350px; }

/* Customer Feedback */
.customerFeedbackComplete { width: 916px; overflow: auto; border: 2px solid #d5d6d8; padding: 20px 20px 20px 20px; margin: 5px 0px 5px 0px; }
.customerFeedback { width: 916px; overflow: auto; border: 2px solid #d5d6d8; padding: 20px 20px 20px 20px; margin: 5px 0px 5px 0px; }
.customerFeedback .searchTitle {  }
.customerFeedback .qustions {  }
.customerFeedback .qustions .questionTitle { padding-top: 20px; font-weight: bold; }
.customerFeedback .qustions .options { padding-left: 20px; }
.customerFeedback .qustions .options .dropdown1 { padding-top: 5px; padding-bottom: 5px; }
.customerFeedback .qustions .options .textbox1 { padding-top: 5px; padding-bottom: 5px; }
.customerFeedback .qustions .options .radio2 { float: left; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; }
.customerFeedback .qustions .options .textbox2 { padding-top: 5px; padding-bottom: 5px; }
.customerFeedback .qustions .options .radio3 { float: left; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; }
.customerFeedback .qustions .options .textbox3 { padding-top: 5px; padding-bottom: 5px; }
.customerFeedback .qustions .options .radio4 { float: left; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; }
.customerFeedback .qustions .options .textbox4 { padding-top: 5px; padding-bottom: 5px; }
.customerFeedback .qustions .options .checkbox5 { width: 120px; float: left; padding-top: 5px; padding-bottom: 5px; }
.customerFeedback .qustions .options .textbox5 { padding-top: 5px; padding-bottom: 5px; }
.customerFeedback .qustions .options .radio6 { float: left; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; }
.customerFeedback .qustions .options .textbox6 { padding-top: 5px; padding-bottom: 5px; }
.customerFeedback .buttonRow { padding-left: 50px; padding-top: 10px; }

/* Section intro text */
div.sectionintro p { padding:0.5em;}

/* .clear */
div.clear {clear: both;}

/* Admin Pages */
#adminContent {position: relative; overflow: auto;}

.adminMainTitle {position: relative; font-size: 2em; font-weight: bold; margin: 10px 0px 5px 0px;}
.adminSubTitle {position: relative; font-size: 1em; font-weight: bold; margin: 10px 0px 5px 0px;}
.adminLabel {font-size: 0.9em;}
.adminMessage {font-size: 0.9em; color: Red;}
.adminControl {position: relative; padding: 0px 0px 10px 0px;}
.adminDisplayRow {padding: 5px 0px 5px 0px;}
.adminTextBox {font-size: 0.7em; border: solid 1px #9999ff; padding: 2px 2px 1px 2px;}
.adminTextBoxNumeric {font-size: 0.7em; text-align: right; border: solid 1px #9999ff; padding: 2px 2px 1px 2px;}
.adminTextBoxLarge {font-size: 0.7em; border: solid 1px #9999ff; padding: 2px 2px 1px 2px;}
.adminDropDown {font-size: 0.7em; border: solid 1px #9999ff;}
.adminCheckBox {font-size: 0.8em;}
.adminButton {font-size: 0.7em; border: solid 1px #666666; background-color: #f0f070;}
.adminUpload {font-size: 0.7em; border: solid 1px #9999ff; padding: 2px 2px 1px 2px;}
.adminGridHeader {font-size: 0.8em; font-weight: bold; text-align: left; padding: 1px 5px 1px 5px;}
.adminGridItem {font-size: 0.8em; padding: 1px 5px 1px 5px;}


/* Admin Reports */
.adminReport { height: 1600px; overflow: auto; padding: 0px 0px 10px 0px; }
.adminReportHome { padding: 0px 0px 10px 20px; }

/* Misc */
.hiddenField {display:none;}
.performanceBaysStrap {width:960px; height:56px; background-image:url(/images/performance-bays-strap.gif); background-repeat: no-repeat; margin: 10px 0px 10px 0px;}
.homePageStrap {width:960px; height:100px; background-image:url(/images/n-tech-home-strap.gif); background-repeat: no-repeat; margin: 10px 0px 10px 0px;}
.manufacturer {font-size: 0.75em; width: 30%; position:relative; float: left; margin: 10px 10px 10px 10px;}
.manufacturer h2 {color: #d7df21; font-size: 1.5em; font-weight: bold; margin: 0 0 1em 0;}
.manufacturer p {margin: 0 0 1em 0;}
.manufacturer img {float: right; margin: 0 0 10px 10px;}

.manufacturerPageImage {float: right; padding: 0 0 10px 10px;}

.naviArea {width:960px; text-align:center; margin:20px; font-size: 12px; color:#AAAAAA; font-weight:bold;}
.naviArea a {color: #666666; text-decoration:none; font-weight:bold;}
.naviArea a:hover {text-decoration:underline;}

#adminBar { color:#ED1B23; font-size:x-small; text-align:center; }
#adminBar a { color:#ED1B23; font-size:x-small; text-decoration:none; }

ul.helpList {list-style-type:square; margin:10px 10px 20px 10px;} 
ul li {margin:10px;}

ol.termsOl {margin:10px 10px 20px 30px; list-style-type: decimal;} 
ol.termsOl li {margin:10px;}
li.numberList {margin:10px; font-weight:bold;}
.numberList li {font-weight:lighter;}
li.numberList1 {margin:10px; font-weight:bold;}
.numberList1 p {font-weight:lighter;}

.specLabel {width:100px; display:inline-block;}
.ddTyres {width:320px;}
div.updateTyresDiv {position:relative; float:right;padding: 5px 40px 0px 0px;}

div.tyreWrapper {width:420px; position:relative; margin-top:20px;}
div.tyreWrapper div.tyreThumb {width:100px; margin-right: 20px; float:left; position:relative;}
div.tyreWrapper div.tyreThumb img {width:100px;}
div.tyreWrapper div.tyreDes {width:300px; float:left; position:relative;}
div.tyreWrapper div.tyreDes ul { list-style-type : square; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
div.tyreWrapper div.tyreDes ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

acronym {cursor:help;}

@media print
{
	#header h1 {text-indent: 0px;}
	#menu {display:none;}
	.pictureRow {display:none;}
}