* { margin: 0; padding: 0; }

/*-- WILDFLOWER OVERRIDES --*/
.contact_form fieldset{
    margin: 0;
    padding: 0;
    border: 0;
}
.contact_form fieldset legend{
    visibility: hidden;        
}
.contact_form div.submit {
    margin: 20px 0 0 170px;
}
input.button {
    border-bottom:solid 1px #990000;
    border-right:solid 1px #990000;
    border-top:solid 1px #f1b2b2;
    border-left:solid 1px #f1b2b2;
    background-color:#a32143;
    background:#a32143;
    padding: 4px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
ul,ol li { font-size: 12px; line-height: 17px; color: #000000; padding: 5px 0 3px 0; margin: 0 0 0 15px; }
ul,ol { margin-top: 0px; margin-bottom: 8px; margin: 0; margin-left: 15px; padding: 0; }
a { text-decoration: underline; color: #0a4e8b; outline: none; }
a:hover { text-decoration: none; color: #0a4e8b; background-color: transparent;}

/*-- SASSABLE STYLES --*/
#pagecontainer { float: left; width: 100%; text-align: center; }
#content { margin: 0 auto; width: 1000px; text-align: left; }
.content { margin: 0 auto; width: 1000px; text-align: left; }
#content_bg { float: left; width: 1000px; margin: 0; padding: 0; }

#top { float: left; width: 1000px; height: 125px; background: url(/themed/sassable.com/img/bg_header.jpg) no-repeat top left; margin: 10px 0 0 0; }
#top_left { float: left; width: 400px; height: 125px; }
#logo { float: left; width: 300px; height: 80px; margin: 20px 0 0 40px; }
#logo a { width: 300px; height: 80px; display: block; }
#top_right { float: left; width: 600px; height: 125px; }
#search { float: right; width: 225px; height: 32px; margin: 0 40px 0 0; padding: 9px 0 0 25px; background: url(/themed/sassable.com/img/bg_search.gif) no-repeat top left; color: #3b7ab0; font-weight: bold; }
#navs { float: left; width: 955px; height: 40px; background: url(/themed/sassable.com/img/bg_navs.gif) repeat-x top left; padding: 0 0 0 45px; }
#copy { float: left; width: 1000px; background: url(/themed/sassable.com/img/bg_copy.jpg) no-repeat top right; padding: 25px 0 25px 0; }
#copy_left { float: left; width: 220px; }
#copy_center { float: left; width: 540px; padding: 0 20px 0 20px; }
#copy_left_center { float: left; width: 760px; padding: 0 20px 0 20px; }
#copy_right { float: left; width: 160px; padding: 0 20px 0 20px; text-align:center;}

/* these should be class not id but leave as both */
#copy_left_box { float: left; width: 180px; padding: 10px 20px 15px 20px; }
#copy_left_box p { font-size: 12px; line-height: 17px; }
#copy_left_header { float: left; width: 180px; background: #a32143; font-size: 17px; color: #fff; padding: 5px 20px 5px 20px; }
#copy_left_list { float: left; width: 220px; padding: 15px 0 10px 0; }

.copy_left_box { float: left; width: 180px; padding: 10px 20px 15px 20px; }
.copy_left_box p { font-size: 12px; line-height: 15px; }
.copy_left_box img.linkup { border: 0; vertical-align: middle; padding-right: 15px; }
.copy_left_header2 { float: left; width: 180px; background: #a32143; font-size: 17px; color: #fff; padding: 5px 20px 5px 20px; }
.copy_left_header { float: left; width: 180px; background: url(/themed/sassable.com/img/box_bg.jpg) no-repeat; font-size: 17px; color: #1e6ba6; padding: 5px 20px 5px 20px; white-space:nowrap; overflow: hidden;}
.copy_left_list { float: left; width: 220px; padding: 15px 0 10px 0; }

.copy_left_center { float: left; width: 180px; padding: 10px 20px 25px 20px; }
.copy_left_center p, .copy_left_center h2 { text-align: center; }

#promo { float: left; width: 540px; padding: 10px 0 0 0; margin: 0;}
#promo { float: left; width: 540px; padding: 10px 0 0 0; margin: 0;}
#promo_left { float: left; width: 252px; margin: 0;}
#promo_right { float: left; width: 263px; padding: 10px 0 0 25px; margin: 0;}
#promo_right h1 { font-size: 40px; line-height: 110%; color: #a32143; font-weight: bold; margin: 6px 0 2px 0; padding: 0;}
#promo_right h1.span { font-size: 20px; color: #000; }
#promo p.small { font-size: 10px; font-weight: bold; padding: 0 0 7px 0; margin: 0; }

.tiles { float: left; width: 540px; border-top: 1px #bfbfbf dotted; border-bottom: 1px #bfbfbf dotted; padding: 20px 0 20px 0; margin: 20px 0 20px 0; }
.tile { float: left; width: 165px; padding: 0 15px 0 0; }
.tile p { font-size: 12px; line-height: 17px; }
.tile img { margin: 0 12px 0 0; }

.posts { float: left; width: 540px; }
.post { float: left; width: 540px; border-bottom: 1px #bfbfbf dotted; padding: 0 0 5px 0; margin: 0 0 5px 0; }
.post_left { float: left; width: 370px; padding: 0 20px 0 0; }
.post_right { float: left; width: 150px; }
.posts h1 { color: #a32143; font-size: 24px; font-weight: bold; padding: 0; margin: 0; }
.post p.small { font-size: 11px; font-weight: bold; padding: 0 0 5px 0; margin: 0; }
.post p.external, .post p.readmore { padding: 5px 0 0 20px; background: url(/themed/sassable.com/img/arrow.gif) no-repeat 8px 13px; }
.post img { height: 80px; float: right; padding-right: 20px; }

.entry { float: left; width: 540px; border-bottom: 1px #bfbfbf dotted; padding: 0 0 5px 0; margin: 0 0 5px 0; }
.entry p.small { font-size: 11px; font-weight: bold; padding: 0 0 5px 0; margin: 0; }
.entry p.external, .post p.readmore { padding: 5px 0 0 20px; background: url(/themed/sassable.com/img/arrow.gif) no-repeat 8px 13px; }
img.blog_img_bak { position: relative; margin: 4px; height: 80px; float: right; padding-right: 20px; z-index: 0; }
img.blog_img { position: relative; margin: 0; height: 80px; }
div.blog_img_div { position: relative; margin: 4px; height: 88px; float: right; padding-left: 20px; z-index: 0; }
div.blog_img_right { position: relative; margin: 4px; height: 88px; float: right; padding-left: 20px; z-index: 0; }
div.blog_img_left { position: relative; margin: 4px; height: 88px; float: left; padding-right: 20px; z-index: 0; }
.abs_img { /*CSS for enlarged image*/
    position: fixed;
    z-index: 50;
    background-color: transparent;
    padding: 5px;
    left: 0px;
    top: 0px;
    margin: auto;
    border: 1px dashed gray;
}

#copy_right h2 { clear: both; border-bottom: 1px #bfbfbf dotted; padding: 0 0 6px 0; }
#copy_right img { margin: 10px 0 0 0; }
.post img { height: 80px; float: right; padding-right: 20px; }

#copy_right h2 { clear: both; border-bottom: 1px #bfbfbf dotted; padding: 0 0 6px 0; }
#copy_right img { margin: 10px 0 0 0; }
#copy_right p { padding: 12px 0 0 0; margin: 0; }
#copy_right p.small { font-size: 11px; line-height: 14px; padding: 3px 0 0 0; }

.navigation a { color: #fff; text-decoration: none; padding-left: 12px; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.navigation a span { padding-right: 12px; padding-top: 12px; padding-bottom: 11px; } 
.navigation a, .navigation a span { display: block; float: left; cursor: hand; }
/* Hide from IE5-Mac \*/ .navigation a, .navigation a span { float: none } /* End hide */
.navigation a:hover { background-color: #fff; color: #0b5a9c; padding-left: 12px; }
.navigation a:hover span { padding-right: 12px }
.navigation ul { list-style: none; padding: 0; margin: 0; }
.navigation li { float: left; margin: 0; padding: 0; } 
.navigation li.current a:first { display: block; float: left; }
.navigation li.current a:first { color: #a32143; background: #fff; text-decoration: none; padding-left: 12px; font-size: 14px; font-weight: bold; }
.navigation li.current a:hover { color: #0b5a9c; }
.navigation li.current a:first span { display: block; float: left; padding-right: 12px; padding-top: 12px; }

.navigation ul.level-2 a span { padding-right: 2px; padding-top: 2px; padding-bottom: 1px; } 
.navigation ul.level-3 a { text-transform: none; width: 260px; }
.navigation ul.level-3 a span { padding-right: 2px; padding-top: 2px; padding-bottom: 1px; } 

.table_style th { background: #a32143; color: #fff; font-weight: bold; padding: 8px 10px 9px 10px; font-size: 12px; }
.odd { padding: 6px 10px 6px 10px; background: #f7fdff; }
.even { padding: 6px 10px 6px 10px; background: #eaf6fc; }
.tclass { width: 540px; color: #c3c3c3; font-size: 12px; }
.tclass td { border-bottom: 1px dotted #cfcfcf; padding: 15px 0 14px 0; }
.tclass td.clear { border-bottom: none; padding: 15px 0 14px 0; }


/*------------- FOOTER --------------*/

#pagecontainer_footer { float: left; width: 100%; text-align: center; padding: 0 0 50px 0; }
#footer { float: left; width: 1000px; padding: 2px 0 0 0; margin: 5px 0 0 0; border-top: 1px #bfbfbf solid; } 
#footer_left { float: left; width: 475px; padding: 0 0 0 2px; }
#footer_right { float: right; width: 475px; padding: 0 2px 0 0; text-align: right; }
#footer p { color: #a6a6a6; font-size: 11px; padding: 0; margin: 0; }
#footer a { color: #666; font-weight: normal; text-decoration: none; }
#footer a:hover { text-decoration: none; color: #a32143; }


/*------------- GLOBAL SELECTORS --------------*/

body { text-align: center; margin: 0; padding: 0; border:0; color: #000000; font-family: Tahoma, Verdana, Sans-serif; font-size: 12px; background-color: #fff; line-height: 17px; }

h1.header { color: #0a4e8b; font-size: 40px; font-weight: normal; padding: 0; margin: 0; }
h1 { color: #a32143; font-size: 24px; font-weight: normal; padding: 7px 0 5px 0; margin: 0; line-height: 150%; }
h2 { color: #a32143; font-size: 18px; font-weight: normal; padding: 5px 0 0 0; margin: 10px 0 4px 0; line-height: 150%; }

p { font-size: 12px; line-height: 17px; color: #000000; padding: 5px 0 3px 0; margin: 0; }
a { text-decoration: none; color: #a32143; outline: none; font-weight: bold; }
a:hover { text-decoration: underline; color: #a32143; font-weight: bold; }
.clear { clear: both; }
.gap10px { margin: 10px 0 0 10px; }

ul { list-style: disk; }
ul li { margin-left: 15px; }
/*
ul { list-style: none; margin-top: 0px; margin-bottom: 8px; margin: 0; margin-left: 5px; padding: 0; }
ul li { text-indent:0px; }

/*------------- FORM ELEMENTS --------------*/

form { margin:0; padding:0; display:block; }
input, select, textarea, option { padding: 2px 3px 2px 3px; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#1F1F1F; font-weight:normal; }
.tclass input, .tclass select, .tclass textarea, .tclass option { padding: 4px 6px 4px 6px; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size: 15px; color:#000; font-weight:normal; background-color : #f5fafd; border: 1px solid #8dc5d9; }
input.btn { background: none; border: none; }

/*------------- SUBNAVIGATION --------------*/

ul.subMenu { width: 220px; font-size: 12px; margin: 0; padding: 0 0 10px 0; }
ul.subMenu li { margin: 0; padding: 0 0 4px 0; display: block; list-style-type: none; height: 20px; border-bottom: 1px #adb4bb dotted; }
ul.subMenu a:link, ul.subMenu a:visited { display:block; padding: 4px 0 3px 22px; color: #000; text-decoration:none; background: url(/themed/sassable.com/img/arrow.gif) no-repeat 8px 9px; font-weight: normal; }
ul.subMenu a:active, ul.subMenu a:hover { padding: 4px 0 3px 22px; color: #a32143; text-decoration:none; background: url(/themed/sassable.com/img/arrow.gif) no-repeat 8px 9px; font-weight: bold; }
ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { padding: 4px 0 3px 22px; color: #a32143; text-decoration:none; background: url(/themed/sassable.com/img/arrow.gif) no-repeat 8px 9px; font-weight: bold; }
ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { font-weight: bold; }

#articleMenu { width: 220px; font-size: 11px; margin: 0; padding: 0 0 10px 0; white-space:nowrap; overflow: hidden;}
#articleMenu li { margin: 0; padding: 0 0 4px 0; display: block; list-style-type: none; height: 20px; border-bottom: 1px #adb4bb dotted; }
#articleMenu a:link, #articleMenu a:visited { display:block; padding: 4px 0 3px 22px; color: #000; text-decoration:none; background: url(/themed/sassable.com/img/arrow.gif) no-repeat 8px 9px; font-weight: normal; }
#articleMenu a:active, #articleMenu a:hover { padding: 4px 0 3px 22px; color: #a32143; text-decoration:none; background: url(/themed/sassable.com/img/arrow.gif) no-repeat 8px 9px; font-weight: bold; }
#articleMenu li.current a:link, #articleMenu li.current a:visited { padding: 4px 0 3px 22px; color: #a32143; text-decoration:none; background: url(/themed/sassable.com/img/arrow.gif) no-repeat 8px 9px; font-weight: bold; }

ul.arrows { font-size: 12px; margin: 0; padding: 0 0 10px 0; }
ul.arrows li { margin: 0; text-indent: 18px; padding: 12px 0 12px 0; display: block; list-style-type: none; height: auto; border-bottom: 1px #adb4bb dotted; color: #000; text-decoration:none; background: url(/themed/sassable.com/img/arrow.gif) no-repeat 2px 18px; font-weight: normal; text-align:left; }
ul.subNav { font-size: 12px; margin: 0; padding: 10px 0 10px 0; }
ul.subNav li { margin: 0; text-indent: 18px; padding: 4px 0 4px 0; display: block; list-style-type: none; height: auto; border-bottom: 1px #adb4bb dotted; color: #000; text-decoration:none; background: url(/themed/sassable.com/img/arrow.gif) no-repeat 2px 10px; font-weight: normal; text-align:left; }

a:link.linkup, a:visited.linkup { color: #1e6ba6; }
a:hover.linkup, a:active.linkup { font-weight: bold; }

img.salon_photo { border: 1px #000000 solid; margin: 25px 0 15px 0; max-width: 400px; max-height: 400px;}
  .centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }
#salon_map { } /*border: 1px #a32143 solid; } */

.listing { margin-top: 8px; }
.listing h4 { font-size: 16px; line-height: 24px; }

form.default fieldset { border: 0; border-bottom: 1px #bfbfbf dotted; padding: 0 0 10px 0; margin: 0; }
form.default input.button, form.default a.button, button.button, a.button, input.button {
border-bottom-left-radius: 0.4em 0.4em;
border-bottom-right-radius: 0.4em 0.4em;
border-top-left-radius: 0.4em 0.4em;
border-top-right-radius: 0.4em 0.4em;
    border-bottom:solid 1px #990000;
    border-right:solid 1px #990000;
    border-top:solid 1px #f1b2b2;
    border-left:solid 1px #f1b2b2;
    background:#a32143;
    text-decoration: none;
    color: #fff;
    padding: 4px 8px 4px 8px;
}
.buttonset { float:left; }
.buttonset button { float: left; }
.buttonset-single button,
.buttonset-multi button { margin-right: -1px;}

.sass-toolbar { padding: .5em; margin: 0;  }
.sass-toolbar .sass-buttonset { margin-right:1.5em; padding-left: 1px; }
.sass-toolbar .sass-button { font-size: 1em;  }

button.button-secondary {
    background:#e36183;
}
form.default input.button-secondary, form.default a.button-secondary {
    background:#e36183;
    margin-left: 8px;
}
form.default input.button:hover, form.default input.button:focus, form.default a.button:hover, form.default a.button:active {
    background: #fff;
    color: #a32143;
}
form.default a.button {
    margin-left: 0;
}

.TagDetails {
    border: 0;
}
.TagDetailsHide {
    display: none;
}
.TagDetailsShow {
    display: block;
}

.comments-list {
 list-style: none; margin-top: 8px; margin-bottom: 8px; margin: 0; margin-left: 0; padding: 0;
}
.comments-list li {
text-indent:0px;
    background: #eee;
    color: #000;
    padding: 3px;
    margin: 4px 0 4px 0;
}
.comments-list li p {
    padding: 0;
    margin: 0 0 4px 0;
}
.comment-metadata {
    color: #666;
    font-size: 75%;
}

a img {
    border: 0;
}

span.verified-date {
    color: #666;
    font-size: 75%;
}

.breadcrumbs { color: #a6a6a6; font-size: 11px; padding: 0; margin: 0; }