@import "reset.css";
@import "960.css";


/* GENERAL */
/*--------------*/
body {font-family:'Open Sans',Lucida Grande,arial,verdana,tahoma; min-width: 100%!important;max-width: 100%!important;width: 100%!important; overflow-x:hidden;}
.clearfix {display: inline-block;}
.clearboth {clear:both;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/* Adjustments to 960 grid */
.grid_4{margin-right:-10px;}

/* TYPOGRAPHY */
/*--------------*/
h1,h2,h3,h4,h5{font-family: 'Lora', serif; margin-bottom:8px;}
h1 {color:#B35253;font-size:22px;font-style:normal;font-weight:normal;line-height:32px;border-bottom:1px solid #B35253;}
h2{color:#9b4962; border-bottom:1px solid #B35253; font-style:normal;font-weight:normal;font-size:22px; line-height: 30px;}
h3 {font-size:18px; font-weight:normal; color:#6B89B1;}
h4 {font-size:16px; font-weight:normal; color:#6B89B1;}
p {color:#4D4D4D;font-size:13px;line-height:21px; font-family: 'Open Sans',Lucida Grande,arial,verdana,tahoma; }
div {color:#4D4D4D;font-size:12px;}

a {color:#6b89b1;}
a:hover {color:#2C5197; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
a:visited {color;#5C246E;}
h2 a, h3 a {color:#6b89b1; font-family: 'Lora', serif;}
h4 a {text-decoration:none;color:#9b4962;}


/*       HEADER     */
/*--------------*/
.banner {float:left;padding-top:20px;width:728px;height:90px; margin-left:10px;}
.logo-left {float:left;}
#main-logo{width:215px; height:110px; margin-bottom:10px; background:url('../images/wide_sheet.png') 0px 0px; display:block;   margin-left:4px;}
#main-logo-map{width:215px; height:110px; margin-bottom:10px; background:url('../images/secret-salons-logo.png') 0px 0px; display:block;}
#main-logo span{display:none}

/*       MENU     */
/*--------------*/
#header .container {width: 960px;margin: auto;}
nav{height:42px; margin-bottom:10px; background:none repeat scroll 0 0 #F0F0F0;margin:0px; padding:0px;}
nav li{float:left; list-style:none; *margin:0px; *padding:0px; zoom:1; width: 17%; height: 100%; position:relative;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
nav li.first {width:50px;}
nav li.first a{padding:0;}
.home-ico {padding: 10px 0;}
nav li:hover {background:#575756; color:white;}
nav li:hover  a {color:white;}
nav li a {color: #575756;display: block;float: left;font-size: 16px;padding: 13px 0;text-align: center;text-decoration: none;width: 100%;}
nav li.highlight {   background: none repeat scroll 0 0 #B5627C; }
nav li.highlight a {color:white;}
nav li.highlight:hover {color:white; background:#8a4158;}
nav, nav ul {padding: 0; margin: 0;list-style: none; }
nav a {display: block;}

nav li ul { position: absolute; top:41px;  width: 500px;  left: -9999%; background: rgba(256,256,256,0.95) ; z-index:5000; padding:10px;}
nav li ul li {float: left;width: 250px;}
nav li.highlight ul li {clear:both; width: 250px;}
nav li ul li a{ text-decoration:underline;text-align:left; color:#B5627C!important;display:block;padding:3px;zoom:1;z-index:1000;width:220px;-webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
nav li ul li:hover a{background: #B5627C; color:white!important;}
nav li ul li:hover {background: none; color:white;}
nav li.hover ul, nav li:hover ul {position: absolute;zoom:1;left: 0;top: 100%;z-index:1000;}


/* GENERAL */
/*--------------*/

/* Main */
#main-content{width:960px;background:white; z-index:-1; min-height:615px;}

/*Footer */
#footer{width:100%!important; overflow:hidden; clear:both; background:#d5d7d9;padding: 40px 5px 5px; height: auto; margin-left:0px!important; z-index: 999999;}
/*#footer-logo{width:220px; height:110px; float:right; background:url('../images/wide_sheet.png') -256px 0px ; display:block;}*/
#footer ul {/*float: left;*/list-style: none outside none;/*padding: 10px;*/}
#site-descr {width:100%; float:left; clear:both; font-size:16px; color:#4D4D4D; text-align:center; margin-bottom: 10px;}
#footer ul li a{color:#4D4D4D}
#footer ul li a:hover{color:#6b89b1}
#footer .sub-list {margin:auto; width:155px;}
.left {float:left;}
.right {float:right;}
.right li {text-align:right;}
#footer .sub-list li {display: block; margin-right: 10px;}
#glam {clear: both; display: block; margin: auto auto -8px; width: 160px;}

#sub-footer {width:100%!important; background:#5E5D5D; height:65px; overflow:hidden; clear:both;margin-top: 20px;float: left; padding-top: 5px; margin-left:0px!important; z-index: 999999;}
#sub-footer li {float: left;list-style: none outside none;width:30%;}
#footer .container, #sub-footer .container {width: 50%;margin: auto;}
.footer-img {filter: alpha(opacity=70);opacity: 0.7 ; zoom: 1;margin:auto; display:block; margin-top:5px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
.footer-img:hover {filter: alpha(opacity=100);opacity: 1.0 ; zoom:1;}
#copy { background: none repeat scroll 0 0 black; color: white; height: 15px; padding: 10px 0px; text-align: center;}

/* Breadcrumbs */
.bread{margin:10px; color:#4D4D4D; font-size:11px;}
.bread a{color:#4D4D4D; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.bread a:hover{color:#6b89b1;}

/*Styles*/
.general-heading{line-height:32px; margin-bottom:5px; font-size:30px; font-style:normal; color:#6b89b1; font-weight:normal; border-bottom:1px #6b89b1 solid}
.sub-heading{line-height:22px; margin-bottom:8px; margin-top:8px; font-size:18px; font-style:normal; color:#6b89b1; font-weight:normal; border-bottom:1px #6b89b1 solid;}
.sub-heading a{text-decoration:none}

/*       FORMS     */
/*--------------*/
/* Generic UniForm CSS */
.uniForm{ margin: 0; padding: 0; position: relative; z-index: 1; } /* reset stuff */
/* Some generals and more resets */
.uniForm fieldset{ border: none; margin: 0; padding: 0; }
.uniForm fieldset legend{ margin: 0; padding: 0; }
 /* This are the main units that contain form elements */
.uniForm .ctrlHolder,
.uniForm .buttonHolder{ margin: 0; padding: 0; clear: both; }
/* Clear all floats */ 
.uniForm:after,
   .uniForm .buttonHolder:after, 
      .uniForm .ctrlHolder:after, 
        .uniForm .ctrlHolder .multiField:after,
          .uniForm .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.uniForm button{ cursor: pointer; }
.uniForm label,
.uniForm .label{ display: block; float: none; margin: 0 0 .5em 0; padding: 0; line-height: 100%; width: auto; color:#6B89B1; }
 /* Float the input elements */
.uniForm .textInput,
.uniForm .fileUpload,
.uniForm .selectInput,
.uniForm select,
.uniForm textarea{ float: left; width: 53%; margin: 0; }
/* Read-Only output */
.uniForm .readOnlyLabel{ margin: 0; font-size: 1em; font-weight: bold; }
  .uniForm .readOnly{ font-size: .85em; }
    .uniForm .readOnly .choiceLabel{ color: #777; text-transform: uppercase; font-size: .75em; letter-spacing: .15em; }
/* Postition the hints */
.uniForm .formHint{ float: right; width: 43%; margin: 0; clear: none; }
/* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */
      .uniForm ul{ float: left;  margin: 0; padding: 0; }
        .uniForm ul li{ margin: 0 0 .5em 0; list-style: none; }
          .uniForm ul li label{ margin: 0; float: none; display: block; overflow: visible; }
/* Alternate layout */
        .uniForm ul.alternate li{ float: left; width: 30%; margin-right: 3%; }
          .uniForm ul.alternate li label{ float: none; display: block; width: 98%; }
            .uniForm ul .textInput,
            .uniForm ul .selectInput,
            .uniForm ul select,
            .uniForm ul.alternate .textInput,
            .uniForm ul.alternate .selectInput,
            .uniForm ul.alternate select{ width: 98%; margin-top: .5em; display: block; float: none; }
          
/* Required fields asterisk styling */
        .uniForm label em,
        .uniForm .label em{ float: left; width: 1em; margin: 0 0 0 -1em; }

  /* Generals */
    .uniForm legend{ color: inherit; }
    
      .uniForm .secondaryAction{ float: left; }
      
      /* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */
      .uniForm .inlineLabel input,
      .uniForm .inlineLabels .inlineLabel input,
      .uniForm .blockLabels .inlineLabel input,
      /* class .inlineLabel is depreciated */
      .uniForm label input{ float: none; display: inline; margin: 0; padding: 0; border: none; }
            
      .uniForm .buttonHolder .inlineLabel,
      .uniForm .buttonHolder label{ float: left; margin: .5em 0 0 0; width: auto; max-width: 60%; text-align: left; }
      
      /* When you don't want to use a label */
      .uniForm .inlineLabels .noLabel ul{ margin-left: 34%; /* Match to width of label + gap to field */ }
      
      /* Classes for control of the widths of the fields */
      .uniForm .small { width: 30% !important; }
      .uniForm .medium{ width: 45% !important; }
      .uniForm .large { width: 98% !important; } /* Large is default and should match the value you set for .textInput, textarea or select */
      .uniForm .auto  { width: auto !important; height: auto !important; }
      .uniForm .small,
      .uniForm .medium,
      .uniForm .auto{ margin-right: 4px; }

/* Columns */
.uniForm .col{ float: left; }
.uniForm .col{ width: 50%; }

.uniForm{ background: #FFF; }
    
    .uniForm legend{ font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; }
  
    .uniForm .ctrlHolder{ padding: 0.5em; }
    .uniForm .ctrlHolder.focused{ background: #e1f0f6; }
    
    .uniForm .buttonHolder{ /*background: #c4ced1;*/ text-align: right; margin: 1.5em 0 0 0; padding: 1.5em;
                            /* CSS3 */
                            border-radius:         4px;
                            -webkit-border-radius: 4px;
                            -moz-border-radius:    4px;
                            -o-border-radius:      4px;
                            -khtml-border-radius:  4px;

                          }
      .uniForm .buttonHolder .primaryAction{ padding: 10px 22px; line-height: 1; background: #254a86; border: 1px solid #163362; font-size: 12px; font-weight: bold; color: #fff;
                                             /* CSS3 */
                                             border-radius:         4px;
                                             -webkit-border-radius: 4px;
                                             -moz-border-radius:    4px;
                                             -o-border-radius:      4px;
                                             -khtml-border-radius:  4px;
                                             box-shadow: 1px 1px 0 #d5e2e7;
                                             -webkit-box-shadow: 1px 1px 0 #d5e2e7;
                                             -moz-box-shadow: 1px 1px 0 #d5e2e7;
                                             text-shadow: -1px -1px 0 rgba(0,0,0,.25);
                                           }
      .uniForm .buttonHolder .primaryAction:active{ position: relative; top: 1px; }
      .uniForm .secondaryAction            { text-align: left; }
      .uniForm button.secondaryAction      { background: transparent; border: none; color: #777; margin: 1.25em 0 0 0; padding: 0; }
      
        .uniForm .inlineLabels label em,
        .uniForm .inlineLabels .label em{ font-style: normal; font-weight: bold; }
        .uniForm label small{ font-size: .75em; color: #777; }
        
      .uniForm .textInput,
      .uniForm textarea    { padding: 4px 2px; border: 1px solid #b2babe; background: #fff;
                             /* CSS3 */
                             border-radius:         3px;
                             -webkit-border-radius: 3px;
                             -moz-border-radius:    3px;
                             -o-border-radius:      3px;
                             -khtml-border-radius:  3px;
                           }
      .uniForm textarea    {width:98%; height: 6em; }
      
          .uniForm .ctrlHolder ul li label{ font-size: .85em; }
      
      /* Get rid of the 'glow' effect in WebKit, optional */
      .uniForm .ctrlHolder .textInput:focus,
      .uniForm .ctrlHolder textarea:focus{ outline: none; }
      
      .uniForm .formHint                    { font-size: .85em; color: #777; }
      .uniForm .inlineLabels .formHint      { padding-top: .5em; }
      .uniForm .ctrlHolder.focused .formHint{ color: #333; }
      

  /* Error message at the top of the form */
  .uniForm #errorMsg{ background: #c20f2e; color: #fff; margin: 0 0 1.5em 0; padding: 1px 1.5em;
                      /* CSS3 */
                      border-radius:         4px;
                      -webkit-border-radius: 4px;
                      -moz-border-radius:    4px;
                      -o-border-radius:      4px;
                      -khtml-border-radius:  4px;
                      box-shadow: 0 0 14px rgba(0,0,0,.25);
                      -webkit-box-shadow: 0 0 14px rgba(0,0,0,.25);
                      -moz-box-shadow: 0 0 14px rgba(0,0,0,.25);
                    }
    .uniForm #errorMsg ol{ margin: 0 0 1.5em 0; padding: 0; }
      .uniForm #errorMsg ol li{ margin: 0 0 3px 1.5em; padding: 7px; background: #a20d27; position: relative; font-size: .85em;
                                /* CSS3 */
                                border-radius:         4px;
                                -webkit-border-radius: 4px;
                                -moz-border-radius:    4px;
                                -o-border-radius:      4px;
                                -khtml-border-radius:  4px;
                              }
  
  .uniForm .ctrlHolder.error,
  .uniForm .ctrlHolder.focused.error{ color: #c20f2e;
                                      /* CSS3 */
                                      border-radius:         4px;
                                      -webkit-border-radius: 4px;
                                      -moz-border-radius:    4px;
                                      -o-border-radius:      4px;
                                      -khtml-border-radius:  4px;
                                    }
    .uniForm .ctrlHolder.error input.error,
    .uniForm .ctrlHolder.error select.error,
    .uniForm .ctrlHolder.error textarea.error{ border-color: #c20f2e; }
    
  /* Success messages at the top of the form */
  .uniForm #okMsg{ background: #59a20e; color: #343434; margin: 0 0 1.5em 0; padding: 1.5em; text-align: center;
                   /* CSS3 */
                   border-radius:         4px;
                   -webkit-border-radius: 4px;
                   -moz-border-radius:    4px;
                   -o-border-radius:      4px;
                   -khtml-border-radius:  4px;
                   box-shadow: 0 0 14px rgba(0,0,0,.25);
                   -webkit-box-shadow: 0 0 14px rgba(0,0,0,.25);
                   -moz-box-shadow: 0 0 14px rgba(0,0,0,.25);
                   text-shadow: 1px 1px 0 rgba(255,255,255,.25);
                 }
    .uniForm #okMsg p{ margin: 0; }


    .uniForm .col{ margin-bottom: 1.5em; }
    /* Use .first and .last classes to control the layout/spacing of your columns */
    .uniForm .col.first{ width: 49%; float: left; clear: none;                   }
    .uniForm .col.last { width: 49%; float: right; clear: none; margin-right: 0; }

/* Search Form */
#main-search{height:90px; background:url('../images/wide_sheet.png') left -196px no-repeat; margin: 10px 10px 15px 5px;}
#main-search form{height:90px; background:url('../images/wide_sheet.png') right -286px no-repeat;}
#main-search form legend{display:none}
#main-search form fieldset{padding:14px 10px;}
#main-search span.gap {color:#fff;margin-top:30px;display: block; width:20px;}
#main-search form label{width:260px; margin-right:10px; float:left}
#main-search form label .title{font-size:20px; font-weight:bold; color:#FFF;}
#main-search form label .sub{font-size:11px; color:#e5ecff}
#main-search form label #or {width:20px;}
#main-search form label #what  {width:260px;}
#main-search form input{width:100%; margin-top:5px; height:25px; font-size:18px; border:2px solid #e9f0f8; -moz-border-radius:3px;}
#main-search form span.big-button{padding-left:3px; margin-top:25px; float:left; display:block; background:url('../images/button_sheet.png') left -250px no-repeat; }
#main-search form span.big-button input{width:auto; height:36px; font-size:14px; margin:0px -3px 0px 0px; padding-right:10px; background:url('../images/button_sheet.png') right -250px no-repeat;  -moz-border-radius:0px; border:none; color:#FFF; cursor:pointer;}
.ui-autocomplete {z-index:5!important; background: rgba(256,256,256,0.95)!important; font-family:Open Sans!important; border:none!important;}

/* Generic Form */
.generic-form label{width:100%; margin-bottom:10px; float:left; overflow:auto;}
.generic-form label .title, .rating-group .title{color:#6B89B1; width:150px; line-height:20px; margin:0px 10px 0px 0px; float:left; display:block; text-align:right;}
.generic-form label .title, .rating-group .title .t75{width:75px;}
.generic-form label input{float:left; font-size:14px; border:3px solid #e9f0f8; -moz-border-radius:3px; display:block}
.generic-form label textarea, #webdescrIFrame body{font-size:12px; border:2px solid #e9f0f8;  -moz-border-radius:3px;}
.generic-form label .etc{line-height:20px; margin:0px 0px 0px 10px; }
form span.big-button{padding-left:3px; margin-top:8px; float:left; display:block; background:url('../images/button_sheet.png') left -250px no-repeat; }
form span.big-button input{width:auto; height:36px; font-size:14px; margin:0px -3px 0px 0px; padding-right:10px; background:url('../images/button_sheet.png') right -250px no-repeat;  -moz-border-radius:0px; border:none; color:#FFF; cursor:pointer;}

/* Add Salon Form */
#webdescr {width:45%;height:200px;}
.tags-class {margin: 10px 5px 10px 20px;overflow: hidden !important;}
.tags-class-mini .item-edit  {float:left;width:25%;display: block;font-size: 16px;height: 15px;margin-top:20px;}


/* LISTING PAGES*/
/*--------------*/
/* Expanding Treatment List */
.expanding-ul{overflow:hidden; margin-bottom:10px;}
.expanding-ul ul{overflow:hidden;}
.expanding-ul ul.horz-list li{width:30%; float:left; padding-left:8px; list-style:none; list-style-position:inside;-webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
.expanding-ul ul.horz-list li:hover {background:#d3dce8;}
.expanding-ul ul.horz-list li a{color:#6B89B1; text-decoration:underline; font-size:12px;line-height:1.5em; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
.expanding-ul ul.horz-list li a:hover{text-decoration:none; color:#486388; }
.expanding-ul ul.horz-list li.title{width:100%; list-style:none; padding:5px 0px; font-size:14px; color:#6b89b1;}
.expanding-ul-button{width:100%; margin:10px 0px; padding:5px; cursor:pointer; background:#219fdd; border-bottom: 2px solid #1a7fb0; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out; -webkit-transition: all .1s ease-in-out;}
.expanding-ul-button:hover {background:#62bce8;}
.expanding-ul-button.open{}
.expanding-ul-button span{display:block; text-align:center; color:#FFF; font-size:12px;}
.expanding-ul-button.invisible{visibility:hidden; cursor:default;}

/* Pagination */
.pagination{ margin-top:15px; float:right;}
.pagination li{float:left; height:26px;}
.pagination li a{padding:2px 7px; margin:0px 2px; color:#b35253; font-size:12px; text-decoration:none; display:block; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.pagination li a:hover{background:#C5798E; color:#FFF;}
.pagination li.prev a, .pagination li.next a{width:auto;}
.pagination li.current a{background:#C5798E; color:#FFF;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.pagination li.current a:hover{background:none; color:#C5798E;}
.paginated-ul li {padding-left:10px; line-height:32px; font-size:12px; color:#5D5D5D; }
.paginated-ul li a{color:#6b89b1;-webkit-transition: all .2s ; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.paginated-ul li a:hover {text-decoration:none; color:#486388; background:#d3dce8;}
.paginated-ul li.odd{background:#f9eff1;}

/* Maps */
#main-map, #side-map {margin:10px 0px; background:#CCC;}
#main-map {width:100%; height:250px; }
#side-map {width:320px;height:200px;float:left;}

/* Generic */
li.odd{background:#f9eff1;}
li .general-heading{border:none}
.info{padding-bottom:10px; color:#4d4d4d; font-size:11px; overflow:hidden; }
.info .fn{display:none}
.info .summary{width:100%; display:block}
.info .description{margin:0px 0px 5px 0px; line-height:16px; display:block}
.info .description a {color:#6B89B1;}
.info .reviewer, .search-list .info .dtreviewed{color:#444444;font-size:12px;}
.xsalon-image {width:150px; height:100px; margin:10px; float:left; background:#CCC; display:block;}
.salon-image-home {width:150px; height:100px; margin:10px; float:left; background:#CCC; display:block;}

/* New Salon Block */
.new-salon-list li {display:block; padding: 5px 10px 5px 5px;}
.new-salon-list li  img {float:left;}
.new-salon-list li a {text-decoration: none; padding-left: 10px; padding-top: 5px; font-size:14px;}
.new-salon-list li p {font-size:12px; padding-left: 36px; color: black;}

/* Salon List */
.search-list li{padding-bottom:10px; overflow:hidden;}
.search-list li .info{float:left; width:300px;}
.search-list .rhs {float: left; left: 188px; width: 420px; display:block; line-height:18px;}
.search-list h2{border:none; font-size:22px; padding-top: 8px;}
.search-list .rating {zoom: 1;filter: alpha(opacity=100);opacity: 1.0 ;position: relative;top: 7px;left: 10px;-webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
.search-list .rating:hover {zoom: 1;filter: alpha(opacity=80);opacity: 0.8;}
ul.search-list .description {font-style: italic;}
.read-more {color:#6b89b1;-webkit-transition: all .2s ; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.read-more:hover {text-decoration:none; color:#486388; background:#d3dce8;}
.featured{position:relative; border:1px #bd556c solid;margin-bottom:2px;}
.feature-badge{width:73px; height:73px; position:absolute; background:url('../images/feature.png') no-repeat }
.featured .vcard{padding:0px}

/* Review List */
.review-list li{overflow:auto; padding:10px;}
.review-list .info {background: url(/images/quote.png) no-repeat; padding: 10px;}
#reviewer {color: #E6007E;}
.odd #reviewer {color: #36A9E1;}
.review-descr {font-size: 12px;padding: 10px;line-height: 20px;}
.review-deets {font-weight:bold; float:right; clear:both; padding-right: 8px;margin-top: 20px;}

/* Question List */
.question-list li{overflow:auto; padding:20px; }
.question-list .info {background: url(/images/question.png) no-repeat; }

/* Article List */
.article-list li{overflow:auto; padding:0px 10px 10px 0px;}
.article-list li .info{padding-top:0px;}

/* Salon Offers List*/
.offers-list li{overflow:auto; padding-right:10px; padding-top: 10px;}

/* RATINGS */
/*--------------*/
.rating{display:block;margin-left:10px;float:right ; height:16px;clear: both;width:100px; height:19px; margin:0px 0px 5px 0px; display:block; background:url('../images/button_sheet.png') left -349px no-repeat;}
.odd .rating{background:url('../images/button_sheet.png') left -308px no-repeat;}
.rating span{width:0px; height:19px; margin:0px; text-indent:-9999px; display:block; background:url('../images/button_sheet.png') left -329px no-repeat;}
.odd .rating span{background:url('../images/button_sheet.png') left -288px no-repeat;}
.rating.r1 span{width:20px;}
.rating.r2 span{width:40px;}
.rating.r3 span{width:60px;}
.rating.r4 span{width:80px;}
.rating.r5 span{width:100px;}
.rating .fr{float:right;}


/* SALON PAGES  */
/*--------------*/
.address {padding:10px 10px 10px 20px;}
.address .adr {margin-bottom:5px; display:block; color:#4d4d4d; font-size:14px; line-height: 18px;}
.hidden-number{font-size: 20px;margin-top: 8px; margin-bottom:5px;}
.hidden-number .text{width:120px; cursor:pointer; display:block; padding:3px; margin:5px -5px; border:1px solid;}
.salon-buttons {margin-top: 10px;}
#areu {clear:both;}
.claim-link{padding:12px 27px; white-space:nowrap; font-size:13px; color:#6B89B1; display:block;}
.description {color:#4D4D4D;font-size:12px;line-height:21px;}
.short .description {color: #4D4D4D;font-size: 14px;line-height: 21px;padding: 5px;margin-bottom: 15px; }
#main-deets {width:600px;display:block;}
#main-deets #salon-name {width: 460px; float:left;}
#main-deets h1 {width: 600px;display: block;float: left;}
#main-deets .rating {margin-top: -35px!important;}
.salon-offers {margin:5px;}
.directory-listing{overflow:hidden}
.hreview {color:#4D4D4D;font-size:13px; padding-left:30px; padding-top:15px; margin-bottom:15px; background:url('../images/comma.png') top left no-repeat; }
.reviewer-info{ color:#CCC; font-size:11px;}
h3 .value-title {color:#4D4D4D;font-size:13px;margin-top:3px; }
.css_button.salon-buttons {width: 200px;display: block;zoom: 1;margin: 0px;padding: 0px;height: 70px;}

/* Verified */
#verified {-webkit-border-radius: 40px;border-radius: 40px; -o-border-radius: 40px; -ms-border-radius: 40px;  background:#2BC42B;position: absolute;left: 460px;top: 0px;  width: 25px;  height: 25px;   -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
#verified span {font-size: 18px;color:white;position: absolute;top: 3px;left: 4px;}
#verified p {font-size: 12px;color:white;padding:8px 0px 0px 25px;display:none}
#verified:hover {border-radius: 20px / 20px; -webkit-border-radius: 20px / 20px; -o-border-radius: 20px / 20px; -ms-border-radius: 20px / 20px;  width:80px;  z-index:999;}
#verified:hover p {display:inline;}

/* Opening Times */

#opening {margin-bottom:20px;}

/* Salon Share */
.salon-share{clear:both; padding:0px 15px; margin-bottom:10px; overflow:hidden; background:#C8E5F3;}
.salon-share h5{color:#31485f; font-size:18px; padding-top: 11px; font-weight:bold;  float:left}
.salon-share ul{float:left}
.salon-share li{float:left;}
.salon-share li.twitter{padding-top:10px;}
.salon-share li.email-to-friend{padding-top:10px; padding-top: 10px; padding-left: 75px;}

/* Reviews */
.review h3 {margin-bottom:8px; font-size:18px; font-weight:normal;}
.review .description {margin-bottom:7px;}

/* SLIDESHOW  */
/*--------------*/
.slideshow{width:100%; position:relative; margin-bottom:10px; overflow:hidden;z-index:2;}
.slideshow .nav{position:absolute; z-index:4;}
.slideshow .nav li{width:165px; background:#9b4962; height:59px; margin-right:5px; margin-bottom:5px; list-style:decimal } 
.slideshow .nav li a{padding:5px; line-height:16px;  color:#fff; display:block; text-decoration:none; font-size:16px;}
.slideshow .nav li.first{background:url('../images/narrow-sheet-v2.png') 0px  -105px no-repeat;}
.slideshow .nav li.current {background:none; }
.slideshow .nav li.current a{color:#9b4962}
.slideshow.slim .nav{display:none}
.slideshow .window{position:relative; z-index:1; width:450px; height:250px; float:right; overflow:hidden;}
.slideshow .window li .message{display:none;}
.slideshow.slim .window{height:150px;}
.slideshow .message{position:absolute; z-index:4; top:10px; left:185px; width:50%;height:22px; line-height:22px; text-indent:8px; display:block; color:#FFF; font-size:30px;}
.slideshow .message{color:#FFF; text-decoration:none; }
.slideshow .message .cufon-canvas{ background:#440339; padding:2px;}
.slideshow.slim .message{display:none}
.grid_8 .slideshow .nav{position:relative; float:left}
.grid_4 .slideshow .window{width:300px; height:270px;}
.grid_4 .slideshow .nav{padding:3px;}
.grid_4 .slideshow .nav li{width:10px; height:10px; margin-right:2px; background:url('../images/button_sheet.png') -3px -269px no-repeat;}
.grid_4 .slideshow .nav a{width:10px;}


/* GALLERIES */
/*--------------*/
/* Gallery Home */
.latest-galleries {margin:5px;}
.gal-home {display:block;float:left;}
.gal-item {width:300px; height: 150px;}
.latest-galleries h3 {position: relative;top:100px;height: auto;padding: 7px;color: white;text-align: right;background: rgb(155, 73, 98); background: rgba(155, 73, 98, 0.9); }
.bg-black {width:300px;height:150px;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.bg-black:hover {background: rgba(155, 73, 98, 0.6); filter: alpha(opacity=60);zoom:1;}
.bg-black:hover h3 {background: rgba(0, 0, 0, 0.5); zoom:1;}

/* Gallery Listings */
.gallery-pagination {width:100%; *padding:0px; *margin:0px; margin-bottom: 10px;}
.gallery-pagination pagination li a{padding:5px 7px; margin:0px 2px; color:#b35253; font-size:12px; text-decoration:none; display:block; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.gallery-pagination pagination li a:hover{color:#7e3340; }
.gallery-item-image{width: 600px;}
.gallery-item-image #main-img{ width: 600px; z-index:4;}

.gallery-item-image:hover #img-share {background: rgba(155, 73, 98, 0.6);filter: alpha(opacity=100); opacity: 1; zoom:1; top: 6%; }
#img-share {height: 100px; left: 20px; opacity: 0;  padding: 10px;  position: absolute; top: 10%; width: 87%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
#img-share h3 {color:white;font-family:'Open Sans';}
#img-share #share-img li {float:left;  margin-right:10px;}


.gallery_button span {background:#36a9e1\9;}
.gallery_button:hover span {background:#58b8e6\9;}
#img-share { position:absolute\9; top: 5%\9; left: 20px\9; rgba(155, 73, 98)\9; filter: alpha(opacity=0)\9; opacity: 0\9; zoom:1\9; background:rgb(155, 73, 98)\9;}
#img-share #share-img li {display:none\9;}
.gallery-item-image:hover #img-share #share-img li {display:block\9;}
.gallery-item-image:hover #img-share {top: 5%\9; left: 20px\9; filter: alpha(opacity=100)\9; opacity: 1\9; zoom:1\9; }


.gallery-item-content-area{float:right; width:630px;}
.gallery-item-content{padding:5px 5px; clear:both}
.gallery-pagination .gallery{margin:0px; height:50px;}
.gallery-pagination .gallery li{line-height:24px; padding:0px;}
.gallery-pagination .gallery li .info{display:block; font-size: 13px; padding:0px; color:#ae2b32; text-align:center; line-height:10px;}
.gallery-pagination .gallery li .actual.info{padding-top:6px; line-height:12px; color:#ae2b32; font-size:14px; font-weight:bold;}
.gallery-pagination .gallery li .total.info{font-size:14px; line-height:12px; color:#ae2b32; font-weight:bold;}
.pagination.gallery .prev-button{height:36px; width:77px; display:block; background:url('../images/gallery_btns.png'); cursor:pointer}
.pagination.gallery .prev-button:hover{background:url('../images/gallery_btns.png') 0px -48px;}
.pagination.gallery .prev-button span{display:none}
.pagination.gallery .next-button{height:36px; width:77px; display:block; background:url('../images/gallery_btns.png') -120px 0px; ; cursor:pointer}
.pagination.gallery .next-button:hover{display:block; background:url('../images/gallery_btns.png') -120px -48px; ; cursor:pointer}
.pagination.gallery .next-button span{display:none}
.galbox ul {margin-top:10px;width:620px;}
.galbox li {display:block;float:left;margin-left:5px;padding-left:5px;padding-right:5px;width:290px;}

/* BUTTONS  */
/*--------------*/
/* Generic Button */
.button {position: relative;top: 5px;left: -10px; padding: 3px 10px 0px 10px; float:right; background-color: #9B4962;border-bottom: 2px solid #663040;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; display:block; clear:both; margin-top:10px;}
.button:hover {background:#d6a8b7;}
a.button span {color:white;}
.css_button {font-family:'Open Sans'; margin-bottom: 5px;padding: 5px;display: block;font-weight: bold;outline: none;cursor: pointer;text-align: center; border: none; text-decoration: none;background-color: #E6007E;font-weight: normal;color: white !important;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
border-bottom: 2px solid #B30062; float:right;}
.css_button:active { position: relative;text-decoration: none;}
.css_button span {filter: alpha(opacity=100);zoom:1; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; float: left;padding: 5px 0px 0px 8px;}
.css_button:hover span {color:#fffafd;}
.css_button:hover {background-color: #ff34a3;}
.css_button:active { background-color: #b30062; }
.css_button:active span {color:white;}
.css_button:active {position:relative; top:2px; margin-top:2px; border-bottom:0px solid white;}
.login {float:left;}

/* Find out more */
.find-out {transform: skew(-5deg); -o-transform: skew(-5deg); -moz-transform: skew(-5deg); -webkit-transform: skew(-5deg);}

/* Write Review  */
.salon_button {width: 160px;height: 20px;margin-bottom: 5px;padding: 5px;line-height: 0.6em;display: block;font-weight: bold;outline: none;cursor: pointer;text-align: center;text-decoration: none;background-color: #E6007E;font-weight: normal;color: white !important;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
border-bottom: 2px solid #B30062;}
.salon_button:active { position: relative;text-decoration: none;}
.salon_button img {float:right; padding-right:5px;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;filter: alpha(opacity=50);zoom:1; opacity:0.5;}
.salon_button span {height:18px;filter: alpha(opacity=100);zoom:1; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; float: left;padding: 5px 0px 0px 8px;}
.salon_button:hover span {color:#fffafd;}
.salon_button:hover img{padding-right:0px; opacity:1; filter: alpha(opacity=100);zoom:1;}
.salon_button:hover {background-color: #ff34a3;}
.salon_button:active { background-color: #b30062; }
.salon_button:active span {color:white;}
.salon_button:active {position:relative; top:2px; margin-top:2px; border-bottom:0px solid white;}
.salon_button input { font-size: 0.938em; line-height: 1.333em; background: none; border: none; color: #FFF; }
.salon_button:visited { color: #FFF !important; }

/* View Special Offers */
.offers_button {width: 160px;height: 20px;margin-bottom: 5px;padding: 5px;display: block;font-weight: bold;outline: none;cursor: pointer;text-align: center;text-decoration: none;background-color: #36a9e1;font-weight: normal;color: white !important;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
border-bottom: 2px solid #0b3448;}
.offers_button:active { position: relative;text-decoration: none;}
.offers_button img {float:right; padding-right:5px;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;filter: alpha(opacity=50);zoom:1; opacity:0.5;}
.offers_button span {filter: alpha(opacity=100);zoom:1; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; float: left;padding: 3px 0px 0px 10px;}
.offers_button:hover span {color:#e1f2fa;}
.offers_button:hover img{padding-right:0px; opacity:1; filter: alpha(opacity=100);zoom:1;}
.offers_button:hover {background-color: #58b8e6;}
.offers_button:active { background-color: #104d6a; }
.offers_button:active span {color:white;}
.offers_button:active {position:relative; top:2px; margin-top:2px; border-bottom:0px solid white;}
.offers_button input { font-size: 0.938em; line-height: 1.333em; background: none; border: none; color: #FFF; }
.offers_button:visited { color: #FFF !important; }

/* Search Listing Buttons */
.search-list .salon_button, .search-list .offers_button {position:relative; left:20px;-webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }
.search-list .salon_button:hover, .search-list .offers_button:hover {position:relative; left:0px;}
.reviews-button {float: right;margin-right: -118px;margin-top: 33px;width: 120px;}
.offers-button {float: right;margin-right: -120px;margin-top: 70px;width: 120px;}

/* Gallery Navigation */
.gallery_button:visited { color: #FFF !important; }
#next_nav {float:right; font-size: 15px;}
#prev_nav {float:left; font-size: 15px;}
#num_nav {font-size: 20px;margin-left: 120px;padding-top: 8px;}
.share-next {clear: both;    color: white;    margin-left: auto;    margin-right: auto;    margin-top: 40px;    width: 300px;}

.gallery_button {width: 80px;height: 20px;margin-bottom: 5px;padding: 5px;display: block;font-weight: bold;outline: none;cursor: pointer;text-align: center;text-decoration: none;background-color: #36a9e1;font-weight: normal;color: white !important;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
border-bottom: 2px solid #0b3448; float: right;}
.gallery_button:active { position: relative;text-decoration: none;}
.gallery_button img {float:right; padding-right:5px;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;filter: alpha(opacity=50);zoom:1; opacity:0.5;}
.gallery_button span {filter: alpha(opacity=100);zoom:1; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; float: left;padding: 3px 0px 0px 10px;}
.gallery_button:hover span {color:#e1f2fa;}
.gallery_button:hover img{padding-right:0px; opacity:1; filter: alpha(opacity=100);zoom:1;}
.gallery_button:hover {background-color: #58b8e6;}
.gallery_button:active { background-color: #104d6a; }
.gallery_button:active span {color:white;}
.gallery_button:active {position:relative; top:2px; margin-top:2px; border-bottom:0px solid white;}
.gallery_button input { font-size: 0.938em; line-height: 1.333em; background: none; border: none; color: #FFF; }
.gallery_button:visited { color: #FFF !important; }

/* MISC  */
/*--------------*/
/* Random */
.add-salon {width:600px;color:#4D4D4D;font-size:14px;}
.jqEasyCounterMsg {width:460px;}

/* Errors */
.error, .success, .warning {border: 1px solid;margin: 10px 0px;padding:10px 10px 10px 40px;background-repeat: no-repeat;background-position: 10px center;font-size: 16px;}
.success {color: #9F6000;background-color: #FEEFB3;}
.error {color: #9F6000;background-color: #FEEFB3;background-image: url('/images/error.png');}
.warning {color: #4D4D4D;background-color: #FFFF88;font-size: 15px;line-height: 24px;background-image: url('/images/list.png');}
.warning a {color: #9F6000;}
.warning .title {font-size: 24px;}

/* POPUPS */
/*--------------*/
/* Misc*/
#cboxLoadedContent{background:#FFF !important; -moz-border-radius:5px;}
#cboxClose{top:0px !important}

/* Write Review/Question */

.qtip .qtip-light .qtip-active {z-index: 999999!important;}
.qtip .uniForm .buttonHolder {padding:0px!important;}
.qtip h2{font-size:18px; margin-top:0px; padding-left:27px; padding-top:4px; line-height:20px; background:url('../images/warning.png') no-repeat center left; text-align:left; letter-spacing:0px;}
.qtip .listing li{border-bottom:1px solid #CCC; padding-top:5px;}
.qtip .listing li a{color:#6B89B1; font-size:14px; line-height:24px; text-decoration:none}
.qtip .listing li .rating{float:left;  margin:2px 0 5px 5px; display:block;}
.qtip .listing li .name{float:left; display:block;}
.qtip .listing li .number{float:right; padding-right:5px; display:block;}
.qtip .listing li{overflow:auto;}
#question-btn, #question-btn:active, #question-btn:hover{position:fixed; z-index:100; bottom:-5px; right:10px; font-size:14px;}
#question-btn .question-mark{width:29px; height:49px; position:absolute; left:-5px; top:-20px; background:url("../images/question-mark.png");}

/* HOMEPAGE  */
/*--------------*/
.main-box-home {background-color:#F7F3F0;margin: 10px 0 15px 0;padding:10px;}

/* Tag Cloud Homepage */
#cloud, #listcloud { padding: 1px; line-height: 1.7em; text-align: center; word-wrap:break-word; font-size:1em;}
#listcloud a {padding:2px;}
#listcloud a:hover {background:black; color:white; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
#cloud a, #listcloud a { padding-left: 5px; color:#4D4D4D; }
#listcloud a.tag1 { font-size: 0.8em; font-weight: 100; }
#listcloud a.tag2 { font-size: 0.9em; font-weight: 200; }
#listcloud a.tag3 { font-size: 1.0em; font-weight: 300; }
#listcloud a.tag4 { font-size: 1.1em; font-weight: 400; }
#listcloud a.tag5 { font-size: 1.2em; font-weight: 500; }
#listcloud a.tag6 { font-size: 1.4em; font-weight: 600; }
#listcloud a.tag7 { font-size: 1.6em; font-weight: 700; }
#listcloud { margin: 0; width:930px;}
#listcloud li { display: inline; }


/* LOGGED IN  */
/*--------------*/
#salon_edit_form .textInput {width:400px;}
#salon_edit_form .item-edit {float:left; width:33%;}
#loggedin h2 {font-size:20px;}
#loggedin li a{padding-left:4px; color:#6B89B1; font-size:14px;}
#loggedin a:hover {color:#364458;}
#loggedin a {line-height:1.2em;}

/* ADS  */
/*--------------*/
.ad-250x250{padding:10px 0px;}
.centre-ads {margin:auto; width: 468px;}

/* ARTICLE PAGES */
/*--------------*/
/* Generic Articles */
.green-box{background:#eef6e0;padding:0 5px 5px 5px;width: 300px;float: right;}
.green-box .big-button{width:auto; height:36px; font-size:14px; margin:0px -3px 0px 0px; padding-right:10px; background:url('../images/button_sheet.png') right -250px no-repeat;  -moz-border-radius:0px; border:none; color:#FFF; cursor:pointer;}
.pink-box{padding:5px 5px 0px 5px; background:#f0e7ef}
.pink-box h2, .pink-box h3{font-size:30px;}
.pink-box p{padding:5px; margin-bottom:10px; background:#fff}
.pink-box a{color:#9B4962;}
.pink-box ul{padding:5px; margin-bottom:10px; background:#fff; color:#ec6f95; font-size:12px; line-height:20px}
.pink-box .taper{width:100%; height:37px; clear:both; margin:-5px; background:url('../images/wide-sheet-v2.png') -19px  0px no-repeat;}
.paper-sheet{overflow:visible; position:relative;}
.paper-sheet .green-box{position:relative; z-index:1; width:284px; padding:8px; margin:5px; float:left; }
#intro {width:600px;}
.paper-sheet .green-box p {position:relative; z-index:2}
.paper-sheet .green-box .rotated-button{float:right}
.paper-sheet .sheet{width:640px; z-index:2;  height:225px; float:left; margin-top:-200px; margin-bottom:-13px; margin-left:-13px; background:url('../images/wide-sheet-v2.png') 0px  -80px no-repeat;}
.paper-sheet img{margin-bottom:10px}
.image-left img{float:left; margin-right:10px; margin-top:62px; }
.rotated-button{width:86px; height:32px; margin:10px; line-height:27px; text-decoration:none; display:block; background:url('../images/narrow-sheet-v2.png') 0px  -36px no-repeat; color:#FFF; text-align:center}
.rotated-button:hover{background:url('../images/narrow-sheet-v2.png') -88px  -36px no-repeat;}
.pink-box .rotated-button{width:86px; height:32px; float:right; margin:0px 10px; line-height:27px; text-decoration:none; display:block; background:url('../images/narrow-sheet-v2.png') 0px  -2px no-repeat; color:#FFF; text-align:center}
.pink-box .rotated-button:hover{background:url('../images/narrow-sheet-v2.png') -88px  -2px no-repeat;}
.grid_8 .list-box.tips .copy{width:245px;}
.form-box{margin-top:20px}
.green-box.focus{color:#134300; line-height:25px; padding:15px 0px 15px 6px; font-size:14px;}

.list-box li{padding:6px;background:#f0e7ef}
.list-box li a{text-decoration:none}
.list-box li.even{padding:6px;background:#fff}
.list-box.tips .copy{width:237px; float:left}
.list-box li h1,.list-box li h2,.list-box li h3,.list-box li h4,.list-box li h5{margin:0px; font-size:14px; letter-spacing:0px; text-decoration:underline;}
.form-box h1,.form-box h2,.form-box h3,.form-box h4,.form-box h5{margin:5px 0px; color:#cf6283}
.list-box .icon.hair{width:51px; height:49px; float:right; background:url('../images/wide-sheet-v2.png') -306px  -305px;}
.even .icon.hair{width:51px; height:49px; float:right; background:url('../images/wide-sheet-v2.png') -306px  -405px;}
.list-box .icon.body{width:51px; height:49px; float:right; background:url('../images/wide-sheet-v2.png') -358px  -305px;}
.even .icon.body{width:51px; height:49px; float:right; background:url('../images/wide-sheet-v2.png') -358px  -405px;}
.list-box .icon.nails{width:51px; height:49px; float:right; background:url('../images/wide-sheet-v2.png') -462px  -305px;}
.even .icon.nails{width:51px; height:49px; float:right; background:url('../images/wide-sheet-v2.png') -462px  -405px;}
.list-box .icon.beauty{width:51px; height:49px; float:right; background:url('../images/wide-sheet-v2.png') -410px  -305px;}
.even .icon.beauty{width:51px; height:49px; float:right; background:url('../images/wide-sheet-v2.png') -410px  -405px;}
.list-box a:hover span{text-decoration:underline;}
.list-box li.body span.icon{background:url('../images/narrow-sheet-v2.png') left  -210px;}
.list-box li.nails span.icon{background:url('../images/narrow-sheet-v2.png') left  -210px;}
.list-box li.beauty span.icon{background:url('../images/narrow-sheet-v2.png') left  -210px;}
.copy {width: 288px;display:block;}
.list-tips {font-size:13px;color:#9B4962; text-decoration:underline;}

/* Article */
#article-image{border:solid 10px #F0E7EF;}

/* OFFERS PAGE */
/*--------------*/
#offers-add {float: right;font-size: 11px;width: 300px;}
.offers-nearby {width:160px;display:block;}
.nearby-deets {float: left; left: 188px; width: 320px; display:block; line-height:18px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
.offer-eg {font-size: 14px; font-weight: bold; width:425px;}
.offer-eg h2 {color:#6B89B1;-webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
.offer-bg:hover h2 {color:white;}
.small-add {font-size:10px;}
.offer-bg {-webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
.offer-bg:hover {background: rgb(155, 73, 98); background: rgba(155, 73, 98, 0.6); }

/* REGISTER PAGE */
/*--------------*/
.register p {height: 30px; width:500px;display:block;}
.register .label {width:160px;float:left;}
.register .login_input {width:180px;}
.register ul li {list-style-type: disc;list-style-position: inside;font-size:12px;line-height:18px;color:#4D4D4D;}

/*LOGIN PAGE */
/*--------------*/

#main-login-box {padding:10px;}


/* GUIDE */
/*--------------*/
.title-guide {background: url(/images/marketing-guide/guide-title-bg.png) repeat-x; width: 960px; height:150px;font-family: 'LobsterTwoRegular', arial, serif;font-size: 36px;}
.title-guide-text {font-size: 36px;text-shadow: 1px 1px 1px white;width: 560px;margin-left: auto;margin-right: auto;text-align: center;padding: 30px;}
h2.guide {font-family: 'LobsterTwoRegular', arial, serif;font-size: 24px; color:#EC008C; border:none; }
.square-ad-guide {background: url(/images/marketing-guide/square-ad-bg.png) no-repeat; width: 320px ; height: 290px; padding-top: 31px;padding-left: 11px;}
.pink-bg {background: url(/images/marketing-guide/pink-bg.jpg) repeat-x; width:940px; height: 70px;}
.grey-bg {background: url(/images/marketing-guide/grey-bg.jpg) repeat-x; width:940px; height: 70px;}
.guide-button {background: url(/images/marketing-guide/button-guide.png) repeat-x; height:39px;width: 120px;font-family: 'LobsterTwoRegular', arial, serif; font-size: 20px;
text-shadow: 1px 1px 1px white;padding: 5px;display: inline; border: 1px solid #C4C4C4;}
.guide-button:hover {text-shadow: 1px 1px 1px black; color:white;}

/* SIDEBAR  */
/*--------------*/
.share-sidebar {height: 75px;margin-bottom: 10px;}
.share-buttons {float:left;padding-left:10px;}
.share-buttons img:hover {zoom: 1;filter: alpha(opacity=50);opacity: 0.5;}

/* Recent Posts */

.mag {float: left; height: 250px; clear:both; width: 292px; margin-bottom: 10px; margin-right: 20px;}
.mag li {list-style: none outside none; margin-left: 5px; /*width: 90%;*/ display:block; clear:both; padding: 5px; height: 70px;}
.mag li img {width: 70px; float:left; margin: 0 1em 1em 0; }
.mag li .title  a {color: #9B4962; font-size: 16px; font-weight: 500; font-family: 'Lora',serif;   margin-bottom: 8px; padding-top:5px;}
.mag li:hover {background:rgba(155, 73, 98, 0.8); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.mag li:hover .title  a {color:white; }
h3.more { color: grey;    font-size: 22px;  padding: 10px;    text-align: center;}

/*  REGISTER  PAGE */
/*--------------*/
.step {margin-top: 20px;}
.step-img {float: left;margin: 13px;}
#send-salon {width: 400px; height:60px; font-size: 25px; margin:auto; font-family: 'Open Sans'; background: #36A9E1; border:none!important; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
#send-salon:hover {background-color: #58b8e6; width:410px;}


/* RESPONSIVE STUFF */
/*--------------*/


@media screen and (max-width: 960px) {
#footer .container, #sub-footer .container {width: 90%;margin: auto;}
#grs_gtr_left, #grs_gtr_right, #grs_crwn {display:none!important;}
body {padding-top:10px!important; background-image:none!important;}
.header_ads {margin-bottom:10px;}
}

@media screen and (max-width: 480px) {
#footer .container, #sub-footer .container {width: 90%;margin: auto;}
}