﻿body { background-color: #716658; margin:0px; font-family: Verdana; }
img { border: none; }
.clearfix { clear:both; width: 0px; height: 0px; overflow: hidden; }
.nowrap { white-space:nowrap; }

#languageButtonHolder { position:relative; height: 18px; margin: 5px auto 5px auto; overflow:hidden; width: 901px; }
#languageButton { position: relative; float:right; height: 16px; background-image: url(../images/masters/spanBtn_bg.gif); 
                  padding: 2px 10px 0px 10px; width: 80px; text-align:center;  overflow:hidden;
                }
#languageButton a { color: White; font-size: 8pt; font-weight: bold; text-decoration: none; line-height: normal; padding:0px; }


#outerHolder { width: 901px; margin: auto; padding-bottom: 25px; }

/*top header*/
#headerHolder { position: relative; height: 114px; background-color: White; 
                background-image: url(../images/masters/headerBG.gif);
                font-family: Arial;
              }
#logoHolder { position: relative; float: left; width:289px; height:88px; top:15px; left: 30px; }

#addressHolder { float:right; position:relative; text-align:right; color: #3b6e8f; 
                 font-size: 9pt; margin-right: 30px; margin-top: 25px;
               }
#addressHolder strong { font-size: 10pt; }
#addressHolder span { color: #f47b20; font-size: 18pt; font-weight: bold; }
.buttonType1 { padding: 4px 10px 0px 10px; height: 20px; background-image: url(../images/masters/btn1BG.gif); }
.buttonType2 { padding: 0px 5px 0px 5px;  }
.buttonType1, .buttonType2 {  font-family: Verdana; font-size: 8pt; font-weight:bold; 
                             color: #3a6f8f; background-repeat: repeat-x; background-position: top;
                           }
.buttonType1 a, .buttonType2 a { color: #3a6f8f; text-decoration:none; }


#drivingDirectionsHolder { position: absolute; top: 35px; left: 0px; width: 165px; text-align:center; }

/*top nav*/
#topNavHolder { position: relative; height: 36px; text-align:center;
                background-image: url(../images/masters/navBG.gif); z-index:1000;
              }              
#topNavHolder a { color: White; font-weight: bold; font-size: 9pt; text-decoration:none; }

#menuTable { height: 36px; margin:auto; border-left: 1px solid black; }
#menuTable td { height: 36px; padding: 0px 10px 0px 10px; /*width: 139px;*/
                border-right: 1px solid black; vertical-align:middle; 
              }
#menuTable .selected { height: 36px; padding: 0px 10px 0px 10px; background-image: url(../images/masters/menuSelectBG.gif); vertical-align:middle;  }

#menuTable .submenuOuterHolder { position: relative; height: -1px; display:none; text-align:left;  }
#menuTable .submenuHolder { position: absolute; padding: 10px; background-color: #3a6f8f; 
                 top:25px; left: -11px; z-index: 1000; text-align:left; font-size: 8pt; min-width: 121px;}
#menuTable .submenuHolder a { font-size: 8pt; color: White; font-weight: normal; line-height: 19px; }
#menuTable .submenuHolder a:hover { color: #f47b20; }

/*rotating callouts and image bar*/
#imageBarHolder { position: relative; height: 183px; background-color: White; }
#calloutHolder { float: left; width: 192px; height:183px; }
.calloutInnerHolder { position: absolute; width: 192px; height: 183px; display:none; }

#rotatingHeaderHolder { float: left; position:relative; width:709px; height: 183px; }
.rotatingHeaderImage { position: absolute; width: 709px; height: 183px; display:none; }

/*triple column holder table and headers*/
#tripleColumnHolder { width: 901px; }
#tripleColumnHolder td { vertical-align:top; }
#tripleColumnHolder .sideColumn { background-image: url(../images/masters/sideColumnBG.gif);
                                  background-repeat: repeat-x; background-position:bottom;
                                  background-color: #f3f3f4;
                                }
