@charset "UTF-8";
/* CSS Document */

.printLogo { display: none; }

ul.norm { list-style-position: inside; }

li.little { padding-bottom: 15px; }

/*-----------------------------------> STRUCTURE / SKELETON <----------------------------------------*/

html, body { height:100%; } /* Code to make web page 100% height in browser window	*/ 

html>body #siteWrapper { height: auto; } 

* { margin: 0; padding: 0; } /* Code to reset elements margin and padding to zero  */ 
	
a img { border: none; } 

body { background: transparent top left repeat-x url(/images/site_bg.png); }
	
div#siteWrapper {	position: relative;	width: 980px; height: 100%; min-height: 100%;	margin: 0 auto;	/* Footer Clearing Code */ margin-bottom: -80px !important;	}
		
div#header { position: relative; height: 41px; width: 980px; }
		
div#logoBar { position: relative; width: 980px; height: 116px; }
		
div#contentWrapper { position: relative; clear: both; display: block; z-index:0; float:left; width:980px; }
		
div#footer { position: relative; width: 100%; height: 80px; background: #0E1E76; }
	
div#footerInner { position: relative; width: 980px; height: 80px; display: block; margin: 0 auto; }
	
#clearBottom { clear: both; height: 80px; }  /*needed to make room for footer*/

* > html #clearBottom { float:left; width: 100%; }/* ie mac styles */	

/*-----------------------------------> SKINS <----------------------------------------*/

.floatL { float: left; }

.floatR { float: right; }

.noMarg { margin: 0; }

div#header div.inner { float: right; width: 334px; }
	
div#sizer { position: relative; }

div#headerBox {
	width: 661px;
	height: 329px;
	float: left;
	padding: 11px 11px 0 11px;
	margin-top: 14px;
	background: transparent top left no-repeat url(/images/headerbox/blue_grad_bg-b.jpg);
	z-index: -1;
}
	
div#headerBox form { float: right; }
	
div.pageTrail { position: relative; float: left; padding-top: 20px; clear: both; width: 600px; }
	
#contactBlue { 
	width: 296px; 
	height: 311px;
	margin-top: 14px;
	background-color: #0e1e76;
	z-index: -1; 
	color: #FFF !important; 
}
	
#contactBlue2 { 
	width: 296px; height: 412px;
	margin-top: 14px;
	background-color: #0e1e76;
	z-index: -1; 
	color: #FFF !important; 
}
	
.rightShad { width: 296px; height: 33px; }

