/* CONSTANT CONTACT */
#newssubform {
   margin:     80px 0 0 80px;
   position:   absolute;
   width: 325px;
}

#newssubform form {
   position: relative;
   width: 325px;
}

#newssubform iframe {
   height: 45px !important;
}

#newssubform iframe html body {
   background-color: transparent !important;
}

#newssubform iframe html body #widget_main {
   background-color: transparent !important;
   border: none !important;
}

#newssubform iframe html body #widget_main h3 {
   color: #666;
   font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif !important;
   margin:  0;
}

/* NAV RULES */
ul#flowtabs {
   color: #9fd6f4;
   font-size: 13px;
/*
   font-size-adjust: .35;
*/
   padding: 145px 0 20px 20px;
   text-align: left;
}

ul#flowtabs li {
   display: inline;
   margin-right: .85em; 
}

ul#flowtabs li a {
   font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;
   font-weight: 900;
   letter-spacing:1px;
}

.nav_selected {
   color: #A44499;
}
a:link {
   color: #9fd6f4;
   text-decoration: none;
}

a:visited {
   text-decoration: none;
   color: #9fd6f4;
}

a:hover {
   text-decoration: none;
   color: #A44499;
}
a:active, a.selected {
   text-decoration: none;
   color: #A44499;
}

a.event img {
   border:           none;
   margin: 10px 0 0 20px;
   text-decoration:  none;
}

a.right img {
   border:  none; 
}

/* BUMBLE PAGE */

#bumble div a.products-left, #bumble div div.products-center, #bumble div a.products-right {
   float: left;
}

#bumble div a.products-left {
   margin-right: 10px;
}

#bumble div {
   height: 168px !important;
   margin: 10px 0 0 18px;
   width: 450px;
}

#bumble div div.products-center {
   height: 168px;
   margin: 0 10px 0 0;
   width: 171px;
}

#bumble div div.products-center a {
   clear: both;
   display: block;
}

#bumble p {
   clear: both;
   margin: 0 auto;
   padding: 20px 0 0 0;
   text-align: center;
   width: 60%;
}

#bumblecenter {
   height: 72px;
   margin-bottom: 2px;
}

#dermacenter {
   height: 45px;
   margin-bottom: 10px;
}

#labrascenter {
   height: 28px;
}

/*
#bumble img {
   margin: 3px 0 0 20px;
}

#bumble p {
   margin: 10px 0 0 20px;
   width:   250px;
}

#bumble a.right {
   float: right;
   margin: -35px 0 0 0;
}

#bumble a.right img {
   margin: none;
}
*/

.style6 {   font-size: .938em;
   font-style: italic;
   color: #333333;
}

/* SLIDER RULES */

#slider {
   background: url(http://solo-salon.com/images/interface/grey_table_back.gif) no-repeat;
   height: 480px;
   width: 750px;
   margin: 0 auto;
   position: relative;
}

/* STYLIST & SERVICES RULES */
ul.stylistnav {
   padding: 15px 0 15px 80px;
   text-align: center;
   width: 350px;
}

ul.servicesnav, #hair ul {
   text-align: left;
}

#hair li h3 {
   color: #666;
   font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;
   font-weight: 500;
   margin-bottom: 5px;
   text-decoration: underline;
}

ul.stylistnav, ul.servicesnav {
   font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;
   font-size: 14px;
   margin:  0;
}

ul.servicesnav {
   padding: 15px 0 15px 20px;
   width: 90px;
}

ul.stylistnav li, ul.servicesnav li {
   color: #666;
   display: block;
   font-size: 14px;
   font-weight: 700;
   letter-spacing: -1px;
   line-height: 16px;
   margin: 0;
}

ul.stylistnav li {
   display: inline;
}

#stylists {
   overflow-y: hidden;
}

div.stylist {
   height:  auto;
   overflow: hidden;
   position: relative;
   width:   320px;
}

div.stylist {
   display: none;
}

#services {
   position: relative;
}

