html, body { padding: 0; margin: 0; }

body {
        font-family:Arial, Helvetica, sans-serif;
        color: #333;
        background-color:#0099ff;
        background:url(images/backgroundblackblue.jpg) repeat-x #E9E9E9;

        }

body.cms {
        background-color:#ccc;
        background:none;
        }

body.fsmall {
        font-size:12px;
        }

body.fdefault {
        font-size:14px;
        }

body.flarge {
        font-size:16px;
        }


/* Holder for whole page */
#wrap {
        width: 722px;
        margin:0px auto;
        background:#fff;
            /* background-image:url(images/topcurve.jpg); */
 clear:both;       background-repeat:no-repeat;
        background-position:0px 0px;
        overflow-x: hidden;
        }

body.cms #wrap {
        background:none;
        }

/* Media login & alternate CSS */
#masthead {
        width:682px;
        padding:11px 20px 0 20px;
        margin:0px auto;
        }

#mastheadleft {
        text-align:left;
        float:left;
}

#mastheadright {
        text-align:right;
}

#masthead a {
        display: inline;
        background-image:url(images/bigbluebullet.gif);
        background-repeat:no-repeat;
        background-position:center left;
        padding-left:10px;
        font-size:10px;
        font-weight:bold;
        color:#000;
        text-decoration:none;
        }

#masthead a.big {
        font-size:11px;
        }

#masthead a.bigger {
        font-size:12px;
        }

#mastheadright a {
        padding-right: 4px;
        }

/* Logo and titles */
#headerfront {
        width:682px;
        height:101px;
        background-image:url(images/backgroundHEADER.jpg);
        background-repeat:no-repeat;
        color:#fff;
        margin:0 0 3px 20px;
        clear:both;
        text-align:right;
        }

#headerpress {
        width:682px;
        height:101px;
        background-image:url(images/backgroundHEADER.jpg);
        background-repeat:no-repeat;
        color:#fff;
        margin:0 0 3px 20px;
        clear:both;
        text-align:right;
        }

#optomheader {
        width:682px;
        height:101px;
        background-image:url(images/optomHEADER.gif);
        background-repeat:no-repeat;
        color:#fff;
        margin:0 0 3px 20px;
        clear:both;
        text-align:right;
        }

#headershortsight {
        width:682px;
        height:101px;
        background-image:url(images/orangeheader.gif);
        background-repeat:no-repeat;
        color:#fff;
        margin:0 0 3px 20px;
        clear:both;
        text-align:right;
        }

#header {
        width:682px;
        height:101px;
        background-image:url(images/backgroundHEADER.jpg);
        background-repeat:no-repeat;
        color:#fff;
        margin:0 0 3px 20px;
        clear:both;
        text-align:right;
        }

#404header {
        width:682px;
        height:101px;
        background-image:url(http://www.focusclinics.com/images/backgroundHEADER.jpg);
        background-repeat:no-repeat;
        color:#fff;
        margin:0 0 3px 20px;
        clear:both;
        text-align:right;
        }

#headerleft {
        width:93px;
        float:left;
        margin:9px 0 0 0;
        }


#headerright {
        width:550px;
        float:right;
        display:inline;
        padding:17px 17px 0 0;
        }

#headerfront h1, #headerfront h3 {
        margin:0;
        padding:0;
        }

#headerfront h1 {
        font-size:24px;
        padding-right:10px;
        letter-spacing:-1px;
        }

#headerfront h3 {
        font-size:19px;
        font-weight:normal;
        padding: 8px 10px 41px 0;
        letter-spacing:-1px;
        }

* html #headerfront h1 {
        font-size:28px;
        }

* html #headerfront h3 {
        font-size:18px;
        padding: 5px 5px 40px 0;
        }

/* Eye SWF and Sign up box */
#centre {
        width:682px;
        height:170px;
        background-position:right;
        background-repeat:no-repeat;
        margin:0 0 0 20px;
        }

#centreright input {
        border:0;
        height:17px;
        margin-bottom:5px;
        margin-top:3px;
        margin-left:0;
        }

#underswf {
        width:682px;
        height:42px;
        color:#fff;
        background:url(images/bottomform.gif) no-repeat;
        margin:0 0 3px 20px;
        }

#reportform {
        padding:2px 0 0 0;
        }

#reportform form {
        display:block;
        margin:10px 0 0 157px;
        }

#reportform input.entry {
        border:3px solid #008ADA;
        width:89px;
        height:13px;
        margin-left:0;
        font-size:12px;
        }

#reportform input.emailentry {
        border:3px solid #008ADA;
        width:130px;
        height:13px;
        margin-left:0;
        font-size:12px;
        }

#reportform a {
        color:#ffffff;
        text-decoration:underline;
        }

#reportform input.sendbutton {
        width:27px;
        height:19px;
        background:url(images/go.gif);
        border:0;
        }

/* Subpage form */
#subform {
        padding:5px 0 0 0;
        font-size:10px;
        }

#subform form {
        display:block;
        margin:0 0 0 0;
        }

/* Main navigation */
#nav {
        width:682px;
        height:19px;
        background-image:url(images/topcurveimage.jpg);
        background-repeat:no-repeat;
        background-position:top;
        color:#fff;
        font-size:10px;
        text-align:center;
        line-height:17px;
        margin:0 0 0 20px;
        }

#landingnav {
        width:722px;
        height:18px;
        background-image:url(images/underMenuBG.gif);
        background-repeat:no-repeat;
        background-position:top;
        color:#fff;
        margin-left:15px;
        margin-bottom:3px;
        font-size:10px;
        text-align:center;
        line-height:17px;
        }

#nav ul, #landingnav ul {
        margin:0;
        padding:0;
        }

#nav li, #landingnav li {
        padding-right:4px;
        display:inline;
        }

#nav #currentpage a, #landingnav #currentpage a {
        text-decoration:underline;
        }

#nav a, #nav a:visited, #landingnav a, #landingnav a:visited {
        color:#fff;
        text-decoration:none;
        }

#nav a:hover, #landingnav a:hover {
        color:#fff;
        text-decoration:underline;
        }

/* Container for 3-column layout */
#outer {
        border-left: solid 100px #fff; /* color of the left column  */
        border-right: solid 0px #fff; /* color of the right column  */
        background-color: #ffffff; /* color of the content column */
        margin:0 20px 0 20px;
}

