﻿body {
background-color: #d9e7e8;
font-family:'Lucida Sans Unicode', Lucida Console, Lucida Grande, Sans-Serif;
font-size: 12px;
color: #313131;
font-weight: normal;
width: 100%;
margin: 0;
padding: 0;
}

/*generic*/

.inlineBlock{
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
}

.hide{
display: none;
}

.ovHid{
height: 0px;
overflow:hidden;
}

.ovVis{/*for pages on dash tiles*/
height: 184px;
overflow:visible;
}

a img{ border: none; margin: 0; padding: 0;}
a:hover{ text-decoration: underline;}

/* Body -------------*/

#container{
width: 994px;
  margin-left: auto;
    margin-right: auto;
  margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
      background-color: #f3f3f3;
}

.innerCont{width:974px; margin:0 10px 0 10px; overflow:hidden;}

img{margin:0px;padding:0px;}

.header{background-position: 0px 0px;
    height: 147px;
    background-image: url(img/header.gif);
    background-repeat: repeat-x;
    padding: 0px;
    overflow: hidden;
    position: relative;}

.header h3{font-family: Arial, helvetica, Sans-Serif;font-size:22px;color: #1fbeca;margin: 34px 0 47px 18px;padding: 0; float: left;font-weight: bold; }
.header h3 a.numberLink{color: #1fbeca;text-decoration: none;}
.header h3 a.numberLink span{font-size:12px;padding: 0;font-weight: normal; display: none;}
.header h3 a.numberLink:hover{ text-decoration: none;}.header h3 a:hover span{ text-decoration: none;display: inline;}

#headerStack{
width: 279px;
margin: 28px 14px 16px 0;
float: right;
  height: 131px;
  padding: 0; 
}

#headerStack img{
margin-bottom: 20px;
display: inline;
padding: 0; 
}


#searchField,.searchField{
min-height: 21px; width: 202px;
line-height: 21px ;
border: solid 1px #acacac;
padding:0px; margin: 0;
display: inline;vertical-align: bottom;
font-size: 16px; font-weight: normal;}

#searchButton,.searchButton{
display: inline;
padding: 0;
margin: 0;
vertical-align: bottom;
}

.header ul{
margin:0;
  padding: 0px;
  position: absolute;
  bottom: 0px;
  left: 18px;
  max-height: 42px;
}
.header ul li{
display: inline;
  padding: 0px;
    margin: 0px 5px 0px 0px;
    max-height: 42px;
    cursor:pointer;
}

/* menu stuff*/

#menu{
background-color: White;
height:0px;
overflow: hidden;
}

.menuCol{
width: 230px;
min-height: 292px;
margin: 12px 0 18px 0;
float: left;
padding: 8px 0 0 10px;
border-left: dotted 1px #c2c0c1;
text-align: left;
line-height: 20px;
}

.firstMenu{
width: 219px !important;
margin-left: 11px;
border-left: none;}


.menuCol h3{margin: 0;padding: 0;
    color: #35b7c4;font-family: arial, Helvetica, sans-serif;
    font-size: 12px;font-weight: bold;}

.menuCol ul{margin:0;padding:0;}

.menuCol ul li
{
    margin: 0;
    padding: 0;
    list-style-type: none;}

.menuCol ul li a
{
    color: #cd2226;
    text-decoration: underline;}

.menuCol a,.consulCol a, .medicalCol a,.medicalCol2 a,.medicalColEnd a
{
    color: #cd2226;
    text-decoration: none;}

.menuCol a:hover,.consulCol a:hover, .medicalCol a:hover,.medicalCol2 a:hover,.medicalColEnd a:hover
{
    color: #cd2226;
    text-decoration: underline;}

.menuCol a:visited,.consulCol a:visited, .medicalCol a:visited,.medicalCol2 a:visited,.medicalColEnd a:visited
{ color: #6a1b1d;text-decoration: underline;}

.menuCol p,.consulCol p,.medicalCol p,.medicalCol2 p,.medicalColEnd p
{font-family: Arial;
margin:0;
padding:0;}

#consultantSearch{
background-color: White;
height:0px;
overflow: hidden;}

.consulCol{
width: 222px;
min-height: 143px;
margin: 12px 0 18px 0;
float: left;
padding: 8px 0 0 18px;
border-left: dotted 1px #c2c0c1;
text-align: left;
line-height: 20px;}

