/*   
Theme Name: Turret
Theme URI: http://www.turretortho.co.uk
Description: Turret Orthodontics
Author: Optimise Internet
Author URI: http://www.optimiseinternet.com
Version: 1.0
*/

/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
	font-family: arial, verdana;
	color: #484848;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:0;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

/* Default link styles */

a
{
	text-decoration:none;
	color:#69256C;
}

a:hover
{
	text-decoration:underline;
}

/* layout */

body, html
{
	background: url(/wp-content/themes/turret/img/background.jpg) top center repeat-y #60306C;
	height:100%;
}

.spacer
{
	height:15px;
}

.page
{
	width:985px;
	margin: auto;
	background:#fff url(/wp-content/themes/turret/img/content_back.jpg) no-repeat 232px 387px;
	border: 1px solid #E6D939;
	color:#59595B;
	font-size:108%;
	font-family: arial, verdana;
}

.container
{
	width:941px;
	margin: auto;
}

.header .logo
{
	width:178px;
	float:left;
	margin-top:5px;
}

.header .banner
{
	width:411px;
	float:left;
	margin-top:30px;
}

.header .banner img
{
	border:1px solid #E7E7E8;
}


.header .phone
{
	width:322px;
	float:right;
	margin-top:35px;
}

.header .menu
{
	background:url(/wp-content/themes/turret/img/menu_back.gif) repeat-x;
	height:41px;
	position:relative;
	z-index:20;
}

.header .menu ul
{
	height:41px;
	margin:0;
	background:url(/wp-content/themes/turret/img/menu_right.gif) right no-repeat;
}

.header .menu ul li
{
	float:left;
	list-style:none;
	line-height:41px;
	position:relative;
width:147px;
text-align:center;
}

.header .menu ul li.narrow
{
width:95px;
}

.header .menu ul li.divider
{
	background:url(/wp-content/themes/turret/img/menu_divider.gif) right no-repeat;
}

.header .menu ul li a
{
	color:#fff;
	text-transform: uppercase;
	display:block;
	height:41px;
	padding:0;
}
.header .menu ul li a:hover
{
	background:url(/wp-content/themes/turret/img/menu_hover.gif) repeat-x;
	color:#5F306B;
}

.header .menu ul li ul li
{text-align:left;}

/* remove all the bullets, borders and padding from the default list styling */
.header .menu ul ul {width:149px; font-size:93%;z-index:20;}


/* style the second level background */
.header .menu ul ul a.drop, .header .menu ul ul a.drop:visited {background:#E5D92D url(/wp-content/themes/turret/img/arrow.png) no-repeat 130px center;}
/* style the second level hover */
.header .menu ul ul a.drop:hover{color:#fff;background:#774F83 url(/wp-content/themes/turret/img/arrow.png) no-repeat 130px center;}
.header .menu ul ul :hover > a.drop {color:#fff;background:#774F83 url(/wp-content/themes/turret/img/arrow.png) no-repeat 130px center;}
/* style the third level background */
.header .menu ul ul ul a, .header .menu ul ul ul a:visited {background:#E5D92D;}
/* style the third level hover */
.header .menu ul ul ul a:hover {background:#774F83;color:#fff;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.header .menu ul ul {visibility:hidden;position:absolute;height:0;top:41px;left:0; width:149px;}
* html .header .menu ul ul {top:41px}

/* position the third level flyout menu */
.header .menu ul ul ul{left:148px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.header .menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.header .menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.header .menu ul ul a, .header .menu ul ul a:visited {text-transform: none;background:#E5D92D; color:#69256C; height:auto; line-height:1em; padding:10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .header .menu ul ul a, * html .header .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.header .menu a:hover, .header .menu ul ul a:hover{background:#774F83;color:#fff; text-decoration:none;}
.header .menu :hover > a {background:url(/wp-content/themes/turret/img/menu_hover.gif) repeat-x;
color:#5F306B;}

/* make the second level visible when hover on first level list OR link */
.header .menu ul li:hover ul,
.header .menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.header .menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.header .menu ul :hover ul :hover ul{ visibility:visible;}


.content
{
	width:701px;
	float:left;
}

.content #slideshow {
    position:relative;
    height:237px;
}


.content #slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	opacity:0.0;
}

.content #slideshow div.active {
    z-index:10;
	opacity:1.0;
}

.content #slideshow div.last-active {
    z-index:9;
}
.content #slideshow div p {
	display:block;
    position:absolute;
    top:183px;
    left:3px;
	background:#E5D92D;
	padding:9px 25px 9px 25px;
}

.content ul
{
	margin-left:0;
}

.content ul li
{
	background: url(/wp-content/themes/turret/img/bullet.gif) no-repeat 0 5px;
	padding-left: 15px;
	margin-top:4px;
	list-style:none;
}

.content .readmore
{
	text-align: right;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #DBCDDC;
	padding-bottom:5px;
}


.content .quote
{
	width:510px;
	margin:auto;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #DBCDDC;
	padding-bottom:16px;
	padding-top:20px;
}

.content .quote span.quote
{
	color:#E5D92D;
	font-weight:bolder;
	font-size:167%
}
.content .quote .from
{
	text-align:right;
	font-style:italic;
}

.content .note
{
	background:#ECE46D;
	color:#69256C;
	border-top:solid 1px #69256C;
	border-bottom:solid 1px #69256C;
	padding:15px;
	margin-top:15px;
	margin-bottom:15px;
}

.content .indent
{
	display:block;
	width:20px;
	float:left;
	clear:left;
}


.accreds { /* Accreditation image next to profile pic */
margin-top: 20px;
}

#team-members {
	width: 380px;
	float: right;
}

#mo
{
	background: url(/wp-content/themes/turret/img/mo_sml_off.jpg);
	width:84px;
	height:103px;
	display:block;
}
#mo:hover
{
	background: url(/wp-content/themes/turret/img/mo_sml_on.jpg);
}
#nadia
{
	background: url(/wp-content/themes/turret/img/nadia_sml_off.jpg);
	width:84px;
	height:103px;
	display:block;
}
#nadia:hover
{
	background: url(/wp-content/themes/turret/img/nadia_sml_on.jpg);
}
#will
{
	background: url(/wp-content/themes/turret/img/will_sml_off.jpg);
	width:84px;
	height:103px;
	display:block;
}
#will:hover
{
	background: url(/wp-content/themes/turret/img/will_sml_on.jpg);
}
#kalliopi {
	background: url(/wp-content/themes/turret/img/kalliopi_sml_off.jpg);
	width:84px;
	height:103px;
	display:block;
}
#kalliopi:hover {
	background: url(/wp-content/themes/turret/img/kalliopi_sml_on.jpg);
}