#inner {margin:0px; width:100%; } /* The ie/pc pecularity */
#maincontent { position: relative;  margin: 0px;  }
#maincontent p { line-height:20px; font-size:12px; }
#maincontent ul { padding-left:14px; line-height:20px; }
#maincontent h4 { font-size:14px; }

ul.treatments {
        margin:0;
        padding:0 0 0 19px;
        }



/* Sub navigation in left column */
#subnav {
width:100px;
float:left;
position:relative;
margin-left:-100px;
margin-right:1px;
font-size:10px;
}


#subnav2 ul {
        padding:1px;
        margin:0;
        }

#subnav2 ul li {
        background:url(images/blueBullet.jpg);
        background-repeat:no-repeat;
        background-position:2px 6px;
        list-style:none;
        padding:3px 0 3px 10px;
        border-bottom:1px dotted #ccc;
        position:relative;
        }

#subnav2 #currentsubpage a {
        color:#FF0000;
        }

#subnav2 ul li a {
        font-weight:bold;
        color:#333;
        text-decoration:none;
        }

#subnav2 ul li a:hover {
        color:#FF0000;
        text-decoration:none;
        }

/* Centre column */
#maincontent {
        padding:0 10px 0 10px;
        }

#maincontentpic {
        padding:0;
        margin:0;
        }

#maincontentpic img {
        padding:5px 0 0 0;
        }

#maincontentpic h1 {
        font-size:22px;
        margin:0;
        padding:0 0 0 4px;
        color:#666;
        font-weight:bold;
        line-height:12px;
        letter-spacing:-1px;
        }

#maincontentpic h2 {
        color:#0083D7;
        letter-spacing:-1px;
        margin:0;
        padding:0 0 0 4px;
        font-size:22px;
        }

#maincontentpic h2 a {
        color:#0083D7;
        }

#maincontentpic h2 a:hover {
        text-decoration:none;
        }

#maincontentpic h2 a:visited {
        color:#0083D7;
        }

#maincontent h2 {
        /*margin:1px 0 3px 0;
        padding:1px 0 1px 0;*/
        color:#0083D7;
        letter-spacing:-1px;
        margin:0;
        padding:0;
        font-size:22px;
        }

#maincontent h2 a {
        color:#0083D7;
        }

#maincontent h2 a:hover {
        text-decoration:none;
        }

#maincontent h2 a:visited {
        color:#0083D7;
        }

#maincontent h1 {
        font-size:22px;
        margin:0;
        padding:0;
        color:#666;
        font-weight:bold;
        line-height:12px;
        letter-spacing:-1px;
        }

#maincontent h1 a {
        color:#666;
        }

#maincontent h1 a:hover {
        text-decoration:none;
        }

#maincontent h1 a:visited {
         color:#666;
         }

#maincontent h3 {
        font-size:18px;
        margin:0;
        padding:15px 0 15px 0;
        color:#666;
        font-weight:bold;
        line-height:12px;
        letter-spacing:-1px;
        }

#maincontent a, #maincontentpic a {
        color:#0083D7;
        text-decoration:none;
        }

#maincontent a:hover, #maincontentpic a:hover {
        text-decoration:underline;
        }

#maincontent a:visited, #maincontentpic a:visited {
        color:#0083D7;
        }

/* Right column */
#rightcol {
width:0px;
float:right;
height:280px;
position:relative;
margin-right:0px;
margin-left:1px;
font-size:12px;
text-align:right;
}

#rightcolreading {
width:140px;
float:right;
height:280px;
position:relative;
margin-right:-140px;
margin-left:1px;
font-size:12px;
text-align:right;
}

table.bordered {
        border-top:1px dashed #999;
        border-bottom:1px dashed #999;
        margin-top:5px;
        padding:3px 0 3px 0;
        }

a.blue {
        text-decoration:none;
        color:#666;
        background-image:url(images/blueBullet.jpg);
        background-repeat:no-repeat;
        background-position:2px 5px;
        padding:0 0 0 12px;
        }

#rightcol a:hover {
        text-decoration:underline;
        }

#rightcol p {
        padding:0;
        margin:0;
        text-align:center;
        }

/* Front page central three menu items */

#middle {
        width:682px;
        padding:3px 0 0 0;
        margin:0 0 0 20px;
        font-size:12px;
}

#middleboxes {
        width:682px;
        padding:3px 0 0 0;
        margin:0 0 0 20px;
        font-size:12px;
        clear:both;
}

#middlebottom {
        width:682px;
        padding:0 0 0 0;
        margin:0 0 0 20px;
}

#middlegloss {
        width:722px;
        padding:3px 0 40px 0;
        margin:0 20px 0 20px;
}

#middle ul {
        width:682px;
        list-style:none;
        float:left;
        padding:0;
        margin:0 0 0 0;
        }

#middle ul li {
        display:inline;
        }

#middle ul li.gap {
        background:none;
        width:3px;
        float:left;
        }

#middle ul li.mid1 a {
        width:223px;
        height:38px;
        float:left;
        background:url(images/middle1.jpg);
        background-repeat:no-repeat;
        }

#middle ul li.mid1 a:hover {
        background-position:-223px 0px;
        text-decoration:none;
        }

#middle ul li.mid2 a {
        width:226px;
        height:38px;
        background:url(images/middle2.jpg);
        background-repeat:no-repeat;
        float:left;
        display:inline;
        }

#middle ul li.mid2 a:hover {
        background-position:-226px 0px;
        text-decoration:none;
        }

#middle ul li.mid3 a {
        width:226px;
        height:38px;
        background:url(images/middle3.jpg);
        background-repeat:no-repeat;
        float:left;
        }

#middle ul li.mid3 a:hover {
        background-position:-226px 0px;
        text-decoration:none;
        }

#contentfront {
        width:722px;
        padding:3px 0 0 0;
        margin:0 20px 0 20px;
}

table.middletable {
        width:682px;
        padding:0;
        margin:2px 0 0 0;
}

td.scroll {
        background:url(images/scrollbox.jpg) no-repeat;
        width:166px;
        padding:13px 0 0 10px;
        margin:0;
        }