#tripleColumnHolder #leftColumn { width:192px; }
#tripleColumnHolder #middleColumn { width: 517px; background-color:White; }
#tripleColumnHolder #rightColumn { width: 192px; }
#tripleColumnHolder .sideColumnHeader { height: 62px; background-image: url(../images/masters/sideColumnHeaderBG.gif); 
                                        color: White; font-family: Verdana; font-size: 11pt; text-align: center;
                                        padding-top: 5px;
                                      }
#tripleColumnHolder .sideColumnHeader a { color: White; text-decoration:none; }                                      
#tripleColumnHolder #leftColumnHeader {  }
#tripleColumnHolder #leftColumnHeader span { font-size: 8pt; color:#f47b20; line-height: 22px; }
#tripleColumnHolder #rightColumnHeader { }
#tripleColumnHolder #middleColumnHeader { height: 67px; text-align:left; background-image: url(../images/masters/middleColumnBG.gif); }

/*Reeder Bio Callout*/
#bioHolder { text-align:center; color: #3b6e8f; font-size: 8pt; padding: 15px 20px 0px 20px; }
#bioHolder a { color: #f47b20; font-weight:bold; }

/*What to expect callout*/
#expectCalloutHolder { position: relative; width: 150px; padding: 20px 0px 20px 0px; margin:auto; }
#expectCalloutContent { text-align: center; font-size: 8pt; padding: 20px 0px 20px 0px; color: #3b6e8f; }
#expectCalloutContent a { color: #3b6e8f; text-decoration: none; }
#expectCalloutHolder #spanishExpectText { padding: 0px 10px 0px 10px; }

/*secondary nav*/
#secondaryNavHolder { font-size: 10pt; font-weight: bold; padding: 20px 5px 0px 20px; /*line-height: 24px;*/}
#secondaryNavHolder a { color: #3b6e8f; text-decoration:none; }
#secondaryNavHolder a:hover { color: #f47b20; }
#secondaryNavHolder .orange { color: #f47b20; }
#secondaryNavHolder ul { margin-top: 0px; margin-bottom: 0px; }
#secondaryNavHolder ul li { list-style:none; margin-left: -30px; margin-top: 8px; }

/*right links callout*/
#rightLinksHolder { padding: 20px 10px 20px 10px; }
#rightLinksHolder div { margin-top: 8px; }

#rightLinksHolder #patientFormOuterholder { background-color: #f57b20; }
#rightLinksHolder #patientFormHeader, #patientFormHeader2 { background-image: url(../images/masters/newPatientBG.gif); height: 19px; 
                     font-family: Verdana; font-size: 8pt; font-weight: bold; color: White;
                     padding: 4px 10px 0px 10px; text-align: center;
                   }
#rightLinksHolder #patientFormHeader2 { background-image: url(../images/masters/newPatientBG2.gif); height: 31px; }                   
#rightLinksHolder #patientFormContent { padding: 0px 10px 10px 10px; font-size: 8pt; color: White; text-align: center; }
#rightLinksHolder #patientFormContent a { color: White; text-decoration: none; }
#rightLinksHolder #patientFormContent a:hover { text-decoration: underline; }
#rightLinksHolder #insuranceCallout { margin-top: 20px; }
#rightLinksHolder #insuranceCallout #insuranceCalloutContent { text-align: center; color:#3a6f8f; 
                                                               font-size: 9pt; text-transform: uppercase; 
                                                               padding: 0px 5px 0px 5px; 
                                                             }
#rightLinksHolder #insuranceCallout #insuranceCalloutContent span { color: #f3832e; }  
#rightLinksHolder #insuranceCallout #insuranceCalloutContent a { color:#3a6f8f; text-decoration: none; }                                                           
#rightLinksHolder #insuranceCallout #insuranceCalloutContent a:hover { color:#3a6f8f; text-decoration: underline; }

