/*----------------------------+
 | Site: Cott Dental			    |
 +----------------------------*/


@import url("reset.css");
@import url("superfish.css");
@import url("superfish-vertical.css");

/* Core layout 
======================================================================*/
body {background:#444 url(../images/core/background.gif) no-repeat top center; font:11px Verdana, Arial, Helvetica, sans-serif; color:#333; margin:30px;}
#container {width:940px; margin:0 auto; border:15px solid #fff ; background:#fff;}
#header {padding:15px;}
#content-container {background: url(../images/core/body_bg.gif) repeat-y 0 0; margin:0 0 15px 0;}

#left-column {float:left; width:220px; margin:0 15px 0 15px; background:#e9eef1; text-align:center; display: inline; padding-bottom:30px;}
	#cta-wtfl{height:10px; width:221px; overflow:hidden; float:left; margin:15px 0; display:inline;}
	.cta-teethforlife {}
	#cta-contact {
		background:url(../images/core/cta-contact.jpg) no-repeat 0 0; 
		width:220px; 
		height:240px; 
		overflow:hidden; 
		margin:0 0 15px 0;
		padding-top: 55px;
		}
	
#right-column {float:left; width:675px; padding:0 0 15px 0;}
	#flash {width:675px; height:250px; overflow:hidden; margin:0 0 15px 0;}
	#page-about #flash {height:155px; background:url(../images/banner/banner-bg.jpg) 0 0 no-repeat;}
	#banner{width:675px; height:110px; overflow:hidden; margin:0 0 15px 0;}
	.banner-meet-the-team{height:155px!important;}
	#page-treatment #banner {height:155px;}
	#content {padding:0 15px;}
		#content img {border:5px solid #447c9b; padding:1px;}

#footer {background:#E9EEF1; margin:15px; padding:15px;}
	#footer ul li.footer-left {width:205px; float:left; color:#004446;}
	#footer ul li.footer-right {width:660px; float:right; color:#004446; line-height:18px; font-size:0.95em;}
	#footer ul li.footer-right a {color: #004446;}	
	a#wf-logo img{margin-top:5px;}
	#cot-logo{display:none;}

/* Navigation layout 
======================================================================*/

ul#nav, ul#nav li, ul#nav li a, ul#nav li ul li a {z-index:100;}

ul#nav {width:220px; text-align:left;}
ul#nav li {
	width:220px; 
	color:#CCE3DA;
	line-height: 30px;
	}
ul#nav li a {
	color:#c5d8e3;
	font-weight:bold; 
	text-decoration:none; 
	background:#006a6d url(../images/core/nav_bullet_16.gif) no-repeat 10px 10px; 
	display:block; 
	padding:0 0 0 25px;
	border-bottom:1px dotted #fff; 
	height: 30px;
	line-height: 30px;
	}

ul#nav li a:hover {background:#004446 url(../images/core/nav_bullet_16.gif) no-repeat 10px 10px; color:#fff;}
ul#nav li ul li a {background:#008F93 !important; color:#fff;}
ul#nav li ul li a:hover {background:#00A5AA !important; color:#fff;}

ul#nav li ul li.nav-other {color: #9acbd4; padding:0 0 0 25px; width:195px; background: #284D4E;}
	
#footer a {color:#003c5c; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

