@import url("module_maincontent.css");

img {border: none;}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(../images/body-background.jpg) repeat-x;
	margin: 0;
}

#contact-number {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	height: 96px;
	width: 262px;
	float: right;
	padding: 0;
	background-color: transparent;
	background-image: url(../images/number-top.jpg);
	background-repeat: no-repeat;
}
#contact-number div.contactHeading { margin: 0; padding: 10px 0 0 55px; font-size: 22px; color: #fff; }
#contact-number div.contactHeading2 { margin: 0; padding: 10px 0 0 55px; font-size: 30px; color: #fff; }
#contact-number p { margin: 0; padding: 5px 0 0 20px; line-height: 16px; font-size: 11px; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; width: 220px; text-align: center; }


h1{font-size: 70px; color: #6a6a6a; font-weight: bold; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; text-align: left; width: 580px; height: 130px;}
h1.smaller {font-size: 65px; }

.first-line
{
	width: auto;
	height: auto !important;
	font-size: 20px;
	color: #232021;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	z-index: 1000;
	
}

h2
{
	font-size: 23px;
	color: #007bc2;
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px 0 0 0;
	font-weight: 100;
	padding: 0;
	letter-spacing: 0.06em;
}

#wrapper {
	width: 920px;
	margin: 0px auto;
}


#wrapperDB {
	width: 920px;
	margin: 0px auto;
	background-image: url(../images/optician_logo.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}


.clear{ clear: both; height: 0; line-height: 0px;}

.second-line
{
	font-size: 24px;
	color: #007bc2;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0;
	z-index: 100;
}
.third-line
{
	font-size: 38px;
	color: #232021;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 30px 0;
	z-index: 100;
}

.left { float: left; margin: 10px 10px 0 0;}

#flash{position: absolute; top: 0; right: 0; z-index: 0;}

/*========================================================== Header ==========================================================*/
#header { width: 920px; height: 150px; position: relative; }

#logo {position: absolute; bottom: 0; left: 0;}

#mainNav{padding: 0; margin: 0; float: left;} 
#mainNav ul{list-style: none; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; margin: 5px 0 0 0; padding: 0;	}
#mainNav ul li{
	background: transparent url(/images/list-end-main-nav.jpg) right center no-repeat;
	float: left;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 0;
	padding-left: 5px;
}
#mainNav ul li.last{ background: none; padding: 9px 19px 0 19px;}
#mainNav ul li a{ text-decoration: none; color: #FFF; }
#mainNav ul li a:hover{text-decoration: none;color: #75C6F1;}


#subNav{ position: absolute; bottom: 0; left: 50%; z-index: 99;}

#subNav ul {list-style: none;}
#subNav li{list-style: none; float: left; padding: 0; margin: 0 15px 0 0; }
#subNav li a{text-decoration: none; color: #000;}
#subNav li a:hover{text-decoration: none;color: #0581C7;}
#subNav li.current{color: #EF3F2E; }
#subNav li a.current{text-decoration: none; color: #EF3F2E;}
#subNav li a:hover.current{text-decoration: none;color: #EF3F2E;}


/*==========================================================Home Content==========================================================*/
.homeContent{margin: 30px 0 25px 0; width: 920px; /*height: 610px;*/ height: 750px; position: relative;}
.homeContent p {line-height: 1.6em; margin: 10px 0 30px; z-index: 100;}

.homeContent2{margin: 30px 0 25px 0; width: 920px; /*height: 610px;*/ height: 670px; position: relative;}
.homeContent2 p {}

#subContent {width: 920px; margin-top: 30px; }
#subContent p {line-height: 1.6em; margin: 10px 0 30px; z-index: 100;}
	
/*siofra's code new panel 07/01/09*/
#panelContainer {height: 154px; width: 920px; position: absolute; bottom: 0; left: 0;}

#panelContainer2 {height: 160px; width: 920px; position: absolute; bottom: 0; left: 0;}


#panelContainer3 {height: 200px; width: 920px; position: relative;}
.panelContainer3 p{margin: 2px 0 0 20px;}


.panel {position: relative; width: 215px; height: 154px; }
.panel p{margin: 55px 0 0 20px;}
.panel img {position:absolute; bottom: 35px; left: 76%; z-index:99;}

#about-panel{background: url(/images/aboutus-panel-bg.jpg) no-repeat; width:215px; height: 154px; float: left; margin: 0 138px 0 0;}
#surgery-panel{background: url(/images/surgery-panel-bg.jpg) no-repeat; width:215px; height: 154px; float: left; margin: 0 20px 0 0;}
#process-panel{background: url(/images/process-panel-bg.jpg) no-repeat; width:215px; height: 154px; float: left;  margin: 0 20px 0 0;}
#contact-panel{background: url(/images/contact-us-panel-bg.jpg) no-repeat; width:215px; height: 154px; float: right; margin: 0;}