#services div {
   height:  280px;
   left: 140px;
   margin: 0;
   overflow-x: hidden;
   overflow-y: auto;
   position: absolute;
   text-align: left;
   top: 60px;
   width: 250px;
}

#services div ul {
   margin: 0;
   padding: 0;
}

div.stylist p {
   margin-left: 80px;
   width: 350px;
} 

/* SLIDESHOW RULES */
#s1 {
   float:      right;
   margin:     12px 0 0 480px;
   position:   absolute;
   z-index:5;
}

.pics {  
    height:  272px;  
    width:   272px;  
   overflow:   hidden;
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
/*
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee; 
*/ 
    width:  270px; 
    height: 270px; 
    top:  5px; 
    left: 0 
} 

/* GALLERY RULES */

img.source-image {
   display: none;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

ul.gallerynav {
   font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;
   font-size: 14px;
   font-weight: 700;
   letter-spacing: -1px;
   line-height: 16px;
   margin:  0;
   padding: 15px 0 15px 80px;
   text-align: center;
   width: 350px;
}

ul.gallerynav li {
   display: inline;
}

ul.gallerynav li a {
   color: #666;
}

div.galleries {
   margin:  0 0 0 80px;
   overflow:   hidden;
   width:   280px;
}

ul.gallery {
   height: 200px;
   list-style: none;
   padding: 0;
}

ul.gallery li {
   display: inline;
   padding: 0 10px 0 0;
}

ul.gallery li {
   color:   #51bbed;
   font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;
   font-size: 13px;
   font-weight: 500;
  letter-spacing: -1px;
  line-height: 15px;
}

ul.gallery li a:hover {
   color:   #A44499;
}

#flowpanes div.items div#services div.galleries {
   height: 220px;
   margin: 0 0 0 80px;
}

#services ul.gallery li {
   display: block;
   padding: 0 10px 0 0;
}

#services ul.gallery li.empty {
   padding-left: 25px;
}
 
/* active thumbnail is raised on top of the mask using the z-index property */ 
ul.gallery a.active { 
    outline:1px solid #000; 
    z-index:9999; 
    position:relative; 
}

/* EVENTS */
#events {
   margin-left: 20px;
}

#events a.cboxElement {
   margin-left: 10px;
}

/* FORM LINKS */
#model div, #contact_form a {
   font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;
   font-size: 40px;
   font-weight: 100;
   width: 180px;
}

#model div, #contact_form {
   margin-left: 19px;
}

#flowpanes .items #model div {
   /*background: transparent url(http://solo-salon.com/images/interface/galleries/curl/16_smaller_wTrans.png) top left no-repeat;*/
   height: 220px;
   margin-top: 10px;
   width: 450px;
}

#model div a {
   background: transparent url(http://solo-salon.com/images/interface/Model_Call_Page_Roll.png) 0 0 no-repeat;
   float: right;
   height: 100%;
   text-indent:-9999px;
   width: 100%;
}

#model div a:hover {background-position-x:-450px;}

#feedback .hiddenFields {display:none;}

/* NEWSLETTER RULES */
#flowpanes div #news .scrollable {
   height: 240px;
   padding-left: 0;
}

#news div.scrollable div {
   border: 1px solid #666666;
   height: auto;
   margin: 1em 0 1em 19px;
   padding: .75em;
   width: 390px;
}

#news div div h4, #news div div p {
   margin: 0;
}

#news div div h4 {
   text-decoration: underline;
}

/* CONTACT FORM */
#contact {
   margin-left: 20px;
/*
   margin-top: -10px;
*/
}

#contact h2 {
   margin-left: 0;
}

#flowpanes div #contact_details {
   padding: 0;
   position: absolute;
   width:   180px;
}

#flowpanes div #contact_details h3, #flowpanes div #contact_form ol label {
   color: #666;
   font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;
   font-weight:300;
   letter-spacing: -1px;
   margin:     0 0 10px 0;
}

#flowpanes div div #contact_form {
   font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;
   font-weight: 100;
   margin:  0 5px 0 200px;
   position: relative;
   width: 250px;
}

#contact_form ol {
   list-style: none;
   padding: 0;
}