.consulCol h3,.medicalCol h3,.medicalCol2 h3,.medicalColEnd h3{
    margin: 0;
    padding: 0;
    color: #35b7c4;
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;}

.ital{font-size: 11px;font-style: italic;}

.consulSearchField,.consulSearchField2{
height: 21px;
width: 204px;
line-height: 21px  !important;
border: solid 1px #acacac;
padding: 0;
margin: 0 22px 0 0;
float:right; font-size: 16px;
}

.consulSearchDd{
width: 205px;
padding: 0;
margin: 0 22px 0 0;
float:right;
}

.consulSearchButtons{
float:right;
padding: 0;
margin: 37px 22px 0 0;
}

#medicalProfessionals{
background-color: White;
height:0px;
overflow: hidden;
}

.medicalCol{
width: 222px;
min-height: 144px;
height: 190px;
margin: 12px 0 18px 0;
float: left;
padding: 8px 0 0 18px;
border-left: dotted 1px #c2c0c1;
text-align: left;
line-height: 20px;
}

.medicalCol2{
width: 246px;
min-height: 144px;
height: 190px;
margin: 12px 0 18px 0;
float: left;
padding: 8px 0 0 18px;
border-left: dotted 1px #c2c0c1;
text-align: left;
line-height: 20px;
}

.medicalColEnd{
width: 196px;
min-height: 144px;
height: 190px;
margin: 12px 0 18px 0;
float: left;
padding: 8px 0 0 18px;
border-left: none;
text-align: left;
line-height: 20px;
}

.loginForms{
height: 21px; font-size:16px;
line-height: 21px  !important;
width: 232px;
border: solid 1px #acacac;
padding: 0;
margin: 5px 0 4px 0;
}

.loginButtons{
float:right;
padding: 0;
margin: 9px 12px 0 0;
}
#loginLinks{
float:left;
padding: 1px 0 0 0;
margin: 9px 0 0 0;
}

/* Dashboard---------------*/

#newsbar{
Height: 44px;
 background-position: 0px 0px;
    background-image: url(img/newsstrip.gif);
    background-repeat: repeat-x;
    padding: 0px;
    overflow: hidden;
    position: relative;
}

#newsbar h1{
color : #36686b;
font-size: 12px;
   font-weight: normal;
   margin: 15px 0 0 25px;
   padding: 0; 
}

#news{
    font-size: 10px;font-weight: normal; letter-spacing: 2px;
    list-style-type: none; margin-left: 0; padding-left: 0;
}
#news li a{text-decoration: none;color:#5E5E5E ;}#news li a:hover{text-decoration: underline;}


#Dash{
 background-color: #e8e8e8;
    padding: 10px 0px;
    overflow: hidden;
    position: relative;
    font-family:Arial;
    color: #5E5E5E;
}

#Dash h1{
font-family:'Lucida Sans Unicode', Lucida Console, Lucida Grande, Sans-Serif;
    font-size: 15px;
    color: #5E5E5E;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

.tile{
margin: 0 0 10px 10px;
display: inline;
float: left;

}

.bl{
position: absolute;
left: 0px;
bottom: 0px;
z-index: 10;
}

.br{
position: absolute;
right: 0px;
bottom: 0px;
z-index: 10;
}

.titleStrip{
height: 28px;
background-color: Transparent;
border-bottom: solid 1px #d0d0d0;
padding-top: 8px;
}

#quickLinks{
width: 318px;
height: 220px;
}

#quickLinks .titleStrip,#aboutUs .titleStrip,#treatments .titleStrip,#ceoSueSmith .titleStrip{
width: 293px;
 background-position: 0px 0px;
    background-image: url(img/panelhead_about.gif);
    background-repeat:no-repeat;
        padding-left: 25px;
}

#quickLinksCont{
height: 184px;
width: 318px;
overflow: hidden;
position: relative;
background-color: #fff;
}

#quickLinksCont ul{
width: 318px;
margin: 0;
padding: 0;
background-color: White;
position: absolute; top: 0px; left:0px;z-index: 5;
}

