/* CSS created by Anagram June 2008 */

body{margin: 0; padding: 10px 0 0 0; font-family: Arial, Helvetica, sans-serif;}
form{margin: 0; padding: 0; float: left;}

/* *************************************************************
MAIN PAGE WRAP
************************************************************* */
#wrap{width: 900px; margin: 0 auto; padding: 0;}

#logoDentists{ float: left; margin: 0 0 10px 10px; }

#headerText{ float: left; width: 350px; margin: 5px 0 0 75px;}
#headerText h1{ font-size: 130%; color: #F90; margin: 0; padding: 0; font-weight: normal; line-height: 120%; letter-spacing: -0.03em;}
#headerText h2{ font-size: 130%; color: #F60; margin: 0; padding: 0; font-weight: bold; line-height: 120%; letter-spacing: -0.03em;}
#headerText h2 span{ font-weight: normal; font-size: 60%;}

#logoFriadent{ float: right; margin: 5px 0 0 0;}

#searchBar{ background:url(../images/bg/bg_searchBar.gif) 0 0 no-repeat; width: 215px; margin: 10px 0 0 0; height: 25px; float: right; padding: 0 0 0 35px; clear: right;}
#searchBar form{ width: 100%;}
#searchBar .text{ background: none; border: none; float: left; margin: 4px 0 0 0; font-size: 75%; color: #8C795E; width: 180px;}
#searchBar .btn_go{ background: url(../images/buttons/btn_go.gif) 0 0 no-repeat; border: none; float: right; width: 20px; height: 15px; margin: 5px 5px 0 0; cursor: pointer;}

/* *************************************************************
TOP NAVIGATION
************************************************************* */
#topNav{ float: left; width: 900px; height: 40px; background: #7B6C53 url(../images/bg/bg_topNav.gif) 0 0 no-repeat; margin: 0;}
#topNav ul{ width: 900px; float: left; margin: 0; padding: 0; list-style: none; height: auto;}

#topNav li{ float: left; padding: 0; margin: 0; font-size: 85%; color: #fff; font-weight: normal; }
#topNav li a{ color: #fff; text-decoration: none; margin: 12px 0 0 0; padding: 0 13px; display: block; border-right: 1px solid #605440; border-left: 1px solid #B6A992;}
#topNav li a:hover,
#topNav li a.active{color: #D1C5A0; text-decoration: none;}


#topNav li ul {position: absolute; left: -999em; height: auto; width: 187px; w\idth: 177px; font-weight: normal; padding: 10px 0 4px 0; margin: 0; background: url(../images/bg/bg_dropDownNav.png) left bottom no-repeat;}
#topNav li li {padding: 0; background-color: #7B6C53; font-size: 80%;}

#topNav li li a{padding: 0 3px 0 12px; margin: 0; height: 35px; line-height: 35px; border-left: 1px solid #666; border-right: 1px solid #666; border-top: 1px solid #605440; color: #fff; }
#topNav li li a:hover,
#topNav li li a.active{ color: #FC0; background-color:#333; text-decoration: none;}

#topNav li ul ul {margin: -23px 0 0 120px;}
#topNav li li li{ font-size: 100%;}
#topNav li ul a {width: 167px; width: 157px;}

#topNav li:hover ul ul, #topNav li:hover ul ul ul, #topNav li.sfhover ul ul, #topNav li.sfhover ul ul ul {left: -999em;}
#topNav li:hover ul, #topNav li li:hover ul, #topNav li li li:hover ul, #topNav li.sfhover ul, #topNav li li.sfhover ul, #topNav li li li.sfhover ul{left: auto; color: #D1C5A0;}


/* *************************************************************
MAIN CONTENT AREAS
************************************************************* */

/* Used for background of subcontent */
#contentBodyWrap{ float: left; width: 900px; background: url(../images/bg/bg_subContent.gif) top right repeat-y; margin: 4px 0 8px 0;}


/* CONTENT WRAP ************************************* */
#contentWrap{ float: left; width: 701px; margin: 0;}