td.scroll a {
        color:#0083D7;
        font-weight:bold;
        text-decoration:none;
        }

td.scroll a:hover {
        text-decoration:underline;
        }

td.scroll img {
        margin:0 0 8px 0;
        }

td.middle {
        background:url(images/scrollbox.jpg) no-repeat;
        width:166px;
        padding:12px 0 0 10px;
        margin:0 3px 0 0;
        }

td.middle a {
        color:#0083D7;
        font-weight:bold;
        text-decoration:none;
        }

td.middle a:hover {
        text-decoration:underline;
        }

/* New liquid curved corners solution */

.holder {
        width:166px;
        float:left;
        padding:4px 2px 0 2px;
        }

.holderscroll {
        background:url(images/scrollbox.jpg) no-repeat;
        width:166px;
        height:186px;
        overflow:hidden;
        float:left;
        padding:7px 2px 4px 7px;
        margin:4px 0 0 0;
        }

/* ------------------- Features ------------------- */

#my-glider {
        width:146px;
        height:180px;
        margin:0;
        padding:0;
        }

#my-glider .scroller {
        width:146px;
        height:170px;
        overflow: hidden;
        margin:0;
        padding:0;
        }

#my-glider .scroller .section {
        width:146px;
        height:170px;
        overflow: hidden;
        margin:0;
        padding:0;
        }

#my-glider .scroller .content {
        width: 10000px;
        }

/* -------------------------------------- */

.top-left {

margin-right: 10px; /* clip right corner */
background-image: url('images/cc.png');
height: 10px; /* vertical: show first half of the image with the top-corners in it */
font-size: 2px; /* correct height for IE */
}

.top-right {

margin-top: -10px; /* to level of top-left corner */
margin-left: 10px; /* clip left corner */
background-image: url('images/cc.png');
background-position: 100% 0; /* show bg-image starting at the right */
height: 10px;
font-size: 2px;
}

.bottom-left {

margin-right: 10px; /* clip right corner */
background-image: url('images/cc.png');
background-position: 0 -10px; /* show under half of the image */
height: 10px;
font-size: 2px;
}

.bottom-right {

margin-top: -10px; /* to level of bottom-left corner */
margin-left: 10px; /* clip left corner */
background-image: url('images/cc.png');
background-position: 100% -10px; /* under half, right side */
height: 10px;
font-size: 2px;
}

.inside {

border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
background: #fff;
color: #000000;
padding-left: 9px;
padding-right: 9px;
}

.notopgap {
margin-top: 0;
}

.nobottomgap {
padding-bottom: 0;
margin-bottom: 0;
}

.holder h4 {
        font-size:12px;
        font-weight:bold;
        background:url(images/blueBullet.jpg);
        background-repeat:no-repeat;
        background-position:center left;
        padding:0 0 0 10px;
        margin: 0;
        text-align:left;
        }

.holder img {
        padding:0 0 9px 0;
        }

.holder a {
        color:#0083D7;
        font-weight:bold;
        text-decoration:none;
        }

.holder a:hover {
        text-decoration:underline;
        }

#frontboxnav {
        margin:0 0 15px 0;
        }

#frontboxnav a {
        font-size:12px;
        font-weight:bold;
        background:url(images/blueBullet.jpg);
        background-repeat:no-repeat;
        background-position:center left;
        padding:0 0 0 10px;
        color:#333;
        text-decoration:none;
        }

#frontboxnav a:hover {
        text-decoration:underline;
        }

a.frontnews {
        width:146px;
        height:55px;
        float:left;
        background:url(images/frontnews.gif);
        background-repeat:no-repeat;
        padding-bottom:9px;
        background-position:-146px 0px;
        }

a.frontnews:hover {
        background-position:-146px 0px;
        }

a.fronttest {
        width:146px;
        height:55px;
        float:left;
        background:url(images/fronttest.gif);
        background-repeat:no-repeat;
        padding-bottom:9px;
        background-position:-146px 0px;
        }

a.fronttest:hover {
        background-position:-146px 0px;
        }

a.frontceleb {
        width:146px;
        height:55px;
        float:left;
        background:url(images/frontceleb.gif);
        background-repeat:no-repeat;
        padding-bottom:9px;
        background-position:-146px 0px;
        }

a.frontceleb:hover {
        background-position:-146px 0px;
        }

a.frontlearn {
        width:146px;
        height:55px;
        float:left;
        background:url(images/frontlearn.gif);
        background-repeat:no-repeat;
        padding-bottom:9px;
        background-position:-146px 0px;
        }

a.frontlearn:hover {
        background-position:-146px 0px;
        }

/* Box to hold right column sign up info */
.rightcolbox {
        width:140px;
        padding:6px;
        margin:0;
        /*background:url(images/rightcolbox.png);
        background-repeat:no-repeat;
        background-position:4px 0px;*/
        }

.rightcolbox h4 {
        font-size:12px;
        font-weight:bold;
        background:url(images/blueBullet.jpg);
        background-repeat:no-repeat;
        background-position:2px 5px;
        padding:0 0 0 10px;
        margin: 0;
        text-align:left;
        }

.rightcolboxtemp {
        width:140px;
        height:280px;
        padding:0 0 0 5px;
        margin:0;
        background:url(images/rightcolbox.png);
        background-repeat:no-repeat;
        }

.rightcolboxtemp h4 {
        font-size:11px;
        font-weight:bold;
        background:url(images/blueBullet.jpg);
        background-repeat:no-repeat;
        background-position:2px 4px;
        padding:0 0 3px 10px;
        margin: 0;
        text-align:left;
        }

/* Front-page content below news */

p.frontcontent {
        display:inline;
        }

h1.frontcontent {
        font-size:12px;
        font-weight:normal;
        margin:0;
        padding:0;
        display:inline;
        }

#contentleft {
        width:330px;
        float:left;
        padding-top:5px;
        margin-bottom:10px;
        }

#contentleft a {
        color:#0083D7;
        font-weight:bold;
        text-decoration:none;
        }

#contentright {
        width:330px;
        float:right;
        display:inline;
        padding-top:5px;
        margin:0 0 0 0;
        }

#contentright a {
        color:#0083D7;
        font-weight:bold;
        text-decoration:none;
        }

