/* IE & FF Fix */
* {margin:0; padding:0;}
html, body {margin:0px; padding:0px; background:url(../../images/general/page-bg.jpg) repeat-x #a0a0a0; font-family:Lucida Grande, Helvetica, Arial, sans-serif; font-size:15px; color:#FFF;}

/* Classes */
a {color: #666666;}
a:hover {color: #CCCCCC;}
p {margin:0px; padding:1.0em 0 0; line-height:145%;}
.floatLeft {float:left;}
.floatRight {float:right;}
.pad-img { margin:0 0 10px 10px;}
.clearBoth {clear:both;}
img {border:none;}
h4.highlight-grey { color:#333333; font-weight:bold; padding-top:20px; font-size:15px;}
h5 { padding-top:10px; font-size:1em; color:#666666;}
.padding-top { margin-top:85px;}
.padding-top2 { margin:87px 0 14px 0 }
.bullet-list { padding:15px 0 25px 0px;}
.bullet-list li { padding-top:5px; list-style-image:url(../../images/general/arrow2.jpg); margin-left:1em; }
.bullet-list2 { padding:10px 0 10px 0px;}
.bullet-list2 li { padding-top:5px; list-style:none; }
.highlight { color:#009470; }
.highlight2 { color:#333333; }
.image-frame { margin-right:15px; border:#80a9a1 solid 3px;}

/* Main Page */
#top-nav { width:983px; margin:0 auto;}
#page-container {width:983px; margin:auto;}

/* Navigation */
ul#main-navigation {list-style:none; display:inline; background:#FF0000;}
ul#main-navigation li {float:left; list-style:none; display:inline; margin:23px 1px 22px 0px;}
ul#main-navigation a {float:left; overflow:hidden;}
ul#main-navigation li a:hover {background-position:50% -24px; border-bottom:none;}
ul#main-navigation li a.current {background-position:50% -24px; border-bottom:none;}

ul#main-navigation2 {list-style:none; display:inline; margin:0 40px; float:right;}
ul#main-navigation2 li {float:left; list-style:none; display:inline; margin:0px 0 0 3px;}
ul#main-navigation2 a {float:left; background-position:0px 0px;}
ul#main-navigation2 li a:hover {background-position:0px -24px; border-bottom:none;}
ul#main-navigation2 li a.current {background-position:0px -24px; border-bottom:none;}

#nav-home {width:62px; text-indent:-3000px}
#nav-home a {width:62px; height:24px; background:url(../../images/nav/home-btn.jpg) top left no-repeat; display:block}
#nav-about {width:85px; text-indent:-3000px}
#nav-about a {width:85px; height:24px; background:url(../../images/nav/about-us-btn.jpg) top left no-repeat; display:block}
#nav-product {width:90px; text-indent:-3000px}
#nav-product a {width:90px; height:24px; background:url(../../images/nav/product-range-btn.jpg) top left no-repeat; display:block}
#nav-technical {width:135px; text-indent:-3000px}
#nav-technical a {width:135px; height:24px; background:url(../../images/nav/technical-info-btn.jpg) top left no-repeat; display:block}
#nav-news {width:159px; text-indent:-3000px}
#nav-news a {width:159px; height:24px; background:url(../../images/nav/news-btn.jpg) top left no-repeat; display:block}
#nav-special {width:129px; text-indent:-3000px}
#nav-special a {width:129px; height:24px; background:url(../../images/nav/special-btn.jpg) top left no-repeat; display:block}
#nav-faq {width:45px; text-indent:-3000px}
#nav-faq a {width:45px; height:24px; background:url(../../images/nav/faq-btn.jpg) top left no-repeat; display:block}
#nav-quote {width:62px; text-indent:-3000px}
#nav-quote a {width:62px; height:24px; background:url(../../images/nav/quote-btn.jpg) top left no-repeat; display:block}
#nav-contact {width:80px; text-indent:-3000px}
#nav-contact a {width:80px; height:24px; background:url(../../images/nav/contact-btn.jpg) top left no-repeat; display:block}
#nav-boxvans {width:85px; text-indent:-3000px}
#nav-boxvans a {width:85px; height:24px; background:url(../../images/nav/boxvans-btn.jpg) top left no-repeat; display:block}

/* Header */
#logo {clear:both;}

#resize-text {padding:0; font-size:12px; float:right; font-weight:bold; width:200px; position: absolute; bottom: 5px; right: 0; z-index: 1000}
#resize-text li {list-style:none; background:none; display:inline;}
#resize-text li a { color:#ffffff; text-decoration: none }
#resize-text li a:hover {color: #333}

#flash-header {width: 943px; height:225px; display: block }
#flash-container { position:relative; height:250px; margin:1px 0 0 0 }
h2#specialising-ttl { position:absolute; bottom:-1px; z-index:1000; background:url(../../images/titles/specialising-ttl.jpg) no-repeat; width:943px; height:19px; position:absolute; bottom:0px; margin:0 auto; text-indent:-9000px }

/* Page Titles */
#quality-customer-service-ttl {width:388px; height:67px; background:url(../../images/titles/quality-customer-service-ttl.jpg) no-repeat; text-indent:-3000px}
#offer-a-full-package-ttl {width:291px; height:53px; background:url(../../images/titles/one-stop-shop.jpg) no-repeat; text-indent:-3000px}
#three-year-warranty-ttl {width:220px; height:53px;  text-indent:-3000px}
#striving-to-improve-ttl {width:450px; height:67px; background:url(../../images/titles/striving-to-improve-ttl.jpg) no-repeat; text-indent:-3000px}
#request-a-quote-ttl {width:241px; height:53px; background:url(../../images/titles/request-a-quote-ttl.jpg) no-repeat; text-indent:-3000px}
#commercial-recognition-ttl {width:363px; height:53px; text-indent:-3000px}
#about-us-ttl {width:334px; height:87px; background:url(../../images/titles/about-us-ttl.jpg) no-repeat; text-indent:-9999px;}
#quick-nav-ttl {width:251px; height:67px; background:url(../../images/titles/quick-nav-ttl.jpg) no-repeat; text-indent:-9999px;}
#vans-ttl {width:251px; height:87px; background:url(../../images/titles/vans-ttl.jpg) no-repeat; text-indent:-9999px;}
#roof-racks-ttl {width:251px; height:87px; background:url(../../images/titles/roof-racks-ttl.jpg) no-repeat; text-indent:-9999px;}
#bodies-ttl {width:251px; height:87px; background:url(../../images/titles/bodies-ttl.jpg) no-repeat; text-indent:-9999px;}
#window-carriers-ttl {width:251px; height:87px; background:url(../../images/titles/window-carriers-ttl.jpg) no-repeat; text-indent:-9999px;}
#securing-systems-ttl {width:251px; height:87px; background:url(../../images/titles/securing-systems-ttl.jpg) no-repeat; text-indent:-9999px;}
#technical-info-ttl {width:251px; height:87px; background:url(../../images/titles/technical-info-ttl.jpg) no-repeat; text-indent:-9999px;}
#news-ttl {width:251px; height:87px; background:url(../../images/titles/news-ttl.jpg) no-repeat; text-indent:-9999px;}
#special-ttl {width:251px; height:87px; background:url(../../images/titles/special-ttl.jpg) no-repeat; text-indent:-9999px;}
#faq-ttl {width:100%; height:87px; background:url(../../images/titles/faq-ttl.jpg) no-repeat; text-indent:-9999px;}
#quote-ttl {width:100%; height:87px; background:url(../../images/titles/quote-ttl.jpg) no-repeat; text-indent:-9999px;}
#contact-ttl {width:100%; height:87px; background:url(../../images/titles/contact-info-ttl.jpg) no-repeat; text-indent:-9999px;}
#box-vans-ttl {width:100%; height:87px; background:url(../../images/titles/box-vans-ttl.jpg) no-repeat; text-indent:-9999px;}

/* Main Content */
.home-column1 {float:left; width:464px; padding-right:30px;}
.home-column1 h1 {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; color:#FF0000;}
.home-column1 h2 {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#000000;}
.home-column2 {float:left; width:418px; padding-bottom:40px; padding-right:30px;}
.sub-column1 {float:left; width:460px; padding:0 30px 30px 0;}
.sub-column1 h1 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:18px; color:#009470;}
.sub-column1 h2 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:18px; color:#009470; background:url(../../images/general/dots.gif) repeat-x bottom left; padding-bottom:30px; padding-top:10px;}
.sub-column1 p {padding-bottom:20px;}
.sub-column1 dl {line-height:30px; padding-bottom:20px;}
.sub-column1 dl dt {font-weight:bold; color:#333;}
.sub-column1 dl dt dd {}

.sub-column1-wide {float:left; width:940px; padding:0 30px 30px 0;}
.sub-column1-wide h1 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:18px; color:#009470;}
.sub-column1-wide h2 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:18px; color:#009470; background:url(../../images/general/dots.gif) repeat-x bottom left; padding-bottom:30px; padding-top:10px;}
.sub-column1-wide p {padding-bottom:0px;}
.sub-column1-wide dl {line-height:30px; padding-bottom:20px;}
.sub-column1-wide dl dt {font-weight:bold; color:#333;}
.sub-column1-wide dl dt dd {}

.sub-column2 {float:left; width:415px; padding-bottom:40px; padding-right:30px;}
.sub-column2 h1 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; background:url(../../images/general/dots.gif) repeat-x bottom left; padding-bottom:20px;}
.sub-column2 h2 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:18px; color:#009470; background:url(../../images/general/dots.gif) repeat-x bottom left; padding-bottom:30px;  padding-top:10px;}
.sub-column2 h2.paddingtop { padding-top:30px;}
.sub-column2 p {padding-bottom:20px;}
.sub-column2 h3 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:18px; color:#009470;}
.sub-column2 h4 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:18px; color:#009470; background:url(../../images/general/dots.gif) repeat-x bottom left; padding-bottom:30px; padding-top:10px;}

.contacts-column1 {float:left; width:464px; padding-bottom:40px; padding-right:30px; font-size:12px; color:#009470; background:url(../../images/general/dots.gif) repeat-x top left;}
.contacts-column1 h1 {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; color:#FF0000;}
.contacts-column1 h2 {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#000000;}
.contacts-column2 {float:left; width:418px; padding-bottom:40px; padding-right:30px; font-size:12px; color:#009470; background:url(../../images/general/dots.gif) repeat-x top left;}
.contacts-column2 h1 {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; color:#FF0000;}
.contacts-column2 h2 {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#000000;}

/* Home CTA's */
#offer-a-full-package {float:left; width:472px; background:url(../../images/cta-bgs/offer-a-full-package-bg.jpg) no-repeat; padding:2px 0 20px 21px;}
#offer-a-full-package p {padding:0px 0 26px 0; width:400px;}
#offer-a-full-package a {color:#424242; text-decoration:none; padding-left:70px;}
#offer-a-full-package a:hover {color:#009470;}

#request-a-quote {float:left; width:427px; background:url(../../images/cta-bgs/request-a-quote-bg.jpg) no-repeat; padding:2px 0 20px 21px;}
#request-a-quote p {padding:0px 0 26px 0; width:400px;}
#request-a-quote a {color:#424242; text-decoration:none; padding-left:94px;}
#request-a-quote a:hover {color:#009470;}

#three-year-warranty {float:left; width:427px; background:url(../../images/cta-bgs/3-year-warranty-bg.jpg) no-repeat; padding:2px 0 60px 21px;}
#three-year-warranty p {padding:0px 0 35px 0; width:400px;}
#three-year-warranty a {color:#424242; text-decoration:none; padding-left:136px;}
#three-year-warranty a:hover {color:#009470;}

#commercial-recognition {float:left; width:472px; background:url(../../images/cta-bgs/commercial-recognition-bg.jpg) no-repeat; padding:2px 0 60px 21px;}
#commercial-recognition p {padding:0px 0 35px 0; width:400px;}
#commercial-recognition a {color:#424242; text-decoration:none; padding-left:35px;}
#commercial-recognition a:hover {color:#009470;}

/* Quick Navigation */
#quick-nav {width:395px; padding:0 0 25px 0;}
#quick-nav li {height:24px; background:url(../../images/nav/quick-nav-out-btn.jpg) no-repeat top left; list-style:none; display:block; text-align:center; margin-bottom:10px;}
#quick-nav li a {height:24px; color:#666666; text-decoration:none; display:block;}
#quick-nav li a:hover {background:url(../../images/nav/quick-nav-over-btn.jpg) no-repeat; color:#FFF; text-decoration:none; display:block;}
#quick-nav li a.current {background:url(../../images/nav/quick-nav-over-btn.jpg) no-repeat; color:#FFF; text-decoration:none; display:block;}

#company-history {width:335px; background:#d4d3d8; padding:30px; margin-bottom:45px; clear:both; margin-top:25px;}
#company-history h2 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:18px; color:#009470; background:url(../../images/general/dots.gif) repeat-x bottom left; padding-bottom:30px;}
#company-history ul {padding:20px 0; line-height:25px; margin-left:20px;}
#company-history ul li {color:#333; padding:15px 0 0 0; list-style:square;}

#blue-chip-customers ul {float:left; padding:15px 20px 0 0; margin-left:20px; line-height:30px;}
#blue-chip-customers ul li {list-style:square;}

#our-gallery {margin-bottom:30px;}
#our-gallery li {float:left; list-style:none; padding:15px 15px 0 0;}
#our-gallery li a img { border:#80a9a1 solid 3px;}
img.framed { border:#80a9a1 solid 3px;}

#optional-extras {width:335px; background:#d4d3d8; padding:30px; margin-bottom:45px;}
#optional-extras h2 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:18px; color:#009470; background:url(../../images/general/dots.gif) repeat-x bottom left; padding-bottom:30px;}
#optional-extras ul {padding:20px 0; line-height:25px; margin-left:20px;}
#optional-extras ul li {color:#333; padding:15px 0 0 0; list-style:square;}

/* Footer */
#footer-bg {clear:both; background:#CCCCCC; border-top:#FFFFFF 2px solid;}
#footer {clear:both; width:943px; margin:auto; font-size:10px; padding:20px 0; color:#666666;}
#footer a {color:#666666; text-decoration:none;}
#footer a:hover {color:#009470;}
#footer img { margin-bottom:20px;}
#ourLink {float:left; margin:0px; padding:0px;}
#lowerNav {float:right; list-style:none;}
#lowerNav li {display:inline;}
#onestopshop {width:943px; padding:20px 0; color:#FFF;}

div#basescript { width:943px; margin:0 auto; padding-top:50px;}
div#basescript h1 {color:#999; font-size:0.8em; font-weight:bold;}
div#basescript p {color:#999; font-size:0.8em;}
div#basescript strong, em {font-style:normal; font-weight:normal; color:#999;}
a.highlight-link { color:#FF0000!important;}

a.link {width: 230px; display: block; position: relative; text-decoration: none; padding: 8px; color: #fff; background: #009470; background:-moz-linear-gradient(top, #009470 45%, #006d52 55%); background: -webkit-gradient(linear, 0% 45%, 0% 55%, from(#009470), to(#006d52)); -pie-background: linear-gradient(#009470, #006d52); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; behavior: url(includes/css/PIE.htc)}
a.link:hover {background: #007b5d; background:-moz-linear-gradient(top, #007b5d 45%, #005a44 55%); background: -webkit-gradient(linear, 0% 45%, 0% 55%, from(#007b5d), to(#005a44)); -pie-background: linear-gradient(#007b5d, #005a44); behavior: url(includes/css/PIE.htc)}