* { margin: 0; padding: 0; line-height: 100%; }
.hidden { display: none; }
hr { display: none; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

body { font: 62.5%/160% "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; text-align: center; color: #FFFFFF; background: #091D25 url(images/bg-body.png) repeat-x; }

a:link, a:visited { outline: none; }
.left { float: left; } .right { float: right; }
strong, em { line-height: 160%; }

acronym { text-decoration: none; border-bottom: 1px dotted #FFFFFF; cursor: help; }

div#mainContainer { width: 100%; background: url(images/bg-header.jpg) top center no-repeat; }
div#bodyContainer { width: 100%; margin: 0 auto; text-align: left; }
div.innerDiv { width: 960px; margin: 0 auto; text-align: left; }

h1 { margin: 119px 0 0 29px; width: 219px; height: 39px; background: url(images/h1-h2onetworks.gif) no-repeat; float: left; }
h1 a { width: 219px; height: 39px; display: block; text-indent: -9999px; overflow: hidden; }

h2, h4 { font: normal 17px/160% Arial, Helvetica, sans-serif; margin: 0 0 5px; }
h3 { font: normal 15px/160% Arial, Helvetica, sans-serif; margin: 5px 0 10px; }

#mainNav { width: 960px; height: 55px; background: url(images/bg-nav.jpg); margin: 40px 0 22px; padding: 0; float: right; list-style-type: none; position: relative; }
#mainNav li {margin: 0; padding: 0; list-style: none; float: left; position: absolute; top: 0; }
#mainNav li, #mainNav a {height: 55px; display: block; }
#mainNav span.hidden { display: none; }

#mainNav-1 {left: 0px; width: 60px;}
#mainNav-2 {left: 62px; width: 93px;}
#mainNav-3 {left: 157px; width: 125px;}
#mainNav-4 {left: 284px; width: 165px;}
#mainNav-5 {left: 451px; width: 107px;}
#mainNav-6 {left: 560px; width: 115px;}
#mainNav-7 {left: 677px; width: 60px;}
#mainNav-8 {left: 739px; width: 122px;}
#mainNav-9 {left: 863px; width: 97px;}

#mainNav-1 a:hover, .mainNav-1-On {background: transparent url(images/bg-nav.jpg) -0px -55px no-repeat;}
#mainNav-2 a:hover, .mainNav-2-On {background: transparent url(images/bg-nav.jpg) -62px -55px no-repeat;}
#mainNav-3 a:hover, .mainNav-3-On {background: transparent url(images/bg-nav.jpg) -157px -55px no-repeat;}
#mainNav-4 a:hover, .mainNav-4-On {background: transparent url(images/bg-nav.jpg) -284px -55px no-repeat;}
#mainNav-5 a:hover, .mainNav-5-On {background: transparent url(images/bg-nav.jpg) -451px -55px no-repeat;}
#mainNav-6 a:hover, .mainNav-6-On {background: transparent url(images/bg-nav.jpg) -560px -55px no-repeat;}
#mainNav-7 a:hover, .mainNav-7-On {background: transparent url(images/bg-nav.jpg) -677px -55px no-repeat;}
#mainNav-8 a:hover, .mainNav-8-On {background: transparent url(images/bg-nav.jpg) -739px -55px no-repeat;}
#mainNav-9 a:hover, .mainNav-9-On {background: transparent url(images/bg-nav.jpg) -863px -55px no-repeat;}

div#flashHolder { width: 960px; height: 180px; clear: both; }


div#flashHolder p.next { float: left; width: 60px; height: 180px; margin: 0 2px 0 0; }
div#flashHolder p.next a { float: left; width: 60px; height: 180px; background: url(images/bg-prev.png) no-repeat; text-indent: -9999px; overflow: hidden; outline: none; }
div#flashHolder p.next a:hover { background: url(images/bg-prev-on.png) no-repeat; }

div#flashHolder p.prev { float: right; width: 60px; height: 180px; margin: 0 0 0 2px; }
div#flashHolder p.prev a { float: right; width: 60px; height: 180px; background: url(images/bg-next.png) no-repeat; text-indent: -9999px; overflow: hidden; outline: none; }
div#flashHolder p.prev a:hover { background: url(images/bg-next-on.png) no-repeat; }


div#flashInner { width: 810px; float: left; padding: 4px 0 0; }
div#flashInner ul { width: 810px; height: 180px; float: left; padding: 0 0 0 1px; }
div#flashInner li { list-style: none; float: left; width: 205px; height: 171px; margin: 0 0 0 3px; } 
div#flashInner span { display: none; }
div#flashInner a img { border: none; padding: 1px; border: 1px solid #2C4C61; margin: 0 4px; }
div#flashInner a:hover img { border: none; padding: 0px; border: 2px solid #FF0046; margin: 0 4px; }

div#searchBar { width: 100%; height: 58px; background: url(images/bg-searchBar.jpg) top center no-repeat; margin: 1px 0 0; }

form#searchForm { width: 280px; height: 50px; float: left; margin: 4px 0 0 30px; }
form#searchForm legend { display: none; }
form#searchForm fieldset { border: none; }
form#searchForm label { width: 65px; float: left; margin: 14px 0 0 5px; font-size: 1.4em; }
form#searchForm input.textInput { background: url(images/bg-searchbox.png) no-repeat; width: 122px; height: 19px; float: left; margin: 3px 0 0 0; border: none; font: 1.3em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; padding: 10px 15px; }
form#searchForm input.submitButton { background: url(images/bg-searchbutton.png) no-repeat; width: 52px; height: 39px; float: left; margin: 3px 0 0 5px; border: none; font: 1.3em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; padding: 10px; cursor: pointer; }

p.newsHeadlineIntro { float: left; margin: 18px 0 0 35px; width: 100px; font-size: 1.4em; }
ul#newsHeadlines { float: left; list-style: none; margin: 20px 0 0 5px; font-size: 1.3em; width: 470px; }
ul#newsHeadlines a, ul#newsHeadlines a:link, ul#newsHeadlines a:active, ul#newsHeadlines a:visited { color: #FFFFFF; text-decoration: underline; }
ul#newsHeadlines a:hover { color: #B2DAE9; text-decoration: underline; }

div#colConatiner { width: 100%; clear: both; padding: 25px 0 0; margin: 1px 0 0; background: url(images/bd-col-container.jpg) top center no-repeat; min-height: 630px; height: auto !important; height: 630px; }

div#colConatinerIndex { width: 100%; clear: both; padding: 25px 0 0; margin: 1px 0 0; background: url(images/bd-col-container-index.jpg) top center no-repeat; min-height: 630px; height: auto !important; height: 630px; }

div.indexLeft { width: 485px; float: left; margin: 0 0 0 49px; }
div.indexLeft p { padding: 0 0 10px; line-height: 180%; font-size: 1.2em; }
div.indexLeft a, div.indexLeft a:link, div.indexLeft a:active, div.indexLeft a:visited { color: #FFFFFF; text-decoration: underline; }
div.indexLeft a:hover { color: #B2DAE9; }
div.indexLeft p.newsDate { color: #B2DAE9; }
div.indexLeft img.newsImage { margin: 0 0 15px; border-bottom: 5px solid #FF0066; }
div.indexLeft img.indexImage { margin: 0 0 15px; }
div.indexLeft ul { margin: 10px 0; padding: 0; }
div.indexLeft ul a { text-decoration: none!important; }
div.indexLeft ul a:hover { color: #B2DAE9; }
div.indexLeft li { padding: 0 0 0 22px; line-height: 180%; font-size: 1.2em; background: url(images/bullet.gif) no-repeat 1px 3px; list-style: none; }


div.articleFooter { border-top: 1px dashed #234560; padding: 25px 0 0; margin: 10px 0 20px; }

div.indexRight { clear: right; float: right; width: 345px; margin: 0 55px 0 0; padding: 0px 9px 10px 11px; }
div.indexRight img { width: 97px; height: 97px; padding: 1px; background: #0B1820; border: 1px solid #2C4C61; float: left; margin: 0 10px 0 0; }
div.indexRight p { padding: 0; line-height: 180%; font-size: 1.2em; color: #FFFFFF; border-bottom: 1px dashed #234560; }
div.indexRight a, div.indexRight a:link, div.indexRight a:active, div.indexRight a:visited { display: block; color: #FFFFFF; line-height: 180%; text-decoration: none; padding: 10px; }
div.indexRight a:hover { color: #FFFFFF; line-height: 180%; text-decoration: none; background: #091D24; }
div.indexRight em { color: #B2DAE9; line-height: 180%; }
div.indexRight p.pagination { text-align: center; padding: 5px 0; }
div.indexRight p.paginationRight { text-align: right; padding: 5px 0; }
div.indexRight p.pagination a, div.indexRight p.pagination a:link, div.indexRight p.pagination a:active, div.indexRight p.pagination a:visited { color: #FFFFFF; line-height: 180%; text-decoration: underline; display: inline; padding: 3px 0; }
div.indexRight p.pagination a:hover { color: #B2DAE9; text-decoration: underline; background: none; }

div.indexRight p.paginationRight a, div.indexRight p.paginationRight a:link, div.indexRight p.paginationRight a:active, div.indexRight p.paginationRight a:visited { color: #FFFFFF; line-height: 180%; text-decoration: underline; display: inline; padding: 3px 0; }
div.indexRight p.paginationRight a:hover { color: #B2DAE9; text-decoration: underline; background: none; }

div.leftCol { float: left; width: 187px; height: 200px; margin: 0 34px 0 32px; }

div.leftTop { padding: 0px 0 10px; min-height: 250px; height: auto !important; height: 250px; }
ul#subNav { position: relative; overflow: hidden; width: 170px; list-style: none; margin: 0 10px; padding: 10px 0 5px 0; background: url(images/bg-dash.gif) 5px 0 repeat-y; }
ul#subNav li { font-size: 1.2em; margin: 0 0 5px 0; list-style: none; }
ul#subNav li.back { z-index: 8; position: absolute; border-left: 10px solid #09B2E8; }
ul#subNav a { color: #B2DAE9; line-height: 180%; text-decoration: none; padding: 2px 0 3px 25px; outline: none; z-index: 10; display: block; position: relative; overflow: hidden; }
ul#subNav a:hover { color: #FFFFFF; }

div.leftBottom { background: url(images/bg-leftBottom.jpg) no-repeat; min-height: 360px; height: auto !important; height: 360px; padding: 12px 0 0; }
div.leftBottom p.subButton { margin: 0 0 20px 13px; background: url(images/bg-subButton.gif) no-repeat; width: 160px; height: 20px; font-size: 1.2em; padding: 13px 0 8px; text-align: center; }
div.leftBottom p.subButton a { width: 160px; height: 40px; display: block; }

div.middleCol { width: 450px; float: left; }
div.middleCol p { padding: 0 0 10px; line-height: 180%; font-size: 1.2em; }
div.middleCol ul, div.rightCol ul { margin: 0 0 10px 0; padding: 0; }
div.middleCol ul a, div.rightCol ul a { text-decoration: none!important; }
div.middleCol ul a:hover, div.rightCol ul a:hover { color: #B2DAE9; }
div.middleCol li, div.rightCol li { padding: 0 0 0 22px; line-height: 180%; font-size: 1.2em; background: url(images/bullet.gif) no-repeat 1px 3px; list-style: none; }
div.middleCol li ul { margin: 0; padding: 0; }
div.middleCol li ul li { font-size: 1em; }
div.middleCol a, div.middleCol a:link, div.middleCol a:active, div.middleCol a:visited { color: #FFFFFF; line-height: 180%; text-decoration: underline; padding: 3px 0; }
div.middleCol a:hover { color: #B2DAE9; line-height: 180%; }


div.middleCol .jobSearchForm { margin: 20px 0 0 0; }
div.middleCol p.jobListing { padding: 0; line-height: 180%; font-size: 1.2em; color: #FFFFFF; border-bottom: 1px dashed #234560; }
div.middleCol p.jobListing a, div.middleCol p.jobListing a:link, div.middleCol p.jobListing a:active, div.middleCol p.jobListing a:visited { display: block; color: #FFFFFF; line-height: 180%; text-decoration: none; padding: 10px; }
div.middleCol p.jobListing a:hover { color: #FFFFFF; line-height: 180%; text-decoration: none; background: #091D24; }

div.middleCol p.newsArticle { padding: 0; line-height: 180%; font-size: 1.2em; color: #FFFFFF; border-bottom: 1px dashed #234560; }
div.middleCol p.newsArticle a, div.middleCol p.newsArticle a:link, div.middleCol p.newsArticle a:active, div.middleCol p.newsArticle a:visited { display: block; color: #FFFFFF; line-height: 180%; text-decoration: none; padding: 10px; }
div.middleCol p.newsArticle a:hover { color: #9FD8FF; line-height: 180%; text-decoration: none; background: #091D24; }
div.middleCol p.newsArticle strong.newsTitle { font-size: 1.2em; line-height: 150%; font-weight: normal; display: block; }

div.rightCol { clear: right; float: right; width: 180px; margin: 0 33px 0 0; padding: 5px 9px 10px 11px; }
div.rightCol img { padding: 1px; border: 1px solid #2E4D5B; background: #000000; }
div.rightCol p { padding: 10px 0 20px; line-height: 180%; font-size: 1.2em; }
div.rightCol a, div.rightCol a:link, div.rightCol a:active, div.rightCol a:visited { color: #FFFFFF; line-height: 180%; text-decoration: underline; padding: 3px 0; }
div.rightCol a:hover { color: #B2DAE9; text-decoration: underline; line-height: 180%; }


blockquote { color: #B2DAE9; width: 179px; margin: 10px 0;	 padding: 24px 0 0 0; font-style: italic;   background: url(images/quote1.gif) top center no-repeat; text-align: center; }
blockquote span { background: url(images/quote2.gif) bottom center no-repeat; padding: 15px 15px 39px 15px; line-height: 160%; font-size: 1.3em; }
blockquote .pback { background: #0A1B23; padding: 15px; }

#mapContainer { background: #091821; width: 400px; height: 300px; margin: 20px auto; padding: 1px; border: 1px solid #457284; }
#map { width: 400px; height: 300px; }

div#footerContiner { margin: 20px 0 0; padding: 30px 0; clear: both; width: 100%; background: #091D25 url(images/bg-footer-container.jpg) top center no-repeat; min-height: 150px; height: auto !important; height: 150px;  }
div#footerInner { width: 960px; margin: 0 auto; padding: 20px 0 15px; text-align: center; }
div#footerInner p { line-height: 180%; font-size: 1.2em; padding: 0 0 5px; }
div#footerInner p.footerH2O{ margin: 10px auto 15px; width: 172px; height: 31px; background: url(images/bg-footerlink.gif) no-repeat; display: block; overflow: hidden; text-indent: -9999px; }
div#footerInner a, div#footerInner a:link, div#footerInner a:active, div#footerInner a:visited { color: #FFFFFF; text-decoration: none; cursor: pointer; }
div#footerInner a:hover { color: #B2DAE9; text-decoration: none; }
div#footerInner a.addressLink { background: url(images/vcard.gif) 0px 3px no-repeat; padding: 0 0 0 25px; }

form#registerForm { margin: 0 20px; }
form#registerForm.noMargin { margin: 0; }
form#registerForm legend { display: none; }
form#registerForm fieldset { border: none; border-top: 1px solid #041A22; }
form#registerForm label { display: block; float: left; width: 110px; text-align: left; font-size: 12px; padding: 10px 0 0; }
form#registerForm.noMargin label { width: 140px; }
form#registerForm label.checkBox { width: 130px; padding: 3px 0 0; }
form#registerForm input.textfield { width: 255px; background: #000000 url(images/flashing.gif) no-repeat 0 0 !important; font: 12px/26px 'Lucida Sans Unicode', 'Lucida Sans', Lucida, serif;	color: #FFF; border: none; padding: 5px 10px;  }
form#registerForm input.textfield:focus { background: #000000 url(images/flashing.gif) no-repeat 0 -35px !important; cursor: pointer; }
form#registerForm select.selectInput { width: 275px; background: #000000 url(images/flashing.gif) no-repeat 0 0 !important; font: 12px/26px 'Lucida Sans Unicode', 'Lucida Sans', Lucida, serif;	color: #FFF; border: none; padding: 5px 5px 5px 10px; }
form#registerForm textarea.textarea { width: 255px; background: #000000 url(images/flashing-long.gif) no-repeat 0 0 !important; font: 12px/26px 'Lucida Sans Unicode', 'Lucida Sans', Lucida, serif;	color: #FFF; border: none; padding: 5px 10px; }
form#registerForm textarea.textarea:focus { background: #000000 url(images/flashing-long.gif) no-repeat 0 -350px !important; }
form#registerForm input.submitlogin { width: 85px; background: #032733 !important; font: 12px/26px 'Lucida Sans Unicode', 'Lucida Sans', Lucida, serif; color: #FFF; border: 1px solid #457284; padding: 5px; margin: 0 0 0 5px; }

form#registerForm label.error { display: none !important; }
form#registerForm input.error { background: #000000 url(images/flashing-error.gif) no-repeat 0 0 !important; }
form#registerForm input.error:focus { background: #000000 url(images/flashing-error.gif) no-repeat 0 -35px !important; }
form#registerForm select.error { background: #000000 url(images/flashing-error.gif) no-repeat 0 0 !important; }
form#registerForm textarea.error { background: #000000 url(images/flashing-long-error.gif) no-repeat 0 0 !important; }
form#registerForm textarea.error:focus { background: #000000 url(images/flashing-long-error.gif) no-repeat 0 -350px !important; }


form#registerForm div.odd, form#registerForm div.even, form#registerForm div.buttons { clear: both; padding: 10px 10px; text-align: right; }
form#registerForm div.odd { border-top: 1px solid #457284; border-bottom: 1px solid #457284; background: #091821; }
form#registerForm div.even { border-top: 1px solid #041A22; border-bottom: 1px solid #041A22; background: #133143; }
form#registerForm div.buttons { border-top: 1px solid #041A22; }


#directionsForm



form#clientLogin { margin: 0 20px; }
form#clientLogin p { border: none; }
form#clientLogin legend { display: none; }
form#clientLogin fieldset { border: none; }
form#clientLogin label { display: block; float: left; width: 95px; text-align: left; font-size: 12px; padding: 10px 0 0; }
form#clientLogin label.checkBox { width: 100px; padding: 3px 0 0; }
form#clientLogin input.textfield { width: 190px; background: #032733 !important; font: 12px/26px 'Lucida Sans Unicode', 'Lucida Sans', Lucida, serif;	color: #FFF; border: 1px dashed #457284; padding: 5px; }
form#clientLogin select.selectInput { width: 285px; background: #032733 !important; font: 12px/26px 'Lucida Sans Unicode', 'Lucida Sans', Lucida, serif;	color: #FFF; border: 1px dashed #457284; padding: 5px; }
form#clientLogin textarea.textarea { width: 275px; background: #032733 !important; font: 12px/26px 'Lucida Sans Unicode', 'Lucida Sans', Lucida, serif;	color: #FFF; border: 1px dashed #457284; padding: 5px; }
form#clientLogin input.submitlogin { width: 85px; background: #032733 !important; font: 12px/26px 'Lucida Sans Unicode', 'Lucida Sans', Lucida, serif; color: #FFF; border: 1px solid #457284; padding: 5px; margin: 0 0 0 5px; }

form#clientLogin div.field, form#clientLogin div.bottomField, form#clientLogin div.middleField, form#clientLogin div.buttons { clear: both; padding: 10px 0; text-align: right; }

form#clientLogin div.field { border-bottom: 1px solid #041A22; }
form#clientLogin div.middleField { border-bottom: 1px solid #041A22; border-top: 1px solid #457284; }
form#clientLogin div.bottomField { border-bottom: 1px solid #041A22; border-top: 1px solid #457284; text-align: left; }
form#clientLogin div.buttons { border-top: 1px solid #457284; }

#facebox p { padding: 0 15px 10px; text-align: left; font: 1.2em/180% 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; }
#facebox p.note { padding: 10px 0; text-align: left; font: 1em/180% 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; }
#facebox h2 { padding: 10px 15px 0; text-align: left; font: 1.6em 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; }
#facebox a, #facebox a:link, #facebox a:active, #facebox a:visited { color: #FFFFFF; line-height: 180%; text-decoration: underline; padding: 3px 0; }
#facebox a:hover { color: #B2DAE9; text-decoration: underline; line-height: 180%; }

#facebox .b { background:url(images/b.png); }
#facebox .tl { background:url(images/tl.png); }
#facebox .tr { background:url(images/tr.png); }
#facebox .bl { background:url(images/bl.png); }
#facebox .br { background:url(images/br.png); }
#facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup { position: relative; }
#facebox table { border-collapse: collapse; }
#facebox td { border-bottom: 0; padding: 0; }
#facebox .body { padding: 10px; background: #173245; width: 550px; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; margin: 0; }
#facebox .footer { padding: 5px 10px 0 0; margin-top: 10px; text-align: right; }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }
#facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; }
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color: #000; z-index: 99; }
* html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

#fibreZoneDiagram { width: 900px; height: 492px; padding: 0; margin: 0; background: url(images/fibrezoneDiag1.jpg) no-repeat; }
.fibrezoneLink img { border: none; margin: 10px; padding: 0; width: 425px; height: 232px; }
.fibrezoneLink a { background: #15445B; border: #1A5673 1px solid; padding: 0; margin: 0; display: block; width: 445px; height: 252px; }
.fibrezoneLink a:hover { background: #0E3143; }
#organChart { width: 950px; height: 650px; padding: 0; margin: 0; }
.chartLink img { border: none; margin: 10px; padding: 0; width: 425px; height: 291px; }
.chartLink a { background: #15445B; border: #1A5673 1px solid; padding: 0; margin: 0; display: block; width: 445px; height: 312px; }
.chartLink a:hover { background: #0E3143; }

form#quickQuote { padding: 0 15px 10px; }
form#quickQuote p { padding: 5px 0 10px; }
form#quickQuote legend { font: 1.4em 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; padding: 20px 0 10px; border-bottom: 3px solid #1A4C60; margin: 0 0 10px; }
form#quickQuote legend.displayNone { display: none; }
form#quickQuote fieldset { border: none; }
form#quickQuote fieldset.fieldsetRight { float: right; width: 445px; margin: 0; }
form#quickQuote label { display: block; float: left; width: 210px; text-align: left; font-size: 12px; padding: 10px 0 0; }
form#quickQuote label.labelPostcode { display: block; float: left; width: 120px; text-align: left; font-size: 12px; padding: 10px 0 0; }
form#quickQuote input.textfield { width: 245px; background: #032733; font: 12px/26px 'Lucida Sans Unicode', 'Lucida Sans', Lucida, serif;	color: #FFF; border: 1px dashed #457284; padding: 5px; }
form#quickQuote input.textPostcode { width: 100px; background: #032733 !important; font: 12px/26px 'Lucida Sans Unicode', 'Lucida Sans', Lucida, serif;	color: #FFF; border: 1px dashed #457284; margin: 0 25px 0 0; padding: 5px; float: left; }
form#quickQuote select.selectInput { width: 255px; background: #032733 !important; font: 12px/26px 'Lucida Sans Unicode', 'Lucida Sans', Lucida, serif;	color: #FFF; border: 1px dashed #457284; padding: 5px; }
form#quickQuote textarea.textarea { width: 505px; background: #032733 !important; font: 12px/26px 'Lucida Sans Unicode', 'Lucida Sans', Lucida, serif;	color: #FFF; border: 1px dashed #457284; padding: 5px; margin: 15px 0 0; }
form#quickQuote input.submitlogin { width: 140px; background: #032733 !important; font: 12px/26px 'Lucida Sans Unicode', 'Lucida Sans', Lucida, serif; color: #FFF; border: 1px solid #457284; padding: 5px; margin: 0 0 0 5px; }

form#quickQuote div.field, form#quickQuote div.bottomField, form#quickQuote div.middleField, form#quickQuote div.buttons { clear: both; padding: 10px 0; text-align: right; }
form#quickQuote div.field { border-bottom: 1px solid #041A22; }
form#quickQuote div.middleField { border-bottom: 1px solid #041A22; border-top: 1px solid #457284; }
form#quickQuote div.bottomField { border-bottom: 1px solid #041A22; border-top: 1px solid #457284; }
form#quickQuote div.buttons { border-top: 1px solid #457284; }

form#quickQuote .ui-tabs-hide { display: none; }
form#quickQuote .tabnav { margin: 20px 0; text-align: right; border-top: 3px solid #1A4C60; padding: 15px 0 0; }
form#quickQuote .tabnav li { display: inline; list-style: none; padding-right: 5px; }
form#quickQuote .tabnav li a { font-size: 1.2em; text-decoration: none; text-transform: uppercase; color: #FFFFFF; padding: 4px 6px; outline: none; }
form#quickQuote .tabnav li a:hover, form#quickQuote .tabnav li a:active, form#quickQuote .tabnav li.ui-tabs-selected a { background: #032733; color: #FFFFFF; text-decoration: none; }

#indexCols { margin: 0 0 15px; padding: 0; width: 485px; display: block; }
#indexCols ul { list-style: none; margin: 0; padding: 0; width: 485px; display: block; }
#indexCols ul li { margin: 0; padding: 0; float: left; display: block; background: url(images/news1.jpg) no-repeat; }

.bottomedoff { border-bottom: 5px solid #1F6485; margin: 0 0 10px 0; }
#indexCols ul li.borderBlue { border-bottom: 5px solid #1F6485; }
#indexCols ul li.borderPink{ border-bottom: 5px solid #FF0066; }
#indexCols ul li.borderYellow { border-bottom: 5px solid #FFCC00; }

#indexCols ul li a { display: block; overflow: hidden; height: 250px; width: 100px; colour: #FFFFFF; cursor: pointer; }
#indexCols ul li #a1 { width: 285px; }
#indexCols ul li p { margin: 0; padding: 0; display: block; width: 285px; }

div.rssFeed { background: url(images/feed-icon.gif) 0px 13px no-repeat; padding: 10px 0 10px 20px; border-bottom: 1px dashed #234560; }
div.rssFeed p { float: none; clear: none; border: none; }
div.rssFeed p.feedDesc { display: none; padding: 10px 0 0; }
div.rssFeed a, div.rssFeed a:link, div.rssFeed a:active, div.rssFeed a:visited { float: none; clear: none; display: inline; border: none; padding: 0; margin: 0; background: none; }
div.rssFeed a:hover { float: none; clear: none; display: inline; border: none; padding: 0; margin: 0; background: none; text-decoration: underline; }
div.rssFeed a.feedShow { border-bottom: 1px dotted #234560; cursor: help; text-decoration: none; }
div.rssFeed a.feedShow:hover { text-decoration: none; }


#the3images { clear: both; display: block; height: 400px; }
.kwicks {  
list-style: none;  
position: relative;  
margin: 0;  
padding: 0;  
}  
.kwicks li {  
display: block;  
overflow: hidden;  
padding: 0;  
cursor: pointer;  
} 
 .kwicks li{  
     float: left;  
     width: 120px;  
     height: 240px;  
     margin-right: 1px;  
 }  
#kwick1 {   
     background: #000000 url(images/3img1.jpg) no-repeat top left; 
	 border-bottom: #1F6385 5px solid;  
 }  
 #kwick1.active {   

 }  
 #kwick2 {  
     background: #000000 url(images/3img2.jpg) no-repeat top right;  
	 border-bottom: #FF0066 5px solid;  
 }  
 #kwick2.active {  

 }  
 #kwick3 {  
     background: #000000 url(images/3img2.jpg) no-repeat top left;  
	 border-bottom: #FFCC00 5px solid;  
 }  #kwick3 span { margin: 10px 0 10px 10px; width: 105px;  display: block; line-height: 160%;  }
 #kwick3.active {  

 }
  #kwick4 {  
     background: #000000 url(images/3img3.jpg) no-repeat top right;  
	 border-bottom: #FF0066 5px solid;  
 }  
 #kwick4.active {  

 }