#quickLinksCont ul li{width: 100%;margin: 0;padding: 11px 0 10px 25px;font-size: 13px;border-bottom: solid 1px #d0d0d0; cursor:pointer;}
#quickLinksCont ul li a,#quickLinksCont ul li a:hover,#quickLinksCont ul li a:visited{font-size: 13px; text-decoration: none; color: #5E5E5E;}

#featured,#medicalProf{
width: 624px;
height: 220px;
}

#featured .titleStrip,#medicalProf .titleStrip{
width: 599px;
background-position: 0px 0px; background-image: url(img/panelhead_features.gif); background-repeat:no-repeat;
padding-left: 25px;
}

#featuredCont,#medicalProfCont{
height: 184px;width: 624px;
overflow: hidden;
position: relative;
background-color: #e9f4fa;
}

#featuredReel{
width: 3120px;max-width: 3120px; height: 157px;
position: absolute;top: 0px;left: 0px;z-index: 5;
margin: 0; padding: 0;
}
#f1{position:absolute; top:0px; left:0px;}
#f2{position:absolute; top:0px; left:624px;}
#f3{position:absolute; top:0px; left:1248px;}
#f4{position:absolute; top:0px; left:1872px;}
#f5{position:absolute; top:0px; left:2496px;}
#featuredReel img,.featureShell{display: inline;margin: 0; padding: 0; float: left;}
.featureShell{position:relative; width:624px; height:157px;}
#featureItunes{position:absolute; top:103px; left:16px;}

#featuredCont .bottomStrip{
height: 23px;width: 624px;
border-top: solid 3px white;
margin: 0;padding: 0;
position: absolute;bottom: 0px;left: 0px;z-index: 8;
font-size: 11px;
}

#featuredCont .bottomStrip ul li{
float: left;
height: 23px;
margin: 0;
padding: 0;
font-size: 11px;
text-align: center;
position: relative;
cursor:pointer;
}

.featuredArrow{
position: absolute;
top:-17px;
left: 43px;
}

#featuredBut1{border-right: solid 3px white;/*background-color: #eba601;*/background-color: #007168;color: #fff;width: 122px;}
#featuredBut2{border-right: solid 3px white;/*background-color: #01aef0;*/background-color: #00afad;color: #fff;width: 122px;}
#featuredBut3{border-right: solid 3px white;/*background-color: #cf9bed;*/background-color: #46c7c7;color: #fff;width: 122px;}
#featuredBut4{border-right: solid 3px white;/*background-color: #fec9ff;*/background-color: #98d9db;color: #007168;width: 122px;}
#featuredBut5{border-right: none;/*background-color: #cf3662;*/background-color:#a4dddf; color:#007168; width:124px;}

#aboutUs,#treatments,#ceoSueSmith{
width: 318px;
height: 220px;
}

#aboutUsCont,#treatmentsCont,#ceoSueSmithCont{
height: 184px;width: 318px;
overflow: hidden;
position: relative;
}

#SueSmithInner {
padding: 15px 23px 0 23px;
height: 100%;
font-size: 11px;
background-color: White;
}
#SueSmithInner img{float: left;margin: 0 18px 0 0;}
#SueSmithInner p{margin: 0;padding: 0;}
#SueSmithInner a{color: #313131;text-decoration:none;}#SueSmithInner a:hover{text-decoration: underline;}#SueSmithInner a:visited{color: #313131;}


#aboutUsCont .bottomStrip{
height: 23px;width: 318px;
border-top: solid 3px white;
background-color: #a9cfd2;
overflow: hidden;margin: 0;padding: 0;
position: absolute;bottom: 0px;left: 0px;z-index: 8;
font-size: 11px;
}
#ceoSueSmithCont .bottomStrip{
height: 23px;width: 318px;
border-top: solid 3px white;
background-color: #1fbeca;
overflow: hidden;margin: 0;padding: 0;
position: absolute;bottom: 0px;left: 0px;z-index: 8;
font-size: 11px;color: White;
}
.bottomStrip a {color: White; text-decoration: none;}

#aboutUsCont .bottomStrip p, #treatmentsCont .bottomStrip p,#ceoSueSmithCont .bottomStrip p{
margin: 5px 0 0 18px;
}

#treatments{
width: 307px;
height: 220px;
}

#treatmentsCont{
height: 184px;width: 307px;
overflow: hidden;
position: relative;
}