/* QUICK NAV ************************************* */
#quickNavWrap{ float: left; width: 197px; margin: -1px 0 0 0;}
.quickNav{ float: left; width: 187px; background: url(../images/bg/bg_quickNav.gif) 0 0 repeat-x; height: 50px; padding: 10px 0 0 10px; margin: 1px 0 0 0; border-bottom: 1px solid #9C896A;}
#contentWrap .quickNav h2{ font-size: 85%; margin: 0; padding: 0; color: #F60; font-weight: bold; float: left; width: 177px;}
#contentWrap .quickNav h2 span{ color: #F90;}
#contentWrap .quickNav p{font-size: 70%; margin: 0 0 0 0; padding: 0 0 0 10px; color: #524736; background: url(../images/icons/icon_arrow.gif) 0 7px no-repeat; float: left; width: 177px;}
#contentWrap .quickNav p a{color: #524736; text-decoration: none;}
#contentWrap .quickNav p a:hover{color: #F60; text-decoration: underline;}


/* MAIN PIC ************************************* */
#mainPic{ float: right; width: 500px; height: 247px; margin: 0 0 0 0; display: inline;}


/* MAIN CONTENT ************************************* */
#mainContent{ float: left; width: 455px; margin: 15px 0 15px 0; padding: 0 0 0 25px; background: url(../images/bg/bg_vertical_lines.gif) 0 0 repeat-y;}

#contentWrap h1, #contentWrap #mainContent h1{ width: 100%; color: #000; font-size: 130%; float: left; clear: both; margin: 0 0 20px 0; padding: 0 0 10px 0; font-weight: normal; background: url(../images/bg/bg_title_lines.gif) bottom left repeat-x;}
#contentWrap h1 { margin: 15px 0 0 0;}

#contentWrap #mainContent h2{ width: 100%; color: #635543; font-size: 90%; float: left; clear: both; margin: 0 0 5px 0; padding: 0 0 0 0; font-weight: bold; display: inline; line-height: 150%;}
#mainContent h2 a{ color: #635543; text-decoration: none;}
#mainContent h2 a:hover{ color: #000; text-decoration: underline;}

#contentWrap h2{ width: 100%; color: #635543; font-size: 120%; float: left; clear: both; margin: 0 0 0 0; padding: 0 0 0 0; font-weight: normal; display: inline; }

#mainContent h3{ width: 100%; color: #000; font-size: 90%; float: left; clear: both; margin: 0 0 5px 0; padding: 0 0 0 0; font-weight: normal; display: inline;}
#mainContent h4{ width: 100%; color: #9C896A; font-size: 80%; float: left; clear: both; margin: 0 0 5px 0; padding: 0 0 0 0; font-weight: normal; display: inline;}
#mainContent h5{ float: left; width: 100%; font-size: 75%; margin: 5px 0 0 0; padding: 0 0 0 0; color: #000; line-height: 150%; clear: left; display: inline; font-weight: normal;}

#contentWrap p, #mainContent p{ font-size: 75%; margin: 0 0 0 0; padding: 0 0 15px 0; color: #827057; line-height: 170%; float: left; width: 100%;}
#contentWrap p a, #mainContent p a{ color: #857458; }
#contentWrap p a:hover, #mainContent p a:hover{ color: #000; }

a.more{ color: #0099FF; background: url(../images/icons/icon_arrowBlue.gif) 0 4px no-repeat; padding: 0 0 0 12px; }
a.more:hover{ color:#000; }

#mainContent ul, #mainContent2 ul{ clear: both; margin: 0 0 5px 15px; padding: 0 0 15px 0; list-style: none; float: left; width: 435px; display: inline;}
#mainContent li, #mainContent2 li{ line-height: 160%; font-size: 75%; clear: both; margin: 0 0 0 0; padding: 0 0 0 15px; width: 415px; float: left; color: #8C795E; background: url(../images/icons/icon_orange-square.gif) 0 7px no-repeat;}
#mainContent li a, #mainContent2 li a{ color: #444;}
#mainContent li a:hover, #mainContent2 li a:hover{ color: #0099CC;}

#mainContent .intro{ float: left; background-color: #FBF9F0; padding: 10px; width: 375px; margin-bottom: 20px;}
#mainContent .intro p{ margin: 0; padding: 0; font-size: 90%; color: #584E3A; line-height: 140%;}


/* TESTIMONIALS ************************************* */
#testimonial_block{ float: left; width: 170px; clear: left; margin: 10px 0 0 0; padding: 0 30px 40px 0;}
#contentWrap #testimonial_block h2, #contentWrap #testimonial_block h3{ font-size: 75%; color: #70604B; margin: 5px 0 0 0; padding: 0; float: left; }
#contentWrap #testimonial_block h3{margin: 3px 0 20px 0; float: left;}
#testimonial_block p{ font-size: 70%; margin: 0 0 5px 0; padding: 0; color: #8D7A5F; line-height: 170%; font-style: italic; float: left;}
#testimonial_block span{ font-size: 150%; margin: 0;}
/* #testimonial_block span.quoteLeft{ font-size: 300%; margin: 8px 5px -10px 0; float: left; display: inline;}
#testimonial_block span.quoteRight{ font-size: 300%; margin: 8px 0 -10px 0; float: right; display: inline;} */


/* CONTACT BLOCK ************************************* */
#contact_block{ float: left; width: 170px; clear: left; margin: 20px 30px 0 0;}
#contentWrap #contact_block h2{ font-size: 75%; color: #70604B; margin: 0 0 0 0; padding: 0; font-weight: bold;}
#contact_block p{ font-size: 70%; margin: 0 0 20px 0; padding: 0; color: #8D7A5F; line-height: 170%;}
#contact_block p a{ color: #8D7A5F; text-decoration: underline;}
#contact_block p a:hover{ color: #8D7A5F;}


#player {display: block; width: 500px; height: 400px; float: left; clear: both;}


/* CONTACT BLOCK ************************************* */
p#testimonial_text_hp{ float: left; width: 315px; font-style: italic; }
p#testimonial_dentist_hp{ float: right; width: 120px; font-style: italic; font-size: 70%; line-height: 120%; }


/* *************************************************************
SUB-CONTENT ON RIGHT HAND SIDE
************************************************************* */
#subContent { width: 195px; float: right; margin: 0; padding: 0 0 40px 0; background-color: #F2EDDA;}

/* SEARCH ************************************* */
#subContent #searchCourses{ float: left; width: 175px; margin: 10px 0 30px 10px; display: inline;}
#subContent #searchCourses h2{ font-size: 90%; color: #635543; background: url(../images/bg/bg_subContentTitle.gif) left bottom repeat-x; float: left; width: 140px; display: inline; margin: 1px 0 10px 0; padding: 0 0 6px 0;}
#subContent #searchCourses img{ float: left; margin: 0 5px 0 0;}
#subContent #searchCourses p{ float: left; width: 100%; clear: both; font-size: 70%; color: #534B39;}
#subContent #searchCourses .text{ width: 165px; font: 70% Arial, Helvetica, sans-serif; color: #534B39; margin: 2px 0 0 0;}
#subContent #searchCourses .select{ width: 170px; margin: 0 0 1px 0; font: 70% Arial, Helvetica, sans-serif; color: #534B39;}
#subContent #searchCourses .submit{ background: url(../images/buttons/btn_submit.png) 0 0 no-repeat; border: none; width: 90px; height: 25px; margin: 5px 0 0 0; cursor: pointer;}
#subContent #searchCourses  .postcode { border: 1px solid #ccc; width: 35px; font-size: 100%;}

/* NEWS & FORTHCOMING COURSES ************************************* */
#subContent #news, #subContent #courses{ float: left; width: 175px; margin: 10px 0 20px 10px; display: inline;}
#subContent #news h2.title, #subContent #courses h2{ font-size: 80%; color: #8C795E; background: url(../images/bg/bg_subContentTitle.gif) left bottom repeat-x; float: left; width: 140px; display: inline; margin: 1px 0 10px 0; padding: 0 0 6px 0;}
#subContent #news h2 span{ color: #AD9D80;}
#subContent #news h3, #subContent #courses h3{ font-size: 110%; color: #F60; float: left; width: 150px; display: inline; margin: 0 0 0 0; padding: 0; font-weight: normal; line-height: 80%;}
#subContent #news h3 a, #subContent #courses h3 a{ color: #F60; text-decoration: none;}
#subContent #news h3 a:hover, #subContent #courses h3 a:hover{ color: #000; text-decoration: underline;}
#subContent #news h4, #subContent #courses h4 {font-size: 110%; color: #AC9C80; float: left; width: 150px; display: inline; margin: 3px 0 5px 0; padding: 0; font-weight: normal; line-height: 80%;}
#subContent #news h4 a, #subContent #courses h4 a{color: #AC9C80;}
#subContent #news img, #subContent #courses img{ float: left; margin: 0 5px 0 0;}
#subContent #news p, #subContent #courses p{ color: #534B39; padding: 0; margin: 0; line-height: 140%; width: 150px;}
#subContent #news a, #subContent #courses a{font-size: 70%; color: #534B39; text-decoration: none; cursor: pointer;}
#subContent #news a:hover, #subContent #courses a:hover{ color: #000; text-decoration: none;}

#subContent #news ul, #subContent #courses ul{ width: 160px; padding: 0; margin: 5px 0 0 0; list-style: none;}
#subContent #news li, #subContent #courses li{ font-size: 100%; color: #534B39; background: url(../images/icons/icon_orange-square.gif) 0 6px no-repeat; line-height: 150%; padding: 0 0 0 10px; margin: 0;}

/* #subContent #news a.link, #subContent #courses a.link{font-size: 70%; color: #534B39; text-decoration: none;}
#subContent #news a.link:hover, #subContent #courses a.link:hover{color: #000; text-decoration: none;} */

#subContent #news .clear, #subContent #courses .clear{float: left; clear: both; width: 155px; height: 10px; margin: 0 0 20px 0; border-bottom: 1px dotted #8C795E;}

#subContent .btn{ float: left; margin: 15px 0 1px 10px;}
#subContent .btn:hover{ margin: 16px 0 0 10px;}

a.btn_rapid_registration{ width: 170px; height: 60px; margin: 10px 0 6px 10px; float: left; background: url(../images/buttons/btn_rapid_registration.png) 0 0 no-repeat;}
a.btn_rapid_registration:hover{ background: url(../images/buttons/btn_rapid_registration.png) 0 -70px no-repeat; margin: 11px 0 5px 10px;}

#subContent marquee{padding: 10px; border: 1px solid #E0D3A7; background-color: #FBFAF3;}

/* SPECIFIC TO NEWS */
#subContent #news { height: 190px; overflow: hidden;}
#subContent #news h2{ font-size: 80%; color: #8C795E; float: left; width: 155px; display: inline; margin: 0 0 0 0; padding: 0 0 5px 0;}

/* SPECIFIC TO COURSES */
#subContent #courses{height: 174px;  overflow: hidden;}

/* *************************************************************
COURSE DETAIL
************************************************************* */
#mainContent.courseDetail{float: right; background: none; padding: 0 15px 0 0; width: 470px;}

#contentWrap #mainContent.courseDetail h1{ margin-bottom: 0;}
#contentWrap h1 span{ float: left; clear: both; width: 100%; font-size: 80%; color: #9C896A; margin: 4px 0 0 0;}
#contentWrap h1 .dateTitle{ float: left; clear: both; width: 100%; font-size: 60%; color: #9C896A; margin: 4px 0 3px 0;}

#course_presenters{ width: 177px; float: left; margin: 0; padding: 8px 10px 20px 10px; background: #F2EDD0 url(../images/misc/shape_presenters_top.gif) 0 0 no-repeat;}
#course_presenters h2{ color: #8C795E; font-size: 80%; font-weight: bold; clear: both; margin: 0 0 3px 0; padding: 0;}
#course_presenters h3{color: #8C795E; font-size: 75%; font-weight: normal; margin: 0 0 5px 0; padding: 0;}
#course_presenters p{ float: none; clear: none; width: auto; font-size: 70%; line-height: 140%;}
#course_presenters img{ float: left; margin: 0 10px 0 0;}

#course_intro { background: url(../images/bg/bg_course_intro.gif) 0 0 repeat-x; float: left; width: 450px; padding: 10px 10px 0 10px; border-bottom: 1px solid #D1C5A0; margin-bottom: 20px;}
#course_intro h3{ width: 100%; color: #7A6B52; font-size: 100%; float: left; clear: both; margin: 0 0 10px 0; padding: 0 0 0 0; font-weight: normal; display: inline;}
#course_intro p{ font-size: 90%; line-height: 150%;}

#bread_crumb ul{ float: left; width: 100%; margin: 0; padding: 0;}
#bread_crumb li{ float: left; }

#accreditation{ float: left; width: 100%; padding: 20px 0 0 0; border-top: 1px solid #D1C5A0;}
#additional_info{ float: left; width: 100%; padding: 20px 0 0 0; border-top: 1px solid #D1C5A0;}


#practiceDetails{ float: left; width: 175px; margin: 8px 0 0 10px; display: inline; padding: 0 0 20px 0; display: inline; border-bottom: 1px solid #D1C5A0;}
#subContent #practiceDetails h2{ font-size: 80%; color: #8C795E; float: left; width: 160px; display: inline; margin: 5px 0 10px 0; padding: 0; font-weight: normal;}
#subContent #practiceDetails p{ float: left; width: 100%; clear: both; font-size: 70%; color: #534B39; padding: 0; margin: 0 0 0 0; line-height: 150%;}

#fees, #booking_info{ float: left; width: 175px; margin: 0 0 0 10px; padding: 20px 0; display: inline; border-top: 1px solid #FFF; }
#fees{border-bottom: 1px solid #D1C5A0;}
#fees h2, #booking_info h2{ font-size: 90%; color: #B1A38B; float: left; width: 170px; display: inline; margin: 0 0 0 0; padding: 0;}
#fees p, #booking_info p{float: left; width: 100%; line-height: 140%; clear: both; font-size: 70%; color: #534B39; padding: 0; margin: 5px 0 0 0;}
#fees ul, #booking_info ul{float: left; width: 100%; clear: both; padding: 0; margin: 5px 0 0 0; list-style: none;}
#fees li, #booking_info li{font-size: 70%; color: #534B39; float: left; width: 160px; background: url(../images/icons/icon_orange-square.gif) 0 7px no-repeat; line-height: 150%; padding: 0 0 0 10px; margin: 0;}
#fees li a, #booking_info li a{ color: #534B39; text-decoration: underline;}


/* *************************************************************
COURSE LISTING
************************************************************* */
#contentWrap h2.subTitle { background: url(../images/bg/bg_subTitle.gif) 0 0 repeat-x; float: left; width: 691px; margin: 20px 0 0 0; padding: 0 0 0 10px; line-height: 200%; border-bottom: 1px solid #CDC4B4; font-size: 110%; color: #F60}

.list, .list2{ width: 681px; float: left; margin: 1px 0 0 0; padding: 15px 10px; display: inline; border-bottom: 1px dotted #9C896A;}
.list{background-color: #F2EDDA;}
.list2{background-color: #FBFAF3;}
.list .course_img, .list2 .course_img{ float: left; padding: 1px; width: 150px; height: 100px; background-position: center; background-repeat: no-repeat; overflow: hidden;}
.list img, .list2 img{ float: left; border: 1px solid #D1C5A0; padding: 1px;}

.list .info, .list2 .info{ float: left; margin: 0 0 0 0; width: 315px;}

#contentWrap .list h2, #contentWrap .list2 h2{color: #544B39; font-size: 100%; width: 515px; display: inline; float: right; margin: 0 0 0 10px; padding: 0; font-weight: bold; clear: none;}

.list h2 a, .list2 h2 a{ color: #544B39; text-decoration: none;}
.list h2 a:hover, .list2 h2 a:hover{ color: #000; text-decoration: underline;}

.list h3, .list2 h3{color: #9C896A; font-size: 90%; width: 515px; display: inline; float: right; margin: 3px 0 0px 0; padding: 0; font-weight: normal;}

.list h4, .list2 h4{color: #000; font-size: 80%; width: 515px; display: inline; float: right; margin: 3px 0 0px 0; padding: 0; font-weight: normal;}

.list dl#date, .list2 dl#date{ float: right; width: 220px; font-size: 75%; margin: 5px 0 0 10px; padding: 0;}
.list dl#date dt, .list2 dl#date dt{ float: left; width: 50px; margin: 0; padding: 0; white-space: nowrap; color: #A8967E;}
.list dl#date dd, .list2 dl#date dd{ float: left; width: 170px; margin: 0; padding: 0; color: #544B39;}

.list dl, .list2 dl{ float: right; width: 285px; font-size: 75%; margin: 5px 0 0 10px; padding: 0;}
.list dt, .list2 dt{ float: left; width: 100px; margin: 0; padding: 0; white-space: nowrap; color: #A8967E;}
.list dd, .list2 dd{ float: left; width: 185px; margin: 0; padding: 0; color: #544B39;}

#contentWrap .list p, #contentWrap .list2 p{ float: right; color: #544B39; width: 515px; font-size: 75%; margin: 3px 0 0 10px; padding: 0; line-height: 150%; display: inline; text-align: justify;}
.list p a, .list2 p a{ color: #F60;}
.list p a:hover, .list2 p a:hover{ color: #000;}

.list ul, .list2 ul{ float: right; width: 515px; margin: 5px 0 3px 0; padding: 0; list-style: none; display: inline;}
.list li, .list2 li{ float: left; margin: 0 10px 0 0; padding: 0; color: #000; font-size: 75%; width: auto; white-space: nowrap;}
.list li a, .list2 li a{ color: #000;}
li.phone{ background: url(../images/icons/icon_phone.gif) 0 3px no-repeat; padding: 0 0 0 15px;}
li.fax{ background: url(../images/icons/icon_fax.gif) 0 1px no-repeat; padding: 0 0 0 18px;}
li.email{ background: url(../images/icons/icon_email.gif) 0 4px no-repeat; padding: 0 0 0 25px;}
li.website{ background: url(../images/icons/icon_website.gif) 0 3px no-repeat; padding: 0 0 0 15px;}


/* *************************************************************
PRESENTER LISTING
************************************************************* */
#contentWrap #presenterList .list h2, 
#contentWrap #presenterList .list2 h2,
#contentWrap #presenterList .list h3, 
#contentWrap #presenterList .list2 h3,
#contentWrap #presenterList .list p, 
#contentWrap #presenterList .list2 p{ width: 585px; margin-right: 5px;}

#contentWrap .list h2 span,
#contentWrap .list2 h2 span{ float: right; font-size: 80%; font-weight: normal; color: #9C896A; font-style: italic; width: auto; white-space: nowrap;}
#contentWrap .list h2 a.courses,
#contentWrap .list2 h2 a.courses,
#contentWrap .list h3 a.courses,
#contentWrap .list2 h3 a.courses
{color: #9C896A; font-size: 90%; float: right; font-style: italic; background: url(../images/icons/icon_arrow.gif) 0 5px no-repeat; padding: 0 0 0 7px; font-weight: normal;}
#contentWrap .list h2 a.courses:hover,
#contentWrap .list2 h2 a.courses:hover,
#contentWrap .list h3 a.courses:hover,
#contentWrap .list2 h3 a.courses:hover{ color: #000;}


/* *************************************************************
SEARCH RESULTS
************************************************************* */
#searchResults .list dl, #searchResults .list2 dl{ float: left; width: 670px; font-size: 75%; margin: 0 0 0 10px; padding: 0;}
#searchResults .list dt, #searchResults .list2 dt{ float: left; width: 100px; margin: 0; padding: 0; white-space: nowrap; color: #A8967E;}
#searchResults .list dd, #searchResults .list2 dd{ float: left; width: 570px; margin: 0; padding: 0; color: #544B39;}
#searchResults .list dd a, #searchResults .list2 dd a{ text-decoration: none; color: #544B39;}
#searchResults .list dd a:hover, #searchResults .list2 dd a:hover{ text-decoration: underline; color: #000;}


/* *************************************************************
CONTENT LISTING -> DIRECT LEARNING / NEWS / EVENTS
************************************************************* */
#contentWrap #mainContent.contentDetail h1{ margin-bottom: 0;}
#contentList a.content_img, #contentList a.content_img{ float: left; padding: 1px; width: 150px; height: 100px; background-position: center; background-repeat: no-repeat; overflow: hidden;}

#content_intro { background: url(../images/bg/bg_course_intro.gif) 0 0 repeat-x; float: left; width: 435px; padding: 10px 10px 0 10px; border-bottom: 1px solid #D1C5A0; margin: 0 0 20px 0;}


/* PAGE NAVIGATION ************************************* */
#pageNav{ float:right; margin: 10px 15px 10px 0;}
#pageNav select { font-size: 70%;}

h1#searchResults{ float: left; width: 150px; font-size: 120%; color: #9C896A; font-size: 130%; float: left; margin: 5px 0 0 0; padding: 0 0 10px 0; font-weight: normal; display: inline; }

#proximity_search{ float: left; width: 435px; background: #9B8868; padding: 5px 10px; margin: 15px 0 0 0;}
#mainContent form#proximity_search h2{ color: #544B39; margin: 0; padding: 0;}
#proximity_search p{ margin: 2px 5px 2px 0; padding: 0; color: #fff; font-weight: bold; float: left; width: auto; white-space: nowrap; }
#proximity_search p a{ color: #F2EDDA;}
#proximity_search p a:hover{ color: #fff;}
#proximity_search .btn_search{ background: url(../images/buttons/btn_submit_2.png) 0 0 no-repeat; border: none; width: 75px; height: 23px; margin: 0 0 0 0; cursor: pointer; float: left;}
#proximity_search .text{ border: none; padding: 3px 3px; font: 80% Arial, Helvetica, sans-serif; width: 35px; float: left; margin: 0 5px 0 0; }


/* *************************************************************
R£LAX EVENTS PAGE
************************************************************* */
#contentWrap #contentList { float: left; padding: 0 0 50px 0; }
#contentWrap #relaxEvents #contentList .list,
#contentWrap #relaxEvents #contentList .list2{ width: 436px; float: left; margin: 1px 0 0 0; padding: 15px 10px; display: inline; border-bottom: 1px dotted #9C896A;}
#contentWrap #relaxEvents #contentList .list h2, 
#contentWrap #relaxEvents #contentList .list2 h2,
#contentWrap #relaxEvents #contentList .list h3, 
#contentWrap #relaxEvents #contentList .list2 h3,
#contentWrap #relaxEvents #contentList .list h4, 
#contentWrap #relaxEvents #contentList .list2 h4,
#contentWrap #relaxEvents #contentList .list p, 
#contentWrap #relaxEvents #contentList .list2 p{ width: 425px; margin: 0 0 0px 0; padding: 0; float: left; text-align: left;}

#contentWrap #relaxEvents #contentList .list ul,
#contentWrap #relaxEvents #contentList .list2 ul{}


/* *************************************************************
DIRECT LEARNING PAGE
************************************************************* */
#direct_learning .list h2,
#direct_learning .list h3,
#direct_learning .list h4,
#direct_learning .list p,
#direct_learning .list2 h2,
#direct_learning .list2 h3,
#direct_learning .list2 h4,
#direct_learning .list2 p{ float: left; margin-left: 0; }

#direct_learning #content_intro{ width: 680px; }
#direct_learning #contentWrap #mainContent.contentDetail h1{ margin-bottom: 0; width: 700px;}
#direct_learning #contentWrap #mainContent p{ width: 680px;}

#contentWrap p a.pdf{ padding: 3px 0 2px 25px; background: url(../images/icons/icon_pdf.png) 0 0 no-repeat; font-weight: bold; color: #C00; }
#contentWrap p a.pdf:hover{ color: #000; }


/* *************************************************************
CONTACT
************************************************************* */
#contact{ float: left; width: 300px; margin: 15px 0 0 20px; padding: 0 0 22px 0; display: inline;}
#contact h2{color: #000; font-size: 120%; float: left; clear: both; margin: 0 0 0 0; padding: 0; font-weight: normal; letter-spacing: -0.04em; display: inline; width: 300px;}
#contact h3{color: #857458; font-size: 90%; float: left; clear: both; margin: 15px 0 5px 0; padding: 0; font-weight: normal; display: inline; width: 300px;}
#subContent #contact p{ float: left; width: 300px; font-size: 75%; margin: 0 0 0 0; padding: 0 0 0 0; color: #000; line-height: 140%; clear: left; display: inline;}
#contact p a{ color: #857458; }
#contact p a:hover{ color: #000; }


/* *************************************************************
CONTACT FORM
************************************************************* */
#contactForm { float: left; width: 360px; margin: 0; background-color: #fff; display: inline;}
#contactForm form { clear: both; margin: 0; float: left; width: 330px; display: inline;}
#contactForm form p{width: 350px; line-height: 200%; margin: 0; float: left; font-size: 85%; padding: 0;}
#contactForm legend{ color: #3399FF; font-size: 120%; font-weight: normal; padding: 0 10px 10px 10px; margin: 0;}
#contactForm label{ width: 120px; float: left;}
#contactForm .btn_envoyer{ margin: 0; background: url(../images/buttons/btn_envoyer.gif) 0 3px no-repeat; border: none; height: 23px; width: 150px; font-size: 80%; color: #fff; padding: 0 0 0 30px; text-align: left; float: left; line-height: 100%; cursor: pointer;}
#contactForm .btn_envoyer:hover{ height: 22px; margin: 1px 0 0 1px; display: inline;}
#contactForm .reset{ margin: 10px 10px 10px 0; display: inline;}
#contactForm p.footnote{ font-size: 55%; color: #999999; margin: 20px 0 0 0;}
#contactForm .text { width: 150px; font-size: 100%; padding: 2px; border:1px solid #CCCCCC;}
#contactForm .text2 { width: 250px; font-size: 100%; padding: 2px; border:1px solid #CCCCCC;}
#contactForm form textarea { font: 110% Arial, Helvetica, sans-serif; border:1px solid #CCCCCC; width: 220px; height: 100px;}
#contactForm td{ border:none;}
#contactForm tr{ border:none;}

#productLogos{ float: left; clear: both; margin: 10px 0 0 0;}


/* *************************************************************
CONTACT POPUP FORM
************************************************************* */
#contactPopup { float: left; width: 90%; margin: 20px 0 0 20px; display: inline;}
#contactPopup h1{ width: 100%; color: #000; font-size: 130%; float: left; margin: 0 0 0 0; padding: 0; font-weight: normal; display: inline; }
#contactPopup form{ margin: 0 0 0 0; float: left; width: 100%;}
#contactPopup fieldset{ float: left; border: 1px solid #EBE6C7; width: 100%; margin: 10px 0 20px 0; background: #FBFAF3;}

#contactPopup h3{ color: #635543; font-size: 90%; font-weight: normal; padding: 0; margin: 5px 0 10px 0; }
#contactPopup p{width: 100%; line-height: 200%; margin: 0; float: left; font-size: 75%; padding: 0; color: #857458;}
#contactPopup label{ width: 230px; float: left;}
#contactPopup select{ float: left; width: 100%; font: 75% Arial, Helvetica, sans-serif;}

#contactPopup .btn_submit{ background: url(../images/buttons/btn_submit.png) 0 0 no-repeat; border: none; width: 90px; height: 25px; margin: 0 20px 0 0; cursor: pointer; float: left;}
#contactPopup p.close{ float: right; padding: 0; text-align: right; margin: 0 15px 0 0; width: 100px;}
#contactPopup p.close a{text-decoration: none; color: #857458; }
#contactPopup p.close a:hover{text-decoration: none; color: #000000; }
#contactPopup input.text { font-size: 100%; padding: 2px; border:1px solid #CCCCCC;}

#contactPopup p.address{ background: url(../images/logos/logo_dentsply.gif) 0 0 no-repeat; font-size: 60%; padding: 10px 0 10px 100px; margin: 15px 0 0 0; line-height: 140%; color: #999999; width: 500px;}

#contactPopup p.furtherInfo{background: #F3EFE0; padding: 5px; margin: 10px 0 0 0; font-size: 75%; display: block; width: 100%; float: left;}

#contactPopup #footnote{ font-size: 80%;}

#messageWrap{width: 300px; float: left; margin: 0 0 0 0;}
#contactPopup #replaceme, #contactPopup #sackdata{ float: left; width: 100%; clear: none;}
#contactPopup #replaceme p, #contactPopup #sackdata p{ float: left; width: 100%; margin: 0; padding: 5px 10px; display: inline; color: #fff; font-size: 70%; background-color: #9C896A; clear: none; line-height: 150%;}


/* *************************************************************
ALERT BOXES
************************************************************* */
#alertBox{ background: url(../images/bg/bg_course_intro.gif) 0 0 repeat-x; float: left; width: 681px; padding: 10px; border-bottom: 1px solid #D1C5A0; margin-bottom: 20px;}
#alertBox h2{ color: #000; font-size: 90%; padding: 0 0 0 0; margin: 0 0 10px 0; float: left; width: 100%;}
#alertBox p{ color: #857458; font-size: 90%; padding: 0 0 0 0; margin: 0 0 10px 0; float: left; width: 100%;}


/* *************************************************************
FOOTER
************************************************************* */
#footer{ width: 900px; float: left; clear: both; padding: 0; margin: -42px 0 20px 0; background: url(../images/bg/bg_btmNav.png) 0 0 no-repeat;}
#footer ul{ width: 880px; float: left; margin: 54px 0 20px 10px; padding: 0; list-style: none;}
#footer li{ float: left; font-size: 10px; color: #ccc; font-size: 75%;}
#footer li a{ color: #9C896A; text-decoration: none; padding: 0 10px 0 0; margin: 0 10px 0 0; display: inline; border-right: 1px solid #D1C5A0; line-height: 100%;}
#footer li a:hover{ color: #000;}

#footer img { float: left;}
#footer p{ text-align: right; float: right; color: #9B886A; font-size: 70%;}
#footer p a{ color: #9B886A; margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 1px solid #9B886A; text-transform: uppercase;}

#d4i-footer{ width: 900px; float: left; clear: both; padding: 0; margin: 20px 0 20px 0; }
#d4i-footer h2{ color: #9B886A; font-size: 80%; font-weight: bold; margin: 0; padding: 0; }
#d4i-footer p{ color: #9B886A; font-size: 70%; margin: 5px 0 0 0; padding: 0; }
#d4i-footer p a{ color: #9B886A; }
#d4i-footer p a:hover{ color: #000; }