body{margin:auto;text-align:center;font-family:tahoma,arial,verdana;background-color:#ffffff;padding-bottom:10px}
#container{width:768px;margin:auto;text-align:left;border:1px solid #100080;background:url(../images/mainbg.gif) repeat-y}

body div#container h3{font-size:0.8em;color:#100080;font-weight:bold;padding-bottom:0px;margin-bottom:12px;margin-top:10px}
body div#container h1{font-size:0.8em;color:#100080;padding-bottom:0px;margin-bottom:12px}
body div#container h2{font-size:0.8em;color:#100080;padding-bottom:0px;margin-bottom:12px}

#maincontentcontainer{background:url(../images/mainbg.gif) repeat-y;width:768px}
#contentcontainer{background:url(../images/home_lhs.gif) no-repeat;min-height:550px;background-position:bottom left}

/* Fixes for the left hand side menu */
#contentcontainer{min-height:450px}
#designerframes #contentcontainer{min-height:490px}
#contactlenses #contentcontainer{min-height:550px}
#promotionaloffers #contentcontainer{min-height:460px}
#eyecare #contentcontainer{min-height:520px}
#eyewear #contentcontainer{min-height:500px}
#behaviouraloptometry #contentcontainer{min-height:545px}
#pricing #contentcontainer{min-height:450px}
#contact #contentcontainer{min-height:450px}

* html body #contentcontainer{height:450px}
* html body#designerframes #contentcontainer{height:490px}
* html body#contactlenses #contentcontainer{height:550px}
* html body#promotionaloffers #contentcontainer{height:460px}
* html body#eyecare #contentcontainer{height:520px}
* html body#eyewear #contentcontainer{height:515px}
* html body#behaviouraloptometry #contentcontainer{height:545px}
* html body#pricing #contentcontainer{height:450px}
* html body#contact #contentcontainer{height:450px}

#designerframes #contentcontainer{background:url(../images/designer_lhs.gif) no-repeat;background-position:bottom left} 
#contactlenses #contentcontainer{background:url(../images/contactlens_lhs.gif) no-repeat;background-position:bottom left}
#promotionaloffers #contentcontainer{background:url(../images/promo_lhs.gif) no-repeat;background-position:bottom left}
#eyecare #contentcontainer{background:url(../images/eyecare_lhs.gif) no-repeat;background-position:bottom left}
#eyewear #contentcontainer{background:url(../images/eyewear_lhs.gif) no-repeat;background-position:bottom left}
#behaviouraloptometry #contentcontainer{background:url(../images/behav_lhs.gif) no-repeat;background-position:bottom left}
#pricing #contentcontainer{background:url(../images/pricing_lhs.gif) no-repeat;background-position:bottom left}
#contact #contentcontainer{background:url(../images/contact_lhs.gif) no-repeat;background-position:bottom left}

#topcurve{background:url(../images/home_top.gif) no-repeat;width:768px;height:86px}
#designerframes #topcurve{background:url(../images/designer_top.gif) no-repeat}
#contactlenses #topcurve{background:url(../images/contactlens_top.gif) no-repeat}
#promotionaloffers #topcurve{background:url(../images/promo_top.gif) no-repeat}
#eyecare #topcurve{background:url(../images/eyecare_top.gif) no-repeat}
#eyewear #topcurve{background:url(../images/eyewear_top.gif) no-repeat}
#behaviouraloptometry #topcurve{background:url(../images/behav_top.gif) no-repeat}
#pricing #topcurve{background:url(../images/pricing_top.gif) no-repeat}
#contact #topcurve{background:url(../images/contact_top.gif) no-repeat}

body div#container div#menu{width:151px;float:left}
body div#container div#menu img{margin-top:3px;border:0;margin-left:9px}
body div#container div#menu ul{padding:0;margin:18px 0 15px 0;color:#ffffff;list-style:none;}
body div#container div#menu li{width:121px;margin-bottom:4px;color:#e8eaf6;}
body div#container div#menu li a{width:121px;color:#e8eaf6;text-decoration:none;display:block;padding:0;margin:0;font-size:0.7em;background-color:#010080;padding:2px 0 2px 15px}
body div#container div#menu li a:hover{color:#e8eaf6;text-decoration:underline}
html>body div#container div#menu img{margin-top:2px}
html>body div#container div#menu li{margin-bottom:4px;text-align:left}

body div#container div#menu li ul{margin:1px 0 -2px 15px;padding:0}
body div#container div#menu li ul li{background:url(../images/arrow.gif) 0px 5px no-repeat;margin:0 0 -2px 0}
body div#container div#menu li ul li a{background:none;color:#010080;width:105px;display:block}
body div#container div#menu li ul li a:hover{color:#010080}
 
#right{width:617px;float:left}	
#righttop{float:right;width:105px;overflow:hidden;height:80px}

body div#container div#righttop h1{color:#e8eaf6;text-align:right;margin-right:12px;margin-bottom:6px;margin-top:16px;font-size:0.75em;line-height:1.3em;font-weight:normal}
body div#container div#righttop h2{color:#e8eaf6;text-align:right;margin-right:12px;margin-bottom:6px;margin-top:16px;font-size:0.75em;line-height:1.3em;font-weight:normal}

html>body div#container div#top{padding-bottom:1px;}
body div#container div#content a,a:visited{color:#100080;text-decoration:none}
body div#container div#content a:hover{text-decoration:underline}

#right #content{float:left;width:379px;padding:0 0 0 12px;margin-top:-2px}
html>body #right #content ul li{margin-bottom:3px}
#right #content ul li a{text-decoration:underline!important}
#right #content ul li a:hover{text-decoration:none!important}
#right #content p{font-size:0.7em;color:#010080;margin:0 0 11px 0; line-height:1.5em}
#right #images{float:left;width:207px;margin:0px 0 0 19px}
#images #rightsideimage{background:url(../images/home_rhs.gif) no-repeat;height:230px;width:207px}
body#designerframes #images #rightsideimage{background:url(../images/designer_rhs.gif) no-repeat;height:230px;width:207px}
body#contactlenses #images #rightsideimage{background:url(../images/contactlens_rhs.gif) no-repeat;height:230px;width:207px}
body#promotionaloffers #images #rightsideimage{background:url(../images/promo_rhs.gif) no-repeat;height:230px;width:207px}
body#eyecare #images #rightsideimage{background:url(../images/eyecare_rhs.gif) no-repeat;height:230px;width:207px}
body#eyewear #images #rightsideimage{background:url(../images/eyewear_rhs.gif) no-repeat;height:230px;width:207px}
body#behaviouraloptometry #images #rightsideimage{background:url(../images/behav_rhs.gif) no-repeat;height:230px;width:207px}
body#pricing #images #rightsideimage{background:url(../images/pricing_rhs.gif) no-repeat;height:230px;width:207px}
body#contact #images #rightsideimage{background:url(../images/contact_rhs.gif) no-repeat;height:230px;width:207px}
html>body #images #rightsideimage{margin-top:-20px}

#appointmentform{width:207px}
#appointmentform h2{color:#fff!important;font-weight:normal;font-size:0.7em!important;background:#010080;margin:0;padding:6px 0 6px 11px!important}
#appointmentform h3{color:#fff!important;font-weight:normal;font-size:0.7em!important;background:#010080;margin:0!important;padding:6px 0 6px 11px!important}
#appointmentform p{font-size:0.7em;margin:0 0 10px 0;color:#010080;line-height:1.5em}
form#appointment{padding:6px 11px 11px 11px;margin:0}
form#appointment fieldset{border:0;margin:0 0 3px 0;padding:0}
form#appointment strong{color:#010080!important}
form#appointment label.normallabel{font-size:0.7em;display:block;float:left;width:80px;color:#010080;padding-top:3px}
form#appointment label.extralabel{font-size:0.7em;color:#010080;display:block;float:left;width:80px}
form#appointment input.textfield{width:101px;color:#010080;border:1px solid #010080;font-size:0.7em;padding:1px 0 1px 2px}
* html form#appointment input.textfield{width:98px}
form#appointment input.submitbutton{color:#fff;float:right;background:#010080;margin-top:0px;padding:0 3px 0 3px;font-size:0.7em}
form#appointment select{width:105px;color:#010080;margin-top:4px;font-size:0.7em}
* html form#appointment select{width:102px}

#contactform{width:250px!important;}
#contactform fieldset{border:0;margin-bottom:5px;padding:0}
#contactform label{color:#010080;font-size:0.7em;display:block;width:80px;float:left}
#contactform input.inputfield{color:#010080;font-size:0.7em;width:160px;float:left;border:1px solid #010080}
#contactform textarea{color:#010080;font-size:0.7em;font-family:tahoma;width:160px;float:left;border:1px solid #010080}
#contactform .formsubmitbutton{background:#010080;color:#fff;padding:0 3px;float:right;margin-right:5px}

body div#container div#images img{margin-top:20px;border:1px solid #100080!important; border-right:0;width:119px}
html>body div#container div#images{width:120px;padding-top:20px}
p#bookpara{float:left;color:#fff;font-size:0.8em;padding:5px 0 0 14px;background:url(../images/keithmurphylogotop2.gif) 9px 40px no-repeat;height:79px;margin:0}

body div#container div#footer{width:768px;background:url(../images/bottomcurve.jpg) #100080 no-repeat 0 0;padding-bottom:15px}
* html #footer{height:61px;padding-bottom:4px!important}
body div#container div#footer ul{margin:0 0 3px 0;padding:0 0 0 16px}
html>body div#container div#footer ul{padding-top:0}
body div#container div#footer div#bottomleft{width:384px;float:left}
body div#container div#footer div#bottomleft ul{margin-top:20px;text-align:left;list-style:none;}
html>body div#container div#footer div#bottomleft ul{}
body div#container div#footer div#bottomleft li{color:#e8eaf6;font-size:0.7em}
body div#container div#footer div#bottomleft li p{color:#e8eaf6}
body div#container div#footer div#bottomleft li p a{text-decoration:none;color:#e8eaf6;}
body div#container div#footer div#bottomleft li p a:hover{text-decoration:underline;color:#e8eaf6}
body div#container div#footer div#bottomright{width:383px;float:left;}
body div#container div#footer div#bottomright ul{text-align:right;list-style:none}
body div#container div#footer div#bottomright li{float:right;margin-right:7px;margin-top:47px;margin-left:10px;font-size:0.7em}
body div#container div#footer div#bottomright li a{color:#e8eaf6;text-decoration:none}
body div#container div#footer div#bottomright li a:hover{color:#e8eaf6;text-decoration:underline}
html>body div#container div#footer{height:50px;}
.clearer{clear:both}

body div#createdby{display:none;clear:both;margin:auto;text-align:center;text-align:left;width:772px;padding-bottom:5px;}
body div#createdby p{color:#100080;font-size:0.6em; margin-top:2px;margin-left:2px}
body div#createdby a{color:#100080; text-decoration:none;}
body div#createdby a:hover{color:#100080; text-decoration:underline}
body#home div#createdby{display:block}	

.loginerrorarea{font-weight:bold}
.edit{font-size:0.75em!important}

div#container h3{color:#100080;font-weight:normal!important}
div#container strong{color:#00904D}

/* Accessibility */
body#accessibility div#container div#content img{border:0}
body#accessibility div#container div#content ul{color:#100080;margin-left:32px;}
html>body#accessibility div#container div#content ul{padding:0 0 15px 30px;margin:0}
body#accessibility div#container div#content ul.accesskeys{margin-top:0;padding-top:0;list-style:none;padding-bottom:0}
body#accessibility div#container div#content ul.accesskeys li{margin:0;padding:0}
body#accessibility div#container div#content ul li{font-size:0.7em}
body#accessibility div#container div#content ul.accesskeys li{width:140px;float:left;margin-right:15px}
body#accessibility div#container div#content {margin-bottom:8px}
body#accessibility div#container div#content h3{margin-bottom:3px}

/* Sitemap */
body#sitemap div#container div#content a{text-decoration:none;color:#100080}
body#sitemap div#container div#content a:hover{text-decoration:underline}
body#sitemap div#container div#content ol{margin-top:0;padding-top:0;margin-left:23px; padding-left:6px}
html>body#sitemap div#container div#content ol{margin-top:0;padding-top:0}
body#sitemap div#container div#content ol li{font-size:0.7em;color:#100080;margin-top:5px;font-weight:bold}
body#sitemap div#container div#content ol li p{font-weight:normal}
body#sitemap div#container div#content ol li ol{margin-left:20px}
html>body#sitemap div#container div#content ol li ol{}
body#sitemap div#container div#content ol li ol li{font-size:1em;margin-top:3px;font-weight:normal}
body#sitemap div#container div#content ol li p{font-size:1em;margin-bottom:2px}
body#sitemap div.leftcol{width:50%; float:left}
body#sitemap div.rightcol{width:45%; float:left}
body#sitemap div.rightcol ol{padding-left:20px}
body#sitemap div.rightcol ol li{font-weight:normal!important}
.landingpagestext{display:none}

/* Login */
body#behaviouraloptometry div#container div#content fieldset{border:0;width:100px}
* html body#behaviouraloptometry div#container div#content fieldset{margin-bottom:-15px}
body#behaviouraloptometry div#container div#content label{font-size:0.7em;color:#010080}
body#behaviouraloptometry div#container div#content input{height:12px;width:140px;color:#010080;font-size:0.6em;margin-bottom:2px}
html>body#behaviouraloptometry div#container div#content input{height:12px;width:143px;color:#010080;font-size:0.6em;margin-bottom:0px}
* html body#behaviouraloptometry div#container div#content input{height:12px;width:145px;color:#010080;font-size:0.6em;margin-bottom:0px}
body#behaviouraloptometry div#container div#content button{margin-left:0;font-size:0.7em;border:1px solid #100080;background:#fff;margin-right:1px}
body#behaviouraloptometry div#container div#content ul.pdflist{margin:0;padding:0px;list-style:none}
body#behaviouraloptometry div#container div#content ul.pdflist li{padding-left:0px;background:url(../images/pdf.gif) 0 4px no-repeat;padding-top:0px;line-height:1.6em;width:197px;float:left}
body#behaviouraloptometry div#container div#content ul.pdflist li a{padding-left:30px;background:url(../images/pdf.gif) no-repeat;padding-top:5px;font-size:0.65em;padding-bottom:7px}
div#container div#content div.file{padding-left:30px;padding-top:4px;font-size:0.7em;padding-bottom:9px;background:url(../images/pdf.gif) no-repeat}
body#logout div#container div#content p{font-size:0.7em}

/* Pricing */
body#pricing div#container div#content{font-size:0.7em;color:#100080}
div#container div#content ul.pricelist{padding:0;margin:0;list-style:none;font-size:2.1em}
html>body div#container div#content ul.pricelist{padding-bottom:10px}
html>body div#container div#content ul.pricelist li{clear:both;margin:3px 0 3px 0}
body#pricing div#container div#content p{font-size:1em}
div#container p.description{margin:0 35px 0 0;width:250px;float:left;padding-right:20px}
div#container p.price{margin:0;width:100px;float:left}
body#pricing div#container div#content h3{font-size:1.1em}
body div#container h4{font-size:1em;color:#100080;font-weight:normal;padding-bottom:0px;margin-bottom:0px}
body#pricing div#container div#content h4{font-weight:bold!important;font-size:1em;margin-bottom:4px}
div#container a.moreprices{font-weight:bold;color:#100080}

body#optometrypricing div#container div#content{font-size:0.7em;color:#100080}
body#optometrypricing div#container div#content p{font-size:1em}
body#optometrypricing div#container div#content h3{font-size:1.1em}
body#optometrypricing div#container div#content h4{font-size:1em;margin-bottom:4px;font-weight:bold}
body#optometry div#container div#content h4{font-weight:bold;font-size:1.1em}

/* Eye Wear */
body div#container div#content ul{margin-top:0;padding-top:0}
body div#container div#content ul li{color:#100080;font-size:0.7em}
body#eyediseases div#container div.file{margin:-10px 0 5px 0}

/* Articles */
body.articles div#container div#content{font-size:0.7em;color:#100080}
body.articles div#container div#content h3{font-size:1.1em;}
body.articles div#container div#content ul.pdflist{font-size:2.1em}
body.articles div#container div#content p{margin:0;font-size:1em}

ul.designerlist{margin:0;padding:0;list-style:none}
ul.designerlist img{border:0}
ul.designerlist li{float:left;width:126px}

.optometryarticles h4{font-size:0.7em!important;font-weight:bold!important;padding-bottom:5px!important}
.optometryarticles div{width:185px;float:left;font-size:0.7em;margin-bottom:6px;display:block}
.optometryarticles p{float:left}

#content .error,
#appointmentform .error{font-size:0.7em;color:red}

.hompeageadverts{padding-bottom:10px}
.hompeageadverts ul{margin:0; padding:0; list-style:none}
.hompeageadverts ul li{width:123px; height:61px; float:left; margin:0 5px 0 0; padding-bottom:5px; line-height:1em}
.hompeageadverts ul li.ad1{background:url(../images/KM_1.jpg) no-repeat}
.hompeageadverts ul li.ad2{background:url(../images/KM_2.jpg) no-repeat}
.hompeageadverts ul li.ad3{background:url(../images/KM_3.jpg) no-repeat; margin-right:0}
.hompeageadverts ul li.ad4{background:url(../images/KM_4.jpg) no-repeat}
.hompeageadverts ul li.ad4 a{padding-top:5px!important}
.hompeageadverts ul li.ad4  span.morelink{font-size:0.9em; padding-left:6px; padding-top:3px; display:block}
.hompeageadverts ul li.ad5{background:url(../images/KM_5.jpg) no-repeat}
.hompeageadverts ul li.ad6{background:url(../images/KM_6.jpg) no-repeat; margin-right:0}
#right #content .hompeageadverts ul li a{display:block; height: 58px; width:114px; color:#fff!important; text-decoration:none!important; padding:11px 0 0 9px; font-size:1em}
.hompeageadverts ul li span.morelink{font-size:0.9em; padding-left:4px; padding-top:9px; display:block}
.hompeageadverts ul li span.kidslink{font-size:0.9em; color:#4F576E}

/* centered images are wrapped by a div */
/* images - images come in three types, float left, float right and centered */
img.left{float: left; margin: 0 10px 10px 0;}
img.right{ float: right; margin: 0 0 10px 10px;}
div.centeredimagewrapper{ text-align: center;}
img.center{float: none;}

/* files are anchor tags that have the class "file", and a further class that identifies the file extension */
a.file{display: block; padding: 5px 4px 2px 28px; }
a.mp3{background-image:url(../images/mp3.gif); background-repeat: no-repeat;background-position: left; }
a.doc{background-image:url(../images/doc.gif); background-repeat: no-repeat; background-position: left; }
a.rtf{background-image:url(../images/rtf.gif); background-repeat: no-repeat;background-position: left; }
a.ppt{background-image:url(../images/ppt.gif); background-repeat: no-repeat;background-position: left; }
a.pdf{background-image:url(../images/pdf.gif); background-repeat: no-repeat; background-position: left; }
a.xls{background-image:url(../images/xls.gif); background-repeat: no-repeat;background-position: left; }

.award {padding:0 0 175px 0;margin:-13px 0 0 -4px}

/*Underline Links*/
a.dottedunderline {text-decoration:none!important;  border-bottom:1px dotted #010080!important;}
a:hover.dottedunderline  {border:none!important;}
a.boldunderline {font-weight:bold;text-decoration:underline!important}
a.boldunderline:hover {text-decoration:none!important}
a.underline {text-decoration:underline!important}
a.underline:hover {text-decoration:none!important}