a {color:#999; text-decoration:none;}
a:hover {color:#003c5c;}




 /* Font Style
======================================================================*/
#cta-contact p {line-height:18px; padding:0 0 10px 0; color:#fff;}
#cta-contact a:hover {color: #fff; text-decoration: underline;}

#page-home h1 {width:675px; height:45px; margin:0 0 15px 0; background:#c7d7df url(../images/headers/h1-home.jpg) no-repeat 0 0; text-indent:-9999px;}
#page-about h1 {width:675px; height:45px; margin:0 0 15px 0; background:#c7d7df url(../images/headers/h1-about.jpg) no-repeat 0 0; text-indent:-9999px;}
#page-treatment h1 {width:675px; height:45px; margin:0 0 15px 0; background:#c7d7df url(../images/headers/h1-treatments.jpg) no-repeat 0 0; text-indent:-9999px;}
#page-faq h1 {width:675px; height:45px; margin:0 0 15px 0; background:#c7d7df url(../images/headers/h1-faq.jpg) no-repeat 0 0; text-indent:-9999px;}
#page-gallery h1 {width:675px; height:45px; margin:0 0 15px 0; background:#c7d7df url(../images/headers/h1-gallery.jpg) no-repeat 0 0; text-indent:-9999px;}
#page-contact h1 {width:675px; height:45px; margin:0 0 15px 0; background:#c7d7df url(../images/headers/h1-contact.jpg) no-repeat 0 0; text-indent:-9999px;}

h2 {font:16px Arial, Helvetica, sans-serif; padding:0 0 10px 0; color:#02466d;}
h3 {font:14px Arial, Helvetica, sans-serif; padding:0 0 10px 0; color:#477c9b;}
h4 {font:14px Arial, Helvetica, sans-serif; padding:0 0 7px 0; color:#000;}
h5 {font:14px Arial, Helvetica, sans-serif; padding:10px 0 7px 0; color:#477c9b;}
p {line-height:20px; padding:0 0 15px 0;}

.treatment-link{font-weight:bold;}
.treatment-link a{color:#02466d;}
.treatment-link a:hover{text-decoration:underline;}

#page-treatment h2{text-transform:uppercase;}
h2.cotkids{display:block; overflow:hidden; text-indent:-999em; height:30px; width:200px; background:url(../images/headers/h2-cottesloeforkids.jpg) 0 0 no-repeat;}

#TB_ajaxContent{font-style:italic!important;}

#content ol {padding:0 0 13px 20px; list-style: disc outside;}
#content ol li {padding-bottom:7px;}

#content ul {margin: 0 0 25px 40px; line-height: 20px;}
#content ul li{background:url(../images/core/bullet_content.gif) 0 8px no-repeat; padding:0 0 0 15px;}

ul.list {margin: 0 0 25px 40px!important; line-height: 20px!important;}
ul.list li{background:url(../images/core/bullet_content.gif) 0 8px no-repeat!important; padding:0 0 0 15px!important;}

#page-home #content .testimonial_box{margin:15px 0;}
#content .testimonial_box{border:1px solid #E0EAEF; margin:15px 0 0 0;  padding:10px 10px 0 10px; color:#02466D;}
#content .testimonial_box {font-style:italic;}
#content .testimonial_box .client{font-style:italic;}
#content .testimonial_box a:hover img{border-color:#ffffff;}
#content .testimonial_box a img{float:left; margin:0 10px 10px 0;}

#content .cta_link{background:url(../images/core/cta_bullet.gif) 0 0 no-repeat; padding: 0 0 0 20px;}

#content ul.gallery{
	margin:0;
	padding:0;
	background:#E9EEF1;
	border:1px solid #E0EAEF;
	padding:10px 10px 0 10px;
	margin:15px 0 0 0;
}

#content ul.gallery li{
	float:left;
	background:none;
	display:inline-block;
	list-style:none;
	margin:0 10px 10px 0;
	padding:0;
	overflow:hidden;
	line-height:0;
}

#content ul.gallery li a:hover img{
	border-color:#ffffff;
}

#content ul.gallery li.click-cta{
	float:none; 
	width: 100%;
	text-align:center;
	display:block;
	line-height:1.2em;
}

/*Before and After Images used on Treatments Pages*/
#content ul.before-after {
	padding:0;
	background:#E9EEF1;
	border:1px solid #E0EAEF;
	padding:7px 4px 0 7px;
	margin:15px 7px 15px  0;
	font-size:0.95em;
	display:inline-block;
	width:302px;
	overflow:hidden;
}
#content ul.before-after3{
	width:400px;
} 

#content ul.before-after li{
	float:left;
	background:none;
	display:inline-block;
	list-style:none;
	margin:0 7px 7px 0;
	padding:0;
	overflow:hidden;
	line-height:1.2em;
	text-align:center;
}
	

#content ul.before-after li a:hover img{
	border-color:#ffffff;
}

#content ul.before-after li.caption{
	float:left; 
	width: 98px;
	text-align:left;
	display:inline;
	line-height:1.2em;
	margin:0;
}

#content ul.before-after li.click-cta{
	float:none; 
	width: 100%;
	text-align:center;
	display:block;
	line-height:1.2em;
	color:#477c9a;
}

.p-impants #content ul.before-after {
	padding:7px 7px 0 7px;
}





/* Team 
======================================================================*/
#content ul.meet_the_team {
  line-height: auto;
  list-style: none;
  margin: 0 0 0 0;
}

#content ul.meet_the_team li {
  width: 152px;
  height: 135px;
  padding: 22px 11px 0;
  margin:10px 20px;
  background:none;
  text-align: center;
  float: left;
  display: inline;
  position: relative;
}


#content ul.meet_the_team li img {
  border: none;
  padding: 0;
}


#content ul.meet_the_team li h3 {
	color:#02466d;
	padding-top:10px;
}



/* Extras 
======================================================================*/
hr {border:none; padding:0; margin:0 0 15px 0;height: 0; border-bottom:1px dotted #c6d7df;}

.right {float:right; margin:0 0 10px 25px;}
.left {float:left; margin:0 15px 7px 0;}

.cta {float:right; padding:15px 0 0 15px; color:#006a6d; font-size:1.2em; margin-top:10px;}

ul.staff li {display:block;  border-bottom:1px dotted #477c9b; padding:15px 0 15px 0;}

#gallery_img {width:660px; height:340px; margin:0 0 15px 7px; overflow:hidden;}
	#gallery_img img {border:none !important;}
ul#gallery_thumbnails li {width:135px; height:135px; float:left; text-align:center;}

#contact-details {float:right; width:340px; border-left:1px dotted #c6d7df; padding: 0 0 0 20px;}

.hidden {display:none;}

h2.mission {
	text-align: center;
	margin: 25px 0;
	font-weight:bold;
	text-transform:capitalize;
}

body#page-treatment h2, body#page-faq h2 { margin-top: 30px; }

#page-about h3{ font-weight:bold;}
.title{font-size:0.85em; font-weight:normal;}


 /* Form Style
======================================================================*/
#content fieldset ol {
  margin: 0;
  list-style: none;
  padding: 0;
}