/****************STRUCTURE********************/
/*COLOUR SCHEME

LIGHT GREEN a6c85d
DARK GREEN 055b23
NICE GREEN a8ca5f
LIGHTEST GREEN f5f9ea
*/


body {font-family:  Calibri, "Helvetica Neue", Arial, Verdana,  Helvetica, sans-serif; margin:0; padding:0; font-size: 90%; line-height: 120%; color: #68696a;}

body.home {background: url(../images/home-header-bg.gif) repeat-x;}

/*BODY INNER BACKGROUND IMAGES*/
body.generic, body.ask, body.fees, body.news, body.testimonials, body.team, body.contact {background: url(../images/inner-header-bg.gif) repeat-x;}

body.join {background: url(../images/inner-header-bg-join.gif) repeat-x;}
body.existing {background: url(../images/inner-header-bg-existing.gif) repeat-x;}
body.facasth, body.treatments {background: url(../images/inner-header-bg-facasth.gif) repeat-x;}
body.kids {background: url(../images/inner-header-bg-kids.gif) repeat-x;}
body.referal {background: url(../images/inner-header-bg-referal.gif) repeat-x;}


#col-two-content ul {font-size:0.9em; color: #68696a; margin: 0 10px 10px 0; padding: 0 10px 10px 0;}
#col-two-content ol {font-size:0.9em; color: #68696a; margin: 0 10px 10px 0; padding: 0 10px 10px 0px;}


#col-three-content ul, #col-three-content ol{font-size:0.9em; color: #68696a; margin: 0 10px 10px 20px; padding: 0 10px 10px 0;}

img {border: none;}

body.news #contentwrapper img {margin: 10px; padding: 5px; border: 1px solid #ccc; float: right;}

p, dl, label, em {margin: 0 0 7px 0; font-size:0.9em; color: #68696a;}

abbr {background-color: #f5f9ea;}

#col-three-content ul#menu {padding: 0; margin:10px 0; font-size: 1em;}
#col-three-content ul#menu li ul {padding: 0; margin:10px 0; list-style: none; font-size: 1em;}
#col-three-content ul#menu li {padding: 0; margin:10px 0; list-style: none; font-size: 1em;}


blockquote {font-style: italic;  background-color: #fff; margin: 1em 0; border-top: 1px dotted #a8ca5f;}

blockquote.stripey {font-style: italic;  background-color: #f5f9ea; margin: 1em 0; border-top: 1px dotted #a8ca5f;}

blockquote p {margin: .5em 1em; padding: .5em 0; color: #055b23; font-family:Georgia, "Times New Roman", Times, serif; line-height: 140%;}

blockquote span {color: #666;}


span.enquireButton a {background: url(../images/enquireGraphic.gif) no-repeat; width: 323px; height: 81px; display: block; float: right; text-indent: -9999px;}
span.findOutMoreButton a {background: url(../images/findOutMore.gif) no-repeat; width: 178px; height: 50px; display: block; float: right; text-indent: -9999px;}
span.treatmentsNav {float: right; text-indent: -9999px; width: 200px;}
a.littleBack  {float: left; background: url(../images/backSmall.gif) no-repeat; width: 93px; height: 43px; display: block; }
a.littleEnquire {float: left;  background: url(../images/enquireSmall.gif) no-repeat; width: 96px; height: 43px; display: block; }


#logoBlock {position: absolute; top: 0; left:0;} 
#logoBlock a {width: 202px; height: 199px; display: block; z-index: 20; /*background: url(../images/standish-street-logo.png) no-repeat;*/}


hr {border: none; border-bottom: 1px dotted #ccc;}

h1, h2, h3, h4, h5 {font-weight: normal;}

h1 {color: #004f18; font-size: 2em; margin: 10px 0 0 0;}

.allIndustryNews, .allPracticeNews, .newsIndex {
color:#FFFFFF;
float:right;
font-size:0.8em;
margin:0 0 20px;
width: 120px;
text-align: right;
background:transparent url(../images/news-icon.png) no-repeat scroll right center;
border-top:1px dotted #CCCCCC;
padding:3px 20px 3px 0;

}

tbody {font-size: 1em;}

textarea {border: 1px solid #ccc;}

h2 {margin:10px 0 0 0; }

h3 {color: #004f18; font-size: 1.4em; margin:0 0 0 0;}

h4 {color: #97b656; margin:3px 0 5px 0; font-size: 1em;}

a:link {color: #055b23;}
a:visited {color: #68696a;}
a:hover {color: #a6c85d;}
a:active {color: #a6c85d;}


/**************** DEFAULT TABLE DISPLAYS ********************/
#col-two-content table {border: 1px solid #ccc; font-size:0.9em; color: #68696a; margin: 5px 0 10px 0;border-collapse:collapse; width: 100%;}
#col-two-content td {padding: 5px 10px; border: 1px dotted #ccc; }
#col-two-content caption {padding: 5px 10px; background: #a6ca5e; color: #fff; text-align: left; font-weight: bold;}
#col-two-content th {padding: 5px 10px; text-align: left; border-left: 1px dotted #ccc;}
#col-two-content td + td {background-color: #f7faf0; text-align: center;}



#col-three-content table {border: 1px solid #ccc; font-size:0.9em; color: #68696a; margin: 5px 0 10px 0;border-collapse:collapse; width: 100%;}
#col-three-content td {padding: 10px; border: 1px dotted #ccc; }
#col-three-content caption {padding: 5px 10px; background: #a6ca5e; color: #fff; text-align: left; font-weight: bold; margin-top: 10px;}
#col-three-content th {padding: 5px 10px; text-align: left; border-left: 1px dotted #ccc;}
#col-three-content th + th {text-align: left;}
#col-three-content td + td {background-color: #f7faf0; text-align: left;}
#col-three-content td + td + td {background-color: #fff;}

#col-three-content p img {border: 1px solid #ccc; clear: both; padding: 2px;}



#col-three-content-news table {border: 1px solid #ccc; font-size:0.9em; color: #68696a; margin: 5px 0 10px 0;border-collapse:collapse;}
#col-three-content-news td {padding: 10px; border: 1px dotted #ccc; }
#col-three-content-news caption {padding: 5px 10px; background: #a6ca5e; color: #fff; text-align: left; font-weight: bold; margin-top: 10px;}
#col-three-content-news th {padding: 5px 10px; text-align: left; border-left: 1px dotted #ccc;}
#col-three-content-news th + th {text-align: left;}
#col-three-content-news td + td {background-color: #f7faf0; text-align: left;}
#col-three-content-news td + td + td {background-color: #fff;}





#col-two-double table {border: 1px solid #ccc; font-size:0.9em; color: #68696a; margin: 5px 0 10px 0;border-collapse:collapse; width: 100%;}
#col-two-double td {padding: 5px 10px; border: 1px dotted #ccc; }
#col-two-double caption {padding: 5px 10px; background: #a6ca5e; color: #fff; text-align: left; font-weight: bold;}
#col-two-double th {padding: 5px 10px; text-align: left; border-left: 1px dotted #ccc;}

.feedbackForm table, .enquiryForm table {padding-bottom: 10px;}
#col-two-double .feedbackForm td, #col-three-content .enquiryForm td {border: none;}
.feedbackForm input, .feedbackForm textarea, .enquiryForm input, .enquiryForm textarea {border: 1px solid #ccc;}



#container {position: relative; width: 970px;  margin: 0 auto; padding:0;}/*hold site centered */


/*MAIN NAV*/
ul#main-nav {height: 48px; background: url(../images/main-nav-search.jpg) no-repeat; margin:0; padding:0 0 0 205px;}
ul#main-nav li {list-style: none; margin:0; padding:0;float: left;}
ul#main-nav li a {text-decoration: none; display: block;  padding: 10px 7px; margin:5px 0 0 0; color: #a6c85d;  }
ul#main-nav li a:visited {text-decoration: none;}
ul#main-nav li a:hover {background-color: #f5f9ea; color: #055b23; }



/*MAIN NAV ON FEATURE*/
body.home ul#main-nav li.home a, 
body.treatments ul#main-nav li.treatments a,
body.fees ul#main-nav li.fees a,
body.ask ul#main-nav li.ask a,
body.news ul#main-nav li.news a,
body.team ul#main-nav li.team a,
body.testimonials ul#main-nav li.testimonials a,
body.facasth ul#main-nav li.treatments a,
body.contact ul#main-nav li.contact a
{background-color: #f5f9ea; color: #055b23;}


/*SEARCH TREATMENTS BOX*/
#search-box {position: absolute; top: 18px; left:803px;}
#search-box input {border: none; color: #a8ca5f; font-weight:bold;padding:0; height: 20px; font-size: .75em; border:none;}
#search-box input.go-button {position: absolute; top: -3px; left: 120px;}


/*HEADER HEIGHT HOME PAGE AND OVERFLASH COPY*/
body.home span#flashcontent {height: 319px;}

*html body.home span#flashcontent {height: 319px; position:relative; top: 0; left:0; width: 970px;}

.front-page-over-flash {position:absolute; top: 90px; left: 420px; width: 530px; height: 127px;  z-index:9;}
.front-page-over-flash h1 {margin:0;}
.front-page-over-flash p {color: #a8ca5f;}

/* HEADER INNER PAGES HEIGHT*/
body.join span#home-page-header {height: 155px; background: url(../images/inner-header-join.jpg) no-repeat; display: block;}
body.existing span#home-page-header {height: 155px; background: url(../images/inner-header-existing.jpg) no-repeat; display: block;}
body.facasth span#home-page-header {height: 155px; background: url(../images/inner-header-facasth.jpg) no-repeat; display: block;}
body.kids span#home-page-header {height: 155px; background: url(../images/inner-header-kids.jpg) no-repeat; display: block;}
body.referal span#home-page-header {height: 155px; background: url(../images/inner-header-referal.jpg) no-repeat; display: block;}
body.testimonials span#home-page-header {height: 155px; background: url(../images/inner-header-testimonials.jpg) no-repeat; display: block;}
body.treatments span#home-page-header {height: 155px; background: url(../images/inner-header-treatments.jpg) no-repeat; display: block;}
body.fees span#home-page-header {height: 155px; background: url(../images/inner-header-fees.jpg) no-repeat; display: block;}
body.ask span#home-page-header {height: 155px; background: url(../images/inner-header-ask.jpg) no-repeat; display: block;}
body.news span#home-page-header {height: 155px; background: url(../images/inner-header-news.jpg) no-repeat; display: block;}
body.team span#home-page-header {height: 155px; background: url(../images/inner-header-team.jpg) no-repeat; display: block;}
body.contact span#home-page-header, body.generic span#home-page-header  {height: 155px; background: url(../images/inner-header-contact.jpg) no-repeat; display: block;}


/*CONTENT AREA BG IMAGE*/
#contentwrapper {background: url(../images/home-main-bg.gif) no-repeat;}




.innertube {padding: 1em;}

.innertube-inner {padding: 1em 0 1em 0;}



/*3 COLUMN INNER LAYOUT*/
#call-to-actions-sidebar {float: left; width: 192px; display: inline; margin:15px 0 0 0;}
#col-two-content {float: left; width: 172px; display: inline; margin:15px 20px 0 0;}
#col-three-content {float: left; width: 533px; display: inline; margin:0 30px 0 0; padding-left: 1em;}
#col-three-content-news {float: left; width: 533px; display: inline; margin:0 30px 0 0; padding-left: 1em;}

/*2 COLUMN INNER LAYOUT*/
#col-two-double {float: right; width: 346px; display: inline; margin:15px 20px 0 0;}




/*SIDEBAR CALL TO ACTIONS*/

#call-to-actions-sidebar ul {list-style: none; margin:0; padding:0;}
#call-to-actions-sidebar ul li {margin:0; padding:0;}
#call-to-actions-sidebar ul li a {height: 40px; display: block; padding: 10px 0 0 20px;color: #fff;}
#call-to-actions-sidebar ul li a:hover {color: #fff;}

li.new-patients-side a { background: url(../images/new-patients-side.gif) no-repeat left bottom;  text-decoration:none;}
li.new-patients-side a:hover { background: url(../images/new-patients-side.gif) no-repeat left bottom; text-decoration:underline;}
body.join #call-to-actions-sidebar ul li.new-patients-side a { background: url(../images/new-patients-side.gif) no-repeat left bottom; color: #fff; text-decoration:underline;}


li.exist-patients-side a { background: url(../images/existing-patents-side.gif) no-repeat left bottom; text-decoration:none;}
li.exist-patients-side a:hover { background: url(../images/existing-patents-side.gif) no-repeat left bottom; text-decoration:underline;}
body.existing #call-to-actions-sidebar ul li.exist-patients-side a { background: url(../images/existing-patents-side.gif) no-repeat left bottom; color: #fff; text-decoration:underline;}


li.makeover-patients-side a { background: url(../images/makeover-side.gif) no-repeat left bottom; text-decoration:none;}
li.makeover-patients-side a:hover { background: url(../images/makeover-side.gif) no-repeat left bottom; text-decoration:underline;}
body.facasth #call-to-actions-sidebar ul li.makeover-patients-side a { background: url(../images/makeover-side.gif) no-repeat left bottom; color: #fff; text-decoration:underline;}


li.kids-patients-side a { background: url(../images/kids-side.gif) no-repeat left bottom; text-decoration:none;}
li.kids-patients-side a:hover { background: url(../images/kids-side.gif) no-repeat left bottom; text-decoration:underline;}
body.kids #call-to-actions-sidebar ul li.kids-patients-side a { background: url(../images/kids-side.gif) no-repeat left bottom; color: #fff; text-decoration:underline;}


li.refer-patients-side a { background: url(../images/refer-side.gif) no-repeat left bottom; text-decoration:none;}
li.refer-patients-side a:hover { background: url(../images/refer-side.gif) no-repeat left bottom; text-decoration:underline;}
body.referal #call-to-actions-sidebar ul li.refer-patients-side a { background: url(../images/refer-side.gif) no-repeat left bottom; color: #fff; text-decoration:underline;}



/*MIDDLE COLUMN ITEMS*/

ul.treatment-list, ol.treatment-list {padding:3px 0 3px 0; margin: 0 0 20px 0; }
ul.treatment-list li {list-style: none; background: url(../images/treatment-icon.png) no-repeat left center;border-top: 1px dotted #ccc; padding: 5px 0 0 20px; margin:0;}
ol.treatment-list li {list-style: none; background: url(../images/treatment-icon.png) no-repeat left center;border-top: 1px dotted #ccc; padding: 5px 0 0 20px; margin:0;}
ol.ask-the-dentist-list li {list-style: none; background: url(../images/question.png) no-repeat left center;border-top: 1px dotted #ccc; padding: 5px 0 0 20px; margin:0;}
ul.treatment-list li a, ol.treatment-list li a {text-decoration: none; }

ul.fees-list {padding:3px 0 3px 0; margin: 0 0 20px 0; }
ul.fees-list li {list-style: none; background: url(../images/fees-icon.png) no-repeat left center;border-top: 1px dotted #ccc; padding: 5px 0 0 20px; margin:0;}
ul.fees-list li a {text-decoration: none; }


.quick-enquiry {padding: 10px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; margin-top: 10px;}
.quick-enquiry table {padding:0; margin:0; font-size: .9em;}
.quick-enquiry tbody {}
.quick-enquiry td {}
.quick-enquiry input {color: #ccc; border: 1px solid #ccc; padding: 5px; margin: 0; }
.quick-enquiry .go-button {float: right; border: none;}




#col-two-double table {padding:0; margin:0; font-size: .9em;}
#col-two-double input, #col-three-content input {color: #333; border: 1px solid #ccc; padding: 5px; margin: 0; }




#footer {clear: both;   position: relative; border-top: 3px solid #e2eec4; }
#footer-content {background: url(../images/footer.gif) no-repeat left top; margin: 0 auto; width: 970px;height: 109px;}

ul.credits {float: left; margin:0; padding:15px 0 0 15px; font-size: .7em; color: #999;}
ul.credits li {list-style: none; display: inline;}
ul.credits li a {color: #999; text-decoration: none;}
ul.credits li a:hover {color: #999; text-decoration: underline;}


/****************HOME PAGE LEAD INS********************/

#home-leadins {width: 970px; height: 148px;}

#home-leadins h2 {font-weight: normal; width: 100px; color: #fff; padding: 25px 0 10px 15px; font-size: 1.4em; line-height: 110%;}
#home-leadins p {color: #d8d9bb; padding: 0 5px 0 15px; margin: 0; line-height: 130%;}
#home-leadins span a {float: right; padding:0 10px 0 0; margin-top: -5px; font-size: 0.8em; color: #fff; text-decoration: none;}
#home-leadins span a:visited {color: #fff; text-decoration: none;}
#home-leadins span a:hover {color: #fff; text-decoration: underline;}
#home-leadins span a:active {color: #fff; text-decoration: none;}

#home-leadins #facial-makeover h2 {width:150px;}

#new-patients {float: left; display: inline; width: 192px;  background: url(../images/new-patents-lead.jpg) no-repeat; height: 148px;}
#existing-patients {float: left; display: inline; width: 192px;  background: url(../images/existing-patents-lead.jpg) no-repeat; height: 148px;}
#facial-makeover {float: left; display: inline; width: 192px;  background: url(../images/makeover-lead.jpg) no-repeat; height: 148px;}
#for-kids {float: left; display: inline; width: 192px;  background: url(../images/kids-lead.jpg) no-repeat right top; height: 148px;}
#referals {float: left; display: inline; width: 192px;  background: url(../images/refer-lead.jpg) no-repeat; height: 148px;}


#ask-the-dentist-lead {float: left; display: inline; width: 301px; padding-right: 15px;}
#treatments-lead {float: left; display: inline; width: 301px; padding-right: 20px;}
#news-lead {float: left; display: inline; width: 301px;}

#industry-news {float: left; display: inline; width: 140px; padding-right: 10px;}
#practice-news {float: left; display: inline; width: 140px;}

#industry-news h4, #practice-news h4 {margin-top:0;}


/**************** MORE BUTTON WHERE APPLICABLE ********************/
.innertube #ask-the-dentist-lead span a,
.innertube #treatments-lead span a,
.innertube #news-lead span a,
.treatment-sub span a
{background:transparent url(../images/more-button.gif) no-repeat scroll right top;
color:#fff;
display:block;
float:right;
padding:4px 0 5px 20px;
width:47px;
font-size: .8em;
text-decoration: none;}



.treatment-home span a
{background:transparent url(../images/more-button.gif) no-repeat scroll right top;
color:#fff;
display:block;
height:20px;
padding:5px 0 0 20px;
width:47px;
font-size: .8em;
text-decoration: none;}


.innertube #ask-the-dentist-lead span a:hover,
.innertube #treatments-lead span a:hover,
.innertube #news-lead span a:hover,
.treatment-home span a:hover
{text-decoration: underline;}



/**************** TREATMENT AND TEAM SUBS PAGE ********************/
.treatment-sub {width: 490px; border: 1px solid #ccc; padding: 15px 20px 0 20px; margin-top: 10px; background: url(../images/home-main-bg.gif) no-repeat top right;} 
.treatment-sub img {padding: 5px; border: 1px solid #ccc;} 
.sub-col-one, .sub-col-two {width: 120px; float: left; display: block; border-right: 1px dotted #ccc; margin-right: 10px;} 

.sub-col-one-team-group {width: 480px;}

.sub-col-three {float: left; display: block; width: 225px;} 
.sub-summary {margin: 15px 0 0 0; padding-bottom: 15px;}


/**************** TEAM SUBS EXTRA ********************/
.sub-col-one-team {width: 240px; float: left; display: block; margin-right: 20px;} 
.sub-col-one-team img {margin-bottom: 20px;} 

.to-top-text-right {width: 500px; display: block; text-align: right; height: 20px; padding-top: 5px; font-family: "Lucida grande","Lucida sans",Arial,Helvetica,Verdana,sans-serif;}


/**************** NEWS SUBS PAGE ********************/
.news-sub {width: 490px; border-top: 1px solid #ccc; padding: 15px 20px 0 20px; margin-top: 10px;}
.media-news li, .practice-news li  {list-style: none; background: url(../images/news-icon.png) no-repeat left center; padding:3px 0 3px 20px; border-top: 1px dotted #ccc;}

div.paging {width: 400px; list-style: none; font-size: 0.7em; }
div.paging a {display: block; float: left;  padding: 2px 5px ; border: 1px solid #ccc; margin:20px 2px; }
div.paging a.active {background-color: #055b23; color: #fff;}
 



/**************** ASK SUBS PAGE ********************/
li.ask-the-dentist-list  {list-style: none; background: url(../images/question.png) no-repeat left top; padding:3px 0 3px 20px; margin:0;}
li.ask-the-dentist-list a  {padding:10px 0 3px 20px; text-decoration: none; }

.askForm table {padding-bottom: 10px;}
#col-two-content .askForm td {border: none;}
.askForm input, .askForm textarea {border: 1px solid #ccc;}




/**************** REFERRAL PAGE ********************/

.referralForm table {padding-bottom: 10px;}
#col-two-content .referralForm td {border: none;}
.referralForm input, .referralForm textarea {border: 1px solid #ccc;}


/**********************--------------------------clearfix*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}
/**********************--------------------------END clearfix*/

/**********************--------------------------PNG FIX*/

img { behavior: url(iepngfix.htc) }


/*
.ask a:link {font-size:10pt;}
.ask a:visited {font-size:10pt;}*/


/**************** NEWS TABLE EXTRAS ********************/

#col-three-content-news table.grd1 td {border: none; padding: 10px 0;}
#col-three-content-news table.grd1 td a {border: none; margin: 0 5px;padding: 0;}
#col-three-content-news table.grd1 td span {margin: 0 5px;padding: 0;}
#col-three-content-news table.grd1  {border: none;}
#col-three-content-news table.grd1 td {border-bottom: 1px dotted #ccc;}
#col-three-content-news table.grd1 td h4 a {font-size: 1.2em; margin: 0 ;padding: 0px;}
#col-three-content-news table.grd1 td span a {font-size: .8em; text-align: right; display: block;}