html, body {margin: 0; padding: 0;}
body {font-size: 76%; font-family: arial,verdana,sans; margin: 0; padding: 0; background:#303840 url(../images/bg-body-top.png) repeat-x top left !important;color:#1c2731;line-height:19px;}
body.quote {background:none !important; width:500px;}

h1 {margin: 0; padding: 15px 0 30px 0; font-size: 211%;font-weight:normal;}
h1 span {color:#168df7;}
h2 {margin: 0;padding: 0; font-size: 120%;}
h3 {margin: 0; padding: 0; font-size: 110%;}
h4 {margin: 0;padding: 0; font-size: 100%;}
p {margin: 0 0 12px 0; padding: 0;}

form, ul {padding: 0; margin: 0;}
input.text, select {font-size: 100%; border:1px solid #666; padding:3px;}
img {border: 0;}
table {border-collapse:collapse;}
th {text-align:right;font-weight:normal;vertical-align:top;}
td {vertical-align:top;}
a {color: #168df7;text-decoration:none;}
a:hover, a:focus {color: #168df7; text-decoration: underline;}
a.more {text-decoration:underline;}
a.more:hover, a.more:focus {color:#000;}
input.text, select, textarea {border:1px solid #99b2c4; }
textarea {width:100%;}
input.text,textarea {background:url(../images/form-shadow.gif) no-repeat;}

.floatleft {float: left;}
.floatright {float: right;}
.hidden {display: none; visibility: hidden;}
.nobg {background: none;}
.printonly {display: none; visibility: hidden;}
.clear {clear:both;}
.highlight {color:#f90;}
.sep {height:1px;width:100%;margin: 20px 0;border-top:1px dotted #999;clear:both;}

.bodybg {width:100%;background:#000 url(../images/bg-body-bottom.jpg) repeat-x bottom left;float:left;min-height:600px;}
.outer {width:947px;margin:0 auto;}
.main {float:left;width:100%;background:#fff;}

.topbar {background:url(../images/bg-topbar.png) repeat-x top left;height:87px;position:relative;width:100%;float:left; z-index:1000;}
.topbar .logo {background:#fff;padding: 9px 6px 10px 16px;float:left;}
.topbar h2 {float:left;line-height:87px;padding:0 0 0 30px;color:#fff;font-weight:normal;font-size:180%;}

.topbar ul.mininav {list-style:none;text-align:right;position:absolute;top:8px;right:14px;}
.topbar .mininav li {display:inline;padding-left:10px;}
.topbar .mininav li a {color:#95C5F0;text-decoration:none;}
.topbar .mininav li a:hover, .topbar .mininav li a:focus {color:#fff;}

.topbar .search {position:absolute;top:34px;right:14px;}
.topbar .search label {float:left;color:#000;font-size:95%;font-weight:bold;padding:4px 10px 0 0;}
.topbar .search input {float:left;}
.topbar .search input.text {margin-right:6px;width:125px}

.home .content_b {padding: 28px 15px 15px 15px;float:left;}
.home a,.home a:hover,.home a:focus {color:#000;}

/* ############# TOPNAV ############ */

div#topnav ul {margin: 0; padding: 0; list-style: none; width: 100%;background-color:#1f2429;float:left;}
div#topnav li {float: left;display:inline;position: relative;white-space:nowrap;}
div#topnav li.hassub a {background-image:url(../images/topnav-arrow-down.gif);background-repeat:no-repeat;background-position:right 18px;}
div#topnav li ul {position: absolute; left: 0;top: 41px; display: none; background:#ffffff;width:233px;margin: 0 auto}
div#topnav li ul li {width:100%;background:#1c2731 url(../images/bg-topnav-subitem.jpg) repeat-x top left;border-top:1px solid #333}
div#topnav li ul li.first {border-top:none;}
div#topnav li a {display: block;text-decoration: none;padding: 11px 27px; color: #fff; background-color: inherit;}
div#topnav li ul a {display: block;text-decoration: none;padding: 7px 27px 9px 27px; background:none !important; font-weight: normal; color: #999;}
div#topnav li a:hover, div#topnav li a:focus {color:#fff}
div#topnav li:hover ul.drop, div#topnav li.over ul.drop { background:transparent url(../images/bg-topnav.png) no-repeat bottom left;display: block; padding: 0 5px 10px 5px}

div.content {width:100%; padding:0; margin:0;}
div.content div.left {float:left; width:570px; padding:0 0 40px 35px; }
div.content div.right {width:280px; float:right;padding: 47px 20px 0 0;}
div.content div.right .holder {width:100%; margin:0 0 3px 0;}
div.content div.location-left {padding: 0 0 0 35px;float:left;width:912px;background:url(../images/location-map.jpg) no-repeat top right;min-height:278px; height:auto !important; height:278px;}

.left ul {margin: 15px 15px 15px 40px;}

.right .info {background-color:#f4f4f4;padding: 15px 20px;}
.right .info h2, .right .info h3 {color:#006CCE;font-weight:normal;}
.right .info h2 {font-size:150%;padding: 0 0 20px 0;}
.right .info h3 {font-size:120%;}

div.tabs {float:left; width:638px;}
ul.tabs {float: left; margin: -25px 0 0 0;  padding: 0 !important; width: 100%;background-repeat: repeat-x; background-position: bottom left;position:relative;}
ul.tabs li {display: inline; float: left; margin: 0 1px 0 0;}
ul.tabs li.last {margin: 0;}
ul.tabs li.preload {padding: 0; margin: 0; position: absolute; top: -1000px; left: -1000px; background-image: url(../images/tabs/tab-on-left.png);}
ul.tabs li.preload span {padding: 0; margin: 0; background-image: url(images/tabs/tab-on-right.png);}
ul.tabs li.preload span span {padding: 0; margin: 0; background-image: url(images/tabs/tab-on-centre.gif);}
ul.tabs li a {float: left; display: block; color: #fff; padding: 0 0 0 6px; border-bottom: 1px solid #dcdcdc; text-align: center; text-decoration: none; background: url(../images/tabs/tab-off-left.png) no-repeat top left;position:relative;font-size:112%;}
ul.tabs li a span {display: block;padding: 0 6px 0 0; background: url(../images/tabs/tab-off-right.png) top right no-repeat;}
ul.tabs li a span span {display: block;padding: 5px 6px 5px 6px;background: url(../images/tabs/tab-off-centre.gif) top left repeat-x;}
ul.tabs li a:hover, ul.tabs li a:focus {border-bottom:1px solid #95C5F0;text-decoration:none; outline:0;}

ul.tabs li a.on:hover, ul.tabs li a.on:focus {border:none;}
ul.tabs li a.on, ul.tabs li a.on:hover, ul.tabs li a.on:focus {border: 0; font-weight: bold; color: #000000;background-image: url(../images/tabs/tab-on-left.png);margin:-14px 0 0 0;text-decoration:none;}
ul.tabs li a.on span, ul.tabs li a.on:hover span, ul.tabs li a.on:focus span {background-image: url(../images/tabs/tab-on-right.png);}
ul.tabs li a.on span span, ul.tabs li a.on:hover span span, ul.tabs li a.on:focus span span {padding: 13px 20px 12px 20px; background-image: url(../images/tabs/tab-on-centre.gif);background-repeat:repeat-x;}

div.tabbeddiv {background:url(../images/tabs/bg-home-tab-body.gif) no-repeat; height: 154px; width:624px; float:left;margin-top:-1px;}
.tabbeddiv ul {list-style:none; width:430px;}
.tabbeddiv li {padding: 0 0 6px 0;float:left;width:190px}
.tabbeddiv li a {padding: 0 0 0 18px;background:url(../images/arrows-blue-right.gif) no-repeat left 5px;text-decoration:none;margin: 0 20px 0 0;}
.tabbeddiv li a:hover, .tabbeddiv li a:focus {font-weight:bold;}
.tabbeddiv .learn {background:url(../images/bg-tab-learn.jpg) no-repeat bottom right;float:left;width:580px;padding: 20px;height:109px}

.home .spots {float:left;width:276px;margin:-74px 0 0 0;position:relative}
.home .spots a {width:226px;display:block;text-decoration:none;padding:12px 25px 8px 25px;position:relative}
.home .spots a .head {color:#fff;font-size:178%;display:block;}
.home .spots a .sub {color:#8DC9FD;display:block;}
.home .spots a .link {color:#fff;position:absolute;bottom:8px;left:25px;}
.home .spots a.member {background:url(../images/siren-bg.jpg) no-repeat top left;height:96px;margin-bottom:3px;}
.home .spots a.member .sub {font-size:153%;}
.home .spots a.career {background:url(../images/appform-bg.jpg) no-repeat top left;height:89px;}

.listings h2,.dl h2 {background:url(../images/bg-header-blue.jpg) repeat-x;color:#fff;font-weight:bold;line-height:35px;font-size:100%;text-indent:20px;} 
.listings ul {list-style:none;padding: 0px;}
.listings li {background:url(../images/arrows-blue-right.gif) no-repeat left 7px;padding: 0 0 8px 10px;}

.breadcrumb {padding: 17px 0 10px 0}
.breadcrumb a {color:#999;}
.breadcrumb a.on {color: #168df7;}

.careerform {padding: 15px;width:541px;float:left;background:url(../images/bg-form.gif);}
.careerformbottom {width:571px;float:left;height:23px;background:url(../images/bg-form-bottom.gif);}
.userform { width:500px; }
.careerform table, .userform table {font-weight:bold; width:500px;}
.careerform td, .userform td {padding: 4px;}
.careerform td.buttons {padding: 30px 0 10px 0;border-bottom:2px solid #ccc;}
.careerform .buttons img {margin-right:20px;}
a.goback {float:right;padding:0 0 0 23px;margin:10px 0 0 0;background:url(../images/arrow-left-blue.gif) no-repeat left center;color:#000;font-size:95%;}

.dl table {margin: 0 0 20px 0;}
.dl td, .dl th {padding: 6px;}
.dl td {background-color:#E5F2FF;padding-top:8px;padding-bottom:8px;}
.dl td .note {color:#666;}
.dl th {background-color:#1C2731;color:#fff;text-align:left;}
.dl th.type {text-align:center;}
.dl tr.alt td {background-color:#D6ECFF;}
.dl td.type {background-image:url(../images/arrows-blue-right.gif);background-position:13px 14px;background-repeat:no-repeat;padding-left:15px;text-align:center;width:52px;}


label.first {width:150px;}
label.notfirst {margin-left:8px;}
input.main {width:189px;}
input.main2 {width:176px;}
input.name {width:298px;}
input.dob {width:95px;}
input.address {width:438px;}
input.state {width:59px;}
input.postcode {width:71px;}
input.fax {width:201px;}
input.website {width:175px;}
select.main2 {width:176px;}

.footer {background:transparent url(../images/bg-footer.png) no-repeat;width:907px;float:left;height:90px;font-size:87%;padding:20px 20px 40px 20px;}
.footer, .footer a {color:#7E8893;text-decoration:none;}
.footer a {position:relative}
.footer .copy {float:left;width:600px;padding-top:13px;}
.footer .copy a {margin-right:10px;}
.footer a:hover, .footer a:focus {color:#fff;}
.footer a.willogo {float:right; padding-right:100px; background:url(../images/wil-logo.gif) no-repeat top right;line-height:42px;}

/* louis's css on location */
.locationform {padding: 15px;width:453px;float:left;background:url(../images/bg-form.png) no-repeat;}
.locationformbottom {width:484px;float:left;height:23px;background:url(../images/bg-form-bottom.png) no-repeat;}
.locationform .location { width:180px; float:left; font-weight:bold; }
.locationform .go { width:50px; float:left; margin-top: 15px;position:relative; }
.locationform .location span { color:#006cce; font-size:120%;}
.locationform h2 {background:#59acfa url(../images/bg-header-blue.jpg) repeat-x top left;color:#fff;font-weight:bold;line-height:35px;font-size:120%; width:100%;float:left; } 
.locationform h2 span.left { text-align:left;width:200px;float:left; padding-left:10px;} 
.locationform h2 span.right { text-align:right;width:320px;float:right; padding-right:10px;} 
.locationform h2 span i { font-weight:normal;} 
.locationform ul {list-style:none;padding:20px; background-color:#e2f1ff;float:left;width:413px;margin:0;}
.locationform li {background:url(../images/arrows-blue-right.gif) no-repeat left 7px;padding: 0 0 8px 10px; float:left; width:400px; }
.locationform li span { width: 155px; display:block; float:left;}
.locationform li p { margin:0; padding: 0; font-weight:bold; }
.locationform li div { width: 335px; display:block; float:left;}
.locationform h3 {background-color:#000;color:#fff;font-weight:normal;line-height:25px;font-size:100%; width:100%; text-indent:10px; } 

/* Quote Form */
.jqmWindow { display:none; position: absolute; top:236px;left: 50%;margin-left: -438px;width:550px;height:auto;background-color: #fff;color: #333;border: 1px solid #686868;padding: 9px; z-index:1000;}
.jqmWindowC { display:none; position: absolute; top:200px;left: 50%;margin-left: -400px;width:420px;height:auto;background-color: #fff;color: #333;border: 1px solid #686868;padding: 9px; z-index:1000;}

td.label { width:175px; }



/* Trauma Counselling Form */
.trauma { padding-top:5px; width:410px; }
.trauma .inner { background:#FFF url(/images/trauma/form-bg.gif) no-repeat top left; height:571px; padding:20px; }
.trauma p { font-weight:bold; padding:0 0 5px 20px; margin:0; }
.trauma a.button { font-weight:bold; padding-top:5px; color:#FFF; display:block; width:162px; height:48px; text-align:center; }
.trauma a.button.left { padding-left:10px; float:left; background:#FFF url(/images/trauma/left-button.jpg) no-repeat top left; }
.trauma a.button.right { padding-right:10px; float:right; background:#FFF url(/images/trauma/right-button.jpg) no-repeat top left; }
.trauma a.button.left.disabled { background:#FFF url(/images/trauma/left-button-disabled.jpg) no-repeat top left; }
.trauma a.button.right.disabled { background:#FFF url(/images/trauma/right-button-disabled.jpg) no-repeat top left; }
.trauma div.col { padding:20px 20px 5px 20px; width:145px; line-height:16px; }
.trauma div.col p { padding:0; }
.trauma div.contact { background-color:#000; padding:4px; width:177px; height:23px; }
.trauma label { color:#FFF; }
.trauma td { padding-right:20px; }
.trauma div.contact.floatright select { margin-left:20px; }
.trauma p.heading { padding:6px 10px; color:#FFF; float:left; background:#FFF url(/images/trauma/form-heading-bg.gif) repeat-x top left; height:20px; width:350px; margin:2px 0; }
.trauma div.contactform { float:left; background-color:#e2f1ff; width:370px; padding:1px 0 1px 0; }
.trauma div.contactform .line {width:370px; clear:both; float:left;}
.trauma div.contactform .line label { float:left; display:block; font-weight:bold; width:75px; color:#000; padding:5px 0 5px 15px; }
.trauma div.contactform .line input { width:250px; margin:6px 0 6px 0; }
.trauma div.contactform .line input.short { width:150px; }
.trauma div.contactdetail { float:left; padding:8px 0 0 10px; line-height:16px; }
.trauma div.contactdetail p { padding:0; }
.trauma a.close { margin:15px 0 0 10px; float:left; display:block; background:#FFF url(/images/trauma/btn-close-bg.gif) no-repeat top left; width:59px; height:23px; color:#FFF; font-size:111%; padding:5px 0 0 10px; }
.trauma a.report { margin:15px 10px 0 0; float:right; display:block; background:#FFF url(/images/trauma/btn-report-bg.gif) no-repeat top left; width:163px; height:23px; color:#FFF; font-size:111%; padding:5px 0 0 15px; }
.trauma select { width:150px; }
.trauma div.countrySelectText {display:block; margin:15px 0 15px 5px; clear:both;}
.trauma div.contact.contacttype {width:362px; color:#FFF;}
.trauma div.contactphone { float:left; background-color:#e2f1ff; width:370px; padding:10px 0 20px 0; }
.trauma .contactphone label { float:left; display:block; font-weight:bold; width:100px; color:#000; padding:5px 0 5px 15px; }
.trauma .contactphone table tr td.contactphonedetails {padding-left:15px; font-weight:bold; padding-bottom:5px;width:100px;}