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

body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  background: #f1e9d4 url(../images/bg.jpg);
  background-repeat: repeat-x;
  background-position: 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color:#010101;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl,button {
  margin:0px;
  padding:0px;
  }

#contain {
  margin: 0px auto;
  text-align: center;
  padding: 0px;
  width: 1000px;
}

#header {
  width: 1000px;
  height: 98px;
  background-image: url(../images/header-2.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

#header-inside {
  width: 1000px;
  height: 99px;
  background-image: url(../images/logo-inside-2.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

#header span.phone-number, #header-inside span.phone-number  { 
  color: #ffd674;
  font-size: 30px;
  letter-spacing: .03em;
  float: right;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin-top: 45px;
  padding-right: 22px;
  -moz-text-shadow: 1px 1px 3px #322913;
  -webkit-text-shadow: 1px 1px 3px #322913;
  text-shadow: 1px 1px 3px #322913;
  line-height: 1em;
}


#header a, #header-inside a { color: #ffd674; text-decoration: none;}

#header span.noshow, #header-inside span.noshow { display: none;}

.pay-btn {
  margin-top:38px;
  margin-left:40px;
}

#header img, #header-inside img{ float: left; }

/*---------------------------homepage-content-buttons-------------- */

.watch-button {
  max-width: 380px;
  border-radius: 5px;
  display: block;
  margin: 15px 0px 25px 65px;
  text-align: center;
  background-image: linear-gradient(#A06D79,#5A2232);
  padding: 10px 15px;
  color: #fff !important;
  text-decoration: none !important;
}

.watch-button:hover {
  background-image: linear-gradient(#5A2232,#A06D79);
}

#buttons { width:531px; height:110px; position:relative; z-index: 10; background-image: url('../images/buttons-content.jpg'); background-repeat: no-repeat; padding: 0; margin: 10px 0px 15px 65px; }
  #buttons span { display: none; margin: 0px; padding: 0;}
  #buttons li, #buttons a { height: 110px; display: block; margin: 0px; outline: none; padding: 0; }
  #buttons li { float: left; list-style: none; display: inline; padding: 0; }

#buttons-01 { width: 252px; left:0px; }
#buttons-02 { width: 279px; left:252px; }
/*---*/

#contentbox {
  width: 1000px;
  background-image: url(../images/middle-box.jpg);
  background-repeat: repeat-y;
  background-position: left top;
  min-height: auto;
  clear:both;
}

#contentbox2 {
  width: 1000px;
  background-image: url(../images/bottom-box.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
  min-height: auto;
  clear:both;
}

#contentbox3 {
  width: 1000px;
  background-image: url(../images/top-bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  min-height: auto;
  z-index: 2;
}

#contentbox3 h1 {color:#5a4a22; font-size: 15px; line-height: 20px; font-weight: bold; padding: 10px 35px 10px 65px;}
#contentbox3 h2 {color:#a16c3e; font-size: 14px; line-height: 18px; font-weight: bold; padding: 10px 45px 15px 65px;}
#contentbox3 h3, #contentbox3 h2.h3 {color:#a16c3e; font-size: 13px; line-height: 18px; font-weight: bold; padding: 10px 45px 5px 65px;}
#contentbox3 p{ padding: 0px 45px 15px 52px; }
#contentbox3 p.last{ padding: 10px 45px 15px 65px; margin-bottom: 20px;}
#contentbox3 a {color:#5a4a22; text-decoration: underline;}
#contentbox3 a:hover {color:#5a4a22; text-decoration: none;}

#contentbox3 h3.gal-title {
  padding: 0;
  font-weight: 600;
  font-size: 1.45em;
  margin-bottom: 0.5em;
  clear: both;
}

ul.list, ol.list {margin: 5px 20px 5px 85px;}
ul li ul.list {margin-left: 20px;}

.imgR {float: right; margin: 5px 0 15px 15px; border: #5d4634 solid 2px;}
.imgL {float: left; margin: 5px 15px 15px 0px; border: #5d4634 solid 2px;}
.imgC { display: block; margin: 0 auto 15px; padding-left: 65px; }
.img { padding: 0 5px 10px 65px; }
.clear { clear: both; }

.floatL { float: left;}

blockquote {
  margin: 0 30px;
  font-style: italic;
}

#media {
  width: 393px;
  height: 488px;
  background-image: url(../images/media.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

#mainpic {  
  width: 1000px;
  height: 321px;
  background-image: url(../images/image-home.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  padding: 0;
  margin: 0;
}

#mainpic-inside { 
  width: 1000px;
  /* height: 258px;
  background-image: url(../images/header-inside.jpg); */
  height: 321px;
  background-image: url(../images/image-home.jpg);  
  background-repeat: no-repeat;
  background-position: left top;
  padding: 0;
  margin: 0;
}

#main {
  width: 1000px;
  text-align: left;
  padding: 0;
  margin: 0;
  clear: both;
}

#leftcol { width: 649px; float:left; margin-bottom: 20px; }
  #leftcol h1 { padding: 5px 0px 8px 65px; margin: 0; }
  #leftcol p { padding: 5px 25px 10px 65px; margin: 0px }
  

#rightcol { width: 351px; float: left; margin-bottom: 20px; }

#special-box {
  width: 1000px;
  height: 577px;
  background-image: url(../images/specials-bg-2.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

#specials-left {
  float: left;
  width: 540px; 
}

#specials-left h3 { padding: 135px 30px 0 85px; color: #634d1c; font-size: 15px; font-weight: bold;  }
#specials-left p { padding: 10px 30px 0 85px; color: #000; font-size: 13px;}
#specials-left p.button {margin: 12px 0 0 25px;}


#testimonial-call {
  background: url(../images/testimonials.jpg) 0 0 no-repeat;
  width: 649px;
  height: 67px;
}
#video-call {
  background: url(../images/videos-header.jpg) 0 0 no-repeat;
  width: 649px;
  height: 67px;
}
#testimonial-call span, #video-call span {
  color: #fff;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 25px;
  height: 67px;
  padding: 23px 145px 0 0;
  display: block;
  text-align: right;
  -moz-text-shadow: -1px -1px 3px #1f1800;
  -webkit-text-shadow: -1px -1px 3px #1f1800;
  text-shadow: -1px -1px 3px #1f1800;
}

