/*************************** 
File list:
	style.css
	jquery.fancybox.css
*****************************/
/*************************** 
File list:
    style.css
    jquery.fancybox.css
*****************************/
* {
    margin: 0;
    padding: 0;
}
body {
    font: normal 62.5%/1 Helvetica,Arial,sans-serif;
    color: #4f4e4e;
    background: #fff;
    height: 100%;
}
a {
    color: #036;
    border-bottom: 1px dotted #7d99b2;
    text-decoration: none;
}
a:hover {
    color: #000;
    border-bottom: 1px solid #000;
}
a img { border: 0 }
p,
li,
address,
dl {
    font-size: 1.2em;
    line-height: 170%;
}
li li,
li p { font-size: 1em }
p { margin: 0 0 1.5em }
ul,
ol { margin: 0 1.5em 1.5em 3.5em }
ul { list-style-type: disc }
ol { list-style-type: decimal }
dl { margin: 0 0 1.5em 0 }
dl dt {
    font-weight: bold;
    color: #036;
}
dl dd { margin: 0 0 1em 1.5em }
abbr,
acronym { border-bottom: 1px dotted #000 }
address {
    margin: 0 0 1.5em;
    font-style: normal;
}
del { color: #000 }
blockquote { margin: 1.5em }
strong { font-weight: bold }
em { font-style: italic }
pre,
code {
    margin: 1.5em 0;
    white-space: pre;
}
pre,
code,
tt {
    font: 1em monospace;
    line-height: 1.5;
}
tt {
    display: block;
    margin: 1.5em 0;
    line-height: 1.5;
}
span.amp {
    font-family: Baskerville,Palatino,"Book Antiqua",serif;
    font-style: italic;
    line-height: 1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    color: #036;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
h1 {
    font-size: 3em;
    line-height: 1;
    margin-bottom: 0.5em;
}
h2 {
    font-size: 1.9em;
    line-height: 130%;
    margin-bottom: 0.75em;
}
h3 {
    font-size: 1.7em;
    line-height: 130%;
    margin-bottom: 0.5em;
}
h4 {
    font-size: 1.35em;
    line-height: 1.25;
    margin-bottom: 0.9em;
}
h5 {
    font-size: 1em;
    margin-bottom: 1.5em;
}
h6 { font-size: 1em }
::-moz-selection {
    background-color: #069;
    color: #FFF;
}
::selection {
    background-color: #069;
    color: #FFF;
}
.hr {
    height: 0;
    border-top: 1px solid #c8c7c7;
    font-size: 0;
    margin: 20px 0;
    clear: both;
}
.hr.soft { border-top-color: #e5e5e5 }
.hr hr { display: none }
.container {
    width: 960px;
    margin: 0 auto;
}
#main {
    background: url("/img/bg/bg-fade.png") repeat-x;
    clear: both;
    padding-top: 30px;
}
#split { background: url("/img/bg/gray.gif") 715px 0 repeat-y }
#content {
    float: left;
    width: 690px;
}
#support {
    float: right;
    width: 220px;
}
.cols .col {
    width: 330px;
    float: left;
    margin-right: 30px;
}
.cols .last { margin-right: 0 }
#masthead ul {
    list-style: none;
    margin: 0;
    float: right;
    position: relative;
}
#masthead li {
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    margin-left: 25px;
    height: 95px;
    line-height: 95px;
    position: relative;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.salons #masthead li.salons,