/*main content styles*/
.dashedDivider { height: 0px; border-top: 3px dotted #f57b20; }
.dashedDividerTopMargin { height: 0px; border-top: 3px dotted #f57b20; margin-top: 5px; }
#mainContentHolder { padding: 0px 30px 30px 30px; font-size: 9pt; color: #3b6e8f; position:relative;}
#mainContentHolder h1 { margin:25px 0px 0px 0px; font-size: 14pt; }
#mainContentHolder h2 { margin:25px 0px 5px 0px; font-size: 12pt; }
#mainContentHolder .heading {font-weight:lighter;margin:25px 0px 5px 0px;font-size:17px;color:#F57B20;}
#mainContentHolder p { line-height: 19px; font-size: 9pt; margin: 15px 0px 0px 0px; line-height: 18px; }
#mainContentHolder .fullMargined { margin: 15px 0px 15px 0px; }
#mainContentHolder .quoteName { text-align:right; margin: 5px 0px 15px 0px; font-weight:bold; }
#mainContentHolder .orange { color: #f47b20; }
#mainContentHolder .blue {color: #3b6e8f;}
#mainContentHolder p a { color: #f47b20; }
#mainContentHolder .largeText { font-size: 9pt; margin: 0px; }

#mainContentHolder #appearanceHealthHolder { margin: 20px 0px 20px 0px; }
#mainContentHolder #threeQuestionsBlurb { margin: 2px 0px 4px 0px; }
#mainContentHolder li { margin-left: -23px; }
#mainContentHolder ol li { margin-left: -14px; }
#mainContentHolder ol li a:hover { color: #f47b20; }

#mainContentHolder .disordersList li { padding-top: 5px; }
#mainContentHolder .disordersList a { font-weight: bold; color: #3b6e8f; }
#mainContentHolder .disordersList a:hover { color: #f47b20; }
#mainContentHolder .ulcerImage { float: right; border: 1px solid #3b6e8f; margin: 10px; }

#mainContentHolder .largeParagraph { font-size: 12pt; font-weight: bold; line-height: 21px; }
#mainContentHolder .venousList li { padding-top: 5px; line-height: 16px; }

#mainContentHolder .youTubeHolder { width: 425px; margin: auto; margin-top: 20px; }
#mainContentHolder #catheterHolder { float: right; font-size: 8pt; font-weight: bold; 
                                     text-align: center; width: 94px; margin-left: 20px; 
                                     margin-bottom: 20px;
                                   }
#mainContentHolder #catheterHolder img { margin-bottom: 5px; }                               
#mainContentHolder #catheterLargeHolder { position: absolute; width:240px; height:284px; 
                                          border: 4px solid #f57b20; background-color:White; 
                                          overflow:hidden; top: 400px; left: 300px; display:none;
                                        }
#mainContentHolder #catheterLargeHolder #closeHolder { position:absolute; width:16px; height:16px; top: 0px; left: 224px; z-index:1000;  }

#mainContentHolder #catheterHolder img { border: 1px solid #f57b20; }
#mainContentHolder .testimonialVideo { float: left; width: 210px; margin: 15px 15px 0px 0px; }

#mainContentHolder #bioPhotoHolder { float: left; width: 139px; height: 168px; margin: 30px 0px 0px 0px; }
#mainContentHolder #reederBioHolder { float: left; width: 288px; margin: 30px 0px 0px 30px; }
#mainContentHolder #reederBioHolder p { margin: 0px 0px 7px 0px; }
#mainContentHolder #reederBioHolder .bioHeader { font-size: 12pt; }

#mainContentHolder #addressTable { margin: 20px 0px 20px 0px; }
#mainContentHolder #addressTable th { color: #f5842f; vertical-align: top; text-align: left; 
                                      padding-right: 20px; font-size: 12pt; 
                                    }
#mainContentHolder #addressTable td { font-size: 12pt; padding-bottom: 5px; } 

#mainContentHolder #medicalCityMapHolder { width:438px; height:425px; margin: 20px auto 0px auto; }

#mainContentHolder #directionsHolder { height: 25px; margin-top: 20px; margin-bottom: -2px; }
#mainContentHolder #directionsHolder h1 { float: left; margin: -5px 15px 0px 0px; }
#mainContentHolder #directionsHolder a { color:#f5842f; font-weight: bold; }

