body {background: url(../../images/va/background.gif) repeat-x #FFFFFF; font-family: Helvetica, Arial, Verdana; font-size: 1px; color: #333333; margin: 0;}

img {border-style: none; border-width: 0;}

hr {height: 0; border-color: #666666; border-style: solid; margin: 15px 0 15px 0;}

/*start datagrid items*/
h1.grid {font-family: Helvetica, Arial, Verdana; font-size: 22px; font-weight: bold; display: inline; color: #333333; line-height: 24px;}

table.gridText {width: 100%; font-family: Helvetica, Arial, Verdana; font-size: 12px; color: #333333;}
td.gridForm {width: 150px; font-weight: bold;}

.dataGrid {font-family: Helvetica, Arial, Verdana; color: #333333; border: none;}
.dataGrid td {font-size: 12px; padding: 5px;}
.gridHeader {font-size: 14px; color: #FFFFFF; font-weight: bold; background: #333333;}
.gridItem  {font-size: 20px;}
.gridAltItem  {font-size: 20px; background: #DDDDDD;}
.gridBreadcrumb {font-size: 14px; color: #666666;}

.dataGrid a:link {color: #FF6600; text-decoration: underline;}
.dataGrid a:visited {color: #FF6600; text-decoration: underline;}
.dataGrid a:active {color: #FF6600; text-decoration: underline;}
.dataGrid a:hover {color: #000000; text-decoration: underline;}

a.gridBreadcrumb:link {font-size: 14px; color: #FF6600; text-decoration: none;}
a.gridBreadcrumb:visited {font-size: 14px; color: #FF6600; text-decoration: none;}
a.gridBreadcrumb:active {font-size: 14px; color: #FF6600; text-decoration: none;}
a.gridBreadcrumb:hover {font-size: 14px; color: #000000; text-decoration: none;}

a.gridButton:link {font-size: 12px; color: #FFFFFF; font-weight: bold; background: #666666; padding: 5px 15px 5px 15px; text-decoration: none;}
a.gridButton:visited {font-size: 12px; color: #FFFFFF; background: #666666; padding: 5px 15px 5px 15px; text-decoration: none;}
a.gridButton:active {font-size: 12px; color: #FFFFFF; background: #666666; padding: 5px 15px 5px 15px; text-decoration: none;}
a.gridButton:hover {font-size: 12px; color: #FFFFFF; background: #333333; padding: 5px 15px 5px 15px; text-decoration: none;}
/*end datagrid items*/

form {display: inline;}

input, textarea, select {width: 80%; padding: 3px; margin: 5px 0 5px 0; font-size: 11px; color: #666666; vertical-align: middle;}
input.productFinder {width: 68%; padding: 3px; margin: 5px 10px 10px 0; font-size: 11px; color: #666666; vertical-align: middle;}
input.distributionLocations {width: 96%; padding: 3px; margin: 5px 10px 5px 0; font-size: 11px; color: #666666; vertical-align: middle;}
select.distributionLocations {width: 70%; padding: 3px; margin: 5px 10px 10px 0; font-size: 11px; color: #666666; vertical-align: middle;}
select.productFilter {width: 90%; padding: 3px; margin: 5px 10px 0 10px; font-size: 11px; color: #666666; vertical-align: middle;}
select.admin { width: 25%; padding: 3px; margin: 5px 10px 5px 0; font-size: 11px; color: #666666; vertical-align: middle;}
input.login {width: 50%; padding: 3px; margin: 5px 10px 3px 0; font-size: 11px; color: #666666; vertical-align: top;}
input[type=checkbox] {width: 12px; height: 12px; padding: 0; margin: 5px 5px 5px 0; font-size: 11px; color: #666666; vertical-align: middle;}

h1 {font-family: Helvetica, Arial, Verdana; font-size: 20px; font-weight: bold; display: inline; color: #FFFFFF;}
h2 {font-family: Helvetica, Arial, Verdana; font-size: 20px; font-weight: bold; display: inline; color: #003366; line-height: 24px; text-transform:uppercase;}
h2.whichApplication {font-family: Helvetica, Arial, Verdana; font-size: 20px; font-weight: bold; display: inline; color: #FFFFFF; text-transform:uppercase;}
h3 {font-family: Helvetica, Arial, Verdana; font-size: 13px; font-weight: normal; display: inline; color: #FFFFFF;}
h4 {font-family: Helvetica, Arial, Verdana; font-size: 16px; font-weight: bold; display: inline; line-height: 24px; color: #FFFFFF;}
h5 {font-family: Helvetica, Arial, Verdana; font-size: 12px; font-weight: bold; display: inline; color: #FFFFFF;}

table.main {width: 1000px; margin: 0 auto; background: #FFFFFF; border-left: 4px solid #FFFFFF; border-right: 4px solid #FFFFFF;}
table.productBox {width: 100%; background: #666666; margin: 10px 0 0 0; border: 1px solid #666666;}
table.productDetails {width: 100%; background: #666666; margin: 10px 0 0 0; border: 1px solid #666666;}
table.fullWidth {width: 100%;}

td.header {width: 1000px; height: 167px; font-size: 12px; vertical-align: top;}
div.headerImage {float: left; width: 666px;}
div.logo {float: right; width: 326px; text-align: right; padding: 5px 0 0 0;}

#nav {width: 1000px; height: 35px; background: #003366; border-bottom: 2px solid #FFFFFF; vertical-align: middle; text-transform:uppercase;}
#nav ul {text-align: center; list-style: none; margin: 0; padding: 0;}
#nav li {display: inline; padding: 0; margin: 0;}
#nav li a:link {height: 35px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.8em; padding: 0 13px 0 13px; border-right: 1px solid #FFFFFF;}
#nav li a:visited {height: 35px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.8em; padding: 0 13px 0 13px; border-right: 1px solid #FFFFFF;}
#nav li a:active {height: 35px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.8em; padding: 0 13px 0 13px; border-right: 1px solid #FFFFFF;}
#nav li a:hover {height: 35px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.8em; background: #333333; padding: 0 13px 0 13px; border-right: 1px solid #FFFFFF;}
body#home a#navhome, body#products a#navproducts, body#about a#navabout, body#news a#navnews, body#where a#navwhere, body#support a#navsupport, body#partnerplus a#navpartnerplus {height: 35px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.8em; background: #333333; padding: 0 13px 0 13px; border-right: 1px solid #FFFFFF;}

#nav li a.end:link {height: 35px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.8em; padding: 0 13px 0 13px; border: none;}
#nav li a.end:visited {height: 35px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.8em; padding: 0 13px 0 13px; border: none;}
#nav li a.end:active {height: 35px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.8em; padding: 0 13px 0 13px; border: none;}
#nav li a.end:hover {height: 35px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.8em; background: #333333; padding: 0 13px 0 13px; border: none;}
body#signup a#navsignup {height: 35px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.8em; background: #333333; padding: 0 13px 0 13px; border: none;}

td.columnLeft {width: 333px; font-family: Helvetica, Arial, Verdana; font-size: 11px; color: #666666; border-right: 4px solid #FFFFFF; vertical-align: top;}
div.productFinder {width: 303px; background: url(../../images/common/product_finder.png) top right no-repeat #DDDDEE; padding: 10px 15px 7px 15px; border-bottom: 4px solid #FFFFFF; clear: left;}
div.distributionLocations {width: 303px; background: url(../../images/common/distribution_locations.png) top right no-repeat #DDDDEE; padding: 10px 15px 7px 15px; border-bottom: 4px solid #FFFFFF; clear: left;}
div.latestNews {width: 303px; background: url(../../images/common/latest_news.png) top right no-repeat #DDDDEE; padding: 10px 15px 12px 15px; clear: left;}
div.productFilter {width: 303px; background: url(../../images/common/product_filter.png) top right no-repeat #DDDDEE; padding: 10px 15px 0 15px; border-bottom: 4px solid #FFFFFF; clear: left;}
td.productFilterTitle {width: 130px; color: #FFFFFF; font-weight: bold; background: #003366; padding: 4px 10px 3px 10px; border-top: 5px solid #DDDDEE;}
td.productFilterButton {text-align: right;}
div.searchBoxesText {padding: 0 60px 0 0;}

td.mainAreaHome {width: 663px; vertical-align: top;}
div.textHome {float: left; width: 338px; font-family: Helvetica, Arial, Verdana; font-size: 12px; color: #333333; line-height: 16px; padding: 15px 15px 0 15px;}
div.photoHome {float: right; width: 295px; height: 175px;}
div.boxHome {float: left; width: 633px; font-family: Helvetica, Arial, Verdana; font-size: 12px; color: #FFFFFF; background: #003366; padding: 15px;}
div.applicationsHome {float: left; width: 663px;}

div.applicationsBox {float: left; width: 219px; height: 37px; background: url(../../images/va/arrow.png) center right no-repeat #5F84BA; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF;}
div.applicationsBoxEnd {float: left; width: 221px; height: 37px; background: url(../../images/va/arrow.png) center right no-repeat #5F84BA; border-top: 2px solid #FFFFFF;}
div.applicationIcon {float: left; width: 63px; height: 37px; background: #003366;}
div.applicationTitle {float: left; font-family: Helvetica, Arial, Verdana; font-size: 9px; color: #FFFFFF; line-height: 4.4em; padding: 0 0 0 5px;}
div.applicationsBox:hover, div.applicationsBoxEnd:hover {background: url(../../images/va/arrow.png) center right no-repeat #336699; cursor: pointer;}
div.applicationsBox:active, div.applicationsBoxEnd:hover {background: url(../../images/va/arrow.png) center right no-repeat #336699; cursor: pointer;}

#subNav {width: 333px; padding: 10px 0 0 0;}
#subNav ul {text-align: left; list-style: none; margin: 0; padding: 0; text-transform:uppercase;}
#subNav li {display: block; padding: 0; margin: 0;}
#subNav li a:link {width: 303px; height: 31px; color: #003366; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 15px 0 15px; border-bottom: 1px dashed #999999;}
#subNav li a:visited {width: 303px; height: 31px; color: #003366; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 15px 0 15px; border-bottom: 1px dashed #999999;}
#subNav li a:active {width: 303px; height: 31px; color: #003366; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 15px 0 15px; border-bottom: 1px dashed #999999;}
#subNav li a:hover {width: 303px; height: 31px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.6em; background: #5F84BA; padding: 0 15px 0 15px; border-bottom: 1px dashed #999999;}
table#products0 a#nav0, table#products1 a#nav1, table#products2 a#nav2, table#products3 a#nav3, table#products4 a#nav4, table#products5 a#nav5, table#products6 a#nav6, table#products7 a#nav7, table#products8 a#nav8, table#products9 a#nav9, table#products10 a#nav10, table#products11 a#nav11, table#products12 a#nav12, table#products13 a#nav13, table#products14 a#nav14, table#products15 a#nav15, table#Lightbars a#navlightbars, table#reversing a#navreversing, table#auxillary a#navauxillary, table#sirens a#navsirens, table#accessories a#navaccessories, table#aboutpassion a#navpassion, table#aboutdirections a#navdirections, table#aboutquality a#navquality, table#aboutpeople a#navpeople, table#aboutjoin a#navjoin, table#aboutcontact a#navcontact, table#aboutgroup a#navgroup, table#newsshows a#navshows, table#newslinks a#navlinks, table#wheredistributors a#navdistributors, table#whereenquiries a#navenquiries, table#partnerplusforgotpassword a#navforgotpassword, table#partnerpluschangepassword a#navchangepassword, table#partnerplusmydetails a#navmydetails, table#partnerplusmyorder a#navmyorder, table#partnerplusmyrecentorders a#navmyrecentorders, table#partnerplusmyinvoices a#navmyinvoices, table#partnerplusmypoints a#navmypoints, table#adminproductcats a#navadminproductcats, table#adminproducttypes a#navadminproducttypes, table#adminproductseries a#navadminproductseries, table#adminproducts a#navadminproducts, table#adminproperties a#navadminproperties, table#adminusers a#navadminusers, table#admincms a#navadmincms, table#adminlanguages a#navadminlanguages, table#admincolours a#navadmincolours, table#adminpartnerplus a#navadminpartnerplus, table#adminpartnerplusrewards a#navadminpartnerplusrewards, table#adminchangepassword a#navadminchangepassword {width: 303px; height: 31px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.6em; background: #5F84BA; padding: 0 15px 0 15px; border-bottom: 1px dashed #999999;}

div.breadcrumb {width: 657px; font-family: Helvetica, Arial, Verdana; font-size: 13px; color: #666666; font-weight: bold; padding: 10px 0 0 0;}

td.mainArea {width: 657px; padding: 10px 0 10px 6px; vertical-align: top;}
div.mainText {width: 657px; font-family: Helvetica, Arial, Verdana; font-size: 12px; color: #333333; line-height: 16px; padding: 10px 0 0 0;}
div.mainTextColumn {float: left; width: 417px; font-family: Helvetica, Arial, Verdana; font-size: 12px; color: #333333; line-height: 16px; padding: 10px 10px 0 0;}

div.sideColumn {float: right; width: 230px; border-top: 10px solid #FFFFFF;}
div.sideColumnText {width: 210px; font-family: Helvetica, Arial, Verdana; font-size: 12px; color: #FFFFFF; line-height: 16px; background: #003366; padding: 10px;}
div.sideColumnImage {width: 230px;}

div.titleBeacons {width: 627px; text-transform: uppercase; background: url(../../images/common/product_icons/beacons.png) center right no-repeat #FF6611; padding: 5px 15px 3px 15px;}
div.titleLightbars {width: 627px; text-transform: uppercase; background: url(../../images/common/product_icons/lightbars.png) center right no-repeat #0077BB; padding: 5px 15px 3px 15px;}
div.titleMinibars {width: 627px; text-transform: uppercase; background: url(../../images/common/product_icons/minibars.png) center right no-repeat #009988; padding: 5px 15px 3px 15px;}
div.titleReversing {width: 627px; text-transform: uppercase; background: url(../../images/common/product_icons/reversing_safety_systems.png) center right no-repeat #441155; padding: 5px 15px 3px 15px;}
div.titleAuxillary {width: 627px; text-transform: uppercase; background: url(../../images/common/product_icons/auxillary_lighting.png) center right no-repeat #FFCC00; padding: 5px 15px 3px 15px;}
div.titleSirens {width: 627px; text-transform: uppercase; background: url(../../images/common/product_icons/sirens.png) center right no-repeat #88BB11; padding: 5px 15px 3px 15px;}
div.titleAccessories {width: 627px; text-transform: uppercase; background: url(../../images/common/product_icons/accessories.png) center right no-repeat #CC0066; padding: 5px 15px 3px 15px;}
div.titleGrey {width: 627px; text-transform: uppercase; background: #666666; padding: 5px 15px 3px 15px;}

td.productPhoto {text-align: center; background: #FFFFFF; padding: 10px 10px 10px 30px; vertical-align: middle;}
td.productText {width: 80%; font-family: Helvetica, Arial, Verdana; font-size: 11px; color: #FFFFFF; line-height: 16px; background: url(../../images/common/product_arrow.png) top left no-repeat; padding: 8px 15px 10px 35px; vertical-align: top;}
table.productBox:hover {background: #333333; cursor: pointer;}
table.productBox:active {background: #333333; cursor: pointer;}

div.seriesText {float: left; font-size: 12px;}
div.seriesColour {float: right; font-size: 12px; text-align: right; padding: 5px 0 0 0;}

td.productDetailsTitle {width: 100px; font-family: Helvetica, Arial, Verdana; font-size: 12px; color: #333333; font-weight: bold; background: #CCCCCC; padding: 10px 15px 10px 15px; border-bottom: 2px solid #FFFFFF; vertical-align: top;}
td.productDetailsInfo {width: 187px; font-family: Helvetica, Arial, Verdana; font-size: 12px; color: #333333; background: #CCCCCC; padding: 10px 15px 10px 0; border-bottom: 2px solid #FFFFFF; vertical-align: top;}
td.productDetailsPhoto {width: 340px; font-family: Helvetica, Arial, Verdana; font-size: 12px; color: #333333; text-align: center; background: #FFFFFF; padding: 10px 0 10px 0; border-bottom: 2px solid #FFFFFF; vertical-align: middle;}
td.productDetailsText {width: 627px; font-family: Helvetica, Arial, Verdana; font-size: 12px; color: #333333; background: #FFFFFF; padding: 0 15px 15px 15px; vertical-align: top;}

#productDetailsNav {width: 657px; height: 55px; background: #666666; vertical-align: middle;}
#productDetailsNav ul {text-align: left; list-style: none; margin: 0; padding: 0;}
#productDetailsNav li {display: inline; padding: 0; margin: 0;}
#productDetailsNav li a:link {width: 187px; height: 55px; color: #FFFFFF; background: url(../../images/common/product_details_arrow.png) left bottom no-repeat; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 15px 0 15px; border-right: 1px solid #FFFFFF;}
#productDetailsNav li a:visited {width: 187px; height: 55px; color: #FFFFFF; background: url(../../images/common/product_details_arrow.png) left bottom no-repeat; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 15px 0 15px; border-right: 1px solid #FFFFFF;}
#productDetailsNav li a:active {width: 187px; height: 55px; color: #FFFFFF; background: url(../../images/common/product_details_arrow.png) left bottom no-repeat; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 15px 0 15px; border-right: 1px solid #FFFFFF;}
#productDetailsNav li a:hover {width: 187px; height: 55px; color: #FFFFFF; background: url(../../images/common/product_details_arrow.png) left bottom no-repeat #333333; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 15px 0 15px; border-right: 1px solid #FFFFFF;}
table#features a#navfeatures, table#specification a#navspecification {width: 187px; height: 55px; color: #FFFFFF; background: url(../../images/common/product_details_arrow.png) left bottom no-repeat #333333; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 15px 0 15px; border-right: 1px solid #FFFFFF;}

#productDetailsNav li a.end:link {width: 189px; height: 55px; color: #FFFFFF; background: url(../../images/common/product_details_arrow.png) left bottom no-repeat; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 15px 0 15px; border: none;}
#productDetailsNav li a.end:visited {width: 189px; height: 55px; color: #FFFFFF; background: url(../../images/common/product_details_arrow.png) left bottom no-repeat; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 15px 0 15px; border: none;}
#productDetailsNav li a.end:active {width: 189px; height: 55px; color: #FFFFFF; background: url(../../images/common/product_details_arrow.png) left bottom no-repeat; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 15px 0 15px; border: none;}
#productDetailsNav li a.end:hover {width: 189px; height: 55px; color: #FFFFFF; background: url(../../images/common/product_details_arrow.png) left bottom no-repeat #333333; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 15px 0 15px; border: none;}
table#documents a#navdocuments {width: 189px; height: 55px; color: #FFFFFF; background: url(../../images/common/product_details_arrow.png) left bottom no-repeat #333333; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 15px 0 15px; border: none;}

td.formLabel {width: 120px; padding: 10px 0 0 0; vertical-align: top;}

td.blogDate {width: 170px; font-weight: bold; padding: 15px 0 0 0; border-top: 1px solid #666666; vertical-align: top;}
td.blogTitle {padding: 10px 0 0 0; border-top: 1px solid #666666; vertical-align: top;}
td.blogPhoto {width: 170px; padding: 5px 0 15px 0; vertical-align: top;}
td.blogPhotoPeople {width: 170px; padding: 15px 0 15px 0; border-top: 1px solid #666666; vertical-align: top;}
td.blogText {padding: 0 0 15px 0; vertical-align: top;}

td.footer {width: 970px; height: 98px; font-family: Helvetica, Arial, Verdana; font-size: 10px; color: #FFFFFF; background: url(../../images/common/background_footer.jpg) repeat-x; padding: 15px 15px 15px 15px; border-top: 4px solid #FFFFFF; vertical-align: top;}
div.navFooter {float: left; width: 161px; line-height: 14px;}
div.navFooterLogo {float: left; width: 165px;}

.map {width: 417px; height: 250px;}
.mapCompanyName {width: 317px; padding: 10px 0 0 0;}
.mapDistance {width: 100px; text-align: right; padding: 10px 0 0 0;}
.nomap {width: 417px; height: 0;}

.alertBox {text-align: center; border: 1px solid; border-color: #003366;}
.alertBoxHeader {color: #FFFFFF; font-weight: bold; background-color: #003366; padding: 5px; text-transform: uppercase;}
.alertBoxText {color: #333333; background-color: #FFFFFF; padding: 10px;}

.floatLeft {float: left;}
.floatRight {float: right;}
.floatClear {clear: both;}

.paddingFlags {padding: 0 0 0 5px;}
.paddingIcon {padding: 0 5px 0 0;}
.paddingPDFIcon {padding: 0 10px 0 0;}

.dark {color: #003366;}
.medium {color: #5F84BA;}
.light {color: #DDDDEE;}

a:link {color:#003366; text-decoration: underline;}
a:visited {color:#003366; text-decoration: underline;}
a:active {color:#003366; text-decoration: underline;}
a:hover {color:#5F84BA; text-decoration: underline;}

a.latestNews:link {color: #003366; font-style: italic; text-decoration: none;}
a.latestNews:visited {color: #003366; font-style: italic; text-decoration: none;}
a.latestNews:active {color: #003366; font-style: italic; text-decoration: none;}
a.latestNews:hover {color: #003366; font-style: italic; text-decoration: underline;}

a.noUnderline:link {text-decoration: none;}
a.noUnderline:visited {text-decoration: none;}
a.noUnderline:active {text-decoration: none;}
a.noUnderline:hover {text-decoration: none;}

a.breadcrumb:link {color: #999999; text-decoration: none;}
a.breadcrumb:visited {color: #999999; text-decoration: none;}
a.breadcrumb:active {color: #999999; text-decoration: none;}
a.breadcrumb:hover {color: #666666; text-decoration: underline;}

a.button:link {font-size: 13px; font-weight: bold; color:#FFFFFF; background: #003366; padding: 5px 10px 5px 10px; text-decoration: none; text-transform: uppercase;}
a.button:visited {font-size: 13px; font-weight: bold; color:#FFFFFF; background: #003366; padding: 5px 10px 5px 10px; text-decoration: none; text-transform: uppercase;}
a.button:active {font-size: 13px; font-weight: bold; color:#FFFFFF; background: #003366; padding: 5px 10px 5px 10px; text-decoration: none; text-transform: uppercase;}
a.button:hover {font-size: 13px; font-weight: bold; color:#FFFFFF; background: #333333; padding: 5px 10px 5px 10px; text-decoration: none; text-transform: uppercase;}

a.footer:link {color: #FFFFFF; text-decoration: none;}
a.footer:visited {color: #FFFFFF; text-decoration: none;}
a.footer:active {color: #FFFFFF; text-decoration: none;}
a.footer:hover {color: #FFFFFF; text-decoration: underline;}