#contact_form ol li {
   margin: 0 0 10px 0;
   position:relative;
   width:250px;
}

#contact_form ol #line3 {height:40px;}
#contact_form ol #line4 p {width:250px;}

#contact_form input {
  color: #666;
   font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;
   font-size: 12px;
   font-weight: 300;
   right: 0px;
   margin: 0 0 10px 0;
   position: absolute;
   width: 180px;
}

#contact_form textarea {
  border: 2px inset #eee;
  color: #666;
  font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 300;
  position: absolute;
  right: 0px;
  resize:none; max-width:176px; min-width:176px;
}

#contact_form button#submit_button, #mc-embedded-subscribe {background: #A44499; border: none; color: white; cursor: hand; font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif; font-size: 14px; float: right; line-height: normal; right: 0; z-index: 100; padding: 0; width: 108px; opacity: 1!important; position:relative; display: block; margin-top: 1em;}
#mc-embedded-subscribe {margin-top:3px;}
#mc_embed_signup .mc-field-group {margin-left:19px;}
#mc_embed_signup .mc-field-group input {float:left;}
#mce-EMAIL {color:#666;}

/* RECAPTCHA RULES */

#recaptcha_widget_div, #recaptcha_area, #recaptcha_table {
   height: 25px;
   width: 180px;
}

#recaptcha_image {margin-left:70px;}

li div#recaptcha_image, #recaptcha_image img, input#recaptcha_response_field { 
   float: none;
   left: 0;
   position: relative;
   width: 180px; !important
}

input#recaptcha_response_field {
   position:absolute;
   width: 100px;
}

fieldset {
   margin-top: 5px;
}

fieldset ol {
   height: 230px;
   width: 190px; !important
}

fieldset ol {
   margin-top: 0;
}

#line4 p {
   font-size: 12px;
   width: 180px;
}

#line4 p a {
   font-size: 12px;
}

#contact_details p {
   padding: 0;
   margin:     10px 0;
}


/*
#contact_form label {
   float:   left;
}
*/

form#feedback, p.success {
   width:   250px;
}

#output {
   color: #A44499;
   font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;
   font-size: 14px;
   position: absolute;
   right: 40px;
   text-align: right;
   top: 30px;
   width: 300px;
}

#output.errors {color:red;}

p.success {
   float: left;
   margin: 0 0 0 210px;
}

form#feedback p {
   margin:  5px 0 0 0;
}

#contact_form form p {
   margin-bottom: 15px;
}

label.error, p.warning {
   color: #A44499;
   font-size: .625em;
   text-align: left;
}

/* FLV PLAYER RULES */
#player {
   font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;
   font-size: 11px;
   float:   right;
   margin:  22px 10px 0 0;
   width: 220px;
}

/* GENERAL RULES */
body {
   background-image: url(http://solo-salon.com/images/interface/wall_back.jpg);
}

body a {
   outline: none;
}

.border {
   border-bottom: 2px solid #A44499;
   padding-bottom: 15px;
}

.email {
   font-size: .75em;
   font-family: Helvetica, sans-serif;
   text-align: left;
}

.noborder {
   border: none;
}

.scrollable {
   height: 280px;
   margin: 0;
   overflow-y: scroll;
   padding-right: 20px;
}

#wrapper {
   margin:  0 auto;
   position:   relative;
   width:   400px;
}

body_copy {
   color: #333;
   font-size: .875em;
}

a:hover, a:active {
   color: #A44499;
}

em {
   font-style: normal;
   font-weight: bold;
}

h2, h4, h5 {
   color: #666;
   font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;
   font-weight: 300;
   margin: 0 0 0 19px;
}

h2 {
   border-bottom: 2px solid #A44499;
   font-size: 21px;
}

h6 {
   color: #666;
   font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;
   margin:  0;
}

body p {
   color: #666;
   font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   letter-spacing: .5px;
   line-height: normal;
   font-weight: 300;
   font-variant: normal;
   margin: 0 0 14px 20px;
   text-align: justify;
   text-transform: none;
   text-decoration: none;
}
.image {
   text-align: center;
}