#treatments .titleStrip{
width: 282px;
 background-position: 0px 0px;
    background-image: url(img/panelhead_treatments.gif);
    background-repeat:no-repeat;
        padding-left: 25px;
}
#treatmentsCont .bottomStrip{
height: 23px;width: 307px;
border-top: solid 3px white;
background-color: #ce719e;
overflow: hidden;margin: 0;padding: 0;
position: absolute;bottom: 0px;left: 0px;z-index: 8;
font-size: 11px;color: White;
}

#contactDetails{
width: 306px;
height: 220px;
}

#contactDetails .titleStrip{
width: 281px;
 background-position: 0px 0px;
    background-image: url(img/panelhead_map.gif);
    background-repeat:no-repeat;
      padding-left: 25px;
}

#contactDetailsCont{
height: 184px;
width: 306px;
overflow: hidden;
position: relative;
background-color: #fff;
}

#contactDetailsCont .bottomStrip{
height: 23px;width: 306px;
border-top: solid 3px white;
margin: 0;padding: 0;
position: absolute;bottom: 0px;left: 0px;z-index: 8;
font-size: 11px;
}

#contactDetailsCont .bottomStrip ul,#medicalProfCont .bottomStrip ul,#featuredCont .bottomStrip ul{
margin: 0;
padding: 0;
}

#contactDetailsCont .bottomStrip ul li{
float: left;
width: 100px;
height: 23px;
margin: 0;
padding: 0;
font-size: 11px;
text-align: center;
position: relative;
cursor:pointer;
}

#contactDetailsCont .bottomStrip ul li p,#medicalProfCont .bottomStrip ul li p,#featuredCont .bottomStrip ul li p{
margin: 5px 0 0 0;
padding: 0;
}

.contactArrow{
position: absolute;
top:-17px;
left: 32px;
}

#maps{
border-right: solid 3px white;
background-color:#9b063b;
color: #fff;
}

#phone{
border-right: solid 3px white;
background-color:#850c37;
color: #fff;
}

#travel{
border-right: none;
background-color: #c10749;
color: #fff;
}

#travelCont{background-color: #bee1dd; height: 169px;padding: 2px 0px 0px 0px;}
#travelContInner{
background-color: #bee1dd;
height: 184px;
margin: 0;padding: 0;
letter-spacing: 120%;}

#phoneContInner{position: relative;background-color: #bee1dd;height: 169px;margin: 0;padding: 14px 10px 0 10px;letter-spacing: 120%;}
#phoneContInner h2{font-size: 20px; line-height:26px; font-family:Arial; font-weight: normal; color: #5f6062; display: inline; margin: 0;}
#phoneContInner span{font-size: 13px; color: #007168; font-family:'Lucida Sans Unicode', Lucida Console, Lucida Grande, Sans-Serif;}
#open24{position: absolute; bottom: 40px; right: 10px;}

#travelContInner h2{font-size: 22px;letter-spacing: 130%; line-height:18px; font-family:Arial; font-weight: normal; margin-left:10px;}
#travelContInner h2 a{ text-decoration: none;color: #5E5E5E;}  #travelContInner h2 a:hover{ text-decoration: underline;}  #travelContInner h2 a:visited{ text-decoration: none;}

#medicalProfCont .bottomStrip{
height: 23px;width: 625px;
border-top: solid 3px white;
margin: 0;padding: 0;
position: absolute;bottom: 0px;left: 0px;z-index: 8;
font-size: 11px;
}

#medicalProfCont .bottomStrip ul li{
float: left;
width: 154px;
height: 23px;
margin: 0;
padding: 0;
font-size: 11px;
text-align: center;
position: relative;
cursor:pointer;
}

.medicalProfArrow{
position: absolute;
top:-17px;
left: 63px;
}

#gpsBut{
border-right: solid 3px white;
background-color: #afb5d9;
}

#consultantsBut{
border-right: solid 3px white;
background-color: #afb5d9;
}

#bookingBut{
border-right: solid 3px white;
background-color: #afb5d9;
}

#LoginBut{
border-right: none;
background-color: #747ba3;
color: #fff;
}

