@charset "UTF-8";
/* CSS Document */

/* ----------------------------- Page Setup Start ----------------------------- */
 
/* Resets all Margins and Paddings to 0.  Puts all browsers on the same playing field. */
* { margin: 0; padding: 0; }
 
body 
{ position: relative; font-size: .625em; /* Matches 10px; */ font-family: "Trebuchet MS", Arial, sans-serif; background: #7d3946; color: #333; }
 
iframe, img { border: 0; }
 
h1 { font-size: 1.8em; }  /* Default Size for h1 is 18px - based on an 10px height */
 
h2 { font-size: 1.7em; color: #7d3946 }
 
h3 { font-size: 1.2em; } /* Default Size for h3 is 12px - based on an 10px height */
 
h4 { font-size: 1.1em; } /* Default Size for h4 is 11px - based on an 10px height */
 
h5 { font-size: 1em; } /* Default Size for h5 is 10px - based on an 10px height */
 
h6 { font-size: .9em; } /* Default Size for h6 is 9px - based on an 10px height */
 
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { padding: .2em 0 .4em 0; }
 
dd { margin-left: 2em; }

li { list-style: none }
 
fieldset { border: 0; padding: .5em 0; }
 

a:link { text-decoration: none; color: #df2f66 }
a:active, a.active { outline: none; }				/* Removes dotted area around active <a> tags in Firefox */
a:link:hover { text-decoration: underline; }				/* mouse over link */
a img, :link img, :visited img { border: 0; }		/* images in anchors and links donÕt have a border by default. */
 
.clear { clear: both; }
.hide { display: none; }
.strong { font-weight: bold; }
.left { float: left }
.right { float: right }
h4 { font-weight: bold; font-style: italic; color: #7d3946; font-size: 1.4em; }

 
/* ----------------------------- Page Setup End ------------------------------- */


/* ----------------------------- Form Styles --------------------------------- */

form select, form input { font-family: Arial, sans-serif; font-size: 1.1em; color: #383636; }

.steps select, #left_col select { border: solid 1px #b6b6b6; height: 1.6em; margin-bottom: 10px; }

.steps input.text, #left_col input.text { border: solid 1px #b6b6b6; height: 1.3em; margin-bottom: 10px; padding: 2px 4px 0 4px; }

/* -------------------------- End Form Styles ------------------------------- */


/* --------------------------- Start Page Layout ------------------------------*/

#wrapper { margin: 0 auto; width: 882px; background: #dc5870; }

#header { width: 870px; height: 101px; margin: 0 auto; background: url(../img/header_bg.gif) top left no-repeat; }

#inner_wrapper { background: #fff; margin: 6px 6px 0 6px; }

#left_col { float: left; width: 225px; background: #fff; margin-bottom: 20px }

#page_content { width: 645px; background: #fff; float: right; }

#main_content { padding: 10px 22px 0 22px; float:right; width: 601px;}

.img_padding {
	padding-bottom: 8px;
	padding-left: 8px;
}

#main_content blockquote {
	padding-left: 30px;	
}


#footer { clear: both; text-align: center; width: 870px; background: #fff url(../img/footer_bg.gif) top left no-repeat; padding: 20px 0}

/* --------------------------- End Page Layout -------------------------------*/



/* --------------------------- Start Header Styles ---------------------------*/

#header #logo { padding: 12px 0 0 15px; float: left }

#header #phone { color: #df2f66; font-size: 24px; float: right; background: url(../img/phone.gif) top right no-repeat; height: 40px; padding: 0 50px 0 0; margin: 25px 35px 0 0; display: inline }

#header #phone span { color: #696969; font-size: 14px; display: block; margin: 0px 0 0 37px; font-weight: bold }

/* --------------------------- End Header Styles ---------------------------*/


/* ----------------------- Start Left Navigation Styles --------------------*/
#left_nav { padding: 0 }

#left_nav li { display: inline; }

#left_nav li a { display: block; font-size: 1.4em; color: #d42545; background: #ffd1e0 url(../img/leftnav_inactive.gif) top left repeat-x; padding: 0 30px 0 14px }

#left_nav li a span { display: table-cell; height: 40px; vertical-align: middle; margin: auto; cursor: pointer;}

#left_nav li a:hover { text-decoration: none; background: #fea7c2 url(../img/leftnav_hover.gif) top left repeat-x; cursor: pointer;}

#left_nav li.current a, #left_nav li.current a:hover { color: #fff; background: #dc5870 url(../img/leftnav_current.gif) top left repeat-x; border-top: solid 1px #fff;cursor: pointer; }

#left_nav li.current:first-child a { border-top: none }

/* ----------------------- End Left Navigation Styles --------------------*/


/* ----------------------- Left Column Styles ----------------------- */

#left_col .left_block { padding: 12px; }

.left_block p, .left_block ul { font-size: 12px; color: #666; font-weight: bold; }

.left_block .button { margin-top: 16px }

#left_col input.input_button { margin: 5px 0 }

#left_col h2 { line-height: 1.1em; padding-top: 0; font-weight: 500; }

#lead_generation { background: #e9e9e9; position: relative; display: block;}

#find_surgeon { background: #fff3f5 url(../img/find_surgeon_bg.gif) top left no-repeat; padding-bottom: 9px !important; }

#find_surgeon h2 { width: 160px }

#find_surgeon select.state { width: 101px }

#calc_link { clear: both; background: #f9c7cf url(../img/calc_link_bg.gif) top left no-repeat; padding-bottom: 15px !important }

#calc_link h2 { width: 160px; color: #dc5870; padding-bottom: 0.2em }

#calc_link p { width: 150px; line-height: 1.2em; }

#consultants { background: #d56479 url(../img/consultants_bg.gif) top left no-repeat; padding: 6px 12px 5px 12px !important }

#consultants h2 { color: #fff; width: 120px; padding-bottom: 2px !important }

#consultants p { padding: 0 0 8px 0; font-size: 11px; color: #fff; width: 120px; line-height: 11px }

#bbb { background: #d56378 url(../img/bbb_bg.gif) top left no-repeat; padding: 18px 12px 27px 12px !important; float: left; width: 201px }

#bbb h2 { color: #fff; width: 100px; float: left; margin-right: 25px; display: inline }

#procedure { background: #f0f1f0; padding-bottom: 18px !important }

#procedure ul { margin-left: 12px; }

#procedure li { list-style-type: disc }

#left_col .note, #left_col .note_last { font-family: Arial, sans-serif; color: #555; font-size: 10px; font-weight: normal }

#left_col .note_last { padding-bottom: 0 }

#left_col select { width: 182px; } 

#left_col input.text { width: 172px; }

/* -------------------- End Left Column Styles ---------------------- */


/* -----------------------Main Content Styles ----------------------- */

#main_content h1 { color: #7d3946; font-size: 2.5em; padding-top: 0; font-weight: normal }

#main_content h2 { color: #7d3946; font-size: 1.8em; font-weight: normal; padding-bottom: 0 }

#main_content h3 { color: #555; font-size: 1.3em; padding-bottom: 0 }

.content_block p, #main_content p { font-size: 1.3em; margin-bottom: 0.7em; padding-top: 0.1em;  }

#main_content .main_image { float: right; margin: 0 0 1.5em 20px }

#main_content ul { margin-left: 15px; font-size: 1.3em; margin-top: 0.8em }

#main_content ol { margin-left: 22px; font-size: 1.3em; margin-top: 0.8em }

#main_content ol li { list-style-type: decimal; padding: 0 0 1em 0; }

#main_content ul li { list-style-type: disc; /*color: #7d3946*/; padding-bottom: 1em }

#main_content ul li span { color: #333; padding-left: 1px }

.internal p { font-size: 1.3em; margin-bottom: 0.7em; padding-top: 0.1em; }

.internal h2 { clear: both;}

.internal h3, .internal p { float: left; display: block; clear: left; width: 390px; }

.internal img { float: right; margin: 0 0 1.5em 20px; }


.content_block { clear: both; margin-bottom: 1em; float: left }

.content_block .left { width: 390px }

.content_block .main_list li { list-style-type: disc }

.secondary_content {height:180px;}

/* -------------------- End Main Content Styles --------------------- */


/* -------------------- Homepage Styles -------------------------- */

#home { padding-top: 10px }

#flash_container {  padding-bottom: 10px; background: #fff }

.main_block  { margin-bottom: 1em; padding: 30px 22px 0 22px;}

.main_block h2 { font-size: 1.7em; font-weight: bold }

.main_block p.heading_italics { padding: 0.3em 0; margin-bottom: 0; font-size: 1.4em }

#main_content center h2 { color: #7d3946; font-size: 1.7em; font-weight: normal; padding-bottom: 1em}

.bottom_block { text-align: center; color: #7d3946; font-size: 1.7em }

.bottom_block p { padding-bottom: 1em }

#lead_main  { background: #e2e1e1 url(../img/form_bg.gif) top left no-repeat; width: 616px; float: right; margin-right: 7px; display: inline; padding: 10px 5px 0 10px; position: relative }

.phone_message { position: absolute; right: 50px;  text-align: center }

.phone_message p { padding: 0 }

.phone_message {
	font-size: 1.2em;
	font-weight: normal;
	color: #DF2F66;
}

.heading_italics { font-size: 1.7em; font-weight: normal; }

.phone_message #phone_number { color: #7d3946; font-size: 2.8em; line-height: 1em } 

#lead_main h1 { font-weight: normal; font-size: 2em !important; padding-top: 0; color: #7D3946 }

#lead_main input.text { width: 134px; margin-right: 6px; padding: 2px 0 0 4px; height: 1.3em }

#lead_main select { width: 175px; height: 1.6em; }

#lead_main input.input_button { margin-top: 10px; }

#lead_main ol.notes { float: right; width: 537px; margin: 8px 0 0 0; padding-bottom: 0 }

#lead_main ol.notes li { padding: 0; font-size: 0.9em; color: #666; line-height: 1.2em; font-family: Tahoma, Arial, sans-serif }

.form_bottom { background: url(../img/form_bottom.gif) top left no-repeat; width: 631px; height: 21px; float: right; margin-right: 7px; display: inline; }

/* ------------------ End Homeppage Styles ----------------------- */


/* -------------------- Footer Styles ------------------------------*/
#footer { font-family: Tahoma; color: #666 }

#footer a { color: #666; padding: 0 0.1em }

#footer p { width: 575px; margin: 0 auto; font-size: 1.2em; padding-bottom: 0.6em }

#footer p.small { font-size: 1em; line-height: 1.5em }

#footer ul { width: 600px; margin: 1em auto }

#footer li { list-style-type: none; list-style-position: outside; text-align: left; font-size: 1em; line-height: 1.3em; padding-left: 5px }

/*----------------- End Footer Styles -------------------------- */


/*----------------- 3 Steps Styles ----------------------------*/

.steps_container { width: 631px; padding-top: 12px; margin-right: 7px; }

.steps { height: 420px; position: relative; display: inline; float: left; width: 305px;}

.steps_title { padding: 0.2em 0 0.4em 0 }

.steps .content { padding: 30px 0 0 26px; }

#steps-bottom { clear: both; background: url(../img/steps_bottom.gif) right bottom no-repeat; height: 37px; width: 631px; padding-top: 10px; z-index: 500 }

.steps .left { margin: 0 32px 0 0; display: inline; width: 320px;}

.steps .right { width: 288px;}

/*.steps .content .left { width: 285px; margin: 0 32px 0 0; display: inline }*/

.steps .phone_big { color: #7d3946; font-weight: bold; font-size: 32px }

.steps .content h1 { color: #7d3946; font-size: 2.4em; padding-top: 0; }

#step3 h1 { width: 190px }

#steps h2 {font-size: 1.25em; color: #7d3946 }

.steps .left .content p { font-size: 1.3em; padding: 0.7em 0 1em 0 }

/*
#steps #arrows { clear: both; width: 265px; position: relative; left: 370px; height: 26px; top: 15px }
*/

#steps-bottom #arrows { position: relative; float: right;  top: 5px} 

#steps-bottom #arrows li { display: inline }

#steps-bottom #arrows a { color: #dc5870; font-size: 14px; margin: 0 5px 0 0; display: block; float: left; height: 20px; padding-top: 4px }

#steps-bottom #arrows li#prev a { background: url(../img/prev_arrow.gif) center left no-repeat; padding-left: 28px; margin-right: 25px }

#steps-bottom #arrows li#next a { background: url(../img/next_arrow.gif) center right no-repeat; padding-right: 28px; }

/* Step tabs */

#step_tabs { height: 37px; width: 631px }

#step_tabs li { float: left; text-align: center }

#step_tabs li a { display: block; height: 35px }

#step_tabs li a span { display: none }

#step_tabs li#tab1 a { background: url(../img/step1_inactive.gif) top left no-repeat; width: 218px; }

#step_tabs li#tab1.current a { background: url(../img/step1_active.gif) top left no-repeat; }

#step_tabs li#tab2.current a { background: url(../img/step2_active.gif) top left no-repeat; width: 270px }

#step_tabs li#tab3 a { background: url(../img/step3_inactive.gif) top left no-repeat; width: 157px; }

#step_tabs li#tab3.current a { background: url(../img/step3_active.gif) top left no-repeat; width: 225px; }

#step1-tab li#tab2 a { background: url(../img/step2_pg1.gif) top left no-repeat; width: 256px }

#step1-tab li#tab2 a:hover, #step1-tab li#tab3 a:hover, #step2-tab li#tab1 a:hover, #step3-tab li#tab1 a:hover, #step3-tab li#tab2 a:hover  { background-position: 0 -36px }

#step2-tab li#tab1 a { background: url(../img/step1_pg2.gif) top left no-repeat; }

#step2-tab  li#tab3 a { width: 143px; background-position: -13px 0 }

#step2-tab  li#tab3 a:hover {  background-position: -13px -36px }

#step3-tab li#tab1 a { background: url(../img/step1_pg3.gif) top left no-repeat; }

#step3-tab li#tab2 a { background: url(../img/step2_pg3.gif) top left no-repeat; width: 188px;  }

/* End Step tabs */


/* step 1 styles */

#step1-content .content li { list-style: disc }

#step1-content .left ul { margin-left: 15px; font-size: 1.3em; list-style: disc  }

#step1-content select { width: 240px; }

#step1-content input.text { width: 230px; }

#step1-content .right { width: 250px; margin: 0 25px 0 0 }

#step1-content form { margin-bottom: 10px }

.superscript { font-size: 1.7em; }

/* step 2 styles */

#step2 img#main_image { padding-top: 30px }

/* step 3 styles */

#step3 .left { margin: 0 20px 0 0 !important}

#step3  #arrows { margin-right: 96px }

/*--------------- End 3 Steps Styles -------------------------*/


/*-------------- Client Testimonial Styles ----------------*/

/* Global Properties */

#testimonials span.name { display: block }

.testimonial p { position: relative }

.testimonial span.end_quote {display: inline-block; position: absolute; width: 28px; height: 21px; z-index: 0; }

.testimonial span.testimonial_text { z-index: 1; position: relative; }

#t_arrows { float: right; position: relative; margin: 0px 5px 0 0; }

#t_arrows img { cursor: pointer }

#t_arrows #arrow_prev { margin-right: 6px }

.testimonial p.name_location { float: left; }

/* Left Column Testimonials */

#left_col #testimonials { background: #dc5870; padding: 12px 12px 12px 0; float: left; height: 219px; width: 213px  }

#left_col .testimonial span.testimonial_text { left: 12px; color: #fff; font-size: 12px; font-weight: bold; }

#left_col #testimonials h2 { color: #f2c5ce; font-weight: bold; margin-left: 12px  }

#left_col #testimonials p { color: #fff; font-weight: normal; }

#left_col .testimonial span.end_quote { background: url(../img/end_quote.gif) no-repeat; }

#left_col .testimonial { background: url(../img/start_quote.gif) no-repeat; width: 195px }

#left_col .testimonial p.name_location { margin: 10px 0 0 12px !important; }

#left_col #t_arrows { top: 15px }

/* Steps Page Testimonials */

.steps #testimonials {color: #e57f91; font-size: 1.3em; background: url(../img/steps_testimonials_bg.gif) top left no-repeat; float: right; width: 272px; padding: 15px 5px; position: relative; height: 216px }

.steps #testimonials h2 { margin-left: 24px; padding-bottom: 0 }

.steps .testimonial { background: url(../img/steps_start_quote.gif) no-repeat; padding: 8px 10px 0px 24px; }

.steps #testimonials .t_text { height: 120px }

.steps .testimonial span.end_quote { background: url(../img/steps_end_quote.gif) no-repeat; }

.steps .testimonial p.name_location { margin-top: 5px; }

#steps-bottom #t_arrows { top: 7px }

/*-------------- End Client Testimonial Styles ----------------*/


/*------------- Calculator Page -----------------------------*/
#calculator { padding: 30px 22px 15px; float: left }

#calculator .right { width: 305px;}

#calculator h3 { font-size: 1.5em }

#calculator ul { font-size: 1.3em }

#calculator li { padding: 0.4em 0 }

#calculator h1 { color: #7d3946; font-size: 2.5em; padding-top: 0; font-weight: normal }


/*-------------- Find A Doc ----------------*/

#quick-facts {
	height: auto;
	width: 190px;
	background-image: url(../img/findadoc_background.jpg);
	background-repeat: no-repeat;
	float: right;
	margin-top: 10px;
	margin-left: 10px;
	background-color: #fdf1f3;
	background-position: right top;
}

.quick-facts-copy {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #9a4a99;
	padding-top: 10px;
	padding-right: 7px;
	padding-left: 7px;
}
.quick-facts-header {
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #7D3946;
}
/*------------- End Find A Doc -----------------------------*/