/* FOOTER RULES */

div#footer {
   background: transparent url(http://solo-salon.com/images/interface/Bumble_foot.gif) no-repeat;
   height:  50px;
   margin: 0 auto;
   margin-top: 8px;
   position:relative;
   width:   750px;
}

div#footer p {
   float: left;
   height: 50px;
   line-height: 50px;
   margin: 0;
   text-indent: -9999px;
   width: 300px;
}

div#footer p:hover {
   background: transparent url(http://solo-salon.com/images/interface/Bumble_foot_alt.gif) no-repeat;
}

div#footer p a#bumblefooterlink {
   display: block;
   height: 50px;
   line-height: 50px;
   outline: none;
   width: 300px;
}

a.twitter img, a.facebook img, a.twitter, a.facebook {
   border: none;
   position: relative;
   height: 20px;
   width: 20px;
}

a.twitter, a.facebook {
   left: 20px;
   top: 22px;
}

/* GIFT CERT RULES */
#giftcertlink {
  background: url(http://solo-salon.com/images/interface/gift_cert.png) top left no-repeat;
  height: 40px;
  left: 420px;
  position:absolute;
  text-indent: -9999px;
  top:83px;
  width: 290px;
}

#giftcertlink:hover {
  background-position-x: -290px;
}

#giftcertcontainer {
  background:#ffffff;
  font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;
  /*height:200px;*/
}

#giftcert {
  background: url(http://solo-salon.com/images/interface/giftcert_overlay.png) 20px 20px no-repeat;
  font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  height: 324px;
  padding: 0;
  width: 750px;
}

#giftcert input, #giftcert label, #giftcert textarea {font-family: "museo-sans-1","museo-sans-2", Helvetica, sans-serif;font-size:12px;font-weight:300;}

#giftcert input[name="amount"] {left:70px; position: absolute; top:130px;width:135px; text-align:right;}
#amount {left:50px; position: absolute; top:130px;width:135px; text-align:right;}
#giftcert input[name="merchant_defined_field_1"] {left:40px; position: absolute; top:170px;width:165px;text-align:right;}
#recipient {left:20px; position: absolute; top:170px;width:165px;text-align:right;}
#giftcert input[name="merchant_defined_field_2"], #purchaser {left:265px; position: absolute; top:170px; width:147px;text-align:right;}
#purchaser {left:245px; position: absolute; top:170px; width:147px;text-align:right;}
#giftcert textarea[name="merchant_defined_field_3"], #certmessage {border:2px inset #e6e6e6;left:76px; max-height:35px; max-width:335px; position: absolute; top:195px;text-align:right;}
body.giftcert #certmessage {border:none; left:0px; line-height:40px; text-align:left; text-indent:60px; top:200px; width:400px; }
#ship_radio {left:20px;position:absolute;top:278px;}
#giftcert_captcha {left:20px; position: absolute; top: 240px; width: 400px;}
#giftcert_captcha label {font-size:10px;}
#giftcert_captcha img {float:right;margin:-8px 4px 0 0;}
#giftcert input[type="submit"] {bottom:65px;margin-left:355px;position: absolute;}
#certnum {left: 295px; position: absolute; text-align: right; top: 290px; width:100px;}

/* GIFT CERT LIVE-LOOK RULES */
body.giftcert {margin-top:15px;}
body.giftcert #giftcert {background: #ffffff url(http://localhost/WebCode/solo-salon.com/images/interface/giftcert_overlay.png) no-repeat 20px 20px; position:relative;}
body.giftcert #giftcert #amount {top:85px;}
body.giftcert #giftcert #recipient {top:125px;}
body.giftcert #giftcert #purchaser {top:125px;}
body.giftcert #giftcert #certmessage {margin-top:155px; top:0;}
body.giftcert #giftcert #certnum {top:245px;}


/* Facebook Drawer */
#footer iframe {background:#fff; margin: 0 0 0 0px; height:0px; left:480px; position:absolute; z-index:10;}

/* FLOATS */
.float-right {float:right;}