/* CSS Document 2008 Mezzanine Creative www.mezzaninecreative.co.uk */
/*=================MAIN START==============*/
html {background:#1E1E1E url(../_images/back_back.png) repeat-y 50% 0;}

body {font: 13px/1.4 Myriad, Arial, sans-serif; color:#555;}

a:focus {outline: 1px dotted invert;}

a:link {color:#666; text-decoration:none;}
a:visited {color:#666; text-decoration:none;}
a:hover {color:#FFF; text-decoration:none;}
a:active {color:#FFF; text-decoration:none;}

div#specialQuote ul li.colorTwo a:link, div#specialQuote ul li.colorTwo a:visited {color:#919F6D;}
div#specialQuote ul li.colorFive a:link, div#specialQuote ul li.colorFive a:visited {color:#555;}
div#specialQuote ul li.colorFive a:hover, div#specialQuote ul li.colorTwo a:hover {color:#FFF;}

div#indexQuote a:link {color:#FFF; text-decoration:none;}
div#indexQuote a:visited {color:#FFF; text-decoration:none;}
div#indexQuote a:hover {color:#666; text-decoration:none;}
div#indexQuote a:active {color:#666; text-decoration:none;}

hr {border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0;}

p {margin:20px 40px 20px 30px; color:#444;}
p.twoColumns {float:left; width:260px; margin:20px 0; padding:0 0 0 30px;}

h1 {font-size: 25px;}
h2 {font-size: 20px;}
h3 {font-size: 20px;}
h4 {font-size: 19px;}
h5 {font-size: 17px;}
h6 {font-size: 15px;}

.xxsmall {font-size: 10px;}
.xsmall {font-size: 12px;}
.small {font-size: 14px;}
.medium {font-size: 16px;}
.large {font-size: 22px;}
.xlarge {font-size: 26px;}
.xxlarge {font-size: 32px;}

#mainColumn h1, #mainColumn h2, #mainColumn h3, #mainColumn h4, #mainColumn h5, #mainColumn h6 {margin:0 30px;}
h1.practice {background:url(../_images/nhs.png) no-repeat right 50%; width:550px;}
h1.private {background:url(../_images/private.png) no-repeat right 50%; width:550px;}

ol {list-style: decimal;}
ul {list-style: square;}
li {margin-left: 30px;}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {margin-bottom: 20px;}

#wrapper {overflow:hidden; background:url(../_images/wrapper_back.png) repeat-y 0 0;}

/*BLUE*/ .colorOne, a.colorOne {color:#305289;}
/*LIGHT GREEN*/ .colorTwo, a#colorTwo {color:#919F6D;}
/*DARK GREEN*/ .colorThree, a#colorThree {color:#738F8C;}
/*BROWN*/ .colorFour, a#colorFour {color:#8D7F73;}
/*BLACK*/ .colorFive, a#colorFive {color:#555;}
/*WHITE*/ .colorSix, a#colorSix, #header a {color:#FFF;}
/*RED*/ .colorSeven, a#colorSeven {color:#CF0C26;}

.colorOneBack {background:#305289;}
.colorTwoBack, a#colorTwoBack {background:#A2AF83; color:#FFF;}
.colorThreeBack, a#colorThreeBack {background:#738F8C; color:#FFF;}
.colorFourBack, a#colorFourBack {background:#8D7F73; color:#FFF;}
.colorSixBack {background:#FFF;}
.colorEightBack {background:#EFEFEF;}
.colorNineBack {background:#575D8A;}

.marginLeft {margin:0 0 0 30px;}
.marginRight {margin:0 40px 0 0;}
.marginTop {margin-top:20px;}
.marginBottom {margin-bottom:20px;}

.text-left {text-align:left;}
.text-right {text-align:right;}

/*=================MAIN END==============*/

/*=================HEADER START==============*/
#header {background:#A2AF83;}

#topHeaderLeft {height:20px; padding:5px 0;}
#topHeaderLeft ul {width:280px; height:20px; padding:3px 0 0 0; list-style:none;}
#topHeaderLeft ul li {display:inline;}
#topHeaderLeft ul li a {float:left; text-align:center; font-size:13px; height:20px; text-decoration:none; padding:0 14px 0 0; margin:0;}

#topHeaderRight {height:20px; font-size:20px; text-align:right;}
#bottomHeader {background:#FFF; width:940px; overflow:hidden; font-size:12px; padding:10px 0 0 0;}
#practices {width:320px; padding:0 10px 0 0; text-align:right;font-size:11px;line-height:1;}
#practices a {color:#919F6D;}

a#chooseYourClinic {display:block; width:90px; height:100px; padding:10px 0 0 0; background:url(../_images/choose_your_clinic.png) no-repeat 0 0; text-indent:-9999px; font-size:12px;font-weight:bold; line-height:1.2;}

a#chooseYourClinic:hover {background:none; text-indent:0px;} 

/*======MAIN MENU START======*/
#menuTop {clear:both;}
#menuTop ul {float:left; width:890px; height:25px; padding:0 25px; margin:0; list-style:none; background:#FFF;}
#menuTop ul li {display:inline}
#menuTop ul li a {float:left; text-align:center; font-size:13px; height:20px; text-decoration:none; color:#919F6D; padding:5px 10px 0; margin:0;}
#menuTop ul li a:hover {background:#D5D6D7; color:#444949;}

/*======MAIN MENU END======*/

/*=================HEADER END==============*/

/*=================CONTENT START==============*/
#content {background:#D5D6D7;}

#flashLeft {padding:0 0 0 20px; width:440px;}
div.flashContainerLeft {width:400px; height:100px; background:#555; margin:20px 0;}
div.flashContainerRight {width:400px; height:100px; background:#555; margin:20px 0 20px 40px;}
#flashRight {padding:0 20px 0 0; width:440px;}

#contentMiddleLeft {padding:0 0 0 20px; width:200px; font-weight:bold;}
#contentMiddleCenter {font-size:16px; font-weight:bold;}
#contentMiddleRight {padding:0 20px 0 0; width:200px; font-weight:bold; text-align:right;}

#contentBottom {height:82px;}

/*======LEFT COLUMN START======*/
#leftColumn {margin-top:40px; width:240px; padding:0 0 20px 35px; font-size:24px; }
#leftColumn img, #leftColumn iframe {margin:20px 0 0 0;}
#myMap {width:240px; height:350px; margin-top:20px;}
#myLargeMap {width:560px; height:400px; margin:20px 0 20px 30px;}

/*======MENU SIDE START======*/
.menuTitle {height:25px; color:#FFF; padding:25px 0 0 20px; font-size:16px;}

#menuSide {background:#CFCFCF; padding:14px; border:1px solid #EEE;}
#menuSide ul {margin:0; padding:10px 0 20px 0; list-style:none; background:#777;} 
#menuSide ul li {margin:0; padding:0; width:210px; line-height:1.1;}
#menuSide ul li a {display:block; width:194px; height:20px; font-size:13px; color:#FFF; margin:0; padding:2px 0 0 20px;}
#menuSide ul li a:hover {background:#CFCFCF; color:#444;}
#menuSide ul li#ctDentalReferrals a {width:190px; height:22px; color:#FFF; background:#3F3F3F; margin:20px 0 0 0; padding:4px 0 0 20px;}
#menuSide ul li#ctDentalReferrals a:hover {background:#FFF; color:#777;}
#menuSide ul li#membershipPlan a {width:190px; height:22px; color:#FFF; background:#494F73; margin:0; padding:4px 0 0 20px;}
#menuSide ul li#membershipPlan a:hover {background:#FFF; color:#777;}
#menuSide ul li#financeAvailable a {width:190px; height:22px; color:#FFF; background:#575D8A; margin:0; padding:4px 0 0 20px;}
#menuSide ul li#financeAvailable a:hover {background:#FFF; color:#777;}
#menuSide ul#lastMenuSet {padding:10px 0 0 0;}
#menuSide ul li a.prac {font-weight:bold;}

#menuSide1 {background:#CFCFCF; padding:14px; margin:20px 0 0 0; border:1px solid #EEE;}
#menuSide1 img {margin:0;padding:0;}

#menuSide2 {background:#CFCFCF; padding:14px; margin:20px 0 0 0; border:1px solid #EEE;}
#menuSide2 ul {margin:0; padding:10px 0 20px 0; list-style:none; background:#777;} 
#menuSide2 ul li {margin:0; padding:0; width:210px; line-height:1.1;}
#menuSide2 ul li a {display:block; width:174px; height:20px; font-size:14px; color:#FFF; margin:0; padding:2px 0 0 20px;}
#menuSide2 ul li a:hover {background:#CFCFCF; color:#444;}

/*======MENU SIDE END======*/

/*======LEFT COLUMN END======*/

/*======MAIN COLUMN START======*/
#mainColumn {margin-top:40px; padding:0 0 40px 0; overflow:hidden;}
#mainImage {float:right; margin:0 0 20px 0;}
.quote {float:right; background:#CFCFCF; border:1px solid #EEEEEE; padding:30px; margin:30px 60px 30px 40px; color:#EEE; font-size:24px; position:relative; display:inline;}
div.portfolioDescriptionHeader {background:#BFBFBF; border:1px solid #EEEEEE; padding:30px; width:493px; margin:30px 0 0 30px; color:#EEE; font-size:24px; position:relative;}
div.portfolioDescription {background:#BFBFBF; border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE; padding:30px; width:493px; margin:0 0 30px 30px; color:#EEE; font-size:14px;}
div.simpleQuote {background:#BFBFBF; padding:10px 30px; width:495px; margin:30px 0 30px 30px; color:#EEE; font-size:24px;}
#quoteTop {position:absolute; top:-20px; left:-20px; width:53px; height:44px; z-index:2;}
#quoteBottom {position:absolute; bottom:-20px; right:-20px; width:53px; height:44px; z-index:2;}
#mainColumn iframe {margin:10px 0 20px 30px; border-bottom:1px solid #000; border-right:1px solid #000;}
img.image {margin-top:10px;}
#mainColumn ul {margin:20px 40px;}
img.contentImage {float:left; margin:0 30px 20px;}
img.right {float:right;}
ul#sitemaplist li {margin:10px 0px;}
#walkthrough {margin-left:30px;}
div#specialQuote {clear:both; background:#CFCFCF url(../_images/special_quote_back.png) repeat-y; border:1px solid #EEEEEE; padding:10px 20px 20px; margin:30px 60px 30px 40px; font-size:14px; line-height:1.5;}
div#specialQuote ul {margin:0 15px 20px 15px; padding:0;}
div#indexQuote {clear:both; width:670px; height:100px; background:url(../_images/top_logo2.png) no-repeat; padding:20px 0 0 210px; margin:20px 0 0 35px;}
table.interest-table td {background:#CCC;padding:3px;}
table.interest-table th {color:#333;background:#BBB;padding:3px;}
/*======MAIN COLUMN END======*/


/*=================CONTENT END==============*/

/*=================FOOTER START==============*/
#footer {width:900px; padding:20px; background:#2A2C3C url(../_images/footer_back.png) repeat-x 0 0; font-size:11px; color:#555; text-align:center;}

/*=================FOOTER END==============*/