#contentright a:hover {
        text-decoration:underline;
        }

/* Footer */
#footer {
        width:682px;
        height:33px;
        background-image:url(images/backgroundFOOTER.jpg);
        background-repeat:no-repeat;
        color:#fff;
        margin:13px 0 0 20px;
        clear:both;
        text-align:center;
        line-height:30px;
        font-size:18px;
        font-weight:bold;
        }

#404footer {
        width:722px;
        height:33px;
        background-image:url(http://www.focusclinics.com/images/backgroundFOOTER.jpg);
        background-repeat:no-repeat;
        color:#fff;
        margin:13px 20px 0 20px;
        clear:both;
        text-align:center;
        line-height:30px;
        font-size:18px;
        font-weight:bold;
        }

#footerpress {
        width:722px;
        height:33px;
        background-image:url(images/footerpress.gif);
        background-repeat:no-repeat;
        color:#fff;
        margin:13px 20px 0 20px;
        clear:both;
        text-align:center;
        line-height:30px;
        font-size:18px;
        font-weight:bold;
        }

#footershortsight {
        width:722px;
        height:33px;
        background-image:url(images/orangefooterbg.gif);
        background-repeat:no-repeat;
        color:#fff;
        margin:13px 20px 0 20px;
        clear:both;
        text-align:center;
        line-height:30px;
        font-size:18px;
        font-weight:bold;
        }

/* Text navigation below footer */
#lowernav {
        padding-top:6px;
     
        text-align:center;
        color:#666;

		background-repeat: no-repeat;	
        background-position:0px 62px;
      
        }

#lowernav a {
        color:#666;
        text-decoration:none;
        }

#lowernav a:hover {
        color:#666;
        text-decoration:underline;
        }

/* *********************** */
/* SHORTSIGHT PAGE STYLING */
/* *********************** */

#shortsightright {
        color:#fff;
        font-weight:bold;
        width:132px;
        height:171px;
        }

#shortsightright p {
        font-size:16px;
        padding:10px 5px 0 5px;
        text-align:center;
        }

#shortsightcontent { position: relative;  margin: 0px; }

#shortsightcontent {
        padding:0 10px 0 10px;
        }

#shortsightcontent h1 {
        color:#FF6600;
        letter-spacing:-1px;
        margin:0;
        padding:0;
        }

#shortsightcontent h2 {
        color:#666;
        font-weight:bold;
        letter-spacing:-1px;
        margin:0;
        padding:0 0 10px 0;
        font-size:16px;
        }

#shortsightcontent h2 a {
        color:#666;
        text-decoration:none;
        }

#shortsightcontent h2 a:hover {
        text-decoration:underline;
        }

#shortsightnav {
        width:500px;
        margin:0;
        padding:0;
        }

#shortsightblurb a {
        color:#FF6600;
        text-decoration:none;
        }

#shortsightblurb a:hover {
        text-decoration:underline;
        }

#shortsightnav ul {
        width:500px;
        list-style:none;
        float:left;
        padding:0;
        margin:0 0 50px 0;
        }

#shortsightnav ul li {
        display:inline;
        }

#shortsightnav ul li a {
        color:#666;
        font-weight:bold;
        text-decoration:none;
        }

#shortsightnav ul li.one a {
        width:86px;
        height:86px;
        float:left;
        background:url(images/ssone.gif);
        background-repeat:no-repeat;
        }

#shortsightnav ul li.two a {
        width:86px;
        height:86px;
        float:left;
        background:url(images/sstwo.gif);
        background-repeat:no-repeat;
        }

#shortsightnav ul li.three a {
        width:86px;
        height:86px;
        float:left;
        background:url(images/ssthree.gif);
        background-repeat:no-repeat;
        }

#shortsightnav ul li.four a {
        width:86px;
        height:86px;
        float:left;
        background:url(images/ssfour.gif);
        background-repeat:no-repeat;
        }

#shortsightnav ul li.five a {
        width:86px;
        height:86px;
        float:left;
        background:url(images/ssfive.gif);
        background-repeat:no-repeat;
        }

#shortsightnav ul li a:hover {
        background-position:-86px 0px;
        color:#FF6600;
        text-decoration:none;
        }

#shortsightnav ul li.gap {
        background:none;
        width:11px;
        float:left;
        }

#shortsightnav p {
        padding:90px 0 0 0;
        margin:0;
        }

#shortsightnav #currentpage a {
        background-position:-86px 0px;
        }

#shortsightblurb {
        clear:left;
        margin:40px 0 0 0;
        }

#shortsightpic {
        float:left;
        }

#shortsightpic p {
        padding:0;
        margin:0 5px 0 0;
        }

#shortsightright {
        float:right;
        }

#shortsightnext {
        float:right;
        margin:10px 0 10px 0;
        }

#shortsightnext a {
        background-image:url(images/orangeBullet.jpg);
        background-repeat:no-repeat;
        background-position:2px 5px;
        padding:0 0 0 12px;
        text-decoration:none;
        color:#666;
        font-weight:bold;
        }

#shortsightnext a:hover {
        text-decoration:underline;
        }



/* *********************** */
/* READING PAGE STYLING */
/* *********************** */

#readingright {
        color:#fff;
        font-weight:bold;
        width:132px;
        height:171px;
        }

#readingright p {
        font-size:16px;
        padding:10px 5px 0 5px;
        text-align:center;
        }

#readingcontent { position: relative;  margin: 0px; }

#readingcontent {
        padding:0 10px 0 10px;
        }

#readingcontent h1 {
        color:#0083D7;
        letter-spacing:-1px;
        margin:0;
        padding:0;
        }

#readingcontent h2 {
        color:#666;
        font-weight:bold;
        letter-spacing:-1px;
        margin:0;
        padding:0 0 10px 0;
        font-size:16px;
        }

#readingcontent h2 a {
        color:#666;
        text-decoration:none;
        }

#readingcontent h2 a:hover {
        text-decoration:underline;
        }

#readingblurb a {
        color:#0083D7;
        text-decoration:none;
        }

#readingblurb a:hover {
        text-decoration:underline;
        }

#readingnav {
        width:500px;
        margin:0;
        padding:0;
        }

#readingnav ul {
        width:500px;
        list-style:none;
        float:left;
        padding:0;
        margin:0 0 50px 0;
        }