#call-today span.phone-number { 
  color: #fff;
  font-weight: normal;
  font-size: 30px;
  letter-spacing: .04em;
  float: right;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin-top: 101px;
  padding-right: 125px;
  line-height: 1em;
  -moz-text-shadow: 1px 1px 3px #000;
  -webkit-text-shadow: 1px 1px 3px #000;
  text-shadow: 1px 1px 3px #000;
}

  #contentbox3 #call-today a, #special-box #call-today a, #contentbox3 #testimonial-call a, #contentbox3 #video-call a { color: #fff; text-decoration: none; }
    
  
#connect { 
  background: url(../images/connect.png) 0 0 no-repeat;
  width: 440px;
  height: 48px;
  margin-top: 154px;
  margin-left: 40px;
}
  #connect a { width: 48px; height: 50px; display: block; float: right; margin-right:6px;} 
  #connect span { display: none;}

#whatsnew {
  width: 351px;
  height: 575px;
  background-image: url(../images/whats-new.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  padding-top: 110px;
  clear: both;
}
#whatsnew p {
    width: 210px;
}
#new {
  display: inline-block;
  margin-left: 8px;
}
#new .vid { width: 226px; height: 60px;}
#new .vid img {width: 107px; height: 60px; float: left; margin: 0 10px 15px 40px; border: none; padding: 1px; border: 1px solid #5A4A22;}

#new ul { line-height: 18px; font-size: 14px; color: #4f3f17; padding: 0 30px 0px 35px; margin: 0px;
  }
  #new ul li { background: url(../images/list-marker.jpg) 0.9em no-repeat; padding: 0px 45px 10px 35px;
    list-style-type: none; list-style-position: outside;      
  }
  #new h2 {display:none; }

#newsletter-download {
  background:url('../images/buttons-content.jpg') no-repeat -252px 0;
  padding-top:110px;
  width: 279px;
}
#newsletter-download ul {
  font-weight:bold;
  margin-left:50px; 
}
  
