@charset "UTF-8";
/* CSS Document */

@import url("reset.css");


body{font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #e0f2ff; color: #000; line-height: 1.35;}

/* STRUCTURE
  ---------------------------------------------------------------------*/ 
#wrap{position: relative; background: #e7f7ff url(../images/content_bg.png) 0 0 repeat-x; min-height: 30em; _height: 41.88em;}
#header{position: relative; width: 960px; height: 89px; margin: 0 auto 0 auto;}
#ormcLogo{position: relative; left: 40px; top: 15px;}
#navBar{position: absolute; background-position: 0 -1px; background-repeat: no-repeat; width:650px; top:40px; left: 250px; z-index: 5; height: 42px;}
#navBar.procedures{background-image: url(../images/nav_procedureShadow.png);}
#navBar.ormcteam{background-image: url(../images/nav_ormcteamShadow.png);}
#navBar.patientsupport{background-image: url(../images/nav_supportShadow.png);}
#navBar.rehabilitation{background-image: url(../images/nav_rehabShadow.png);}
#navBar.testimonial{background-image: url(../images/nav_testimonialShadow.png);}
#navBar.contact{background-image: url(../images/nav_contactShadow.png);}
#navBar{background-image: url(../images/nav_genericShadow.png);}

#contentContainer{position: relative; width: 960px; margin: 30px auto 0 auto;}
#leftCol{width: 535px; margin-left: 100px; float: left;}

#contentContainer.procedureConent #leftCol div.column{float: left; width: 255px; }

#contentContainer.rehabContent #leftCol div.column, #contentContainer.rehabContent #leftCol div.column2{float: left; width: 260px; margin-right: 10px;}
#contentContainer.rehabContent #leftCol div.column2{margin-right: 0;}
#contentContainer.rehabContent #leftCol div.column ul.nonbulletList li, #contentContainer.rehabContent #leftCol div.column2 ul.nonbulletList li{padding-right: 0;}

/*
#contentContainer.rehabContent #leftCol div.column, #contentContainer.ormcPhysContent #leftCol div.column{float: left; width: 175px;}
#contentContainer.rehabContent #leftCol div.column2, #contentContainer.ormcPhysContent #leftCol div.column2{float: left; width: 360px;}
#contentContainer.rehabContent #leftCol div.column2 div, #contentContainer.ormcPhysContent #leftCol div.column2 div{width: 175px; float: left;}
*/

#contentContainer.ormcPhysContent #leftCol div.column, #contentContainer.ormcPhysContent #leftCol div.column2{float: left; width: 260px; margin-right: 10px;}
#contentContainer.ormcPhysContent #leftCol div.column2{margin-right: 0;}

div.physicianBio table{margin-bottom: 10px;}
div.physicianBio td img{padding-right: 8px;}
div.physicianBio td p{padding: 0; margin: 0;}

#contentContainer.symptomsContent #leftCol{width:590px; border-right: 1px solid #ccc; margin-bottom: 20px;}
#contentContainer.symptomsContent #leftCol div.column{width:384px; float: left;}
#contentContainer.symptomsContent #leftCol div.column2{position:relative; float: left; width:196px;}

#contentContainer.contactContent #leftCol{width: 360px;}
#contentContainer.directionsContent #leftCol{width: 450px; border-right: 1px solid #ccc;}
#contentContainer.directionsContent #leftCol p{width: 170px;}

#contentContainer.testimonialContent div.testimonialEntry{padding-bottom: 35px;}
#contentContainer.testimonialContent div.testimonialEntry img{float: left;}
#contentContainer.testimonialContent div.testimonialEntry p{margin-left: 105px; width: auto;}
#contentContainer.testimonialContent div.testimonialEntry p.patientCredit{border-bottom: 1px solid #ccc; width: 55%; padding-bottom: 7px; margin-bottom: 15px;}
 
#rightCol{position: relative; border-left: 1px solid #dedede; width: 240px; margin: 45px 0 0 10px; padding: 0 20px 0 20px; float: left;}
#rightCol.symptoms{margin: 0 0 0 10px;}
#rightCol.procedures{position: absolute; background: url(../images/prodcedure_testimonialWoman.png) right bottom no-repeat; height: 432px; bottom: 0; right: 0; width: 270px; padding: 3em 0 0 0; margin: 0; border: none;}
#rightCol p#testimonial{color: #000; font-size: .7em; width: 120px; margin-top: 30px; text-align: right;}
#rightCol p#testimonial strong{color: #e54800;}

#contentContainer.rehabContent #rightCol{border: none; width: 280px; padding: 0;}
#contentContainer.testimonialContent #rightCol{border: none; width: 260px; padding: 0 0 0 20px;}
#contentContainer.directionsContent #rightCol{width: 360px; padding: 0 0 0 20px; border: none;margin-top: 0px;}
#contentContainer.contactContent #rightCol{width: 450px; padding: 0 0 0 20px;}
#contentContainer.contactContent #rightCol a.viewLGMap{font-size: .75em;}
#contentContainer.contactContent #rightCol p.location1, #contentContainer.directionsContent #rightCol p.location1, #contentContainer.directionsContent #leftCol p.location1, #contentContainer.contactContent #rightCol p.location2, #contentContainer.directionsContent #rightCol p.location2, #contentContainer.directionsContent #leftCol p.location2, #contentContainer.contactContent #rightCol p.location3, #contentContainer.directionsContent #rightCol p.location3, #contentContainer.directionsContent #leftCol p.location3, #contentContainer.contactContent #rightCol p.location4, #contentContainer.directionsContent #rightCol p.location4, #contentContainer.directionsContent #leftCol p.location4, #contentContainer.contactContent #rightCol p.location5, #contentContainer.directionsContent #rightCol p.location5, #contentContainer.directionsContent #leftCol p.location5{font-size: .75em; background-position: 0 0; background-repeat: no-repeat; margin: 10px 0 0 0; padding-left: 24px; float: left;}
#rightCol #loc1-details p.location1 strong, #rightCol #loc2-details p.location2 strong, #rightCol #loc3-details p.location3 strong, #rightCol #loc4-details p.location4 strong, #rightCol #loc5-details p.location5 strong{font-size: 140%;}

#contentContainer.contactContent #rightCol p.location1,#contentContainer.directionsContent #rightCol p.location1,#contentContainer.directionsContent #leftCol p.location1{background-image: url(../images/location_no1.png);}
#contentContainer.contactContent #rightCol p.location2,#contentContainer.directionsContent #rightCol p.location2,#contentContainer.directionsContent #leftCol p.location2{background-image: url(../images/location_no2.png);}
#contentContainer.contactContent #rightCol p.location3,#contentContainer.directionsContent #rightCol p.location3,#contentContainer.directionsContent #leftCol p.location3{background-image: url(../images/location_no3.png);}
#contentContainer.contactContent #rightCol p.location4,#contentContainer.directionsContent #rightCol p.location4,#contentContainer.directionsContent #leftCol p.location4{background-image: url(../images/location_no4.png);}
#contentContainer.contactContent #rightCol p.location5,#contentContainer.directionsContent #rightCol p.location5,#contentContainer.directionsContent #leftCol p.location5{background-image: url(../images/location_no5.png);}
#contentContainer.contactContent #rightCol p.locationsMap{position: relative; float: right;}
#contentContainer.contactContent #rightCol p.locationsMap a{position: relative; float: right; margin: 5px 0px 0px 0px;}

#bottomContainer{position: relative; background: #e0f2ff url(../images/sub_bottombg.png) 0 0 repeat-x; min-height: 8.31em; _height: 8.31em; margin: 0 auto 0 auto; padding-top: 20px;}
#footer{position: relative; width:960px; margin: 0 auto 0 auto;}

/* Text
  ---------------------------------------------------------------------*/
h1{position: relative; font-size: 1.65em; width: 535px; height: 45px; text-indent: -9999em;}
h1.procedureHead{background: url(../images/procedures_headline.png) 0 0 no-repeat;}
h1.symptomsHead{background: url(../images/experiencingpain_headline.png) 0 0 no-repeat; margin-left: 100px;}
h1.ormcteamHead{background: url(../images/ormcteam_headline.png) 0 0 no-repeat;}
h1.contactHead{background: url(../images/contact_headline.png) 0 0 no-repeat; width: 350px;}
.directionsContent h1.contactHead{background: url(../images/contact_headline.png) 0 0 no-repeat; margin-left: 100px;}
h1.patientsupportHead{background: url(../images/patientsupport_headline.png) 0 0 no-repeat;}
h1.rehabHead{background: url(../images/rehab_headline.png) 0 0 no-repeat;}
h1.testimonialHead{background: url(../images/testimonial_headline.png) 0 0 no-repeat;}
h1.videoHead{background: url(../images/videos_headline.png) 0 0 no-repeat;}
h1.privacyHead{background: url(../images/privacy_headline.png) 0 0 no-repeat;}

h2{font-size: 1.15em;}
h4{font-size: .95em;}
.ormcPhysContent h2{margin-bottom:.5em;}
.ormcPhysContent h4{text-transform: uppercase; border-bottom: 1px solid #ccc; margin-bottom:.75em; padding-bottom: .2em}
.ormcPhysContent h4 a{color: #e54800; text-transform: none; font-weight: normal;}

h5{font-size: .85em;}
.contentWrap h5{color: #000;}

#contentContainer p{color: #515151; font-size: .85em; width: 535px; padding: 0 0 20px 0;}
#contentContainer p strong{color: #000;}

#leftCol div.column h5{color: #000; font-size: .8em; padding-bottom:3px;}
#rightCol p{color: #515151; font-size: .85em; width: auto; padding: 0 0 20px 0;}

ul{color: #515151; font-size: .8em; list-style-type: disc; margin: 0 0 0 1.6em; padding: 0 0 20px 12px;}
ul li{padding-right: 1.5em;}
ul ul{font-size: 100%; padding: 0 0 5px 0;}

ul.nonbulletList{list-style-type: none; margin: 0; padding: 0 0 20px 0;}
ul.nonbulletList li strong{color: #000;/*font-size: .83em; FONT SIZE MUST GO DOWN TO THIS IN ORDER TO FIT PHYSICIANS NAME AND [+] ON THE SAME LINE*/}
ul.nonbulletList li span{font-size: .95em;}
.ormcPhysContent ul.nonbulletList li{margin-top: .45em;}

#footer p{font-size: .8em; text-align: center;}

#contentContainer.rehabContent #leftCol div.column2 .blkText{width: auto; padding-top: 10px;}

#contentContainer .blkText{color: #000; width: auto;}
#contentContainer .smText{font-size: .75em; width: auto;}

#contentContainer.symptomsContent #leftCol .column .orangeCopy{width: 384px; font-weight: bold; color: #e54800;}
#contentContainer.symptomsContent #leftCol .column .orangeCopy a{color: #0066ff;}

.contentWrap{color: #515151;}

/* Numbered List for Sympotoms
  --------------------------------------------------------------------- */
ul.imageNumBull li{ height: 35px;}
ul.imageNumBull li.singleLine{height: 20px;}
ul.imageNumBull li a{ color: #000;}
ul.imageNumBull li p{margin: 0px!important; padding:0px!important;}
ul.imageNumBull li div, div.imageNumBull{position: relative; left: 0px; top: 5px; display:inline-block; width:25px; overflow: hidden;}
ul.imageNumBull li p span.copy{position: relative; left: 26px; top: -16px; display:inline-block; width: 348px!important; font-size: 1.05em !important; color: #000!important;}
img.num1Bull {position: relative; margin-left: 0px; top:0px;}
img.num2Bull {position: relative; left: -25px; top:0px;}
img.num3Bull {position: relative; left: -50px; top:0px;}
img.num4Bull {position: relative; left: -75px; top:0px;}
img.num5Bull {position: relative; left: -100px; top:0px;}
img.num6Bull {position: relative; left: -125px; top:0px;}
img.num7Bull {position: relative; left: -150px; top:0px;}
img.num8Bull {position: relative; left: -175px; top:0px;}


/* FORM
  --------------------------------------------------------------------- */
  
fieldset{font-size:.75em;}
fieldset p.disclaim{font-size:85%; width: 220px; margin:0 0 0 130px;}
fieldset label{display:block; margin:0 10px 5px 0; float: left;}
fieldset label.mnameHide{display:none;}
fieldset label span{display:block;}
fieldset label input{width: 142px;}
fieldset label input.textEmail{width: 300px;}
fieldset label select{width: 225px;}
fieldset label textarea{width: 303px;}
fieldset label input.checkBox{width: auto; margin:0 5px 0 0; padding:0; float: left;}
fieldset input.submit{margin:0 0 20px 130px;}


/* Links
  --------------------------------------------------------------------- */
a{font-weight: bold;}
li a{font-weight: normal; color: #515151; text-decoration: none;}
li a span,.testimonialEntry span a{color: #e54800;}
.testimonialEntry span a{text-decoration: none;}
li a:hover{color: #000;}
a.pdfLink{ background: url(../images/pdflink_icon.png) 0 0 no-repeat; padding-left: 22px;}


#navBar a{display:block; background-position: 0 0; background-repeat: no-repeat; width:103px; height:26px; margin-right: 6px; text-indent: -9999em; float: left;}
#navBar a:hover{background-position: 0 -27px;}
#navBar a.procedures{ background-image: url(../images/nav_procedures.png);}
#navBar a.ormcteam{ background-image: url(../images/nav_team.png);}
#navBar a.support{ background-image: url(../images/nav_support.png);}
#navBar a.rehab{ background-image: url(../images/nav_rehab.png);}
#navBar a.testimonial{ background-image: url(../images/nav_testimonial.png);}
#navBar a.contact{ background-image: url(../images/nav_contact.png); margin-right: 0;}
#navBar a.current{background-position: 0 -54px;}
#navBar a.current:hover{background-position: 0 -54px;}

.clear{clear:both; font-size:0px; line-height:0;}

