/* 
    AUTHOR: Kevin Arp
            KevinArp@gmail.com
*/

body {padding:0;text-align:left;margin: 0 auto;font-family: Georgia, "Times New Roman", Times, serif;background-color: #372209;width: 960px;}
* { margin: 0; padding: 0; }
#page-wrap {background-color: #FFF;width: 960px;margin: 0 auto;text-align: left;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Tool BOX css */	

a:link,a:visited {COLOR:#03F;font-style:normal;text-decoration: none;}
a:hover {COLOR:#06F;text-decoration: underline;}
.clear { clear: both; height:0; font-size: 1px; line-height: 0px;}
.pricetable { margin: 0 0 0 100px;}
.floatright {float: right; padding: 0 50px 5px 7px;}
.imgfloatleft {float: left; padding:8px 8px 6px 50px; border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}
.floatImgright {float: right;padding-left: 5px;padding-bottom: 5px;border: 6px double #A0A0A4;}
.ul { list-style: none inside; }

.orderlist { margin: 7px 15px 7px 70px;list-style-type: decimal;list-style-position: outside;	}
.dentaledform h3 {margin: 5px 0 5px 10px; }
.ulBullet { margin:5px 40px 10px 75px;list-style-type: disc;list-style-position: outside;}
#DS-content li {padding-bottom:13px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Fonts css */
p { font-size:13px; margin:8px 50px 8px 50px; padding: 4px 0 6px 0px;}

h1 {font-size: 20px;font-weight: normal;color: #03C;}
h2 {font-size:17px;font-weight: bold;color:#000;margin: 10px 0 5px 30px;}
h3 {font-size:15px;font-weight: bold;color:#000;margin: 10px 0 5px 30px;}
h4 {font-size:11px;font-weight: bold;color:#000;margin: 10px 0 5px 30px;}
h5 {font-size:12px;margin-left: 30px;font-style: italic;}
.subtext {font-size:10px;font-weight:normal;font-style:italic;}
.error {font-size:14px;color:#D40000;}
.interviewQ {font-size:14px;background-color: #D6D887;margin-bottom: 6px;}
.interviewQ2 {font-size:14px;background-color: #DDD253;margin-bottom: 6px;}
.interviewQ3 {font-size:14px;background-color: #ed8648;margin-bottom: 6px;}
.interviewQ4 {font-size:14px;background-color: #A6CAF0;margin-bottom: 6px;}
.interviewAns {font-size:12px;margin-bottom: 20px;}
a.readmore:link{COLOR:#06F;font-style:normal;text-decoration: none;
font-size:12px;}
a.readmore:visited{COLOR:#F00;font-style:normal;text-decoration: none; font-size:12px;}
a.readmore:hover  {COLOR:#C63;text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  Header css */	
#header {background-image: url(../images/sprite.jpg);background-repeat: no-repeat;height: 75px;width: 960px;background-position: 0px -362px;float: left;}
#header-logo { display:inline; height: 44px;margin: 17px 0 0 15px;width: 250px;float: left;}
#header-logo h1 {display:block; float: left; width:250px; height: 44px; text-indent:-9999px;}
#header-logo a {display: block;width: 100%;height: 100%;border: none;background-image:url(../images/sprite.jpg);background-position: 0px -287px;}

#add-listing-button {background-image: url(../images/sprite.jpg);background-position: -550px -287px;display:block;height: 33px;width: 142px;position: relative;top: 160px;left: 415px;}
#add-listing-button:hover { background-position:-692px -287px; }
#finddentist { background-image: url(../images/sprite.jpg); background-position: -550px -320px; display:block; height: 30px;width: 130px; border: none; text-indent:-9999px; margin: 0 0 0 50px;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAV css */	
#navigation {height: 36px;width: 665px;float: left; margin: 31px 0 0 20px; padding:0;}
#navigation ul { float:left; width:665px; height:36px; background-image:url(../images/sprite.jpg); background-position: 0px -1037px; list-style:none;}
#navigation ul li { display: block; float:left; height:36px; text-indent:-9999px;}
	#home { width: 60px;}
	#dentistofmonth {width: 161px;}
	#articles {width: 122px;}
	#education {width: 134px;}
	#dentist {width: 121px;}
	#blog {width: 67px;}
#navigation ul li a { display:block; width:100%; height: 100%;}
	#home a:hover { background-image:url(../images/sprite.jpg); background-position: 0px -1073px; margin:0;}
	#dentistofmonth a:hover {background-image:url(../images/sprite.jpg); background-position: -60px -1073px;}
	#articles a:hover {background-image:url(../images/sprite.jpg);background-position: -221px -1073px;}
	#education a:hover {background-image:url(../images/sprite.jpg);background-position: -343px -1073px;}
	#dentist a:hover {background-image:url(../images/sprite.jpg);background-position: -477px -1073px;}
	#blog a:hover {background-image:url(../images/sprite.jpg);background-position: -598px -1073px; margin:0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Main Search Form */	
#search-section {background-image: url(../images/sprite.jpg);background-repeat: no-repeat; height: 287px; width: 960px; background-position: 0px 0px;float: left;}
#search-section p { font-size:12px; margin:0 0 0 0; color:#FFF;font-weight: bold;}
#search-box{ display:inline; height: 133px; width: 350px;float: left; margin: 20px 0 0 20px;}
#search-box a:link {color: #633;}
#search-box a:visited {color: #633;}
#search-box a:hover {color: #003;}
#search-box label {float: left;text-align: right;display: block; margin: 0 11px 0 0;}
#search-box .submit { margin: -8px 0 0 69px; font-size: 15px;}
#search-section #slickbox-1 label { width: 55px;}
#search-section .text-right {text-align:right;display: block; margin: 0px 65px 0 110px; font-size: 11px;}
search-section .dentist-search {color: #FFF;font-weight: normal;font-size: 12px;}
#search-box h2 {text-indent:-9999px;}
#search-section input { border: 1px solid #9b8e66;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Main Content Area */	
#content-area {background-color: #FFF;width: 960px;}
#content-text{float: left;width: 470px;margin-top: 10px;}
#content-content-text {float: left;width: 960px;margin: 25px 0 0 0;}
#content-content-text p { padding: 0px 20px 10px 15px;}
#content-area a:link {COLOR:#03F;font-style:normal;text-decoration: none;}
#content-area a:visited {COLOR:#03F;font-style:normal;text-decoration: none;}
#content-area a:hover {COLOR:#06F;text-decoration: underline;}

#listing-form { margin: 0 0 0 0px; width:700px;}
#listing-form label { margin: 2px 0 5px 15px;}
#listing-form input {margin: 5px 0 0 15px;}
#listing-form fieldset { margin: 0 0 0 50px; padding: 10px 10px 0px 30px;
	width: 500px;background-color: #B2A884;}
#listing-form legend {color:#000;font-size:16px;padding: 0 4px 0 4px;}
#listing-form textarea {margin-left:50px;}

.dentaledform {margin: 0 20px 0 65px;background-color:#B1A784;border: 1px solid #000;padding-left: 20px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DOM Content */	

#dentist-of-month {float: left; width: 490px;}
#dentist-of-month p { font-size:12px; color:#FFF; margin: 0 3px 0 7px;}
#content-area a.DOM-link:link {color: #F5D87C;font-size: 16px;margin-left: 20px;
font-family: Tahoma, Geneva, sans-serif;}
#content-area a.DOM-link:visited {color: #FF0;font-size: 16px;margin-left: 20px;font-family: Tahoma, Geneva, sans-serif;}
#content-area a.DOM-link:hover {color:#FF9;}
#dom-bg {background-image: url(../images/sprite.jpg);height: 185px;background-position: 0px -852px;width: 455px;background-repeat: no-repeat;margin: 15px 0 15px 15px;}
.dom-general { float:left; width: 225px;}
.DOM-photo { display:inline; margin: 10px 0 0 20px; float:left; width:85px;}
.DOM-text {width: 120px;float: right;margin-top: 35px;}
.dom-specialist { float: right; width:229px;}
#dom-bg h3 {font-size:18px;color:#FFF;margin-top: 8px;margin-right: 0;margin-bottom: 0;margin-left: 10px;padding-top: 3px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Featured Dentist Content */	
#featured-dentist {background-image: url(../images/sprite.jpg);height: 415px;width: 756px;margin-left: 20px;margin-top: 10px;background-position: 0px -437px;background-repeat: no-repeat;}
#featured-dentist h3 {font-size:18px;color:#FFF;margin-top: 20px;margin-left: 30px;padding-top: 15px;}
#featured-dentist h4 { font-size:16px; color:#FFF; font-weight:bold; margin-left:0; margin-bottom: 3px; text-decoration:underline;}
#featured-dentist p {font-size: 13px;margin:0; color:#FFF}
.fd-listing {height: 100px;width: 700px;margin-left: 40px;padding-bottom: 20px;padding-top: 5px;}
.fd-photo {float: left;width: 100px;}
.fd-location {float: left;width: 195px; margin: -10px 0 0 25px;}
.fd-highlights {width: 210px;height: 90px;float: left; margin: -10px 0 0 5px;}
.profile-button {float:left;width:138px;height:46px;margin-top:30px;}
#profile-1,#profile-2,#profile-3 {width:138px;height:46px;text-decoration:none;display:block;background-image: url(../images/sprite.jpg);background-position: -274px -287px;}
#profile-1:hover,#profile-2:hover,#profile-3:hover { background-position: -412px -287px;}
#signupform { float: left; width: 330px; padding: 0 0 0 30px}
.signupform {margin-right:40px;margin-left:20px;background-color:#a1f898;float:left;}
.signupform label {font-weight: bold;}
#nextstep { float: right; width: 550px; padding: 0 30px 0 0;}
#nextstep li { margin: 2px 0 12px 0;}


.LV_validation_message{ font-weight:bold;  margin:0 0 0 5px;}
.LV_valid {color:#CF3;}	
.LV_invalid {color:#C33;} 
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active { border: 1px solid #00CC00;}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {border: 1px solid #CC0000;}

code 	 {padding: 0px;overflow: scroll;font-family: Verdana, sans-serif;font-size: 11px;background-color: #E9E9E2;width: 660px; margin:5px 0 0 80px;border: 1px solid #808080;display: block;}		

#paynowgoogle { margin-left:50px; padding-left: 20px; background-color: #a1f898;width: 500px;}
#paynowpaypal {margin-left:50px; padding-left: 20px; width: 500px;background-color: #A6CAF0;}
#paybycheck {margin-left:50px; width: 500px;background-color: #a1f898;}
#priorityspecial {color: #D40000;background-color: #E8F48A;font-weight: bold;width: 635px;}	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ City Search CSS*/	
#city-search {margin-top: 20px;margin-left: 30px;font-size: 14px;padding-bottom: 25px;}
#city-search h3 {font-size: 18px;margin-bottom: 7px;margin-left: 0px;}
#city-search .table { margin-left:20px;}
#city-search .table a:link {COLOR:#03F;font-style:normal;text-decoration: none;}
#city-search .table a:hover {COLOR:#06F;text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER css */	
#footer-wrap {background-image: url(../images/sprite.jpg);background-repeat: no-repeat;height: 251px;width: 960px;float: left;position: relative;background-position: 0px -1109px;}
#footer #article {position: absolute;top: 20px;left: 100px;width: 420px;}
#footer #about {position: absolute;top: 118px;left: 100px;width:300px;}
#footer #footer-nav {position: absolute;top: 20px;left: 613px; width:200px;}

#footer h3 	{font-family: Georgia, "Times New Roman", Times, serif;font-size: 20px;font-weight: bold;color: #FC3;margin:0;}
#footer ul li {font-size: 14px;color: #FFF;margin: 2px 0 0 17px;list-style: none;}
#footer-wrap a:link {color: #fff;}
#footer-wrap a:visited {color: #fff;}
#footer-wrap a:hover {color: white; border-bottom: 1px solid white; }
#copyright {text-align: center;color: #FFF;font-size: 11px;margin-top: 270px;}
#copyright p { color:#FFF;}