#readingnav ul li {
        display:inline;
        }

#readingnav ul li a {
        color:#666;
        font-weight:bold;
        text-decoration:none;
        }

#readingnav ul li.one a {
        width:86px;
        height:86px;
        float:left;
        background:url(images/rone.gif);
        background-repeat:no-repeat;
        }

#readingnav ul li.two a {
        width:86px;
        height:86px;
        float:left;
        background:url(images/rtwo.gif);
        background-repeat:no-repeat;
        }

#readingnav ul li.three a {
        width:86px;
        height:86px;
        float:left;
        background:url(images/rthree.gif);
        background-repeat:no-repeat;
        }

#readingnav ul li.four a {
        width:86px;
        height:86px;
        float:left;
        background:url(images/rfour.gif);
        background-repeat:no-repeat;
        }

#readingnav ul li.five a {
        width:86px;
        height:86px;
        float:left;
        background:url(images/rfive.gif);
        background-repeat:no-repeat;
        }

#readingnav ul li a:hover {
        background-position:-86px 0px;
        color:#0083D7;
        text-decoration:none;
        }

#readingnav ul li.gap {
        background:none;
        width:11px;
        float:left;
        }

#readingnav p {
        padding:90px 0 0 0;
        margin:0;
        }

#readingnav #currentpage a {
        background-position:-86px 0px;
        }

#readingblurb {
        clear:left;
        margin:40px 0 0 0;
        }

#readingpic {
        float:left;
        }

#readingpic p {
        padding:0;
        margin:0 5px 0 0;
        }

#readingright {
        float:right;
        }

#readingnext {
        float:right;
        margin:10px 0 10px 0;
        }

#readingnext a {
        background-image:url(images/blueBullet.jpg);
        background-repeat:no-repeat;
        background-position:2px 5px;
        padding:0 0 0 12px;
        text-decoration:none;
        color:#666;
        font-weight:bold;
        }

#readingnext a:hover {
        text-decoration:underline;
        }

/** SITEMAP STYLING **/

#sitemap {
        margin-left:-70px;
        }

#sitemap a {
        color:#666;
        text-decoration:none;
        }

#sitemap a:hover {
        text-decoration:underline;
        }

/* *********************** */
/* NEWS PAGES STYLING      */
/* *********************** */

#newsouter {
border-right: solid 140px #fff; /* color of the right column  */
background-color: #ffffff; /* color of the content column */
margin:0 20px 0 20px; }

#newsinner {margin:0px; width:100%; } /* The ie/pc pecularity */
#newscontent { position: relative;  margin: 0px; line-height:20px; }

#newscontent {
        padding:0 10px 0 10px;
        }

#newscontent h1 {
        color:#0083D7;
        letter-spacing:-1px;
        margin:0;
        padding:0;
        display:inline;
        }

#newscontent a {
        font-weight:bold;
        color:#333;
        text-decoration:none;
}

#newscontent a:hover {
        text-decoration:underline;
        }

.newsdate {
        font-weight:bold;
        color:#333;
        }

.headline {
        font-weight: bold;
        color:#666;
        }

.testimonial {
        padding:10px 0 10px 0;
        border-bottom:1px dashed #999;
        }

.testimonialhead {
        padding:10px 0 6px 0;
        }

.testimg {
        float:left;
        padding:0 14px 0 0;
        }

.testhead {
        color:#666;
        font-size:24px;
        font-weight:bold;
        letter-spacing:-1px;
        padding:0;
        margin:0;
        }

a.testarchive {
        font-size:14px;
        font-weight:bold;
        }

.article p {
        margin:0;
        padding:0;
        }

table.borderedbottom {
        border-bottom:1px dashed #999;
        padding:0 0 15px 0;
        margin:12px 0 5px 0;
        }


td.img {
        margin:0;
        padding:0 4px 0 0;
        }

td.noimg {
        margin:0;
        padding:0;
        }

.thumb {
        height: 100px;
        width: 100px;
        overflow: hidden;
        background-position: center center;
        border: 0px;
        background-repeat:no-repeat;
        }

/* *********************** */
/* RESOURCE CENTRE STYLING */
/* *********************** */

/* Resource header */
#resourceheader {
        width:688px;
        height:109px;
        background-image:url(images/resourceheader.gif);
        background-repeat:no-repeat;
        color:#fff;
        margin-bottom:3px;
        clear:both;
        text-align:right;
        }


#resourceheader h1, #resourceheader h3 {
        margin:0;
        padding:0;
        }

#resourceheader h1 {
        font-size:24px;
        padding-right:9px;
        }

#resourceheader h3 {
        font-size:16px;
        padding: 5px 9px 48px 0;
        }

* html #resourceheader h1 {
        font-size:28px;
        }

* html #resourceheader h3 {
        font-size:18px;
        padding: 5px 9px 40px 0;
        }


/* Resource centre top form */

#resourcetopform {
        font-size:12px;
        font-weight:bold;
        color:#444;
        }

#resourcetopform form {
        margin:0;
        padding:0;
        }

#resourcetopform input {
        border:solid 1px #999;
        height:17px;
        margin-top:8px;
        margin-left:0;
        }

#resourcetopform .sendbutton {
        height:22px;
        }

#resourcetopform a {
        color:#444;
        text-decoration:underline;
        }

#resourcetopform a:hover {
        text-decoration:none;
        }

#resourcetopform a:visited {
        color:#444;
        }

#resourcetitle h1 {
        font-size:14px;
        padding:0 0 7px 0;
        margin:0;
        }

#resourcetitle p {
        padding:0 0 6px 0;
        margin:0;
        }

#resourcetitle a {
        font-size:14px;
        padding:0 0 7px 0;
        margin:0;
        color:#333;
        text-decoration:none;
        font-weight:bold;
        }

#resourcetitle a:hover {
        text-decoration:underline;
        }

/* Resource centre grey nav buttons */
#resourcenav {
        width:682px;
        margin:0;
        padding:0;
        }

#resourcenav ul {
        /*width:682px; */
        list-style:none;
        float:left;
        padding:0;
        margin:0;
        }

#resourcenav ul li {
        display:inline;
        }