.medicalProfInners1{
margin: 44px 0 0 28px;padding: 0;
font-size: 11px;
height: 106px; width: 280px;
vertical-align: top;}
.medicalProfInners2{
margin: 44px 29px 0 0;padding: 0;
font-size: 11px;
height: 106px; width: 283px;
vertical-align: top;
}

.medicalProfInners3{
margin: 24px 0 0 28px;padding: 0;
font-size: 13px;line-height: 18px;letter-spacing: 130%;
height: 106px; width: 222px;
vertical-align: top;}
.medicalProfInners4{
margin: 24px 29px 0 0;padding: 0;
font-size: 13px;line-height: 18px;letter-spacing:  130%;
height: 106px; width: 340px;
vertical-align: top;
}

.medicalProfInners5{
margin: 24px 0 0 28px;padding: 0;
font-size: 13px;line-height: 18px;letter-spacing: 130%;
height: 106px; width: 129px;
vertical-align: top;}
.medicalProfInners6{
margin: 24px 10px 0 0;padding: 0;
font-size: 13px;line-height: 18px;letter-spacing: 130%;
height: 106px; width: 452px;
vertical-align: top;
}

.medicalProfInners3 h2,.medicalProfInners4 h2,.medicalProfInners5 h2,.medicalProfInners6 h2{font-size:12px;letter-spacing: 130%; font-weight: bold; margin:0; padding: 0;line-height: 18px;}.medicalProfInners4 p,.medicalProfInners6 p{margin: 0; padding:0;}

.medicalProfInners1 a,.medicalProfInners2 a{color:#afb5d9;}
.medicalProfInners3 a,.medicalProfInners4 a,.medicalProfInners5 a,.medicalProfInners6 a{color:#1fbeca;}
.medicalProfloginForms{
height: 21px;
width: 202px;
line-height: 21px  !important;
border: solid 1px #acacac;
padding: 0;
margin: 0 0 19px 0; font-size: 16px;
}

.medicalProfloginButton{
float: right;
display:inline;
padding: 0;
margin: 0 0 0 20px;
}


#otherSites{
width: 954px;
height: 160px;
position: relative;
}

#otherSites .titleStrip{
width: 929px;
 background-position: 0px 0px;
    background-image: url(img/panelhead_footer.gif);
    background-repeat:no-repeat;
      padding-left: 25px;
}

#otherSitesCont{
height: 126px;
width: 954px;
overflow: hidden;
position: relative;
background-color: white;
}

.otherSitesInner{
padding:0;margin: 18px 0 0 10px;
width: 149px;
float:left;
font-size: 11px;font-family:'Lucida Sans Unicode', Lucida Console, Lucida Grande, Sans-Serif;
background-color: White;
}

.otherSitesInner p{
margin: 0 0 7px 0;
padding: 0;
}

.otherSitesInner a,.otherSitesInner a:hover,.otherSitesInner a:visited{
margin: 0 0 7px 0;padding: 0;
font-size: 11px;font-family:'Lucida Sans Unicode', Lucida Console, Lucida Grande, Sans-Serif; color: #5E5E5E;
display: block; text-decoration: none;
}

#footerCont{
text-align: center;
background-color: #e8e8e8;
padding: 10px 0px 10px 13px;
overflow: hidden;
max-width: 961px;
}

#hospitalFooter{margin: 0 auto; padding:0;}

#hospitalFooter li 
{margin-right: 29px; padding:0;
display: inline; float: left;
 list-style-type: none;}

#hospitalFooter #end{margin: 0px;}

.microSite{}
.msBoxOuter{position:absolute;padding:5px; background-image:url(img/microSiteBG.png); background-repeat:repeat; z-index:200; display: none;}
.msBoxInner{min-width:20px; min-height:20px; padding:8px; background-color:#eaeaea; background-image:url(img/load.gif); background-position:center center; background-repeat:no-repeat;} .msArrow{position:absolute; bottom:-9px;left:48%;}


/*signoff------*/
#signoff{width: 951px; padding:10px 0px; margin: 0px 20px; text-align: left;}
#signoffLeft,#signoffRight,#signoffLeft a,#signoffRight a{font-size:11px; color:#878786; font-family: Arial, Sans-Serif}
#signoffLeft,#signoffRight{width:470px;}
#signoffLeft{ text-align: left;}#signoffRight{text-align: right;}