.spy-tech { clear:both; margin:0; padding:0; width:200px; } 
.procedure-description {
  float:right;
  width:156px;
  margin:0px 10px 10px 15px;
}

.procedure-description p,
.video-description p {
  font-size:10px;
  line-height:12px;
  margin: 0;
  padding: 5px 0 !important;
}
.video-description {
  width: 250px;
  float: right;
  margin: 0 10px 10px 15px;
}

#locations-right {
  float: left;
  width: 460px;
}

#locations-right h3 a { color: #f8d379; font-size: 13px; font-weight: bold; padding: 6px 0px 0px 28px; }
#locations-right h3.first { color: #f8d379; font-size: 13px; font-weight: bold; padding: 115px 0px 0px 0px;}
#locations-right h3.firstR { color: #f8d379; font-size: 13px; font-weight: bold; padding: 115px 0px 0px 0px;}
#locations-right p { color:#FFF; font-size: 12px; padding: 0px 0px 0px 28px; }

#left-col {float:left; width: 200px;}
#right-col {float:left; margin-left: 10px; width: 220px;}

#floatleft-column {
  width: 200px;
  float: left;
  
}
#floatright-column {
  width: 200px;
  float: left;
  margin: 120px 0px 0px 20px;
}

.floatright {float: right; padding-top: 20px;}

.floatrightbut {float: right; padding-top: 0px; margin-top: -16px; margin-right: 56px;}
.floatrightmore {float: right; padding-top: 0px; margin-top: 17px; margin-right: 48px;}

#bna-left-col {
  width:280px;
  float:left;
  }

#bna-left-col p {
  width:215px;
  }

#bna-right-col {
  width:220px;
  float:left;
  }

#bna-right-col p {
  width:215px;
  padding:5px 25px 10px 5px;
  }

#calculator { width: 400px; margin: 10px 0px 10px 65px; border: 2px solid #5d4634;}

#bottom {
  background: #cab683 url(../images/bg-footer.jpg) 0 0 repeat-x;
  text-align: center;
  padding: 0;
  margin: 0;
  display: block;
  height: 200px;
  position: absolute;
  width: 100%;
}

#bottominside { width: 1000px; text-align: center; margin: 0px auto; }

#bottominside p {padding: 55px 45px 0px 35px; text-align: left; font-size: 13px; line-height: 18px; font-family: Arial, Times, serif; color:#FFF; font-weight: bold; }
#bottominside p.index {padding: 0px 45px 0px 35px; text-align: left; font-size: 13px; line-height: 18px; font-family: Arial, Times, serif; color:#FFF; font-weight: bold; }
#bottominside a {color:#83661b; text-decoration: none;}
#bottominside a:hover {color:#83661b; text-decoration: underline;}

#bottominside p.botnav {color:#FFF; padding: 10px 0px 20px 35px; font-weight:normal;}
#bottominside p.marketing {color:#FFF; padding: 20px 0px 20px 35px; font-size: 11px; font-weight:normal;}
#bottominside p.botnav a { color:#FFF; text-decoration:underline; }
#bottominside p.botnav a:hover { color:#FFF; text-decoration:underline; }


#connect-bottom { 
  background: url(../images/connect-bottom2.jpg) 0 35px no-repeat;
  width: 255px;
  height: 90px;
  float: right;
  padding-top: 70px;
}
  #connect-bottom a { width: 51px; height: 55px; display: block; float: right;}
  #connect-bottom span { display: none;}

#bottominside a span.mcs-contact {
  color: #CB2A3F;
  font-weight: bolder;
  text-decoration: none;
}

#bottominside a span.mcs-contact:hover {
  color: #CB2A3F;
  text-decoration: underline;
}

.clearboth {clear: both;}

.floatrightpad { float: right; padding-left: 10px; padding-bottom:10px; padding-right: 45px;}

.floatleftpad { float: left; padding-right: 10px; padding-bottom:5px; padding-top: 5px;}

.padleft {padding-left: 35px;}

.bold { font-weight:bold; margin-top: 25px;}

.maps { text-align:center; padding-top:30px; padding-bottom:40px;} 

.maps img { padding-bottom:20px;} 

#carecredit {
  text-align: center;
  margin: 15px 0 15px 25px;
}