.col_right
{
	width:222px;
	float:right;
}

.col_right .findus
{
	margin-bottom:10px;
}

.col_right .uptodate .uptodate_header
{
	height:37px;
}

.col_right .uptodate .uptodate_content
{
	padding:10px;
	background:url(/wp-content/themes/turret/img/uptodate_back.png) repeat-y;
}

.col_right .uptodate .uptodate_content .news-seperator
{
	margin-top:8px;
	margin-bottom:8px;
	border-bottom:2px solid #EFEFEF;
}

.col_right .uptodate .uptodate_footer
{
	height:7px;
	background: url(/wp-content/themes/turret/img/uptodate_footer.png) no-repeat;
}

.col_right .suppliers
{
	background:url(/wp-content/themes/turret/img/suppliers_repeat.gif) repeat-y;
}
.col_right .suppliers .top
{
	background:url(/wp-content/themes/turret/img/suppliers_top.gif) no-repeat;
	height:6px;
}
.col_right .suppliers .heading
{
	margin:10px 10px 12px 10px;
	font-size:123.1%;
	color:#E5D92D;
}
.col_right .suppliers .logos
{
	margin:10px;
	text-align:center;
}
.col_right .suppliers .logos img
{
	margin-bottom:18px;
}

.col_right .suppliers .bottom
{
	background:url(/wp-content/themes/turret/img/suppliers_bottom.gif) no-repeat;
	height:4px;
}


.col_right .services
{
	background:#ECE46D;
}
.col_right .services .top
{
	background:url(/wp-content/themes/turret/img/services_top.gif) no-repeat;
	height:6px;
}
.col_right .services .heading
{
	margin:15px 10px 12px 10px;
	font-size:123.1%;
	color:#69256C;
	font-weight:bold;
}
.col_right .services .service
{
	margin:10px 10px 5px 10px;
	font-size:123.1%;
}
.col_right .services .service a
{
	color:#69256C;
}
.col_right .services .description
{
	margin:5px 10px 15px 10px;
	font-size:108%;
}
.col_right .services .description a
{
	color:#59595B;
}
.col_right .services .divider
{
	background:#D6CE75;
	width:197px;
	margin:auto;
	height:1px;
}

.col_right .services .bottom
{
	background:url(/wp-content/themes/turret/img/services_bottom.gif) no-repeat;
	height:4px;
}

.footer
{
	text-align:right;
}

.footer .image
{
	background:url(/wp-content/themes/turret/img/footer.jpg) no-repeat;
	height:210px;
	font-size:77%;
	position: relative;
}
.footer .image .happy-patients
{
	height:100px;
	width: 350px;
	text-align:left;
	position: relative;
	float: right;
	top: 55px;
	left: -25px;
}
.footer .image blockquote {
	float: right;
	position: relative;
	background: url(img/quote_open.png) no-repeat top left;
	width: 300px;
	padding: 8px 25px 0 25px;	
	left: 0;
	top: 0;	
}
.footer .image blockquote p {
	color: #fff;
	font-size: 12px;
	padding-bottom: 4px;
	background: url(img/quote_closed.png) no-repeat bottom right;	
	line-height: 20px;
}
.footer .image blockquote p span {
	font-style: italic;
	font-weight: normal;
}
.footer .image .links
{
	clear: both;
	padding:0 10px 0 0;
	color:#fff;
	line-height:15px;
	position: relative;
	top: 75px;
}

.footer .image .links a
{
	color:#fff;
}

.footer .weblink
{
	font-size:77%;
	color:#59595B;
	margin-top:8px;
	display:block;
}

/* Form customisations */

/* fields whose labels wrap to 2 lines */
#cf_field_10, #cf_field_11, #cf2_field_13, #cf2_field_14
{
	margin-top:10px
}

/* Gravity Form Style Overides */

/* Remove background image and padding form form items */
.gform_wrapper li {background: none !important; padding-left: 0!important;}