#resourcenav ul li a {
        width:127px;
        height:42px;
        float: left;
        background:url(images/resourcenav.gif);
        color:#333;
        font-weight:bold;
        text-decoration:none;
        /* text-align:center; */
        font-size:11px;
        position:relative;
        }

#resourcenav ul li a:hover {
        background-position:127px;
        color:#fff;
        text-decoration:none;
        }

#resourcenav p {
        padding:4px 4px 0 8px;
        margin:0;
        }

#resourcenav ul li.gap {
        background:none;
        width:11px;
        float:left;
        }

#resourcenav a.currentpage {
        background-position:127px;
        color:#fff;
        text-decoration:none;
        }

.resourcebutton {
        padding:0;
        margin:0;
        }

/* Resource centre dotted separator */
.separator {
        background:url(images/dot.gif);
        background-repeat:repeat-x;
        height:18px;
        width:100%;
        clear:both;
        }

/* Resource landing page large background */
#resfront {
        background:url(images/reslanding.gif);
        height:409px;
        width:688px;
        display:block;
        clear:both;
        /*border-top:dotted 3px #666;
        margin-top:10px; */
        }

/* Resource centre lower navigation to main Focus pages */
#resourcelowernav {
        width:682px;
        height:18px;
        color:#444;
        margin-bottom:3px;
        padding-top:6px;
        font-size:10px;
        text-align:center;
        line-height:17px;
        clear:both;
        }

#resourcelowernav ul {
        margin:0;
        padding:0;
        }

#resourcelowernav li {
        padding-right:4px;
        display:inline;
        }

#resourcelowernav a, #resourcelowernav a:visited {
        color:#444;
        text-decoration:none;
        }

#resourcelowernav a:hover {
        color:#444;
        text-decoration:underline;
        }

/* Resource centre Container for 2-column layout */
#resourceouter {
/*border-left: solid 100px #fff;  color of the left column  */
background-color: #ffffff; }  /* color of the content column */

#resourceinner {margin:0px; width:100%; } /* The ie/pc pecularity */

#resourceouterframe {
padding:10px;
background-color: #ffffff;
background:url(images/frame.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#resourceouterframevideo {
padding:10px;
background-color: #ffffff;
background:url(images/frametall.gif);
background-position:0 0;
background-repeat:no-repeat;
}

#resourceinnerframe {margin:0px; width:100%; /*background:url(images/frame.gif);*/ } /* The ie/pc pecularity */

#resourcecontent {
        width: 540px;
        height: 380px;
        overflow: scroll;
        padding:0 10px 10px 10px;
}

/* FOR IE6: */
* html #resourcecontent {
        float:right;
        }

#resourcecontentnoscroll {
        width: 660px;
        height: 380px;
        padding:0 10px 10px 10px;
}

#resourcecontentcustomised {
        width: 642px;
        height: 380px;
        overflow: scroll;
        padding:0 10px 10px 10px;
}

#resourcecontentvideo {
        width: 660px;
        height: 480px;
        padding:0 10px 10px 10px;
        background:url(images/videowait.gif) 65px 30px;
        background-repeat:no-repeat;
}


/* Resource centre sub nav */
#resourcesubnav {
width:100px;
float:left;
position:relative;
/*margin-left:-100px;
margin-right:1px; */
font-size:10px;
}


#resourcesubnav2 ul {
        padding:1px;
        margin:0;
        }

#resourcesubnav2 ul li {
        background:url(images/blueBullet.jpg);
        background-repeat:no-repeat;
        background-position:2px 6px;
        list-style:none;
        padding:3px 0 3px 10px;
        border-bottom:1px dotted #ccc;
        position:relative;
        }

#resourcesubnav2 #currentsubpage a {
        color:#FF0000;
        }

#resourcesubnav2 ul li a {
        font-weight:bold;
        color:#333;
        text-decoration:none;
        }

#resourcesubnav2 ul li a:hover {
        color:#FF0000;
        text-decoration:none;
        }

/* Resource Centre main content */
#resourcecontent h1 {
        font-size:14px;
        margin:1px 0 3px 0;
        padding:1px 0 1px 0;
        }

#resourcecontent h2 {
        font-size:14px;
        margin:0;
        }

#resourcecontent a {
        color:#0083D7;
        text-decoration:none;
        }

#resourcecontent a:hover {
        text-decoration:underline;
        }

#resourcecontent a:visited {
        color:#0083D7;
        }

/* Resource Centre Footer */
#resourcefooter {
        width:688px;
        height:39px;
        background-image:url(images/resourcefooter.gif);
        color:#fff;
        margin-top:3px;
        clear:both;
        text-align:center;
        line-height:40px;
        font-size:18px;
        font-weight:bold;
        }

/* ***************************** */
/* ** CMS styling                */
/* ***************************** */

/* CMS masthead details */
#cmsmasthead {
        padding:20px 0 8px 0;
        font-size:10px;
        font-weight:bold;
        color:#333;
        }

#cmsmasthead a {
        color:#333;
        text-decoration:none;
        }

#cmsmasthead a:hover {
        text-decoration:underline;
        }

/* CMS header */
#cmsheader {
        width:682px;
        height:40px;
        /*background-image:url(images/CMSheader.gif);
        background-repeat:no-repeat;*/
        color:#000;
        font-size:40px;
        font-weight:bold;
        letter-spacing:-1px;
        margin-bottom:3px;
        clear:both;
        }


#cmsheader h1 {
        margin:0;
        font-size:24px;
        padding:4px 0 0 104px;
        }


* html #cmsheader h1 {
        font-size:26px;
        }

/* CMS Footer */
#cmsfooter {
        /*background:url(images/cmsfooter.gif) no-repeat;*/
        width:682px;
        height:10px;
        margin-top:30px;
        }

/* CMS styles for main content */

#admin {
        font-size:12px;
        }

#admin ul {
        list-style:url(images/bigbluebulletgrey.gif);
        padding-left: 20px;
        }

#admin ul li {
        padding-bottom:10px;
        }

#admin ul li a {
        font-size:14px;
        font-weight:bold;
        color:#333;
        text-decoration:none;
        }

#admin ul li a:hover {
        text-decoration:underline;
        }

#admin h3 {
        font-size:14px;
        display:inline;
        }