/* main contact */

#contactform { text-align: left; width: 500px; margin: 10px 15px 40px 25px; }
#contactform p { font-size:12px;}
#contactform div { padding: 5px; font-size: 12px; text-align: right; }
#contactform div p { margin: 0px 80px 0px 0px; }
#label { font-weight: bold; text-align: left; }
.formsingle { width: 155px; height: 22px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000; }
.bigfields2 { width: 250px; height: 70px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000; }
.smallfield { width: 100px; height: 22px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000; }


#contactform-main { margin-left:70px; width:500px; }
#contactform-main input, #contactform-main textarea {
  background-color: #FFFFFF;
  border:1px solid #E2D0A6;
  color:#735F2C;
  display:block;
  font:12px Arial, Helvetica, sans-serif;
  height:15px;
  margin:6px 0;
  padding:4px 8px;
  position:relative;
  width:250px;
}

#contactform-main input[type="submit"]{
  height: auto;

}

#contactform-main select {
  background-color: #FFFFFF;
  border:1px solid #E2D0A6;
  color:#735F2C;
  display:block;
  font:12px Arial, Helvetica, sans-serif;
  height:27px;
  margin:6px 0;
  padding:4px 8px;
  position:relative;
  width:268px;
}
#contactform-main textarea {
  height:70px;
  padding:4px 8px;
}
#contactform-main input.submit-inside { background:none; border:none; width:73px; height:29px; margin-left:188px; }

#contactform-main #contact_subject {display:none;}


/*-------------------------- Quick Contact Form --------------------------- */

#contact { float: right; padding: 87px 45px 0 0}
#contact-inside { float: right; /* padding: 52px 45px 0 0; */ padding: 87px 45px 0 0; width: 340px;}
#contact-main { float: left; padding: 0px 45px 15px 65px}
#contactform1 { width: 340px;}
#contactform2 { width: 440px;}
#contact-left { width: 175px; float: left; }


#contactform1 .input {
  font:13px "Times New Roman", Times, serif; 
  border:1px solid #e2d0a6;
  background-color:#FFF;
  width:155px;
  color:#735f2c;
  margin: 5px;
  padding: 3px;
  font-weight:bold;
}
#contactform1 .select {
  font:13px "Times New Roman", Times, serif; 
  border:1px solid #e2d0a6;
  background-color:#FFF;
  width:200px;
  color:#735f2c;
  margin: 8px;
  padding: 3px;
  font-weight:bold;
}

#contactform1 .select-doctor {
  margin: 5px 0px 0px 5px;
  width: 163px;
  border:1px solid #e2d0a6;
  font:13px "Times New Roman", Times, serif;
  color:#735f2c;
  font-weight:bold;
  
}

#contactform1 .textarea {
  font:13px "Times New Roman", Times, serif; 
  border:1px solid #e2d0a6;
  background-color:#FFF;
  text-align: left;
  width:149px;
  color:#735f2c;
  height: 85px;
  padding: 3px;
  font-weight:bold;
  float: right;
  //margin-top: 9px;
  margin-top: 5px;
}

#contactform1 .form {padding-left: 12px; font:13px "Times New Roman", Times, serif; color:#735f2c; font-weight:bold;}

#contactform1 .submit { border: none; /*margin-left: 253px; width: 89px; */ float: right; margin-top: -6px; clear: both; }
#contactform1 .submit-inside { width: 73px; height: 29px; border: none; margin-left: -10px; float:left; margin-top: -3px; }

#contactform1 .subject  { display: none; }

#contactform1 .required {
  text-align: right;
  padding-right: 85px;
  color:#000;
  padding-top: 105px;
}

#contactform1 .required2 {
  text-align: right;
  padding-right: 85px;
  color:#000;
  padding-top: 95px;
}

#contactform1 input#contact_business {
display:none;
}

#contactform1 #contact_message1 {width: 250px; height:130px; }
#contactform1 #quick-submit2 {margin-left: 368px;}


/* #mc {width:70%; float:left; margin-left:10px;} */

#mc {
  width: 157px;
  float: right;
  margin-top: 5px;
}

/* #contact-quick p {text-align:left; float:left; padding-left:11px; } */

