/* CSS Document for Paul Roblin Website*/
html {height:100.2%}
body {font: 76%/1.4 Arial, Helvetica, sans-serif; background: #e0f3ff; color:#000; text-align:center;}

/* Kill all browser defaults */
* {margin:0; padding:0;}
/* end */

/* links */
a:link, a:visited {color:#000; text-decoration:underline;}
a:hover {color:#000; text-decoration:none;}
a {outline:none;}
/* end links */

/* page container */
div#wrapper { margin:0 auto; text-align:left; background:url(../assets/page_base.png) no-repeat bottom left #b7cce0; padding:0 0 10px 0; width:770px; }
div#container {margin:0 auto; background:url(../assets/page_bg.png) repeat-y; padding:0 6px; }
p.skip {display:none;}
div#contentholder {width:758px;  background:url(../assets/sub_nav_bg.jpg) no-repeat bottom left #b7cce0;}
.procedures div#contentholder {background-image: none;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* end page container */

/* page header */
div#header {background-color: #307db8; padding: 20px 0px 25px 20px;}
div#header h1 {display:none;}
div#header img {float: left;}
/* end page header */

/* general layout rules */
div#left {width: 208px; background-color: #b7cce0; float:left;}
div#content {background-color:#fff; width:526px; float:left; padding: 7px 12px 7px 12px; min-height: 530px; height: auto !important; height: 530px;}
.bottom {border-bottom: 1px solid #307db8;}

/* end general layout rules */

/* right hand image and link block */
div#rhblock {float:right; width:157px; margin:4px 0 10px 20px; background-color:#eef5fb; border-bottom: 1px solid #a7c0d5;}
div#rhblock img {}
div#rhblock h3 {padding:6px 8px 2px 8px; font-size:.92em; margin:0; line-height:1.1;}
div#rhblock ul {border-top: 1px solid #a7c0d5; padding:6px 8px 2px 8px; font-size:.92em;}
div#rhblock li {list-style: none; line-height:1.2; margin:0 0 4px 0;}
div#rhblock li a {color: #307db8;}
div#rhblock li.active a {text-decoration:none; color: #000;}
/* end right hand image and link block */

/* callouts */
div.callout {margin:10px 0 10px 0; border: 1px solid #a7c0d5; background-color:#eef5fb;}
div.callout h3 {padding:10px 15px; margin:0; font-size:1em;}
/* end callouts */

/* hospital links on contact page */
div.linkpanel {float:left; margin:10px 0 0 0; width:160px; border: 1px solid #a7c0d5; background-color:#eef5fb; min-height: 190px; height: auto !important; height: 190px;}
div.middle {margin:10px 20px;}
div.linkpanel img {border-bottom: 1px solid #a7c0d5;}
div.linkpanel a img {border:none;}
div.linkpanel h5 {border-bottom:none; padding:4px; text-align:center;}
div.linkpanel h5 a {display:block;}
div.linkpanel p {margin:0 4px;}
/* end hospital links on contact page */

/* procedures page info panels */
div.introtext h3 {font-size:1.1em; margin:10px 0 4px 0;}
div.introtext p {margin: 0 8px 10px 12px;}
div.panel {float:left; padding: 0 10px 10px 10px; width:526px; w\idth:506px;}
div.panel p {margin: 0 8px 10px 8px;}
div.panel h3 {text-transform:uppercase; margin:10px 0 10px 0;}
div.one {background-color:#eef5fb;}
div.two {background-color: #e3eef6; border-top: 1px solid #d0dde7; border-bottom: 1px solid #a7c0d5;}
div.three {background-color:#eef5fb; border-bottom: 1px solid #d0dde7;}
div.four {background-color:#e3eef6; border-bottom: 1px solid #a7c0d5; margin-bottom:10px;}

div.panel ul {margin:4px 0 16px 1em;}
div.panel li {line-height:1.3; margin:0 0 4px 0; list-style-type:none;}
/* procedures page info panels */

/* typography */
h2 {font-size: 1.2em; color: #307db8; padding: 6px 0; margin:0 0 10px 0; border-bottom: 1px solid #a7c0d5; text-transform:uppercase;}
h2.further {margin:20px 0 0 0; clear:right;}
h3 {font-size: 1.2em; color: #307db8; margin:15px 0 4px 0;}
h4 {font-size: 1.1em; color: #307db8; margin:10px 0 2px 0;}
h5 {font-size: 1em; margin:0 0 2px 0; padding:0 0 2px 0; color:#307db8; border-bottom: 1px solid #d0dde7;}
h6 {color: #307db8; font-size: 0.92em;}
p {margin:0 0 10px 0;}
dl {margin: 0 0 14px 0;}
dt {margin: 4px 0 0 0; font-weight:bold; color:#272727;}
dd {margin: 0 0 5px 8px; line-height:1.2;}
hr {height:1px; color:#8996CD; border: 0; background-color: #A7C0D5; margin: 10px 0; overflow:hidden; }
div.line {clear:both; border-bottom:1px solid #A7C0D5; margin:10px 0 15px 0; height:2px}
div.line hr{display:none;}
address {font-style:normal; margin:10px 0 0 0;}
address p {margin:0;}
ul.nobullets {list-style-type:none;}
/* end typography */

/* sitemap */
div.sitemap a {text-decoration:none;}
div.sitemap a:hover {text-decoration:underline;}
div.sitemap ul {list-style-type:none; margin:0 0 0 20px; font-weight:bold;}
div.sitemap ul ul {margin:0 0 0 40px; font-weight:normal;}
/* end sitemap */


/* image floats */
a img {border:none;}
img.left, img.leftborder {float:left; margin:4px 12px 4px 0;}
img.left, img.right {border:none;}
img.right, img.rightborder {float:right; margin:0 0 12px 12px;}
img.leftborder, img.rightborder {border: 1px solid #A7C0D5;}
img.border {border: 1px solid #A7C0D5; margin:4px 0 12px 0;}
/* end image floats */

/* home page calls to action */
div#cta {float:left; margin:4px 0 0 4px;}
div#cta h3 {font-size: 1.2em; color: #307db8; float:left; margin:0; text-transform:none;}
div#cta h3 a, div#cta h3 a:visited {color:#307db8; text-decoration:none;}
div#cta h3 a:hover {text-decoration:underline;}
h3.consultation a {display:block; background-image: url(../assets/consultation.jpg); padding: 148px 0 6px 10px; width:255px; w\idth:245px;}
h3.aftercare a {display:block; background-image: url(../assets/after_care.jpg); padding: 148px 0 6px 10px; width:262px; w\idth:252px;}
h3.procedure a {display:block; background-image: url(../assets/procedure.jpg); padding: 213px 0 6px 10px; width:517px; w\idth: 507px;}
/* end home page calls to action */

/* procedures menu */
div#procedureslist {float:left; border-bottom:1px solid #307db8; margin:10px 0 20px 0; width:526px;}
div#procedureslist div.procedurepanel {float:left; width:526px; padding:0; background-repeat:no-repeat; background-position:left center; border-top:1px solid #307db8; background-color: #f2f9fe;}

div#procedureslist div.procedurepanel h4 {float:left; background-color: #cae2f3; border:none; padding:4px 12px; margin:0; border-bottom:1px solid #fff; width:526px; w\idth:502px;}
div#procedureslist div.procedurepanel ul {float:left; margin:0; padding:10px 0 10px 120px; width:520px; w\idth:400px;}
div#procedureslist div.procedurepanel li {float:left; width:190px; list-style-type:none; padding: 0 10px 5px 0; font-weight: bold; font-size: 1.1em;}
div#procedureslist div.procedurepanel li.find {float:none; width:390px; list-style-type:none; padding: 0 10px 5px 0; font-weight: 100; font-size: 1.1em;}
div#procedureslist div.procedurepanel li.fullwidth {width:390px;}
div#procedureslist div.procedurepanel li a {color:#326b99; border-bottom: 1px solid #cae2f3; text-decoration: none; display: block;}
div#procedureslist div.procedurepanel li a:hover {text-decoration:underline;}
div#procedureslist div.procedurepanel li a.find {border-bottom: none; border-top: 1px solid #cae2f3;}
div#procedureslist div.procedurepanel h4 a {color:#307db8; text-decoration:none;}
div#procedureslist div.procedurepanel h4 a:hover {text-decoration:underline;}

div#procedureslist div#facepro {background-image:url(../assets/procedures/face.jpg); background-position:left top;}
div#procedureslist div#nonpro {background-image:url(../assets/procedures/non-surgical.jpg);}
div#procedureslist div#breastpro {background-image:url(../assets/procedures/breast.jpg);}
div#procedureslist div#bodypro {background-image:url(../assets/procedures/body.jpg);}
div#procedureslist div#gynaepro {background-image:url(../assets/procedures/gynaecology.jpg);}
div#procedureslist div#skinpro {background-image:url(../assets/procedures/skin.jpg);}
div#procedureslist div#handspro {background-image:url(../assets/procedures/hands.jpg);}
div#procedureslist div#reconpro {background-image:url(../assets/procedures/reconstructive.jpg);}

div#procedureslist div#head_neckpro {background-image: url(../assets/procedures/head_neck.png);}
div#procedureslist div#breastrecon {background-image: url(../assets/procedures/breast_recon.png);}
div#procedureslist div#abdominal {background-image: url(../assets/procedures/abdominal.png);}
div#procedureslist div#legtrauma {background-image: url(../assets/procedures/leg_trauma.png);}

/* primary navigation */
div#nav {color: #aacee8; margin: 0 0 0 187px; background-image: url(../assets/top_nav_bg.png); background-repeat: no-repeat;}
div#nav ul {padding: 10px 0px 32px 12px; }
div#nav ul li {list-style-type: none; float:left;}
div#nav ul li a {color: #4e4e4e; padding: 11px 11px 13px 11px; font-size: 1.1em; text-decoration:none;}
div#nav ul li a:hover {text-decoration:underline;}

.about div#nav ul li#about a,
.consultation div#nav ul li#consultation a,
.after-care div#nav ul li#after-care a,
.procedures div#nav ul li#procedures a,
.contact div#nav ul li#contact a,
.home div#nav ul li#home a {color: #438bc2;}
/* end primary navigation */

/* sub navigation */
div#subnav {color: #c2d9eb;}
div#subnav ul {margin: 10px 10px 0 10px; list-style-type: none; border-bottom: 1px solid #5b7f9d;}
div#subnav ul li { border-top: 1px solid #97b4cb;}
div#subnav ul li a {display: block; padding: 3px 0 3px 10px; width: 178px; background-color: #c2d9eb;color: #326b99; text-decoration:none;}
div#subnav ul li a:hover {text-decoration:underline;}
div#subnav ul li.border {border-top: 1px solid #5b7f9d;}
div#subnav ul ul {margin: 0; border-bottom: none;}
div#subnav ul ul li { border-top: 1px solid #BDCFDE;}
div#subnav ul ul li a {color: #326b99; background-color: #D3E3F0; padding: 2px 0 2px 20px; width: 168px;}
div#subnav ul ul li.active a {color: #000;}
div#subnav ul ul ul li a { padding-left: 30px; width:158px; }
div#subnav ul ul ul li {border-top: 1px solid #D0DDE7;}
div#subnav ul ul ul ul li a { padding-left: 36px; width:152px; }
div#subnav ul ul ul ul li {border-top:1px solid #D9E4EC;}
div#subnav ul ul ul ul ul li a { padding-left: 46px; width:142px; }

div#subnav.facial ul li#facial a {color:#000;}
div#subnav.facial ul li#facial ul li a {color:#326b99;}
div#subnav.facial ul li#facial ul li.active a {color:#000;}

div#subnav.breast ul li#breast a {color:#000;}
div#subnav.breast ul li#breast ul li a {color:#326b99;}
div#subnav.breast ul li#breast ul li.active a {color:#000;}

div#subnav.body ul li#body a {color:#000;}
div#subnav.body ul li#body ul li a {color:#326b99;}
div#subnav.body ul li#body ul li.active a {color:#000;}

div#subnav.gynaecology ul li#gynaecology a {color:#000;}
div#subnav.gynaecology ul li#gynaecology ul li a {color:#326b99;}
div#subnav.gynaecology ul li#gynaecology ul li.active a {color:#000;}

div#subnav.skin ul li#skin a {color:#000;}
div#subnav.skin ul li#skin ul li a {color:#326b99;}
div#subnav.skin ul li#skin ul li.active a {color:#000;}

div#subnav.hands ul li#hands a {color:#000;}
div#subnav.hands ul li#hands ul li a {color:#326b99;}
div#subnav.hands ul li#hands ul li.active a {color:#000;}

div#subnav.non-surgical ul li#non-surgical a {color:#000;}
div#subnav.non-surgical ul li#non-surgical ul li a {color:#326b99;}
div#subnav.non-surgical ul li#non-surgical ul li.active a {color:#000;}

div#subnav.reconstructive ul li#reconstructive a {color:#000;}
div#subnav.reconstructive ul li#reconstructive ul li a {color:#326b99;}
div#subnav.reconstructive ul li#reconstructive ul li.active a {color:#000;}
/* end sub navigation */

/* left column address */
div#left address {font-style: normal; color: #326b99; border-bottom: 1px solid #a7c0d5; border-top: 1px solid #a7c0d5; margin: 40px 13px; padding: 5px; text-align: center; font-size: 1.1em;}
div#left address p {margin:0}
/* left column address */

/* footer */
div#footer {background-color: #1d4b70; padding: 9px 5px; float:left; color: #428bc3; width: 748px; font-size: 0.92em;}
div#footer ul {}
div#footer ul li {list-style-type: none; float: left;}
div#footer ul li.credit {float:right; margin-right:3px;}
div#footer ul li a {color: #428bc3; padding: 0 2px 0 5px; text-decoration:none;}
div#footer a:hover {text-decoration:underline;}
/* end footer */