.panel2 {position: relative; width: 215px; height: 154px; }
.panel2 p{margin: 55px 0 0 20px;}
.panel2 img {position:absolute; bottom: 35px; left: 76%; z-index:99;}

#about-panel2{background: url(/images/aboutus-panel-bg.jpg) no-repeat; width:215px; height: 154px; float: left; margin: 0 5px 0 5px;}
#surgery-panel2{background: url(/images/surgery-panel-bg.jpg) no-repeat; width:215px; height: 154px; float: left; margin: 0 5px 0 5px;}
#process-panel2{background: url(/images/process-panel-bg.jpg) no-repeat; width:215px; height: 154px; float: left;  margin: 0 5px 0 5px;}
#contact-panel2{background: url(/images/contact-us-panel-bg.jpg) no-repeat; width:215px; height: 154px; float: left; margin: 0 5px 0 5px;}

#callAction_container {width: 100%; height: 107px; position: absolute; top: 470px; left: 0; z-index: 100;}
#callActionBox_left {background: url(/images/panels/discountPanelBg.gif) no-repeat; width: 451px; height: 107px; float: left; margin: 0 18px 0 0;}

#callActionBox_right {background: url(/images/panels/homeCallToAction_bg.gif) no-repeat; width: 451px; height: 107px;float: left;margin: 0px;}
.actionBox .header {color: #007BC2; font-size: 18px; font-weight: bold; text-align: center; margin: 20px 0 0 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
.actionBox .heading {color: #fff; font-size: 18px; font-weight: bold; text-align: center; margin: 20px 0 0 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}

.actionBox .header a, .actionBox .header a:visited {color: #007BC2; font-size: 18px; font-weight: bold; text-decoration: underline; }
.actionBox .header a:hover {color: #007BC2; text-decoration: none;}
.actionBox p {color: #000000; font-size: 12px; margin: 0; padding: 5px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center;}

/* home page testimonial content */
#testimonals-home{margin: 10px 0 0 0; width: 270px;}

/*info button */
#info-link a {padding: 5px 50px 24px 4px; color: #007BC2; text-decoration: none; font-weight: bold;}

/*=================================================================Footer================================================================*/

/*siofra's code new footer 07/01/09*/
#footer_wrapper {background: url(/images/footer-bg.jpg) repeat-x; width: 100%, height: 95px; background-color: #F8F8F8;}
#footer{background: url(/images/footer-bg.jpg) repeat-x; width: 100%; margin: 25px 0 0 0; width: 920px; height: 95px; position: relative; margin: 0px auto;}
#footer_logo{
	width: 67px;
	height:60px;
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 100;
	background-image: url(../images/logo-footer.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#footer p {color: #999999; padding: 0; margin: 0; position: absolute; top: 40px; left: 90px;}
#footer p a {color: #999999; text-decoration: underline}
#footer p a:hover {color: #666666; text-decoration: underline}

/*===============================================================Sub page Content================================================================*/
#left-coloum { margin: 4px 0 0 0; padding: 0; width: 230px; float: left; }

/* siofra's code new subscribe call to action box  09/01/09 */
#left-coloum #subscribe { margin: 0; padding: 0; width: 230px; height: 90px; background: url("../images/panels/newsletter.jpg") 0% 0% no-repeat; color: #FFF; position: relative;}
#left-coloum #subscribe p { position: absolute; top: 15px; left: 65px;}
#left-coloum #subscribe a { padding: 0 20px 0 0; margin: 0; text-decoration: none; color: #fff; background:url("../images/arrow.jpg") no-repeat right center;  position: absolute; left: 135px; top: 65px;}
#left-coloum #subscribe a:hover{text-decoration: underline; color: #fff;}

#right-coloum { margin: 0; padding: 35px 55px; width: 580px; float: left; min-height: 400px; height: auto!important; height: 400px; }
#right-coloum-optician { margin: 0; padding: 35px 55px; width: 580px; float: left; min-height: 400px; height: auto!important; height: 400px; }

#right-coloum #contactBg { margin: 0 auto; padding: 0; width: 260px; height: 170px; background: url("../images/contact-us3.jpg") 0% 0% no-repeat; position: relative;}
#right-coloum #contactBg2 { margin: 0 auto; padding: 0; width: 665px; height: 239px; background: url("../images/dublin1-map.jpg") 0% 0% no-repeat; position: relative;}
#right-coloum #contactBg3 { margin: 0 auto; padding: 20px; width: 665px; height: 239px; background: url("../images/cork1-map.jpg") 0% 0% no-repeat; position: relative;}
#right-coloum #contactBg p {font-size: 13px; text-align: center; position: absolute; top: 40px; left: 10px; }


#right-coloum ul li { list-style:none; background: url(/images/list-icon.jpg) no-repeat 0% 0%; padding:0 0 0 25px; margin: 10px 0; line-height: 18px; }

#right-coloum p
{
	margin: 28px 0 0 0;
	padding: 0;
	line-height:1.7em
}
#right-coloum2 p
{
	padding: 0;
	line-height:1.7em
}
#right-coloum2
{
	float: left;
	width: 580px;
	padding: 35px 55px;
	margin: 25px 0 0 0;
}
#right-coloum p a{ color:#0099FF; text-decoration:none;}
#right-coloum p a:hover{ color:#0099FF; text-decoration:underline;}

#right-coloum a, #right-coloum a:visited { color:#0099FF; text-decoration:none;}
#right-coloum a:hover{ color:#0099FF; text-decoration:underline;}

#right-coloum ul a {color:#0099FF;}
#right-coloum ul a:hover{ color:#0099FF; text-decoration:underline;}
#right-coloum .blueText {font-weight: bold; color: #007BC2; line-height: 30px; }
#right-coloum .blueText2 {font-weight: normal; color: #007BC2;}
#right-coloum .boldText {font-weight: bold;}
#right-coloum h2 {font-weight: 16px; padding: 10px 0 5px 0; margin: 0px;}

.testimonial { margin: 0; padding: 0; position: relative; top: 0; left: 0; background: url("../images/testimonial_quote.gif") 0% 0% no-repeat; }
#right-coloum p.date { margin: 28px 0 0 0; padding: 0; font-weight: normal; color: #007BC2; text-align: right; width: 100%; }
#right-coloum p.quote { margin: 10px 30px; padding: 0; font-weight: normal; }
#right-coloum p.cite { margin: 0 0 28px 30px; padding: 0; font-weight: bold; }

#right-coloum sup{ font-weight: bold; color: #FF0000; }



/* left hand col content */
#discount { background: url(/images/content-bg/discountPanelBg.gif); width: 225px; height: 110px; margin: 0px; padding: 0;}
#discount h2 {font-size:25px; font-weight: bold; color:#fff; text-align: center; margin: 0px; padding: 13px 0 0 0;}
#discount p{ font-size:14px; margin: 0 auto; padding: 3px 0 0 0; text-align:center; color:#000; font-size: 12px;}

#discount2 {width: 300px; height: 100px; margin: 0 0 0 3px; padding: 16px;}

p.testimon{ font-weight: normal; color: #007BC2; line-height: 1.6em; padding: 5px 8px 0 0; margin: 0;}
p.testimon-name{font-size: 10px; color: #4D5559; margin: 10px 0 0 0; padding: 0;}
#testimonals{margin: 40px 0 0 0;}
#testimonals img{margin: 5px 5px 0 0;}
#testimonals2{margin: 0;}
#testimonals2 img{margin: 5px 5px 0 0;}
#testimonals3{margin: 30px 0;}
#testimonals3 img{margin: 5px 5px 0 0;}

/* ------------------------------------  start table styling ------------------------------------------*/
p.center{ text-align:center;}
#right-coloum table {border-collapse: collapse; border-spacing:}
#right-coloum .price { border: 1px solid #145a97; width: 100%; margin: 15px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } 
#right-coloum .price th {background-color: #68A8DE; border-left:1px solid #145a97; border-bottom:1px solid #145a97; padding: 3px 5px; font-weight: normal; text-align: center;}
#right-coloum .price td {border-left:1px solid #145a97;  border-bottom:1px solid #145a97; padding: 7px 5px; text-align: center;}
/* ------------------------------------  end table styling ------------------------------------------*/

/* ------------------------------------  start subpage side menu ------------------------------------------*/
#left-hand-menu-top { margin: 0; padding: 0; width: 225px; height: 20px; background: url("/images/lefthand-menu-top-img.jpg") 0% 0% no-repeat; display: block; }
#left-hand-menu { margin: 0; padding: 5px 0 0 0; width: 225px; background: url("/images/lefthand-menu-bottom-bg.jpg") 0% 100% no-repeat; }
#left-hand-menu ul { margin: 0; list-style: none; padding: 0; }
#left-hand-menu li {list-style: none; padding: 15px 0; margin: 0 0 0 0; background: url("/images/lefthand-menu-list-divider.jpg") 40% bottom no-repeat; text-indent: 30px;}
#left-hand-menu li a, #left-hand-menu li a:visited{background: transparent url("/images/lefthand-menu-list-arrow.gif") left 50% no-repeat; padding: 0 0 0 10px; text-decoration: none; color: #FFF;}
#left-hand-menu li a:hover{text-decoration: none; color: #92d3f4;}
#left-hand-menu li.first{padding: 0 0 20px 0;}
#left-hand-menu li.last{background: none;}


/* List and Details Pages */
div .title h3
{
	font-size: 16px;
	padding: 7px 10px 0px 10px;
	font-weight: bold;
	margin: 0;
}
div .title
{
	background: url(../images/panels/details-top.jpg) bottom no-repeat;
	width: 486px;
	height: 40px;
}
.details-panel b
{
	margin: 5px 0 5px 8px;
	float: left;
	width: 400px !important;
	width: 200px;
}
.details-panel p
{
	float: left;
	margin: 5px 8pt 20pt 8pt !important;
	width: 320px;
	line-height: 1.4em;
}
.details-panel img
{
	margin: 8px 0pt 14px 5px;
	vertical-align: bottom;
	
	float:right;
	
}
.details-panel
{
	float: left;
	display: block;
	position: relative;
	background: url(../images/panels/details-middle.jpg) repeat-y;
	width: 486px;
	height: auto !important;
	margin: 40px 30px 15px 30px !important;
	margin: 40px 20px 15px 20px;
}
.details-panel-container
{   
	float: left;
	background:url(../images/panels/details-bottom.jpg) bottom no-repeat;
	padding: 10px 10px 0 20px;
	width: 456px;
	margin: 0;
}
.details-panel a.sub
{
	margin: 0px 10pt 0pt 20px !important;
	background: url(../images/panels/folder.gif) no-repeat left center;
	padding: 12px 0 12px 40px;
	display: block;
	position: none;
	float: left;
	color: #0066CC;
	text-decoration: none;
}


div .title h3
{
	font-size: 16px;
	padding: 7px 10px 0px 10px;
	font-weight: bold;
	margin: 0;
}
div .title
{
	background: url(../images/panels/details-top.jpg) bottom no-repeat;
	width: 486px;
	height: 40px;
}
.list-panel b
{
	margin: 5px 0 5px 8px !important;
	margin: 5px 0 -30px 8px;
	float: left;
	width: 400px !important;
	width: 200px;
}
.list-panel p
{
	float: left;
	margin: 5px 8pt 5pt 5pt !important;
	margin: 5px 8px 25px 8px;
	width: 450px;
	line-height: 1.4em;
}
.list-panel img
{
	margin: 8px 0pt 14px 5px;
	vertical-align: bottom;
	float: left;
}
.list-panel
{
	float: left;
	display: block;
	position: relative;
	background: url(../images/panels/details-middle.jpg) repeat-y;
	width: 486px;
	height: auto !important;
	margin: 40px 30px 15px 30px !important;
	margin: 40px 20px 15px 20px;
}
.list-panel-container
{
	float: left;
	padding: 10px 10px 0 20px;
	width: 456px;
	margin: 0;
}
.list-panel a.sub
{
	margin: 0px 10pt 0pt 20px !important;
	background: url(../images/panels/arrow2-off.png) no-repeat right center;
	padding: 12px 15px 12px 0;
	display: block;
	position: none;
	float: right;
	color: #0066CC;
	text-decoration: none;
}
.list-panel a:hover.sub
{	
	background: url(../images/panels/arrow2.png) no-repeat right center;
	color: #fff;
	}
input.btn
{
	font-size: 11px;
	font-weight: 100;
	background-color: #1F9FDE;
	color: #FFF;
	border: 1px solid #4BABDD;
	filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#007CC2' ,EndColorStr= '#1F9FDE' );
}
input.btn:hover
{
	background-color: #007CC2;
	filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#1F9FDE' ,EndColorStr= '#007CC2' );
}

div.img{float:right; width:110px;}

#main-image{float: right;}

ol{margin: 20px 0 20px 0;}

	
.images2
{
	clear: left;
	float: right;
	margin: 15px 0 15px 15px;
}

.panel img {position:absolute; bottom: 35px; left: 76%; z-index:99;}


/* sb nov 2009 */
#leftcolumnDB {
	color: #333;
	height: 370px;
	width: 270px;
	float: left;
	padding-top: 10px;
	padding-left: 5px;
	margin-left: 10px;
	background-image: url(../images/eye_test.jpg);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 1.7em;
}
#contentDB {
	float: left;
	color: #333;
	height: 370px;
	width: 270px;
	display: inline;
	padding-top: 10px;
	padding-left: 0px;
	background-image: url(../images/contact_lens.jpg);
	background-repeat: no-repeat;
	margin-left: 35px;
	line-height: 1.7em;
}
#rightcolumnDB {
	color: #333;
	width: 270px;
	float: right;
	padding-top: 10px;
	padding-left: 10px;
	background-image: url(../images/vdu_test.jpg);
	background-repeat: no-repeat;
	line-height: 1.7em;
	margin-bottom: 10px;
	padding-bottom: 10px;
}