#contact-quick p {
  text-align: left;
  float: right;
  display: inline-block;
  width: 157px;
  line-height: 14px;
  padding-top: 5px;
  font: 11px "Times New Roman", Times, serif;
  color: #735f2c;
}

#mc_r {width:20%; float:left; text-align: center; border: 1px solid #e2d0a6; font-family:"Times New Roman", Times, serif; font-size:16px; margin-left:5px;}

#mc #mc_form_c_1, #mc_form_c_2 {
  border: 1px solid #e2d0a6;
  font-size: 16px;
  font-family:"Times New Roman", Times, serif;
  //width: 20%;
  width: 28%;
  float: left;
  font-weight: 900;
  text-align:center;
}
#mc #mc_form_op {
  float: left;
  width: 7%;
}
#mc #mc_form_eq {
  float: left;
  width: 7%;
}

#contactform-main #mc2 {width:70%; }
#contactform-main #mc_form_c_1, #contactform-main #mc_form_c_2 {
  border: 1px solid #e2d0a6;
  font-size: 16px;
  font-family:"Times New Roman", Times, serif;
  width: 10%;
  float: left;
  font-weight: 900;
  text-align:center;
}
#contactform-main #mc_r {width:27%; float:left; text-align: center; border: 1px solid #e2d0a6; font-family:"Times New Roman", Times, serif; font-size:16px; }
#contactform-main p {padding:5px 25px 10px 0; }
#contactform-main #mc_form_op {
  float: left;
  width: 3%;
  margin:7px;
}
#contactform-main #mc_form_eq {
  float: left;
  width: 3%;
  margin:7px;
}
#contactform-main #quick-submit {margin:0; }

/* end contact form */

/* Payment Form - Right Sidebar */
.payment-form {width: 366px; margin: 28px 0 10 0;}
.payment-form2 {margin: 28px auto 10px auto; width: 306px;} 
.payment-form label { color: #735f2c; display:none;}
.payment-form input.payment-input {float: left; clear: both; border: 1px solid #e2d0a6; margin: 4px 5px 0 0; width: 155px; height: 20px;}
.payment-form input.payment-submit {float: left;}
.payment-form2 h2 {padding: 0 !important; margin-bottom: 10px;}
.payment-form2 label { color: #735f2c;}
.payment-form2 input.payment-input {float: left; clear: both; border: 1px solid #e2d0a6; margin: 4px 5px 0 0; width: 155px; height: 20px;}
.payment-form2 input.payment-submit {float: left;}
.payment-form2 h2 {padding: 0 !important; margin-bottom: 10px;}
/* Payment Form - Right Sidebar */

form div input{margin-left: 1px; margin-bottom: 10px; width: 35%;}
form div  select {margin-left: 1px; margin-bottom: 10px;  width: 35%;}
form div label{width: 75%; display: block;}
form div input#pj-payment-account-balance{width: 10%;}
.payment-submit {margin-bottom: -40px; display: block; width: 20%;}

#pjQuickShopCustomForm {padding-left: 25px;}
.phonenum{width: 45% !important;}
#pj-patient-is-card-holder, #pj-payment-surgery, #pj-payment-other {width: 10% !important;}
#pj-cardholder-state{width: 35%;}
.accbalance{display: inline;}


/*----------------------------------nav -----------------------------------------*/

.sticky {
  position: fixed !important;
  top: 0 !important;
  background: transparent;
  z-index: 170;
 
}

.sticky + #mainpic-inside {
  margin-top: 40px !important;
}

#navcontain { width: 1000px; height: 40px; }


#nav {
  width:1000px;
  height:40px;
  position:relative;
  z-index: 999;
  font-family: Arial;
  margin: 0px;
  background-image: url(../images/nav.jpg);
  background-repeat: no-repeat; 

  }

#nav span { display: none; margin: 0px;}

#nav li, #nav a { height: 40px; display: block; margin: 0px; outline: 0;}

#nav li { float: left; list-style: none; display: inline; text-align: left;}

#nav-01 { width: 106px; left:0px; }
#nav-02 { width: 201px; left:106px; }
#nav-03 { width: 138px; left:307px; }
#nav-04 { width: 98px; left:445px; }
#nav-05 { width: 155px; left:543px; }
#nav-06 { width: 144px; left:698px; }
#nav-07 { width: 158px; left:842px; }


#nav-01 a:hover {background: transparent url(../images/nav.jpg) 0px -40px no-repeat; }
#nav-02 a:hover {background: transparent url(../images/nav.jpg) -106px -40px no-repeat;}
#nav-03 a:hover {background: transparent url(../images/nav.jpg) -307px -40px no-repeat;}
#nav-04 a:hover {background: transparent url(../images/nav.jpg) -445px -40px no-repeat;}
#nav-05 a:hover {background: transparent url(../images/nav.jpg) -543px -40px no-repeat;}
#nav-06 a:hover {background: transparent url(../images/nav.jpg) -698px -40px no-repeat;}
#nav-07 a:hover {background: transparent url(../images/nav.jpg) -842px -40px no-repeat;}

/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */

#nav li ul {
  position:absolute;
  left:-9999px;
  background-color:#221906; /* Background color of drop down nav - add more styles (i.e. background image) if you want */
  z-index: 1000;
  }

#nav li ul li { 
  height:25px; /* Height of each drop down nav item */
  z-index: 1000;
  } 

