@import "reset.css";


/* Generic elements */

body { padding: 50px 0; color: #525050; font: .875em/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center; }

a,:link,:visited { color: #4679ca; text-decoration: underline; } 
a:hover,a.important,a.on { color: #e78534; text-decoration: underline; }

a.more,a.more:visited { padding-right: 12px; background: url(images/arrow1-right-smaller.png) 100% 55% no-repeat; white-space: nowrap; }
a.more:hover { color: #c8c8c8; }

p { margin-bottom: 1em; }

img.port { float: left; margin: 0 10px 10px 0; }
img.star { float: right; margin: 0 0 10px 10px; }

ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }


/* Custom paragraphs, links, images, etc. */

border { color: #adadad; }








/* Headings */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; line-height: normal; }

h1 { font-size: 25px; }
h2 { font-size: 22px; font-weight: normal; }
h3 { font-size: 1.142em; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }


/* Form modeling */

input.text, input.smalltext, input.tinytext, textarea, select { padding: 3px; border: solid 1px #c0c0c0; background-color: #d1dbeb; color: #525050; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; }
input.smalltext { width: 30px; text-align: center; }
input.tinytext { width: 25px; }
input.text:focus, textarea:focus, select:focus { border-color: #ccc; }
input.button { padding: 3px 10px; border: solid 1px #a7a7a7; background-color: #7c7c7c; color: #fff; font-size: 1em; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; }
input.button:active {  }
textarea { overflow: auto; height: 100px; }
input.checkbox { width: 15px; height: 15px; }


/* Column group model */

div.colgroup { clear: both; }
div.colgroup div.colset { clear: both; width: 100%; }
div.colgroup div.col { display: inline; float: left; width: 49.9%; }
div.colgroup div.port { float: left; }
div.colgroup div.star { float: right; }


/* Box models */

.box { margin-bottom: 10px; }

.boxA { padding: 15px 20px 1px; background: #4528b9 url(images/box4-tr-purple.png) 100% 0 no-repeat; color: #fff; font-size: .929em; }
.boxA a, .boxA a:visited { color: #fff; }

.boxB { padding: 20px 20px 6px; background: #59a8eb url(images/box4-br-lightblue.png) 100% 100% no-repeat; color: #fff; font-size: .929em; }
.boxB a, .boxB a:visited { color: #fff; }

.boxC { min-height: 304px; background-color: #4276c8; color: #fff; } * html .boxC { height: 304px; }
.boxC .inner { padding: 22px 20px; }

.boxD { padding-top: 20px; background: #4276c8 url(images/box4-tl.png) 0 0 no-repeat; color: #fff; }
.boxD a, .boxD a:visited { color: #fff; }
.boxD .after { padding: 0 20px 20px; background: #4276c8 url(images/box4-tr-darkblue.png) 0 100% no-repeat; }
.boxD a.more:hover { color: #c8c8c8; background-image: url(images/arrow1-right-smaller-gray.png); }


/* List models */

.listA li { overflow: hidden; float: left; margin: 0 10px 10px 0; padding: 12px 12px 12px 20px; background-color: #e68432; color: #fff; }
.listA li.lastinrow { margin-right: 0; }

dl.normal dt { font-weight: bold; font-size: 1.071em; }
dl.normal dd { margin-bottom: 1em; }



/* Custom headings */

#logo { float: left; margin: 0; }
#tagline { clear: right; float: right; margin-bottom: 1.5em; font-size: 16px; color: #4679ca; }
#pagetitle { margin-left: 270px; color: #4276c8; font-size: 19px; font-weight: bold; }


/* Single layers */

#container { width: 947px; margin: 0 auto; text-align: left; }
#content { clear: both; width: 100%; }


/* Custom column groups */

#colgroup1 {  }
#colgroup1 .colA { float: left; width: 755px; }
#colgroup1 .colB { float: right; width: 182px; }

#colgroup2 .colA { float: left; width: 258px; }
#colgroup2 .colB { float: right; width: 679px; }


/* Navigation */

#topnav { height: 32px; float: right; margin-bottom: 45px; font-size: .929em; }
#topnav li { height: 32px; float: left; margin-left: 10px; }
#topnav a { height: 32px; float: left; padding-left: 12px; background: #356dc5 url(images/box2-left.png) 0 50% no-repeat; }
#topnav a span { height: 32px; float: left; padding: 0 17px 0 5px; background: #356dc5 url(images/box2-right.png) 100% 50% no-repeat; white-space: nowrap; line-height: 32px; cursor: pointer; }
#topnav a, #topnav a:visited { color: #fff; text-decoration: none; }
#topnav a:hover, #topnav a.on { background-color: #e78534; background-image: url(images/box3-left.png); }
#topnav a:hover span, #topnav a.on span { background-color: #e78534; background-image: url(images/box3-right.png); }

#navbar { clear: right; height: 39px; margin-bottom: 40px; padding-left: 10px; background: #c8c8c8 url(images/box1-left.png) 0 50% no-repeat; }
#nav { height: 39px; padding: 0 10px 0 0; background: #c8c8c8 url(images/box1-right.png) 100% 50% no-repeat; font: 1.142em/39px Arial, Helvetica, sans-serif; text-align: center; }
#nav li { display: inline; margin: 0 14px; white-space: nowrap; }
#nav li.first { margin-left: 0; }
#nav li.last { margin-right: 0; }
#nav a, #nav a:visited { color: #000; text-decoration: none; }
#nav a:hover, #nav a.on { color: #4679ca !important; }

#subnavbar h2 { padding-left: 20px; }
#subnavbar ul { font-size: 17px; }
#subnavbar ul li { float: left; width: 100%; border-top: solid 2px #fff; }
#subnavbar ul li a { display: block; padding: .5em 10px .5em 20px; }
#subnavbar ul li a, #subnavbar ul li a:visited { text-decoration: none; }
#subnavbar ul li a:hover, #subnavbar ul li a.on { color: #fff; }

body.services #subnav li a { min-height: 35px; } * html body.services #subnav li a { height: 35px; }
body.services #subnav #i1 { background-color: #e68432; }
body.services #subnav #i2 { background-color: #8cb724; }
body.services #subnav #i3 { background-color: #bb6d9f; }
body.services #subnav #i4 { background-color: #df6f7b; }
body.services #subnav #i5 { background-color: #4dc584; }
body.services #subnav #i6 { background-color: #3e89b9; }
body.services #subnav #i7 { background-color: #786bba; }
body.services #subnav #i8 { background-color: #b93e3e; }

body.services #subnav #i1 a:hover { background-color: #cf762d; }
body.services #subnav #i2 a:hover { background-color: #7ea520; }
body.services #subnav #i3 a:hover { background-color: #a9628f; }
body.services #subnav #i4 a:hover { background-color: #c9646f; }
body.services #subnav #i5 a:hover { background-color: #45b277; }
body.services #subnav #i6 a:hover { background-color: #387ca7; }
body.services #subnav #i7 a:hover { background-color: #6c61a8; }
body.services #subnav #i8 a:hover { background-color: #a73838; }


/* Story section */

#story { padding: 5px; }
#story p, #story blockquote, #story ul, #story ol { margin-bottom: 1.5em; }
#story h1, #story h2, #story h3, #story h4, #story h5, #story h6 { }
#story h3 { color: #4276c8; font-size: 17px; }
#story h5 { margin: 0; font-size: 1em; }
#story h6 { margin-bottom: 1em; }


/* Welcome section */

#welcome { min-height: 178px; margin-bottom: 10px; padding: 50px 350px 0 0; background: #fff url(images/pic_home.jpg) 100% 100% no-repeat; } * html #welcome { height: 178px; }
#welcome h2 { margin-bottom: .2em; color: #1b58b3; }
#welcome h3 { margin-bottom: 1em; color: #1b58b3; }
#welcome blockquote { padding-right: 57px; font-size: 1.142em; color: #818181; }
#welcome blockquote p { margin-bottom: .5em; padding-right: 20px; }
#welcome blockquote cite { display: block; color: #6c6c6c; text-align: right; }


/* Summary Box */

#summary { min-height: 227px; font-size: 1.071em; } * html #summary { height: 227px; }
#summary img { margin: 0 0 0 20px; }
#summary ul { list-style: none; padding: 0; margin: 0  0 0 20px; }
#summary ul li { list-style: none; margin-bottom: .3em; padding-left: 20px; background: url(images/bullet1.png) 0 5px no-repeat; }


/* Hearing Specialists box */

#hearing-specialists { overflow: hidden; height: 212px; line-height: 1.2em; }


/* Pricing Policy box */

#pricing-policy { overflow: hidden; height: 304px; }


/* Contact form */

form#contact input.text, form#contact textarea { width: 250px; }
form#contact input.submit { width: 85px; height: 29px; }


/* Services list */

#services li { width: 245px; height: 160px; padding: 0; }
#services li .inner { height: 136px; padding: 12px 12px 12px 20px; }
#services a, #services a:visited { color: #fff; text-decoration: none; }
#services #adult-hearing { background-color: #e68432; }
#services #paediatric-hearing { background-color: #8cb724; }
#services #tinnitus-management { background-color: #bb6d9f; }
#services #sound-sensivity-management { background-color: #df6f7b; }
#services #hearing-protection { background-color: #4dc584; }
#services #splash-protectors { background-color: #3e89b9; }
#services #expert_medico-legal { background-color: #786bba; }
#services #advice-on-assistive-listening-devices { background-color: #b93e3e; }
#services #adult-hearing .hover { background-color: #cf762d; }
#services #paediatric-hearing .hover { background-color: #7ea520; }
#services #tinnitus-management .hover { background-color: #a9628f; }
#services #sound-sensivity-management .hover { background-color: #c9646f; }
#services #hearing-protection .hover { background-color: #45b277; }
#services #splash-protectors .hover { background-color: #387ca7; }
#services #expert_medico-legal .hover { background-color: #6c61a8; }
#services #advice-on-assistive-listening-devices .hover { background-color: #a73838; }
#services li h3 { font-size: 17px; font-weight: normal; }
#services li p a img { vertical-align: middle; }


/* Footer */

#footer { clear: both; width: 100%; padding-top: 2em; font-size: .846em; }
#footer a, #footer a:visited { color: #4679ca; text-decoration: none; }
#footer a:hover { color: #e78534; text-decoration: underline; }
#footer #copyright { float: right; color: #4679ca; padding-top: 25px; }
#footer #partners li { position: relative; float: left; margin-top: -35px; }
#footer #partners li a, #footer #partners li a:visited { float: left; color: #7f7f7f; }

#footer #partners #bshaa { margin-right: 30px; background: #fff url(images/logo_bshaa.png) 0 0 no-repeat; padding: 15px 0 0 60px; }
#footer #partners #oft { margin-right: 30px; background: #fff url(images/logo_oft.png) 0 0px no-repeat; padding: 15px 0 0 90px; }
#footer #partners #bhta { margin-right: 30px; background: #fff url(images/logo_bhta.png) 0 0px no-repeat; padding: 15px 0 0 70px; }

#tld { clear: both; width: 100%; font-size: 12px; text-align: right; color:#7f7f7f;}
#tld a{ text-decoration: none; color:#7f7f7f;}

/* Custom pages */

body#adult-hearing #pagetitle { color: #e68433; }
body#adult-hearing #summary, body#adult-hearing #subnavbar { background-color: #e68433; }

body#hearing-protection #pagetitle { color: #4dc584; }
body#hearing-protection #summary, body#hearing-protection #subnavbar { background-color: #4dc584; }

body#paediatric-hearing #pagetitle { color: #7ea520; }
body#paediatric-hearing #summary, body#paediatric-hearing #subnavbar { background-color: #7ea520; }

body#tinnitus-management #pagetitle { color: #a9628f; }
body#tinnitus-management #summary, body#tinnitus-management #subnavbar { background-color: #a9628f; }

body#sound-sensitivity #pagetitle { color: #c9646f; }
body#sound-sensitivity #summary, body#sound-sensitivity #subnavbar { background-color: #c9646f; }

body#splash-protectors #pagetitle { color: #3e89b9; }
body#splash-protectors #summary, body#splash-protectors #subnavbar { background-color: #3e89b9; }

body#expert-medico-legal-assessment #pagetitle { color: #6c61a8; }
body#expert-medico-legal-assessment #summary, body#expert-medico-legal-assessment #subnavbar { background-color: #6c61a8; }

body#advice-on-assistive-listening-devices #pagetitle { color: #a73838; }
body#advice-on-assistive-listening-devices #summary, body#advice-on-assistive-listening-devices #subnavbar { background-color: #a73838; }





/* DO NOT EDIT OR ADD CODE BELOW */

.clearfix:after, .box:after, .colgroup:after, .section:after, .after:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .box, .colgroup, .section, .after { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix, * html .box, * html .colgroup, * html .section, * html .after { height: 1%; }
.clearfix, .box, .colgroup, .section, .after { display: block; }
/* end hide */