.promos #masthead li.promos,
.products #masthead li.products,
.styletips #masthead li.styletips,
.kids #masthead li.kids,
.careers #masthead li.careers,
.franchising #masthead li.franchising {
    padding-bottom: 12px;
    background: url("/img/bg/nav-pointer.png") 50% 100% no-repeat;
    margin-bottom: -12px;
}
#masthead a {
    border: 0;
    float: left;
}
#logoimg {
    display: block;
    padding-top: 18px;
}
#footer {
    clear: both;
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 30px;
}
#footer a {
    color: #747171;
    border-bottom-color: #ccc;
}
#footer a:hover {
    color: #036;
    border-bottom: 1px solid #036;
}
#footer h4 a {
    color: #036;
    border: 0;
}
#footer .block {
    float: left;
    width: 300px;
    margin: 0 35px 10px 0;
}
#footer .last {
    width: 290px;
    margin-right: 0;
}
#footer .block ul {
    margin: 0;
    list-style: none;
}
#footer .block li {
    background: url("/img/bg/bullet.png") 0 50% no-repeat;
    padding-left: 10px;
}
#foot-corp li {
    float: left;
    width: 130px;
}
#foot-nav {
    clear: both;
    border-top: 1px solid #ccc;
    padding: 20px 0;
    text-align: right;
}
#foot-nav p {
    float: left;
    margin: 0;
    color: #ccc;
}
#footer .product-img {
    float: left;
    margin: 4px 10px 0 0;
}
#t-bone {
    border: 0;
    position: relative;
    top: 3px;
}
#support h2 {
    color: #069;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1em;
}
.s-nav {
    list-style: none;
    margin: 0 0 1.5em 0;
}
.s-nav li {
    font-size: 1.9em;
    font-weight: bold;
    padding-left: 13px;
    background: url("/img/bg/bullet-arrow.png") 0 50% no-repeat;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.s-nav a:hover {
    color: #069;
    border-bottom: 1px solid #069;
}
#support p,
#support address {
    font-size: 1.5em;
    color: #4f4e4e;
    font-weight: bold;
    line-height: 130%;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.home #main { padding-top: 0 }
#home-feature {
    background: url("/img/bg/home-feature.jpg");
    position: relative;
    top: -5px;
    height: 512px;
    margin-bottom: 20px;
}
#feature-area {
    position: absolute;
    top: 5px;
    left: 4px;
}
#feature-bar {
    float: right;
    width: 242px;
    height: 504px;
    position: relative;
    top: 5px;
    right: 2px;
}
#feature-bar .feature {
    float: right;
    width: 242px;
    height: 167px;
    margin-bottom: 2px;
    position: relative;
    overflow: hidden;
}
#feature-bar .feature:hover { background: rgba(0,0,0,0.2) }
#feature-bar img { position: relative }
#feature-bar .feature div {
    position: absolute;
    top: 85px;
    left: 20px;
}
#feature-bar .feature h2 {
    color: #069;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1em;
    text-shadow: 0px -1px 0 #000;
}
#feature-bar .feature h3 {
    color: #fff;
    font-size: 1.9em;
    text-shadow: 0px -1px 0 #000;
    margin-bottom: 0;
}
#feature-bar .feature h3 a {
    color: #fff;
    border: 0;
}
#feature-bar .feature p {
    color: #fff;
    text-shadow: 0px -1px 0 #000;
}
#home-panels .panel {
    float: left;
    width: 300px;
    margin: 0 35px 10px 0;
}
#home-panels .last {
    width: 290px;
    margin-right: 0;
}
#home-panels h2 { font-size: 1.9em }
#home-panels p {
    font-size: 1.1em;
    line-height: 110%;
}
#home-panels input {
    margin-right: 10px;
    width: 190px;
}
#home-panels #just-style {
    background: url("/img/bg/signup5dollars.png") 96% 0 no-repeat;
    padding-top: 3px;
    margin-top: -3px;
}
#connect a {
    display: block;
    float: left;
    height: 32px;
    border: 0;
    width: 100px;
    margin: 0 25px 11px 0;
    font-size: 1.2em;
    line-height: 128%;
}
#connect a span {
    color: #4F4E4E;
    border-bottom: 1px dotted #ccc;
}
#connect a:hover span {
    color: #036;
    border-bottom: 1px solid #036;
}
#connect img {
    float: left;
    margin-right: 10px;
}
.stores { overflow: hidden }
.stores ul {
    list-style: none;
    margin: 0 0 1.5em 0;
    background: url("/img/bg/store-list-dividers.png") 0 0;
    padding-top: 1px;
    position: relative;
    left: -1px;
}
.stores li {
    display: inline;
    float: left;
    font-size: 1.2em;
    height: 30px;
    margin: 0 0 0 1px;
}
.stores a {
    display: inline;
    float: left;
    border: 0;
    line-height: 29px;
    height: 29px;
    padding-left: 7px;
    width: 312px;
    color: #4f4e4e;
    font-weight: bold;
    background: #fff;
}
.stores a:hover {
    background: #edffff;
    border: 0;
    color: #4f4e4e;
}
.stores b { color: #c00 }
.stores i { font-weight: normal }
.storedetail .stores,
.salonlocator .stores { width: 640px }
#google-map { margin-bottom: 2em }
.trading {
    width: 100%;
    font-size: 1.2em;
    line-height: 130%;
    border: 0;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.trading caption { display: none }
.trading td,
.trading th {
    border-right: 1px solid #d4d4d4;
    text-align: center;
}
.trading tr.open td,
.trading tr.open th { padding-top: 10px }
.trading tr.close td,
.trading tr.close th { padding-bottom: 10px }
.trading th { border-right: 0 }
.trading tr.header th {
    border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    color: #666;
    font-weight: normal;
    padding: 10px 0;
    width: 90px;
}
.trading tr.header td { border-right: 0 }
.trading .last { border-right: 0 !important }
#directions-form { padding-bottom: 20px }
#directions-form .input {
    position: relative;
    float: left;
}
#directions-form .input input { width: 240px }
#directions-form .input label {
    position: absolute;
    bottom: -20px;
    font-size: 1.1em;
}
#directions-form img {
    float: left;
    vertical-align: middle;
    position: relative;
    top: -5px;
    margin: 0 10px;
}
#directions-form .btn {
    float: left;
    margin-left: 15px;
}
#directions {
    font-size: 1.2em;
    line-height: 130%;
}
.btn {
    background: url("/img/bg/buttons.png");
    height: 43px;
    display: inline-block;
    text-indent: -999em;
    overflow: hidden;
    border: 0;
    position: relative;
    top: -7px;
}
.btn:hover { border: 0 }
.btn:active {
    outline: 0;
    position: relative;
    top: -6px;
}
.btn-search {
    background-position: 0 0;
    width: 79px;
}
.btn-search:hover { background-position: -191px 0 }
.btn-enter {
    background-position: 0 -58px;
    width: 79px;
}
.btn-enter:hover { background-position: -191px -58px }
.btn-submit {
    background-position: 0 -119px;
    width: 79px;
}
.btn-submit:hover { background-position: -191px -119px }
.btn-apply {
    background-position: 0 -178px;
    width: 79px;
}
.btn-apply:hover { background-position: -191px -178px }
input,
select,
textarea {
    border: 1px solid #ccc;
    padding: 6px;
    font: bold 1.3em/1 "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #4f4e4e;
}
.inline-form { height: 43px }
.inline-form input { float: left }
.form { margin: 2.5em 0 2.5em 0 }
.form p {
    position: relative;
    font-size: 1em;
}
.form .feedback p { font-size: 1.2em }
.form p.question {
    font-size: 1.5em;
    font-weight: bold;
    margin: 1.5em 0 1em 0;
}
.form label {
    display: block;
    width: 150px;
    float: left;
    margin-right: 15px;
    font-weight: bold;
    line-height: 2.2em;
    font-size: 1.5em;
    text-align: right;
}
.form label i {
    display: block;
    font-size: 0.9em;
    font-weight: normal;
    font-style: normal;
    margin-top: 0.8em;
}
.form span.input {
    width: 400px;
    overflow: hidden;
    display: block;
}
.form input,
.form textarea {
    border: 1px solid #BDBDBD;
    width: 300px;
}
.form input.checkbox,
.form input.radio {
    width: auto;
    border: 0;
    margin-right: 10px;
}
.form select { width: 314px }
.form input:focus,
.form textarea:focus { border: 1px solid #036 }
.form textarea {
    width: 300px;
    height: 150px;
}
.form input.btn {
    width: auto;
    background: #F3F3F3;
}
.form input.error,
.form textarea.error,
.errorInput { border: 1px solid #DA0000 !important }
.form span.error {
    font-size: 1.1em;
    background: #DA0000;
    color: #FFF;
    padding: 5px 10px;
    position: absolute;
    top: 2px;
    left: 486px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: none;
}
.form .btn { margin-left: 105px }
.form .checklist {
    padding-left: 165px;
    margin-bottom: 2.5em;
}
.form .checklist .checkitem { display: block }
.form .checklist .checkitem input {
    width: auto;
    border: 0;
    margin-right: 10px;
}
.form .checklist label {
    font-size: 1.2em;
    font-weight: normal;
    float: none;
    width: auto;
    text-align: left;
    display: inline;
}
.form .disclaimer {
    padding-left: 165px;
    font-size: 1.1em;
    line-height: 120%;
}
#salon-locator {
    margin: 0 0 20px 0;
    text-align: center;
    height: 50px;
    padding-top: 5px;
}
#salon-locator label {
    font-weight: bold;
    color: #036;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.9em;
    line-height: 130%;
    margin-bottom: 0.75em;
    margin-right: 20px;
}
#salon-locator input {
    border: 1px solid #ccc;
    outline: 3px solid #4faed0;
    background: url("/img/bg/input-shadow.gif") repeat-x;
    padding: 8px;
    font-size: 1.6em;
    color: #036;
    font-style: italic;
    text-align: center;
    width: 150px;
    overflow: hidden;
}
#modal-locator,
#enews-holder {
    position: absolute;
    left: 50%;
    top: 95px;
    margin-left: -345px;
    display: none;
    z-index: 3000;
}
#modal-locator#store-locator-form,
#enews-holder #enews-form {
    background: #fff url("/img/bg/bg-fade.png") repeat-x;
    width: 640px;
    padding: 25px 25px 15px 25px;
    -moz-border-radius-bottomleft: 20px;
}
#store-locator-overlay,
.store-locator-overlay {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#map {
    width: 100%;
    height: 400px;
    background: #d4d4d4;
    margin: 0 0 2em 0;
}
.modal-close {
    position: absolute;
    top: -12px;
    right: -15px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    z-index: 181;
    background: url('/img/fancybox/fancy_closebox.png') no-repeat;
    text-indent: -999em;
    display: none;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='/img/fancybox/fancy_closebox.png');
}
.locator-switcher {
    float: right;
    font-size: 1.1em;
    margin: 15px 0 0 0;
}
.product-list {
    list-style: none;
    margin: 2.5em 0 0em 0;
}
.product-list li {
    margin: 0 40px 2em 0;
    padding-top: 20px;
    width: 500px;
    clear: both;
}
.product-list li.alt { margin-right: 0 }
.product-list li div {
    overflow: hidden;
    zoom: 1;
}
.product-list p { }
.product-list img {
    float: left;
    margin: 0 20px 20px 0;
}
.product-list p img {
    float: none;
    margin: 0;
}
.product-list li ul { margin-left: 25px }
.product-list li li {
    margin-bottom: 0;
    padding: 0;
    float: none;
    clear: none;
}
.data {
    width: 100%;
    border: 1px solid #036;
    border-collapse: collapse;
    margin: 0 0 1.5em;
}
.data td,
.data th {
    font-size: 1.2em;
    padding: 10px;
}
.data td { border: 1px solid #E5E5E5 }
.data th {
    text-align: left;
    font-size: 1.5em;
    background: #036;
    color: #fff;
}
.data td img {
    vertical-align: middle;
    margin-top: -2px;
}
.table-head {
    float: right;
    font-size: 1.1em;
    margin-top: -3.1em;
}
.paging {
    list-style: none;
    margin-left: 0;
}
.paging li {
    float: left;
    margin: 0 5px 0 0;
}
.paging a {
    float: left;
    padding: 2px 10px;
    text-align: center;
    border: 1px solid #ccc;
}
.paging .active a {
    color: #fff;
    background: #036;
    border: 1px solid #036;
}
.paging a:hover { border-color: #036 }
.lrg-text { font-size: 120% }
.sml-text { font-size: 90% }
.clear {
    clear: both;
    height: 0;
    overflow: hidden;
    position: relative;
}
.left { float: left }
.right { float: right }
img.left {
    margin: 0 2em 2em 0;
    border: 1px solid #ccc;
    padding: 1px;
}
img.right {
    margin: 0 0 2em 2em;
    border: 1px solid #ccc;
    padding: 1px;
}
.feedback { margin: 0 0 1.5em }
.feedback h3,
.feedback h4 {
    padding: 0.5em 0.5em 0.5em 2.25em;
    margin: 0 0 1em 0;
    font-size: 1.7em;
}
.feedback p { padding: 0 2.7em }
.feedback ul { padding: 0 2.7em }
.error {
    background: #FFF1F1;
    border-top: 1px solid #F8ACAC;
    border-bottom: 1px solid #F8ACAC;
}
.error h3,
.error h4 {
    border-bottom: 1px solid #F8ACAC;
    color: #8D3F3F;
    background: #FFD1D1 url("/img/icons/cross.gif") 0.9em 50% no-repeat;
}
.positive {
    background: #F0FFE8;
    border-top: 1px solid #C5F8AC;
    border-bottom: 1px solid #C5F8AC;
}
.positive h3 {
    border-bottom: 1px solid #C5F8AC;
    color: #468D3F;
    background: #E1FFD1 url("/img/icons/check.gif") 0.9em 50% no-repeat;
}
.neutral {
    background: #FFFCDF;
    border-top: 1px solid #DFD77D;
    border-bottom: 1px solid #DFD77D;
    color: #756B12;
}
.neutral h3 {
    border-bottom: 1px solid #DFD77D;
    color: #000;
    background: #FFF6A2 url("/img/icons/info.gif") 0.9em 50% no-repeat;
}
#content .external-link {
    background: url("/img/icons/external-link.png") 100% 50% no-repeat;
    padding-right: 15px;
}
#breadcrumbs {
    color: #069;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1em;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.breakout {
    background: #036 url("/img/bg/blockquote-corner.png") 0 100% no-repeat;
    color: #fff;
    margin: 2em 0;
}
.breakout img {
    float: right;
    margin: 0 0 0 20px;
}
.breakout p {
    margin-bottom: 0;
    font-size: 1.6em;
    text-align: right;
    padding: 30px 0 0 40px;
}
.breakout p a {
    color: #fff;
    padding: 3px 8px;
    margin: -3px;
    background: #069;
    border: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px 0 #036;
}
.breakout p a:hover {
    color: #069;
    background: #fff;
    text-shadow: none;
}
blockquote {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 2em 2em 0 2em;
    background: #fafafa;
}
blockquote p { font: italic 1.4em/150% "Georgia","Times New Roman",serif }
blockquote cite { font-weight: bold }
.important p,
.important address {
    font: bold 1.5em/140% "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #4f4e4e;
}
.standout {
    background: #f0f1f1;
    padding: 2.2em 3.2em 1em 3.2em;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}