#nav li ul li a {
  width:100%;
  height:25px;  /* Height of each drop down nav item, should match above */
  line-height:25px;  /* Height of each drop down nav item again, should match above */
  }

#nav li ul li a span {
  display:block;
  padding-left:10px;
  }

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
  font-size: 12px;
  color: #FFF;
  text-decoration: none;
  border: 0;
  }

#nav li:hover ul, #nav li.sfHover ul  { left: auto; }

/* Hover styles for drop down items */
#nav-06 ul a:hover,
#nav-02 ul a:hover,
#nav-03 ul a:hover,
#nav-07 ul a:hover,
#nav-05 ul a:hover { 
  background-image:none;
  background-color:#65501e;
  color:#fbefcb;
  text-decoration:none;
  border: 0;
  }

/* width of drop down nav - choose width that allows items to display on one line */

#nav-07 ul, #nav-07 li { width:160px; }
#nav-06 ul, #nav-06 li { width:180px; }
#nav-02 ul, #nav-02 li { width:195px; }
#nav-03 ul, #nav-03 li { width:200px; }
#nav-05 ul, #nav-05 li { width:150px; }



/*-------- multiple level drop-downs ------------------------------------ */
#nav-02 ul ul, #nav-02 li li { width:290px; }
#nav-03 ul ul, #nav-03 li li { width:220px; }
#nav-07 ul ul, #nav-07 li li { width:170px; }

#nav li#nav-02 ul ul {
  margin: -25px 0 0 195px;
}

#nav li#nav-03 ul ul {
  margin: -25px 0 0 200px;
}

#nav li#nav-06 ul ul {
  margin: -25px 0 0 180px;
}

#nav li#nav-07 ul ul {
  margin: -25px 0 0 137px;
}

#nav li:hover ul ul, #nav li.sfHover ul ul {
  left:-999em;
}

#nav li li:hover ul, #nav li li.sfHover ul {
  left:auto;
}
#nav li:hover ul, #nav li.sfHover ul  { left:auto; }



/* ------------------- buttons-------------------------- */
#buttoncontain { width: 1000px; height: 130px; float: left; margin: 0; padding: 0; }

#button { width:1000px; height:130px; position:relative; z-index: 10; background-image: url('../images/buttons-procedure.jpg'); background-repeat: no-repeat; }

#short #button {background-image: url('../images/buttons-procedure.png');}

  #button span { display: none; margin: 0px;}
  #button li, #button a { height: 130px; display: block; margin: 0px; outline: none; }
  #button li { float: left; list-style: none; display: inline; }

#button-01 { width: 202px; left:0px;}
#button-02 { width: 194px; left:202px; }
#button-03 { width: 196px; left:396px; }
#button-04 { width: 200px; left:592px; }
#button-05 { width: 208px; left:792px; }