#admin h4 {
        font-size:14px;
        background-image:url(images/bigbluebulletgrey.gif);
        background-repeat:no-repeat;
        background-position:left center;
        padding-left:12px;
        }

#admin tr.admintable {
        font-size:12px;
        }

#admin hr {
        border: none 0;
        border-top: 1px solid #fff;
        height:1px;
        }

#admin a {
        font-weight:bold;
        color:#333;
        text-decoration:none;
        }

#admin a:hover {
        text-decoration:underline;
        }

/**************************/
/* PRESS PAGES STYLING    */
/**************************/
#presstopleft {
        width:550px;
        float:left;
        padding-top:10px;
        margin-bottom:10px;
        }

#presstopleft p {
        margin:0;
        padding:0;
        }

#presstopleft a {
        color:#666666;
        text-decoration:none;
        }

#presstopleft a:hover {
        text-decoration:underline;
        }

#presstopright {
        float:right;
        display:inline;
        padding-top:10px;
        }

#mainpress {
        width:684px;
        border-top:1px dotted #666;
        clear:both;
        }

#mainpress a {
        color: #0099ff;
        text-decoration:none;
        }

#mainpress a:hover {
        text-decoration:underline;
        }

#mainpress a.weblink {
        color: #333;
        font-weight:bold;
        font-size:10px;
        text-decoration:none;
        }

#mainpress a:hover {
        text-decoration:underline;
        }

#mainpress h1 {
        font-size:22px;
        background-image:url(images/BigBlueDot.gif);
        background-repeat:no-repeat;
        background-position:left center;
        margin:3px 0 3px 0;
        padding-left:15px;
        letter-spacing:-1px;
        display:inline;
        }

table.presstop {
        border-bottom:1px solid #333;
        margin:2px 0 2px 0;
        padding-bottom:2px;
        }

table.presslogos {
        border-bottom:1px dotted #666;
        padding-bottom:5px;
        margin-bottom:3px;
        }

table.pressitem {
        border-bottom:1px solid #999;
        margin:2px 0 2px 0;
        padding-bottom:6px;
        }

table.lastpressitem {
        border-bottom:1px solid #999;
        margin:0;
        padding-bottom:6px;
        }

/**************************/
/* OPTOM PAGES STYLING    */
/**************************/

#optomlogin {
        background-color:#ccc;
        padding:10px 10px 150px 10px;
        margin:0 20px 0 20px;
        }

#optommain {
        background-color:#fff;
        padding:10px 10px 150px 10px;
        }

#optommain h1 {
        font-size:22px;
        }

#optommain a {
        color:#666;
        text-decoration:none;
        }

#optommain a:hover {
        color:#666;
        text-decoration:underline;
        }

a.optomdoc {
        background-image:url(images/pdfdoc.gif);
        background-repeat:no-repeat;
        padding:5px 0 15px 30px;
        color:#666;
        text-decoration:none;
        }

a.optomdoc:hover {
        color:#666;
        text-decoration:underline;
        }

/*************************/
/* GLOSSARY PAGES        */
/*************************/

#glossaryheader {
        width:722px;
        height:109px;
        background-image:url(images/Glossaryheader.gif);
        background-repeat:no-repeat;
        color:#fff;
        margin:0 20px 3px 20px;
        clear:both;
        text-align:right;
        }

/*************************/
/* FAQ PAGES        */
/*************************/

#faqheader {
        width:722px;
        height:109px;
        background-image:url(images/faqheader.gif);
        background-repeat:no-repeat;
        color:#fff;
        margin:0 20px 3px 20px;
        clear:both;
        text-align:right;
        }
.faqli {
        font-weight:bold;
        background:url(images/blueBullet.jpg);
        background-repeat:no-repeat;
        background-position:2px 6px;
        list-style:none;
        padding:3px 0 3px 10px;
        margin:0 20px 0 0;
        position:relative;
        display:block;
        color:#333;
}
a.faqli, .faqitem a {
        text-decoration:none;
        color:#333;
        font-weight:bold;
}
a.faqli:hover, .faqitem a:hover {
        text-decoration:underline;
}
.faqitem {
        width:660px;
        border:1px dotted #666;
        border-left:0;
        border-right:0;
        border-top:0;
        height:1px;
        display:none;
        overflow:hidden;
}
.faqitemcontent {
        width:650px;
        margin:10px 10px 10px 10px;
}

#comingsoon table {
        padding:0 0 0 105px;
        }

#thankyou {
        text-align:center;
        padding:20px 0 0 0;
        }

#thankyou a {
        font-size:20px;
        font-weight:bold;
        color:#0083D7;
        text-decoration:none;
        }

#thankyou a:hover {
        text-decoration:underline;
        }

/**** CONTACT STYLING ****/

#contactleft {
        width:410px;
        float:left;
        padding:2px 0 0 0;
        margin:0 0 10px 0;
        }

#contactright {
        width:260px;
        float:right;
        display:inline;
        padding:10px 0 0 0;
        font-size:14px;
        font-weight:bold;
        }

#consultright {
        width:260px;
        float:right;
        display:inline;
        padding-top:6px;
        font-size:14px;
        font-weight:bold;
        text-align:right;
        }

#contactleft h1 {
        color:#0083D7;
        letter-spacing:-1px;
        margin:0;
        padding:0;
        }

#contactleft a {
        color:#333;
        text-decoration:none;
        }

#contactleft a:hover {
        text-decoration:underline;
        }

#contactleft a:visited {
        color:#333;
        }

#contactright h1 {
        color:#0083D7;
        letter-spacing:-1px;
        margin:0;
        padding:0;
        font-size:14px;
        }

#contactright a {
        color:#333;
        text-decoration:none;
        }

#contactright a:hover {
        text-decoration:underline;
        }

#contactright a:visited {
        color:#333;
        }

table.contactform {
        font-size:11px;
        }

/***** 404 PAGE STYLING *****/

#errorleft {
        width:400px;
        float:left;
        padding-top:2px;
        margin:0 0 10px 20px;
        font-size:20px;
        color:#666;
        font-weight:bold;
        letter-spacing:-1px;
        }

#errorleft h1 {
        font-size:20px;
        color:#ff3300;
        font-weight:bold;
        letter-spacing:-1px;
        }