#mainContentHolder .rightVideo { float: right; width: 190px; font-size: 8pt;
                                 color: #f5842f; text-align: center; font-style: italic;
                                 margin: 15px 0px 5px 10px; line-height: 15px;
                               }
#mainContentHolder .rightVideo strong { color: #3b6e8f; font-style:normal; }
#mainContentHolder .rightVideo img { margin-bottom: 5px; }
#mainContentHolder .rightVideo a { color: #f5842f; font-style: italic; text-decoration:none; }

/*contact form*/
#contactTable { width:450px; }
#contactTable th { text-align:left; color: #f5842f; padding-top: 7px; padding-bottom: 5px; }
#contactTable th .blue { color:#3a6f8f; text-transform:uppercase; }
#contactTable td { padding-right: 10px; }
#contactTable #cityHolder { width:225px; }
#contactTable #phoneHolder { width:225px; }
#contactTable #stateHolder { width:112px; }
#contactTable #zipHolder { width:111px; }
#contactTable td .formBox { width:100%; border: 1px solid #dcdddf; }
#contactTable td .halfWidthBox { width: 100%; border: 1px solid #dcdddf; }
#contactTable td .phoneBox { width:100%; border: 1px solid #dcdddf; }
#contactTable td .zipBox { width: 100%; border: 1px solid #dcdddf; }
#contactTable .otherHolder { text-align:right; padding-left: 20px; }
#contactTable .dashedDividerTopMargin { height: 0px; border-top: 3px dotted #f57b20; margin-top: 5px; width:443px; }
#contactTable .submitHolder { float: right; margin-top: 10px; }
#contactTable .otherBox { position:relative; float:right; border: 1px solid #dcdddf; width: 375px; top: -17px; }
#contactFormThrobberHolder { position: absolute; top: 330px; left: 235px; z-index:1000; }
.formHolder { }
#thankyouHolder { position: absolute; width: 425px; background-color:White; display:none;
                  border: 20px solid #959595; top:100px; left:28px; _left:0px; text-align: center; z-index:1000;
                }
#thankyouHolder h1 { color: #f47b20; margin: 50px 0px 0px 0px; text-transform:uppercase; font-size: 25pt; }
#thankyouHolder h2 { color: #f47b20; margin: 0px; font-size: 14pt;}
#thankyouHolder h3 { font-size: 12pt; font-weight:normal;}
#thankyouHolder .logoImage { margin-top: 20px; margin-bottom: 20px; }

/*case studies*/
#caseLargeOuterHolder { position: relative; height: 0px; }
#caseLargeViewer { position: absolute; width: 475px; height:412px; top: 0px; left: 0px; z-index: 1000;
                                      border: 10px solid #939598; background-color: #d2d3d5; display:none; 
                                    }
#caseLargeViewer .caseLargeImageHolder { width: 202px; float: left; text-align:center; 
                                         line-height: 50px; padding: 20px 0px 10px 25px; 
                                                          }
#caseLargeViewer .caseLargeImageHolder .caseLargeImage { width: 202px; height: 336px; }
#caseLargeViewer .caseLargeImageHolder span { font-size: 15pt; }
#caseLargeViewer #caseViewerCloseHolder { position: absolute; top: 3px; left: 458px; width: 12px; height: 12px; }


#mainContentHolder .beforeAfterHolder { width: 186px; background-image: url(../images/pages/casesBG.gif); float: left; margin: 30px 0px 30px 0px; }
#mainContentHolder .enlargeTextHolder { width: 186px; text-align:center; padding-bottom: 10px; }
#mainContentHolder .enlargeTextHolder a { color:#3B6E8F; font-weight: bold; }
#mainContentHolder .caseImageHolder { width: 79px; float: left; text-align:center; line-height: 20px; padding: 10px 0px 5px 9px;  }
#mainContentHolder .caseCopyHolder { float: left; width:251px; padding: 0px 0px 0px 20px; margin: 30px 0px 30px 0px; }
#mainContentHolder .caseCopyHolder h1 { margin: 0px 0px 5px 0px; }
#mainContentHolder .caseCopyHolder p { margin: 0px 0px 5px 0px; }