#button-01 a:hover {background: transparent url(../images/buttons-procedure.jpg) 0px -130px no-repeat;}
#button-02 a:hover {background: transparent url(../images/buttons-procedure.jpg) -202px -130px no-repeat;}
#button-03 a:hover {background: transparent url(../images/buttons-procedure.jpg) -396px -130px no-repeat;}
#button-04 a:hover {background: transparent url(../images/buttons-procedure.jpg) -592px -130px no-repeat;}
#button-05 a:hover {background: transparent url(../images/buttons-procedure.jpg) -792px -130px no-repeat;}



#short #button-01 a:hover {background: transparent url(../images/buttons-procedure.png) 0px -130px no-repeat;}
#short #button-02 a:hover {background: transparent url(../images/buttons-procedure.png) -202px -130px no-repeat;}
#short #button-03 a:hover {background: transparent url(../images/buttons-procedure.png) -396px -130px no-repeat;}
#short #button-04 a:hover {background: transparent url(../images/buttons-procedure.png) -592px -130px no-repeat;}
#short #button-05 a:hover {background: transparent url(../images/buttons-procedure.png) -792px -130px no-repeat;}

#aestheticians img {
  width:150px;
  border-top:4px solid #ccc;
  border-bottom:4px solid #fff;
  border-left:4px solid #f1f1f1;
  border-right:4px solid #666;
}
.aest-a {
  float:left; 
  margin:0 20px 0 200px;
}







/* Fancybox Photo Gallery Styles */
#gallery { margin-left:65px; /*margin-left:65px; border:10px solid white;*/  }
#gallery .fancybox-c img { margin-bottom:20px; margin-right: 10px; }
.gallery-desc { margin-bottom:10px; display: flex;  height:15px; color: #999; font-weight:normal;  font-size: 12px; }
.gallery-desc .before { width: 50%; float: left; }
.gallery-desc .after { width: 50%; float: right; }


.whats-news-p {
    width: 210px;
    line-height: 16px;
}

.kybella-logo {
  margin-left: 30px;
}
.blog-logo {
    float: right;
    margin-top: -10px;
    margin-right: 3px;}





    #confirmBilling, #confirmShipping, #confirmPayment, #paymentFields, #contactBilling, #contactShipping, #additionalFields, #captcha {
    width: 400px;
    margin-bottom: 15px;
    padding: 10px;
    position: relative;
}
#contactBillingTitle, #contactBillingTitle, #contactNotesTitle, #ccTitle {
    font-size: 20;
    background-color: #FFFFFF;
    margin: 0px 0 15px 0;
    padding-left: 10px;
}

.title1{padding: 0 !important;}

.alignright {
  float: right;
}

/* Foundation Accordion Style - Kybella page */
.accordion.custom {
  margin: 5px 25px 10px 65px;
  background: transparent;
}
.accordion.custom .accordion-item {
  margin-bottom: 15px;
  border: thin solid white;
}
#kybella-faq.accordion.custom .accordion-title {
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  color: #F0E6CD;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#261e0b+0,4e3f18+100 */
  background: #261e0b; /* Old browsers */
  background: -moz-linear-gradient(top, #261e0b 0%, #4e3f18 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #261e0b 0%,#4e3f18 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #261e0b 0%,#4e3f18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#261e0b', endColorstr='#4e3f18',GradientType=0 ); /* IE6-9 */
}
#kybella-faq.accordion.custom .accordion-content {
  background: #F9F5EA
}

