/* colors 

*/

/*------------------------------------------------------------STRUCTURE------------------------------------------------------------*/


* {margin:0px; padding:0px;}
body {font-family:Arial, Helvetica, sans-serif; font-size:0.8em; background:#ffffff ;}
.clear {clear:both; }
P {line-height:120%}
a {color:#a7a9ac; text-decoration:none}
a:HOVER {color:#000000}
a:focus {outline-style:none}
A img {border:none}
A.download {display:block; background:url(../_img/icon_pdf.gif) no-repeat; height:34px; padding-left:40px; margin-left:20px; padding-top:5px}
.error {background:#fff; color:#f00; border:solid 1px #f00; margin:5px 0px; padding:0px 5px; width:245px;}
.success {padding:20px;}

#canvas {width:990px; margin-left:auto; margin-right:auto; background:#e0e1e2;}
#header {width:990px; height:127px; background:#ffffff }
#header .logo A {float:left; display:block; height:73px; width:346px; background:url(../_img/logo.jpg) no-repeat; position:relative; top:30px; text-indent:-9000px;}
#header .contactdetails {float:right; position:relative; top:30px; width:350px; text-align:right;}
#header .contactdetails P {color:#fabb1a; font-size:1.9em; font-weight:normal}
#header .contactdetails P span {color:#a7a9ac}

span.yellow {color:#fabb1a;}

.headbanner {width:990px; height:185px; background:url(../_img/banner_fibre.jpg) 0px 30px;}
.headbanner h1 {font-size:3.8em; font-weight:bold; color:#ffffff; letter-spacing: -1px; padding-left:40px; margin-bottom:0px}
.headbanner P {font-size:1em; color:#ffffff; padding-left:40px; width:650px}

.headbanner.home {width:990px; height:262px; background:url(../_img/banner_home2.jpg) 0px 30px;}

.contactformhold {width:305px; background:#f3f3f3; -moz-border-radius:5px; border-radius:5px;}
.contactformhold form {padding:20px}
.contactformhold input {font-size:1.2em; padding:8px; -moz-border-radius:5px; border-radius:5px; border:1px solid #cccccc; margin-bottom:5px; width:240px}
.contactformhold textarea {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; padding:8px; -moz-border-radius:5px; border-radius:5px; border:1px solid #cccccc; margin-bottom:5px; width:240px}
A.button {margin-top:10px; display:block; font-size:1.2em; font-weight:bold; color:#ffffff; background:#fabb1a; padding:8px; -moz-border-radius:5px; border-radius:5px; border:1px solid #cccccc; margin-bottom:5px; width:240px; text-align:center;}
A.button:HOVER {color:#ffffff; background:#cccccc;}


#nav {width:990px; height:46px; background:url(../_img/bg_nav.png) repeat-x;}
#nav UL {width:990px;}
#nav LI {list-style:none}
A.tab1 {height:46px; float:left; display:block; background:url(../_img/tab1.png) 0px 0px; color:#ffffff; font-size:1.2em; font-weight:bold; text-align:center; padding:8px 13px 0px 13px;}
A.tab1:HOVER {background:url(../_img/tab1.png) 50% -55px;}
A.tab1.current {background:url(../_img/tab1.png) 50% -55px;}
H1.tab1 {height:46px; float:left; display:block; background:url(../_img/tab1.png) 50% -55px; color:#ffffff; font-size:1.3em; font-weight:normal; text-align:center; padding:8px 27px 0px 27px;}
A.tab2 {height:46px; float:left; display:block; background:url(../_img/tab2.png) 50% 0px; color:#a7a9ac; font-size:1.3em; font-weight:normal; text-align:center; padding:8px 27px 0px 27px;}
A.tab2:HOVER {background:url(../_img/tab2.png) 50% -55px; color:#ffffff}
A.tab2.current {background:url(../_img/tab2.png) 50% -55px; color:#ffffff}


#footer {width:990px; height:93px; margin-bottom:20px; padding-top:10px; margin-top:30px; background:#ffffff}
#footer .left {float:left; width:400px;}
#footer .left P {color:#333333; padding-top:10px; text-align:left}
#footer .right {float:right; width:400px;}
#footer .right P {color:#333333; padding-top:10px; text-align:right}
#footer .right A {color:#fabb1a;}
#footer .right A:HOVER {color:#000000;}


/*--------------------------------------------------- HOME ----------------------------------------------------------------------*/

.homeintro {background:#ffffff; display:block; padding:20px 20px 20px 20px; border:1px solid #cccccc; border-top:none; height:230px }
.homeintro P { color:#666666; font-size:1.1em; }
.companyintro {background:#ffffff}
.companyintro H1 { color:#ffffff; font-size:1.8em; font-weight:normal; background:#999999; margin:10px 0px 10px 0px; padding:10px 30px 10px 30px }
a.yellow {color:#fabb1a; text-decoration:none; font-weight:bold; font-size:1.3em}
a.yellow:HOVER {color:#000000}

/*--------------------------------------------------- FIBRE ---------------------------------------------------------------------*/

#fibre .subnav {width:990px;}
#fibre .subnav .pic {width:325px; height:170px; background:#ffffff; }
#fibre .col1 {float:left; width:325px; border-top:#FFFFFF 3px solid;}
#fibre .subnav LI {list-style:none; background:#ffffff;}
#fibre .subnav LI.alt {list-style:none; background:#f8f8f8}
#fibre .subnav LI.hidden {list-style:none; background:#888;}
#fibre .subnav LI A {background:url(../_img/bullet1.png) no-repeat 10px 10px; display:block; padding:8px 10px 8px 25px; border:1px solid #cccccc; border-top:none; color:#666666; font-size:1.1em}
#fibre .subnav LI A:HOVER {background:url(../_img/bullet1_on.png) no-repeat 10px 10px #fabb1a; color:#ffffff}
#fibre .subnav LI.highlight A {background:url(../_img/bullet1_on.png) no-repeat 10px 10px #fabb1a; color:#ffffff}
#fibre .col2 {float:left; width:325px; position:relative; left:8px; border-top:#FFFFFF 3px solid;}
#fibre .col3 {float:right; width:325px; border-top:#FFFFFF 3px solid;}
#fibre .colend {width:325px; height:34px; background:url(../_img/colend.png);}
#fibre .subnavspec {width:990px; border-top:#ffffff 3px solid; background:url(../_img/bg_subnav.png) repeat-x #fabb1a;}
#fibre .subnavspec H1 {color:#ffffff; font-size:3.6em; font-weight:normal; padding: 10px 0px 18px 40px }
#fibre .heading {padding:10px 10px 0px;}
#fibre .spechold {width:950px; background:#ffffff; margin-left:auto; margin-right:auto; margin-top:20px; -moz-border-radius:5px; border-radius:5px; }
#fibre .spechold .leftcol {float:left; width:600px; padding:10px 0px 10px 0px}
#fibre .spechold .leftcol H1 {border-bottom:1px solid #fabb1a; color:#a0a2a5; margin-bottom:20px; margin-left:20px; padding:10px 0px 10px 0px; font-weight:normal; font-size:1.5em}
#fibre .spechold .leftcol P {color:#333333; margin-bottom:10px; margin-left:20px;}
#fibre .spechold UL {float:left; width:300px; padding-bottom:20px; }
#fibre .spechold LI {list-style:none; padding:10px; border-bottom: solid 1px #e1e2e3; margin-left:20px; font-size:1.2em; font-weight:normal; color:#333333}
#fibre .spechold LI.double {width:560px;}
#fibre .spechold LI SPAN {color:#A0A2A5}
#fibre .spechold .rightcol {float:right; width:325px; padding:10px 0px 10px 0px}
#fibre .spechold .rightcol H1 {border-bottom:1px solid #fabb1a; color:#a0a2a5; margin-bottom:20px; margin-right:20px; padding:10px 0px 10px 0px; font-weight:normal; font-size:1.5em}
#fibre .assurance {width:950px; background:#ffffff; margin-left:auto; margin-right:auto; margin-top:20px; -moz-border-radius:5px; border-radius:5px; }
#fibre .assurance h2 {border-bottom:1px solid #fabb1a; color:#a0a2a5; margin:0px 20px; padding:20px 0px 0px;}
#fibre .assurance p {margin:0px 20px; padding:20px 0px; color: #666666; font-size: 1.1em;}

/*--------------------------------------------------- TEXTILE RECYCLE ---------------------------------------------------------------------*/

.textilehold {width:950px; background:#ffffff; margin-left:auto; margin-right:auto; margin-top:20px; -moz-border-radius:5px; border-radius:5px; }
.textilehold .leftcol {float:left; width:600px; padding:10px 0px 10px 0px}
.textilehold .leftcol H1 {border-bottom:1px solid #fabb1a; color:#a0a2a5; margin-bottom:20px; margin-left:20px; padding:10px 0px 10px 0px; font-weight:normal; font-size:1.5em}
.textilehold .leftcol P {color:#333333; margin-bottom:10px; margin-left:20px;}
.textilehold UL {float:left; width:100%; padding-bottom:20px; }
.textilehold LI {list-style:none; padding:10px 0px 10px 0px; border-bottom: solid 1px #e1e2e3; margin-left:20px; font-size:1.2em; font-weight:normal; color:#333333}
.textilehold LI SPAN {color:#cccccc}
.textilehold H2 {color:#fabb1a; font-weight:bold; font-size:1.3em; border-bottom:solid 1px #cccccc; margin:20px 0px 10px 20px; padding-bottom:5px}
.textilehold .rightcol {float:right; width:325px; padding:10px 0px 10px 0px}
.textilehold .rightcol H1 {border-bottom:1px solid #fabb1a; color:#a0a2a5; margin-bottom:20px; margin-right:20px; padding:10px 0px 10px 0px; font-weight:normal; font-size:1.5em}
.textilehold .pic {margin-left:20px; padding-bottom:10px;}
.headbanner.textile {width:990px; height:185px; background:url(../_img/banner_textile.jpg) 0px 30px;}
#fibre .subnavspec H1.textile {color:#ffffff; font-size:2.6em; font-weight:normal; padding: 10px 0px 18px 40px }

/*--------------------------------------------------- FEATHER ---------------------------------------------------------------------*/

.headbanner.feather {width:990px; height:185px; background:url(../_img/banner_feather.jpg) 0px 30px;}
.featherquality {border:1px solid #cccccc; border-top:none; background:#ffffff }
.featherquality P {padding:20px; color:#666666}
/*--------------------------------------------------- CONTACT ---------------------------------------------------------------------*/

.headbanner.contact {width:990px; height:185px; background:url(../_img/banner_contact.jpg) 0px 30px;}
.contactintro H1 { color:#ffffff; font-size:2.8em; font-weight:normal; background:#fabb1a; margin:10px 0px 10px 0px; padding:10px 30px 10px 30px }
.area1 {float:left; width:300px;}
.area2 {float:right; width:300px;}
.contactright {width:325px; }

/*--------------------------------------------------- NEWS ---------------------------------------------------------------------*/

.headbanner.news {width:990px; height:185px; background:url(../_img/banner_news.jpg) 0px 30px;}
.newspic {padding:0px 0px 20px 20px}

/*--------------------------------------------------- OTHER SERVICES ---------------------------------------------------------------------*/

.headbanner.other {width:990px; height:185px; background:url(../_img/banner_other.jpg) 0px 30px;}


/*--------------------------------------------------- POPUP ---------------------------------------------------------------------*/

.jPopupHold {background:#fff;width:325px;-moz-border-radius:5px; border-radius:5px;}
.jPopupHold h2 {display:block;width:295px;background:#fabb1a;color:#fff;text-align:center;padding:15px;text-align:center;font-size:1.2em;-moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px;}
.jPopupHold li {list-style:none;background:#ffffff;}
.jPopupHold li.alt {background:#f8f8f8;}
.jPopupHold li A {background:url(../_img/bullet1.png) no-repeat 10px 10px; display:block; padding:8px 10px 8px 25px; border:1px solid #cccccc; border-top:none; color:#666666; font-size:1.1em}
.jPopupHold li A:HOVER {background:url(../_img/bullet1_on.png) no-repeat 10px 10px #fabb1a; color:#ffffff}
.jPopupHold .colend {width:325px; height:34px; background:url(../_img/colend.png);}
.jPopupClose {background:transparent url(../_img/close.png) no-repeat;width:20px;height:20px;text-indent:-999px;overflow:hidden;}