#errorleft a {
        color:#333;
        text-decoration:underline;
        }

#errorleft a:hover {
        text-decoration:none;
        }

#errorright{
        width:245px;
        float:right;
        display:inline;
        margin:10px 0 20px 0;
        padding:5px 0 30px 20px;
        font-size:16px;
        color:#666;
        font-weight:bold;
        border-left:1px dotted #666;
        letter-spacing:-1px;
        }

#errorright a {
        font-size:20px;
        color:#666;
        font-weight:bold;
        text-decoration:none;
        }

#errorright a:hover {
        text-decoration:underline;
        }

#resourcecontentscroll {
        width: 540px;
        height: 380px;
        overflow: scroll; /* auto will work, too */
        padding:0 10px 10px 10px;
}

#resourcecontentscroll h1 {
        font-size:14px;
        margin:1px 0 3px 0;
        padding:1px 0 1px 0;
        }

#resourcecontentscroll h2 {
        font-size:14px;
        margin:0;
        }

#resourcecontentscroll a {
        color:#0083D7;
        text-decoration:none;
        }

#resourcecontentscroll a:hover {
        text-decoration:underline;
        }

#resourcecontentscroll a:visited {
        color:#0083D7;
        }


.grey{
        background: #f0f0f0;
        width: 529px;
        float:left;
        position: relative;
        overflow: hidden;
}


.grey .overlay
{

        position:absolute;
        left:0px;
        top:0px;
        width: 529px;
        background: #fff;
        height: 10px;
        height: 900px;

                float:left;
}

.overlay.clear
{

        background: transparent!important;
        opacity:1.0;
        float:left;
}
.alert b
{
        text-decoration: underline;
}
.overlay.clear .alert
{
        margin: 120px 60px 60px 60px;
        padding: 20px;
        text-align: left;
        float:left;
        background: #f1f1f1;
        width: 370px;
        border-bottom: 1px dotted #999;
        border-right: 1px dotted #999;


}
.alert a
{
        text-decoration: underline!important;
        display: block;
        width:100%;
        text-align: right;
}
.grey .top-text
{
        color:#4f4f4f;
        font-weight: bold;
}
.grey #message
{
        text-align:left;
}

.grey label
{

        display: block;
        width: 120px;
        color:#555;
        padding-top:14px;
        font-family: 'helvetica','arial';
        font-size: 14px;
}
.grey input
{
        width: 286px;
        height:22px;
        background: #fff;
        border:0px;
        margin-bottom: 5px;
        margin-top: 5px;
        font-size: 14px;
        padding-top: 8px!important;
        padding-left: 5px;
        color:#444;

        font-weight: normal;
        ;
                font-family: 'helvetica','arial';
        font-size: 14px;
}

.grey select
{
        margin-bottom: 5px;
        margin-top: 12px;
        font-size: 14px;
        padding-left: 5px;
        color:#444;

        font-weight: normal;
        ;

        font-family: 'helvetica','arial';
        font-size: 14px;
}


.grey #send
{
        width: 101px;
        height: 31px;
        display: block;
        background: url('images/send.jpg');
}
.grey textarea
{
        width: 286px;
        height:62px;
        background: #fff;
        border:0px;
        margin-bottom: 5px;
        margin-top: 5px;
        font-size: 14px;
        padding-top: 8px!important;
        padding-left: 5px;
        color:#444;

        font-weight: normal;
        ;
                font-family: 'helvetica','arial';
        font-size: 14px;


}
.grey td
{
        vertical-align: top;
}

.grey #send span
{
        display: none;
        }

        .grey p{
        display: block;

}

.grey .inner
{
        float:left;
        padding:10px;
}
.lol
{
        width:100%;
        text-align: center;
}

#thank-you{
        height: 400px;
        color: #000!important;
}

#thank-you h2{
        color: #444!important;
}

.h3h3
{
	list-style: none;
	padding:0px!important;
	margin:0px!important;
}
.video_panel
{
	list-style: none;
	font-weight: bold;
	margin:5px 0px 0px 0px!important;
	cursor: msove;
	width: 400px;
	height: 10px;
	background: #eee;
	padding: 10px;
	margin-bottom: 5px;
	border: 1px #999 solid;
}

.video_panel a
{
	text-decoration: underline!important;
	font-size:11px!important;
	display: block;
	width: 310px;
	float:left;
}



.padding
{
	padding:0px 30px 0px 21px;
}

h1,h4
{
	
	letter-spacing: -0.06em;
	color:#009de1;
}
.width-content
{
	width: 570px;
	color:#797979;
	line-height: 20px;
	padding-top: 10px;
	font-size: 12px;
}

.width-content input
{

	width: 222px;
	height:15px;
	padding: 4px;
	margin-bottom: 5px;
	border: 3px #a9a9a9 solid;
}

.send
{
	width:50px;
	height: 23px;
	display: block;
	margin-top: 8px;
	margin-bottom: 5px;
	background-image:url('sent-image.jpg');
}
.video_preview{

	width: 177px;
	float:left;
	height: 170px;
	margin-right: 35px;
}
.video_preview .title
{
	font-size: 11px!important;
	font-family: 'Lucida Grande';
	line-height: 14px!important;
}
.video_preview .cut
{
	height:118px;
	width: 177px;
	overflow: hidden;
	margin-bottom: 3px;
	background: #000;
}

.video_preview .cut img
{
	height:118px;
	
	width:auto;

}

.video_preview a
{
color:#595959;
font-weight: bold;
text-decoration: none;
}


.videos
{
	float:left;
	clear:both;
}

.padding.vs
{
	line-height: 20px;
}

.share
{
margin-top: 10px;
font-size: 14px;

}
.share a
{
font-weight: bold;
padding-top: 5px;
color:#669933;
text-decoration: underline;
}


.description
{
padding-top: 10px;
width:566px;
color:#333333;
}

.dotty-botty
{
	float:left;
	clear: both;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-top: 10px;
	width: 100%; border-top: 2px #ddd dotted;
}


.dotty-botty a
{
	color:#009de1;
	font-weight: bold;
}

#cheers-m8
{
color:#009DE1;
letter-spacing: -0.02em;

}
#bready
{
	margin-bottom: 8px;
	font-size: 10px;
	margin-top: -15px;
}