/* Foundation Orbit Style - Kybella page */
.orbit.custom {
  margin: 5px 25px 10px 65px;
}
.orbit.custom .orbit-image {
  width: initial;
  margin: 0 auto;
  display: block;  
}
#contentbox3 .orbit.custom a.orbit-previous,
#contentbox3 .orbit.custom a.orbit-next {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#261e0b+0,4e3f18+100 */
  background: #261e0b; /* Old browsers */
  background: -moz-linear-gradient(top, #261e0b 0%, #4e3f18 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #261e0b 0%,#4e3f18 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #261e0b 0%,#4e3f18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#261e0b', endColorstr='#4e3f18',GradientType=0 ); /* IE6-9 */
  color: #F0E6CD;
  border: none;
  text-decoration: none;
  cursor: pointer;
}
.orbit.custom .orbit-bullets button {
  border: none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#261e0b+0,4e3f18+100 */
  background: #261e0b; /* Old browsers */
  background: -moz-linear-gradient(top, #261e0b 0%, #4e3f18 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #261e0b 0%,#4e3f18 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #261e0b 0%,#4e3f18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#261e0b', endColorstr='#4e3f18',GradientType=0 ); /* IE6-9 */
}
.orbit.custom .orbit-bullets button.is-active,
.orbit.custom .orbit-bullets button:hover {
  background: #fff;
}

/* Awards */
.awards {
  padding: 5px 10px 10px 65px;
  text-align: center;
}

.awards img {
  height: 100px;
  margin: 0 5px;
}

/* Sidebar Nav */
.gallery-select {
  margin-top:10px;
}
.gallery-select img {
  display: block;
  margin: 0 auto;
}
.gallery-select p {
  font-size:18px;
  padding: 0px 45px 5px 52px !important;
}
.gallery-select select {
  width: 250px;
  margin:0 auto 15px;
  padding: 5px;
  display:block;
}

/* TY Cards */
.ty-cards {
  margin-left: 65px;
}
.ty-cards img {
  margin: 0 5px;
  border: 1px solid #ccc;
  padding: 5px;
}
.ty-cards a:hover {
  opacity: .8;
}

#contentbox3 .page-h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-style: italic
}

.top-doc-award {
  width: 150px;
  height: auto;
  float: right;
}
/*BEGIN testimonial thumbs*/
img.thumb   {
  width: 100%;
  height: 100%;
}
.thankYou	{
	width: 55px;
	height: 55px;
	overflow: hidden;
	display: inline-block;
	transition-duration: 500ms;
	transition-delay: 100ms;
  margin-right: 5px;
  border: 1px solid #83661b;
}
.thankYou:Hover{
  overflow: visible;
}
.thankYou:hover .big   {
  transform: scale(1,1);
  overflow: visible;
  position: fixed;
  bottom: 350px;
  left: 23.5%;
  opacity: 1;
}
.thankYou:hover .big2   {
  transform: scale(1,1);
  overflow: visible;
  position: fixed;
  bottom: 150px;
  left: 23.5%;
  opacity: 1;
}
.thankYouCardsGreco .thankYou:hover .big  {
  bottom: 350px;
}
.thankYouCardsGreco .thankYou:hover .big2  {
  bottom: 150px;
}
@-moz-document url-prefix()   {
  .thankYou:hover .big  {
    bottom: 350px;
  }
    .thankYou:hover .big2  {
    bottom: 150px;
  }
  .thankYouCardsGreco .thankYou:hover .big   {
    bottom: 350px;
  }
    .thankYouCardsGreco .thankYou:hover .big2   {
    bottom: 150px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)   {
  .thankYou:hover .big  {
    bottom: 350px;
  }
    .thankYou:hover .big2 {
    bottom: 150px;
  }
  .thankYouCardsGreco .thankYou:hover .big  {
    bottom: 350px;
  }
    .thankYouCardsGreco .thankYou:hover .big2  {
    bottom: 150px;
  }
}
.thankYou .big  {
  content: '';
  border: 3px solid #83661b;
  opacity: 0;
  transform: scale(.1,.1);
  transition-duration: 1500ms;
}
.thankYou .big2  {
  content: '';
  border: 3px solid #83661b;
  opacity: 0;
  transform: scale(.1,.1);
  transition-duration: 1500ms;
}
.thankYou .big:before   {
  content: '';
  position: absolute;
  z-index: 100;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  border: 1px solid #83661b;
}
.thankYou .big2:before   {
  content: '';
  position: absolute;
  z-index: 100;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  border: 1px solid #83661b;
}
.thankYou:hover img.thumb {
    opacity: 1;
    top: initial;
    left: initial;
}
.thankYou img   {
  transition-duration: 500ms;
  transition-delay: 100ms;
}
.thankYouCards, .thankYouCardsGreco  {
  max-width: 800px;
  margin-left: 60px;
}
/*END testimonial thumbs*/

/*==================================================
                  RealSelf Reviews
==================================================*/
#realselfReviews  {
  width: 972px;
}
#realselfReviews #rsvww   {
  max-width: initial !important;
  margin-left: 30px;
}