/*footer and footer navigation*/
#footerHolder { height:77px; background-image: url(../images/masters/footerBG.gif); 
                background-repeat: repeat-x; text-align:center;
              }
#footerHolder #bottomNavHolder { font-size: 8pt; padding-top: 17px; }
#footerHolder #bottomNavHolder a { color: White; text-decoration: none; }
#footerHolder #bottomNavHolder span { color: White; text-decoration: none; }
#footerHolder #copyrightHolder { font-size: 8pt; color: #fabc79; padding-top: 10px; }
#footerHolder #copyrightHolder a { color: #fabc79; }

/*quick consultation form*/
#formHolder { position: relative; width: 180px; margin-top: 10px; margin-left: 10px; font-size: 8pt; }
#formHolder p { margin: 5px 0px 0px 0px; font-weight:bold; color: #f47b20; }
#formHolder .fieldHolder { margin: 2px 10px 0px 0px;}
#formHolder .formBox { width:100%; }
.submitHolder { background-color: #3a6f8f; border: 1px solid #2e5d7a; width: 75px;
                            color: White; font-size: 8pt; font-weight: bold; 
                            padding: 5px; margin:auto;  text-align:center; 
                          }
.submitHolder a { color: White; text-decoration:none; }
#formHolder .radioList { color:#3b6e8f; }

#formThankyouHolder { text-align:center; padding: 20px 20px 0px 20px; display:none; }
#formThankyouHolder h1 { color: #f47b20; font-size: 14pt; margin:0px; }
#formThankyouHolder .heading { color: #f47b20;font-size: 20px; margin:0px; font-weight:bold;}
#formThankyouHolder p { font-weight:bold; color:#3b6e8f; font-size: 8pt; }
#formThankyouHolder a { color:#3b6e8f; }
#quickFormThrobberHolder { position: absolute; z-index:1000; top: 100px; left: 75px; width: 32px; height: 32px; }

/*patient online form*/

#patientFormHolder { }
.patientFieldsPanel { margin: 10px 0px 10px 0px; }
.patientFieldsPanel div { position: relative; }
.wholeWidthHolder { float: left; width:430px; padding: 0px 10px 0px 0px; }
.halfWidthHolder { float: left; width:210px; padding: 0px 10px 0px 0px; }
.threeQuartersWidthHolder { float:left; width:320px; padding: 0px 10px 0px 0px;  }
.quarterWidthHolder { float:left; width:100px; padding: 0px 10px 0px 0px;  }
.threeeightsWidthHolder { float:left; width:155px; padding: 0px 10px 0px 0px;  }
.eightsWidthHolder { float:left; width:45px; padding: 0px 10px 0px 0px;  }
.twosixthsWidthHolder { float:left; width:136px; padding: 0px 10px 0px 0px; }
.sixthsWidthHolder { float:left; width:63px; padding: 0px 10px 0px 0px; }

#patientFormHolder p { color:#3B6E8F; font-weight:bold; margin: 5px 0px 3px 0px; font-size:8pt; }
#patientFormHolder .formBox { border:1px solid #DCDDDF; width:100%; }
#patientFormHolder .center { text-align:center; }
#patientFormHolder .orange { color:#F5842F; }
.red { color:#ff434c; }
#patientFormHolder span { color:#ff434c; }
#releaseHolder { height: 80px; overflow:auto; border: 1px solid #3B6E8F; padding: 2px; }
.outerPanelHolder { position:relative; }
.outerPanelHolder #thankyouHolder { top: 0px; left: 0px; }
#patientFormHolder #throbberOuterHolder { height:19px; margin-bottom:15px; }
#patientFormHolder #throbberInnerHolder { height:19px; width:220px; margin:auto; }