.standout .icon {
    float: right;
    margin-top: -1em;
    border: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition-duration: all 0.3s linear;
}
.standout .icon:hover {
    -webkit-transform: rotate(3deg) scale(1.1);
    -moz-transform: rotate(3deg) scale(1.1);
}
.lineup {
    margin-bottom: -30px;
    overflow: hidden;
}
.lineup .item {
    float: left;
    width: 330px;
    margin: 0 30px 30px 0;
}
.lineup .item.alt { margin-right: 0 }
.lineup .item h4 {
    font-size: 1.2em;
    margin: 0.3em 0 0.5em 0;
}
.lineup .item p { line-height: 140% }
.lineup .item img {
    float: left;
    margin-right: 20px;
    border: 1px solid #ccc;
    padding: 1px;
}
.images {
    float: right;
    margin: 0 0 15px 25px;
}
.images a {
    border: 1px solid #ccc;
    padding: 3px;
    margin-bottom: 10px;
    display: block;
}
.images a:hover { border-color: #036 }
.images img { display: block }
.gallery { }
.gallery a {
    float: left;
    margin-left: 23px;
    border: 0;
    border: 1px solid #ccc;
    padding: 3px;
}
.gallery img { display: block }
.clearfix { display: inline-block }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clearfix { height: 1% }
.clearfix { display: block }
div#fancy_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 30;
}
div#fancy_loading {
    position: absolute;
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: none;
    overflow: hidden;
    background: transparent;
    z-index: 100;
}
div#fancy_loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background: transparent url('/img/fancybox/fancy_progress.png') no-repeat;
}
div#fancy_outer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}
div#fancy_inner {
    position: relative;
    width: 100%;
    height: 100%;
    background: #FFF;
}
div#fancy_content {
    margin: 0;
    z-index: 100;
    position: absolute;
}
div#fancy_div {
    background: #000;
    color: #FFF;
    height: 100%;
    width: 100%;
    z-index: 100;
}
img#fancy_img {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}
div#fancy_close {
    position: absolute;
    top: -12px;
    right: -15px;
    height: 30px;
    width: 30px;
    background: url('/img/fancybox/fancy_closebox.png') top left no-repeat;
    cursor: pointer;
    z-index: 181;
    display: none;
}
#fancy_frame {
    position: relative;
    width: 100%;
    height: 100%;
    display: none;
}
#fancy_ajax {
    width: 100%;
    height: 100%;
    overflow: auto;
}
a#fancy_left,
a#fancy_right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    z-index: 111;
    display: none;
    background-image: url("data:image/gif;base64,AAAA");
    outline: none;
    overflow: hidden;
    border: 0;
}
a#fancy_left { left: 0px }
a#fancy_right { right: 0px }
span.fancy_ico {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    z-index: 112;
    cursor: pointer;
    display: block;
}
span#fancy_left_ico {
    left: -9999px;
    background: transparent url('/img/fancybox/fancy_left.png') no-repeat;
}
span#fancy_right_ico {
    right: -9999px;
    background: transparent url('/img/fancybox/fancy_right.png') no-repeat;
}
a#fancy_left:hover,
a#fancy_right:hover {
    visibility: visible;
    background-color: transparent;
}
a#fancy_left:hover span { left: 20px }
a#fancy_right:hover span { right: 20px }
#fancy_bigIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}
div#fancy_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 70;
    border: 0;
    padding: 0;
    margin: 0;
}
div.fancy_bg {
    position: absolute;
    display: block;
    z-index: 70;
    border: 0;
    padding: 0;
    margin: 0;
}
div#fancy_bg_n {
    top: -18px;
    left: 0;
    width: 100%;
    height: 20px;
    background: transparent url('/img/fancybox/fancy_shadow_n.png') repeat-x;
}
div#fancy_bg_ne {
    top: -20px;
    right: -20px;
    width: 20px;
    height: 20px;
    background: transparent url('/img/fancybox/fancy_shadow_ne.png') no-repeat;
}
div#fancy_bg_e {
    right: -20px;
    height: 100%;
    width: 20px;
    background: transparent url('/img/fancybox/fancy_shadow_e.png') repeat-y;
}
div#fancy_bg_se {
    bottom: -20px;
    right: -20px;
    width: 20px;
    height: 20px;
    background: transparent url('/img/fancybox/fancy_shadow_se.png') no-repeat;
}
div#fancy_bg_s {
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    background: transparent url('/img/fancybox/fancy_shadow_s.png') repeat-x;
}
div#fancy_bg_sw {
    bottom: -20px;
    left: -13px;
    width: 20px;
    height: 20px;
    background: transparent url('/img/fancybox/fancy_shadow_sw.png') no-repeat;
}
div#fancy_bg_w {
    left: -13px;
    height: 100%;
    width: 20px;
    background: transparent url('/img/fancybox/fancy_shadow_w.png') repeat-y;
}
div#fancy_bg_nw {
    top: -18px;
    left: -13px;
    width: 20px;
    height: 20px;
    background: transparent url('/img/fancybox/fancy_shadow_nw.png') no-repeat;
}
div#fancy_title {
    position: absolute;
    z-index: 100;
    display: none;
}
div#fancy_title div {
    color: #FFF;
    font: bold 12px Arial;
    padding-bottom: 3px;
    white-space: nowrap;
}
div#fancy_title table { margin: 0 auto }
div#fancy_title table td {
    padding: 0;
    vertical-align: middle;
}
td#fancy_title_left {
    height: 32px;
    width: 15px;
    background: transparent url('/img/fancybox/fancy_title_left.png') repeat-x;
}
td#fancy_title_main {
    height: 32px;
    background: transparent url('/img/fancybox/fancy_title_main.png') repeat-x;
}
td#fancy_title_right {
    height: 32px;
    width: 15px;
    background: transparent url('/img/fancybox/fancy_title_right.png') repeat-x;
}