.whiteText { color: #FFF !important; }

.formBlue { margin: 0 26px; padding-top: 8px;	}
	
div.rightCol { position: relative; float: right; width: 296px; padding-bottom: 28px; z-index: 0; }

*:first-child+html div.rightCol { z-index:-1; } /* IE 7 */

* html div.rightCol { z-index:-1; } /* IE 6 */
	
div.rightCol div.contentBlock { position: relative; float: left; width: 266px; padding: 15px; }
		
div.rightCol div.contentBlock2 { position: relative; float: left; width: 266px; padding: 15px 15px 0px 15px; }
			
div.rightCol div.grey { background: #E7E7E7; }
			
div.rightCol div.bigger { padding-right: 0 !important; width: 281px; }
			
div.rightCol div.bigger2 { padding-right: 0 !important; width: 273px; }
	
div.leftCol { position: relative; float: left; width: 640px; margin-bottom: 20px; z-index: 0;  }

*:first-child+html div.leftCol { z-index:-1; } /* IE 7 */
	
* html div.leftCol { z-index:-1; } /* IE 6 */
	
div.leftCol2 { position: relative; float: left; width: 640px;}
	
div.darkBlueDoctor, div.lightBlueDoctor { position: relative; width: 304px; height: 316px; float: left; }
		
div.darkBlueDoctor { background: transparent top left no-repeat url(/images/dark-blue-doc2.jpg); padding-right: 30px; }

div.lightBlueDoctor { background: transparent top left no-repeat url(/images/light_blue_doct2.jpg); }
		
div.darkBlueDoctor p, div.lightBlueDoctor p { margin-bottom: 5px !important; }
		
div.darkBlueDoctor img, div.lightBlueDoctor img { float: right; padding-right: 20px; }
			
div.darkBlueDoctor a img, div.lightBlueDoctor a img { padding-right: 34px; padding-top: 180px; }
		
img.contentPic { float: left; margin: 0 14px 14px 0; }
	
div.hr { position: relative; width: 100%; height: 1px; background: #B9B9B9; border-bottom: 1px solid #FFF; margin-top: 5px; margin-bottom: 14px; }
	
div#footerLinks { position: relative; width: 740px; float: right;}

.boardStyle { border-top:solid 1px #1889bb; padding: 10px 0; }

.margTop { margin-top: 10px;}

/*-----------------------------------> SKINS <----------------------------------------*/

body { font-family: Arial, Verdana, Helvetica, sans-serif; color: #3d3d3d !important; font-size: 13px; 	}

/* Font Resizer stylz */
body.small { font-size: 11px }

body.medium { font-size: 13px }

body.large { font-size: 17px }
	
#sizer a { display: block; float: left; }
	
#sizer a, #sizer a img { width: 20px; height: 20px; }
	
#sizer a.small { background: transparent top left no-repeat url(/images/small.png); }
	
#sizer a.medium { background: transparent top left no-repeat url(/images/medium.png); }

#sizer a.large { background: transparent top left no-repeat url(/images/large.png); }
		
#sizer a:hover, #sizer a.active { background-position: bottom left; }
	
h1 { font-size: 30px; font-weight: normal; color: #1889bb; padding: 12px 0 10px 0; }

h2 { font-size: 24px; font-weight: normal; color: #1889bb; padding: 0 0 5px 0; }

h3 { font-size: 18px; font-weight: normal; color: #1889bb; padding: 0 0 10px 0; }

h4 { font-size: 16px; font-weight: normal; color: #1889bb; }
	
a { color: #1889bb; text-decoration: none; font-weight: bold;}
	
p {	margin-bottom: 1.5em; text-align: justify;	}

p.quote { color: #3e4c99; font-size: 15px; font-style:italic; text-align: left; font-weight: bold; }

p.author { color: #3e4c99; font-size: 13px; font-weight: bold; text-align: right; margin-bottom: 10px; }

a:hover { text-decoration: underline; }

div#headerBox h2 { color: #FFF; }

div.pageTrail { color: #0E1E76; font-weight: bold; }

.pageTrail ul { float: left; margin-left:-23px; }

.pageTrail li {	padding-left: 2px; float: left; list-style-type: none; overflow: auto;}

div.darkBlueDoctor h3, div.lightBlueDoctor h3 { padding: 6px 0 25px 15px; color: #FFF; font-size: 18px; }

div.darkBlueDoctor p, div.lightBlueDoctor p { padding-left: 76px; width: 212px; }
	
#footerLinks  {	padding-top: 15px; color: #FFF; text-align: right; line-height: 1.4em; font-size: 12px; font-family:Arial, Helvetica, sans-serif; }
	
#footerLinks a { color: #FFF; font-size: 11px; text-decoration: none; font-family:Arial, Helvetica, sans-serif }
	
#footerLinks a:hover { text-decoration: underline; }

ul { margin-left: 13px; padding: 0 0 20px 10px; }

ol { margin-left: 20px; padding: 0 0 5px 10px; }

.boardStyle { border-top:dashed 1px #1889bb; padding: 10px 0; }

.clr {
  border-bottom:solid 2px #1889bb;
  border-left:none;
  border-right:none;
  border-top:none; 
  margin-bottom:10px;
  padding-top:10px;
  clear:both;
}

/*-----------------------------------> MENU <----------------------------------------*/

/*** ESSENTIAL STYLES FOR SUPERFISH DROPDOWN (http://users.tpg.com.au/j_birch/plugins/superfish/) ***/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0;	padding: 0; list-style: none; }

.sf-menu { line-height:	1.0; }

.sf-menu ul {	position: absolute;	top: -999em; zwidth: 10em; } /* left offset of submenus need to match (see below) */

.sf-menu ul li { width: 100%; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

.sf-menu li:hover { visibility: inherit; } /* fixes IE7 'sticky bug' */

.sf-menu li { float: left; position: relative; }

.sf-menu a { display: block; position: relative; border: 0; }

.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 30px; /* match top ul list item height */ z-index: 99; padding: 0; }

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { zleft: 10em; /* match ul width */ top: 0; }

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/*** DEMO SKIN ***/
.sf-menu { float: left; }

.sf-menu ul li ul { padding: 0; }

.sf-menu ul li a, .sf-menu ul.sub li a {
	text-decoration:none;
	background-image: none !important;
	padding-top: 8px;
	height: 22px !important;
	padding-left: 10px;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #06117B;
}
.sf-menu li {	background: #FFF; }

.sf-menu li li { background: #FFF; }

.sf-menu li li li {	background: #FFF; }

.sf-menu li a:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu a.current {
	outline:		0;
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	outline:		0;
	text-decoration: none;
}

.sf-menu li li:hover, .sf-menu li li.sfHover { background: #E8E7E3; }

.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { background: transparent; }

/* IE Hover Hack */
* html .sf-menu li li a:focus, * html .sf-menu li li a:hover, * html .sf-menu li li a:active { background: #E8E7E3; }

/*** arrows **/
.sf-menu a.sf-with-ul { zpadding-right: 	2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: .8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }

.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 0x 0 !important;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off { background: transparent; }

div.menuWrapper { position: relative; float: left;  z-index: 9999; }

div.menuWrapper ul { margin: 0; padding: 5px 0 0 0; }

div.menuWrapper ul li { float: left; display: block; height: 30px; list-style: none; margin-right: 5px; }

div.menuWrapper ul li a, div.menuWrapper ul li a img { float: left; height: 30px; }

a.homeLink { width: 68px; background: transparent top left no-repeat url(/images/nav/home_link.png); }
a.homeLink img { width: 68px; }

a.areYouSuitableLink { width: 147px; background: transparent top left no-repeat url(/images/nav/suitable_link.png) }
a.areYouSuitableLink img { width: 147px; }

a.symptomsTreatmentsLink { width: 217px; background: transparent top left no-repeat url(/images/nav/symptoms_treatments_link.png); }
a.symptomsTreatmentsLink img { width: 217px; }

a.whyUsLink { width: 85px; background: transparent top left no-repeat url(/images/nav/why_us_link.png); }
a.whyUsLink img { width: 85px; }

a.laserEyeTreatmentLink { width: 171px; background: transparent top left no-repeat url(/images/nav_eye_treatment_link.png); }
a.laserEyeTreatmentLink img { width: 171px; }

a.patientJourneyLink { width: 142px; background: transparent top left no-repeat url(/images/nav/patient-journey.png); }
a.patientJourneyLink img { width: 142px; }

a.outstandingServiceLink { width: 171px; background: transparent top left no-repeat url(/images/nav/outstanding_service_link.png); }
a.outstandingServiceLink img { width: 171px; }

a.consultantsLink { width: 115px; background: transparent top left no-repeat url(/images/nav/consultants_link.png); }
a.consultantsLink img { width: 115px; }

a.contactLink { width: 105px; background: transparent top left no-repeat url(/images/nav/contact_link.png); }
a.contactLink img { width: 105px; }

div.menuWrapper ul li a:hover, div.menuWrapper ul li a.active, div.menuWrapper ul li.active a, a.laserEyeTreatmentLinkActive { background-position: bottom left; }

#laserNavWrapper { position: relative; width: 764px; height: 35px; float: left; clear: both; padding-left: 162px; z-index: 999; }

ul#laserNav { margin: 0; padding: 0; list-style-type: none; }

ul#laserNav li { float: left; display: block; height: 35px; margin: 0; padding: 0; }

ul#laserNav li a {  background-image: url(/images/navnavbg.jpg); background-repeat: no-repeat; display: block; }

ul#laserNav li a, ul#laserNav li a img { height: 35px; }

/* Laser Eye Clinic Nav Items */

a.laserHomeLink { width: 100px; background-position: 0 0;  }

a.laserHomeLink img { width: 100px; }

a.laserSuitableLink { width: 143px; background-position: -100px 0; }

a.suitableLink img { width: 143px; }

a.laserTreatmentOptionsLink { width: 153px; background-position: -243px 0; }

a.treatmentOptionsLink img { width: 153px; }

a.laserWhyUsLink { width: 82px; background-position: -396px 0; }

a.laserWhyUsLink img { width: 82px;}

a.laserOutsandingServLink { width: 163px; background-position: -478px 0; }

a.laserOutsandingServLink img { width: 163px;  }

a.expertServiceLink { width: 123px; background-position: -641px 0; }

a.expertServiceLink img { width: 123px; }

a.laserHomeLink:hover, .active a.laserHomeLink { background-position: 0 -35px;  }

a.laserSuitableLink:hover, .active a.laserSuitableLink { background-position: -100px -35px; }

a.laserTreatmentOptionsLink:hover, .active a.laserTreatmentOptionsLink { background-position: -243px -35px; }

a.laserWhyUsLink:hover, .active a.laserWhyUsLink { background-position: -396px -35px; }

a.laserOutsandingServLink:hover, .active a.laserOutsandingServLink { background-position: -478px -35px; }

a.expertServiceLink:hover, .active a.expertServiceLink { background-position: -641px -35px; }

.hide { display: none; }

div.menuWrapper a, #laserNavWrapper a { outline: none; outline: 0; }

ul#laserNav li ul  { top: 35px !important; }

ul#laserNav li ul li { height: 30px !important; } 

ul.sub { width: 170px; margin: 0; padding: 0; } 

ul.sub li a { width: 160px; }

.whyUsSub { width: 265px; margin: 0; padding: 0; }

ul.whyUsSub li a { width: 270px; }

.patientJourneysSub { width: 220px; margin: 0; padding: 0; }

ul.patientJourneysSub li a { width: 210px; }

.conditionSub { width: 190px; margin: 0; padding: 0; }

ul.conditionSub li a { width: 180px; }

.consultantSub { width: 150px; margin: 0; padding: 0; }

ul.consultantSub li a { width: 140px; }

.symptomsTreatmentsLinkSub { width: 217px; margin: 0; padding: 0; }

ul.symptomsTreatmentsLinkSub li a { width: 207px; }

.treatmentOptSub { width: 220px; margin: 0; padding: 0; }

ul.treatmentOptSub li a { width: 210px; }	ul.treatmentOptSub ul { margin-left: 220px; }

.laserOutServSub { width: 203px; margin: 0; padding: 0; }

ul.laserOutServSub li a { width: 193px; }

.expertServSub { width: 213px; margin: 0; padding: 0; }

ul.expertServSub li a { width: 203px; }

.menu2 :hover ul.sub li.subtop, 

.menu2 :hover ul :hover ul li.subtop,

.menu2 :hover ul :hover ul :hover ul li.subtop,

.menu2 :hover ul :hover ul :hover ul :hover ul li.subtop { zbackground:url(/images/subtop.png);padding:5px 0 0 0; }

.menu2 :hover ul.sub li.flytop,

.menu2 :hover ul :hover ul li.flytop,

.menu2 :hover ul :hover ul :hover ul li.flytop,

.menu2 :hover ul :hover ul :hover ul :hover ul li.flytop { background: url(/images/subtop_r.png); padding:5px 0 0 0; }

.menu2 :hover ul.sub li.subbot,

.menu2 :hover ul :hover ul li.subbot,

.menu2 :hover ul :hover ul :hover ul li.subbot,

.menu2 :hover ul :hover ul :hover ul :hover ul li.subbot { height:30px; background:url(/images/subbottom.png); border-bottom:none; }

.menu2 :hover ul.sub li.flybot,

.menu2 :hover ul :hover ul li.flybot,

.menu2 :hover ul :hover ul :hover ul li.flybot,

.menu2 :hover ul :hover ul :hover ul :hover ul li.flybot { height:30px; background: url(/images/subbottom_r.png); }

.cleared { clear: both; }

.imgOverlay {
	position: absolute;
	width: 240px;
	height: 140px;
	background: url(/images/overlaybg.png) top left repeat-y;
	top: 316px;
	left: 359px;
	padding: 15px;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 22px;
}

.imgOverlay a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

.imgOverlay a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;	
}