/* Global Classes */
* {padding: 0px; margin: 0px;}
.clear         {clear: both; height: 0px;}
.float-left    {float: left; margin-right: 10px; margin-bottom: 10px;}
.float-right   {float: right; margin-bottom: 10px; margin-left: 10px;}
.text-left     {text-align: left;}
.text-right    {text-align: right;}
.text-center   {text-align: center;}
.text-justify  {text-align: justify;}
.bold          {font-weight: bold;}
.italic        {font-style: italic;}
.underline     {border-bottom: 1px solid;}
.highlight     {background: #ffc;}
.img-left      {float: left; margin-right: 10px; margin-bottom: 10px;}
.img-right     {float: right; margin-bottom:10px; margin-left: 10px;}
.nobullet      {list-style: none; list-style-image: none;}
.error, .red {background:#FFEBE8 none repeat scroll 0%; border:1px solid #DD3C10; margin:0px 10px 10px; padding:10px; display: block;}
.correct, .green {background:#E6FCE6 none repeat scroll 0%; border:1px solid #84DB12; margin:0px 10px 10px; padding:10px; display: block;}
.info {background:#FBFCE6 none repeat scroll 0%; border:1px solid #D9B411; margin:0px 10px 10px; padding:10px; display: block;}
.required_fields {color:red;}
.error, .red li, .correct, .green li {color: #666;}
/* End Global Classes */

body.editor {background: #FFF;}

body.editor h1, body.editor h2, body.editor h3, body.editor h4, body.editor h5, body.editor h6, body.editor p, body.BaseFont h1, body.BaseFont h2, body.BaseFont h3, body.BaseFont h4, body.BaseFont h5, body.BaseFont h6, body.BaseFont p {color: #000;}

body {margin-top: 30px; background: url("../images/sce/body-bg.jpg") no-repeat #666 top left; font: 62.5% Arial;}

#container {width: 980px; margin: 10px auto;}

/* Header Styles */
#header {width: 980px; height: 70px; display: block;}

#header .logo {display: none;}

.top_links {width: 304px; float: right; font-size: 2.6em; margin: 10px 0 0 0;}

.top_links .art:hover, .top_links .make-up:hover, .top_links .contact:hover {color: #fff; background:#999;}
/* End Header Styles */

/* Footer Styles */
#footer ul {float: right; list-style: none; text-align: right; font-size: 1.2em; width: 500px; margin-top: 10px;}

#footer ul li {display: inline;}

#footer li {padding: 0px 8px 0px 2px; background: url("../images/sce/footer-link.gif") no-repeat center right;}

.copyright {float: left; width: 350px; color: #FFF; margin-top: 10px; margin-bottom: 10px;font-size:13px;}

.copyright a:hover {color: #FFF;}
/* End Footer Styles */

/* Contact Form Styles */
#contactform {font-size: 1.4em; margin-top: 10px; margin-bottom: 10px; padding: 15px 0px 0px 0px;}

.contact-art #contactform {background: url("../images/sce/contact-background-blue.gif") no-repeat left top; height:610px;}

.contact-makeup #contactform {background: url("../images/sce/contact-background-orange.gif") no-repeat left top; height:610px;}

.contact-home #contactform {background: url("../images/sce/contact-background-pink.gif") no-repeat left top; height:600px;}

#contactform input {height:15px; padding:5px;}

#contactform .indent {margin:10px 0px 10px 85px;}

#contactform .form_element {padding: 5px 10px 0px 0px; text-align:right; float: left; color: #BBB; width: 150px;}

#contactform .form_data {text-align:left; float: left;}

#contactform .separator {clear: both; font-size: 1px; height: 5px;}

#contactform input {width: 290px;}

#contactform textarea {width: 300px;}

#contactform .image {width:136px; height:37px; color: #FFF; font-size:18px; border: none;}

#contactform .image {background: url("../images/sce/contact-button-blue.gif") no-repeat left top;}

.contact-makeup #contactform .image {background: url("../images/sce/contact-button-orange.gif") no-repeat left top;}

.contact-home #contactform .image {background: url("../images/sce/contact-button-pink.gif") no-repeat left top;}

#contactform .image:hover {cursor: pointer;}

#contactform #ctl00_MainContent_ctl03_field11_0 {width: 18px;}

#contactform #label11 {margin-top: 5px;}

#contactform .indent {margin-left:160px;}
/* End Contact Form Styles */

#content {width: 664px; float: left; padding: 10px 20px 10px 0px; min-height: 400px;}

#content_right {float: left; width: 296px;}

#content ul, #content ol {margin-left: 15px; margin-top: 10px; margin-bottom: 10px;}

p, #content li {font-size: 1.4em; color: #FFF; margin-bottom: 10px;}

#content ul ul li {font-size: 1em; color: #FFF; margin: 0px 0px 5px 0px;}

table {margin-top: 10px; margin-bottom: 10px;}

h1 {font-size: 2.7em; font-weight: normal; color: #FFF; margin: 0px 0px 10px 0px;}

h2 {font-size: 2.4em; font-weight: normal; color: #FFF; margin: 5px 0px;}

h3 {font-size: 2.2em; font-weight: normal; color: #FFF; margin: 5px 0px;}

h4, h5, h6 {font-size: 2em; font-weight: normal; color: #FFF; margin: 5px 0px;}

/* Site Search Results */
.SiteSearch {font-size: 1.3em; color:#fff;}

.SiteSearch h2 {font-size: 2em;}
/* End Site Search Results */

/* Site Map Styles */
#site_map ul, #site_map ul ul {margin-top: 0px; margin-bottom: 10px; list-style: none;}

#site_map ul li, #site_map ul ul li {margin-top: 5px; margin-bottom: 0px;}

#site_map ul li a {font-size: 1.2em;}

#site_map ul li ul li a {color: #fd9500; font-size: 0.8em;}

#site_map ul li ul li a:hover {color: #777;}
/* End Site Map Styles */

/* News Manager Styles */
.VolNewsCategories .title, .VolNewsCategories .news_date {display: none;}

.VolNewsCategories .news_title {font-size: 1.8em; color: #8b001c; text-decoration: none;}

.VolNewsCategories .news_headline {font-size: 1.3em; margin-bottom: 10px;}

.VolNewsDetail {min-height: 300px;}

.VolNewsDetail .news_date, .VolNewsDetail .news_headlines {display: none;}

.VolNewsDetail .news_title {font-size: 2.7em; color: #fff; margin-bottom: 10px; display: block; width: 720px;}

.new_footer {margin-top: 20px; display:none;}

.new_footer a {font-size: 1.3em; color: #fff;}

.VolNewsSearch ul {list-style: none;}

.news_headline {color: #575757}

#content .VolNewsSearch li {margin-bottom: 10px;}

.VolNewsSearch .search-label {display: block; width: 80px; float: left;}

#ctl00_MainContent_ctl03_key_button, #ctl00_MainContent_ctl03_spsearch_button {
width: 58px;
color: #FFF;
border: 1px solid #1446B5;
background-color: #fd9500;
}

#ctl00_MainContent_ctl03_archive_list label {margin-right: 10px;}
/* End News Manager Styles */

#container2 {clear: both; display: block; width: 100%; height: 200px; background-color: #000; margin-top: 10px;}

.bottom_links {width: 980px; display: block; margin-left: auto; margin-right: auto;}

#content_right .search {
display: block;
width: 286px;
height: 38px;
padding-top: 12px;
padding-left: 10px;
background: url("../images/sce/search-bg.jpg") no-repeat top left;
}

#content_right .search label {
margin-right: 5px;
float: left;
color: #575757;
height: 20px;
font-size: 2em;
}

#content_right .search input {
float: left;
border: 1px solid #afafaf;
width: 162px;
height: 20px;
font-size:14px;
font-weight:bold;
color: #afafaf;
padding: 3px 0 0 3px;
}

.feature, .feature-art, .latest_news, .feature-makeup {background: url("../images/sce/banner-bg.jpg") repeat-y top left;}

.feature .title, .feature-art .title, .latest_news .title {
color: #afafaf;
font-size: 2em;
background: url("../images/sce/banner-top.jpg") no-repeat top left;
display: block;
width: 272px;
height: 20px;
padding-top: 10px;
padding-left: 24px;
margin-bottom: 10px;
}

.feature-art .title-member-art {
color: #fff;
font-size: 2em;
background: url("../images/sce/art-member-header.jpg") no-repeat top left;
display: block;
width: 272px;
height: 40px;
padding-top: 10px;
padding-left: 24px;
margin-bottom: 10px;
}

.member-button {
background: #009EE7;
color: #fff;
width: 247px;
font-size: 20px;
margin: 10px 0 0 24px;
height:35px;
text-align:center;
padding-top:5px;
font-weight:normal;
}

.member-button a:link, .member-button a:hover {color:#fff; text-decoration:none;}

.member-button:hover {color: #fff; background:#999;}

.feature-makeup .title-member-makeup {
color: #fff;
font-size: 2em;
background: url("../images/sce/makeup-member-header.jpg") no-repeat top left;
display: block;
width: 272px;
height: 40px;
padding-top: 10px;
padding-left: 24px;
margin-bottom: 10px;
}

.member-button-makeup {
background: #FF6600;
color: #fff;
width: 247px;
font-size: 20px;
margin: 10px 0 0 24px;
height:35px;
text-align:center;
padding-top:5px;
font-weight:normal;
}

.member-button-makeup a:link, .member-button-makeup a:hover {color:#fff; text-decoration:none;}

.member-button-makeup:hover {color: #fff; background:#999;}

.feature-makeup p {color: #575757; padding: 0 24px;}

.feature-makeup strong {color:#FF6600; font-weight:bold;}

.feature-art h6 {color:#009ee7; padding: 0 24px;}

.feature-art p {color: #575757; padding: 0 24px;}

.feature-art strong {color:#009ee7; font-weight:bold;}

.feature .bottom, .feature-art .bottom, .latest_news .bottom, .feature-makeup .bottom {
background: url("../images/sce/banner-bottom.jpg") no-repeat top left;
display: block;
width: 296px;
height: 30px;
}

.VolNewsLatest {padding-left: 24px; padding-right: 24px;}

.photoflow {margin:30px 0;}

.photoflow p {text-align:center; color:#999; font-size:18px; margin-top:10px;}

.feature-image-art img {margin: 10px 0; border: 1px solid #fff;}

.feature-image-art a {font-weight:bold; color:#afafaf; text-decoration:none;}

.feature-image-art a:hover {color:#fff;}

.feature-nav {border-bottom:1px solid #AFAFAF; padding-bottom:20px; margin-bottom:15px; width:675px;}

.masterclasses-button {
background: url("../images/sce/masterclasses-button.jpg") no-repeat top left;
display: block;
width: 247px;
height: 52px;
margin:15px 24px 0 24px;
text-align:center;
padding-top:5px;
}

.masterclasses-button a {color:#fff; font-weight:bold; font-size:16px;}

.masterclasses-button a:hover {color:#000;}

.top_links .art {
display: block;
width: 120px;
height: 37px;
float: left;
background-color: #009ee7;
margin-right: 44px;
padding-left: 10px;
padding-top: 4px;
text-decoration: none;
color: #FFF;
}

.top_links .make-up {
display: block;
width: 120px;
height: 37px;
float: left;
background-color: #ff6600;
padding-top: 4px;
padding-left: 10px;
text-decoration: none;
color: #FFF;
}

.footer {float: right; width: 305px; text-align: right; margin-top: 10px; margin-bottom: 10px;}

.footer a {color: #FFF;}

.footer a:hover {color: #999;}

.footer .art {color: #009ee7;}

.footer .make-up {color: #ff6600;}

.SiteSearch #ctl01_MainContent_VolSiteSearchResults_Control_message {color:#BBB;}

.SiteSearch a{color:#BBB;}

.SiteSearch_result_item {margin-bottom:10px;}

.vgm_product_info .label {float:left; font-size:12px; color:#575757; padding-top: 5px;}

.vgm_product_info .data {float:left; font-size:18px; color:#575757; margin-left:5px;}

.product-detail .vgm_sell_price .label {float:left; font-size:22px; color:#575757; margin:10px 0;}

.product-detail .vgm_sell_price .data {float:left; font-size:22px; color:#575757; margin-left:5px; margin:10px 0;}

.product-detail .vgm_product_price {margin:10px 0;}

.product-detail .vgm_product_data {font-size:12px;}

#ctl01_MainContent_product_add_add {
background: url("../images/sce/basket-button.gif") no-repeat top right;
width:119px;
height:25px;
color:#fff;
border:0;
font-size:14px;
font-weight:bold;
margin-top:10px;
}

#ctl01_MainContent_product_add_add_favorite {
background: url("../images/sce/basket-button-grey3.gif") no-repeat top right;
width:150px;
height:25px;
color:#fff;
border:0;
font-size:14px;
font-weight:bold;
margin-top:10px;
}

.product-detail .clear {margin:10px 0;}

.vgm_product_nav a {
background: url("../images/sce/basket-button.gif") no-repeat top right;
width:119px;
height:25px;
color:#fff;
border:0;
font-size:14px;
font-weight:bold;
margin:0 10px 0 0;
text-align:center;
text-decoration:none;
padding-top:5px;
display:block;
}

.vgm_product_info a {display:block;}

.postcard_manager {margin: 10px 0px;}

.postcard_manager .panel {float: left; width: 150px!important; margin: 0px 10px 10px 0px; text-align: center; color: #FFF; font-size: 1.3em;}

.postcard_manager .panel img {border: 2px solid #7d7d7d;}

.postcard_manager .panel img:hover {border: 2px solid #FFF;}

.videos {float: left; display: block; width: 200px; margin-right: 20px; margin-bottom: 10px;}

.videos h2 {font-size: 1.4em; font-weight: bold;}

.videos img {width: 150px; height: 150px; border: 2px solid #7d7d7d;}

.videos img:hover {border: 2px solid #FFF;}

.films {float: left; display: block; width: 664px; margin-bottom: 10px;}

.films img {width: 150px; height: 150px; border: 2px solid #7d7d7d; float: left; margin-right: 20px;}

.films img:hover {border: 2px solid #FFF;}

.films h2 {margin-top: 0px;}

/* Membership Area Styles */
.member_artists, .member_make_up {display: block; width: 654px; height: 137px; padding: 10px 0px 10px 10px; margin-bottom: 10px;}

.member_artists {background-color: #009ee7;}

.member_make_up {background-color: #ff6600;}

.member_artists a, .member_make_up a {
float: right;
display: block;
width: 260px;
padding: 5px;
color: #FFF;
background-color: #999;
text-align: center;
text-decoration: none;
font-weight: bold;
}

.member_artists a:hover {background-color: #FFF; color: #009ee7;}

.member_make_up a:hover {background-color: #FFF; color: #ff6600;}
/* End Membership Area Styles */

/* Membership Forms Styles */
.member_signup_artist #contactform {}

.member_signup_make_up #contactform {}

.gift_membership_make_up #contactform {background: url("../images/sce/contact-background-orange.gif") no-repeat left top; height:610px;}

.gift_membership_artist #contactform {background: url("../images/sce/contact-background-blue.gif") no-repeat left top; height:610px;}

.member_signup_make_up #contactform .image {background: url("../images/sce/contact-button-orange.gif") no-repeat left top;}

.member_signup_artist #contactform .image {background: url("../images/sce/contact-button-blue.gif") no-repeat left top;}

.gift_membership_make_up #contactform .indent input {background: url("../images/sce/contact-button-orange.gif") no-repeat left top; width:136px; height:37px; color: #FFF; font-size:18px; border: none;}

.gift_membership_artist #contactform .indent input {background: url("../images/sce/contact-button-blue.gif") no-repeat left top; width:136px; height:37px; color: #FFF; font-size:18px; border: none;}

.gift_membership_make_up #contactform .indent input:hover, .gift_membership_artist #contactform .indent input:hover {cursor: pointer;}

.gift_membership_make_up #contactform label, .gift_membership_artist #contactform label {padding: 5px 10px 0px 0px; text-align:right; float: left; color: #BBB; width: 150px;}

.gift_membership_make_up hr {background-color: #ff6600; border: none; height: 1px; margin: 10px 0px;}

.gift_membership_artist hr {background-color: #009ee7; border: none; height: 1px; margin: 10px 0px;}

.gift_membership_make_up h6, .gift_membership_artist h6 {margin-top: 0px; font-size: 1.4em;}
/* End Membership Forms Styles */

.gift_makeup_banner, .gift_artist_banner {float: right; display: block; width: 296px; margin: 0px 0px 10px 10px; background: url("../images/sce/banner-bg.jpg") repeat-y top left;}

.gift_makeup_banner h2 {background: url("../images/sce/banner-top.jpg") no-repeat top left; margin: 0px; padding: 10px; color: #ff6600;}

.gift_artist_banner h2 {background: url("../images/sce/banner-top.jpg") no-repeat top left; margin: 0px; padding: 10px; color: #009ee7;}

.gift_makeup_banner p, .gift_artist_banner p {color: #575757; padding: 0px 10px; line-height: 1.4em;}

.gift_makeup_banner .link, .gift_artist_banner .link {margin: 0px;}

.loginTable {width: 450px;}

.loginTable td {width: 120px;}

/*--Content Flow--*/

.ContentFlow .flow .item canvas.content{height:100%;width:100%}.ContentFlow .flow .item.active{cursor:pointer}.ContentFlow .flow .item .caption{font-size:100%;font-weight:700;text-align:center;color:#FFF;max-height:30%;bottom:10%;background:url(../images/sce/1x1_0.5_black.png);width:100%;position:absolute;display:none}* html .ContentFlow .flow .item .caption{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/sce/1x1_0.5_black.png')}.ContentFlow .scrollbar{width:50%;height:16px;background:url(../images/sce/scrollbar_white.png) left center repeat-x;overflow:visible;position:relative;z-index:1;visibility:hidden;margin:10px auto 0}.ContentFlow .scrollbar .slider{width:16px;height:16px;background:url(../images/sce/slider_white.png) center center no-repeat;cursor:move;position:absolute}* html .ContentFlow .scrollbar .slider{background-image:none}* html .ContentFlow .scrollbar .slider .virtualSlider{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/sce/slider_white.png');height:100%}.ContentFlow .scrollbar .slider .position{top:120%;font-size:16px;font-weight:700;color:silver;position:absolute;text-align:center}.ContentFlow .globalCaption{text-align:center;font-weight:700;color:#FFF;font-size:14px;height:20px;position:relative;z-index:1;margin:2em auto}.ContentFlow .loadIndicator{width:100%;height:100%;top:0;left:0;background:#000;position:absolute;z-index:65000}.ContentFlow .loadIndicator .indicator{background:url(../images/sce/loader.gif) center center no-repeat;width:100%;height:100%}* html .ContentFlow .loadIndicator .indicator{height:100px}.ContentFlow{position:relative;overflow:hidden}.ContentFlow *{margin:0;padding:0}.ContentFlow img{-ms-interpolation-mode:bicubic}.ContentFlow .mouseoverCheckElement{position:absolute;width:0;height:0;left:0;visibility:hidden}.ContentFlow:hover .mouseoverCheckElement{left:1px}.ContentFlow .flow{position:relative;z-index:0;visibility:hidden;width:100%; margin:0 auto}.ContentFlow .flow.hidden{visibility:hidden}.ContentFlow .flow .item{position:absolute;visibility:hidden;top:0;left:0}.ContentFlow .flow .item div.content{width:100%;height:100%}.ContentFlow .flow .item .label{display:none}.ContentFlow .flow .item canvas.reflection{margin-top:-1px}.ContentFlow .flow .item img.content,.ContentFlow .flow .item img.reflection,.ContentFlow .flow .item canvas.reflection{width:100%}.ContentFlow .flow .item .caption a,.ContentFlow .flow .item .caption a:link,.ContentFlow .flow .item .caption a:visited,.ContentFlow .flow .item .caption a:active,.ContentFlow .flow .item .caption a:hover,.ContentFlow .globalCaption .caption a,.ContentFlow .globalCaption .caption a:link,.ContentFlow .globalCaption .caption a:visited,.ContentFlow .globalCaption .caption a:active,.ContentFlow .globalCaption .caption a:hover{color:#FFF;font-size:0.8em;font-style:italic;text-decoration:none}.ContentFlow .flow .item .caption a:hover,.ContentFlow .globalCaption .caption a:hover{text-decoration:underline}.ContentFlow .flow .item .content,.ContentFlow .flow .item .reflection{display:block}

.ContentFlow {
}

    /* ----- styling of items ----- */
    .ContentFlow .flow .item.active {
        cursor: pointer;
    }
        .ContentFlow .flow .item .caption {
            font-size: 100%;
            font-weight: bold;
            text-align: center;
            color: white;
            max-height: 30%;
            bottom: 10%;
            background: url(../images/sce/1x1_0.5_black.png);
            width: 100%;
        }
        * html .ContentFlow .flow .item .caption {
            background-image: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/sce/1x1_0.5_black.png');
        }
            .ContentFlow .flow .item .caption a,
            .ContentFlow .flow .item .caption a:link,
            .ContentFlow .flow .item .caption a:visited,
            .ContentFlow .flow .item .caption a:active,
            .ContentFlow .flow .item .caption a:hover {
                text-decoration: none;
                color: white;
                font-style: italic;
                font-size: 0.8em;
            }
            .ContentFlow .flow .item .caption a:hover {
                text-decoration: underline;
            }
        .ContentFlow .flow .item.active .caption {
            /*display: block;*/ /* uncomment to show caption inside item */
        }

    /* ----- scrollbar ----- */
    .ContentFlow .scrollbar {
        width: 50%;
        margin: 0px auto;
        margin-top: 10px;
        height: 16px;
        background: url(../images/sce/scrollbar_white.png) left center repeat-x;
        position: relative;
    }

        .ContentFlow .scrollbar .slider {
            width: 16px;
            height: 16px;
            background: url(../images/sce/slider_white.png) center center no-repeat;
        }
        
        /* only for IE <= 6 and a alphatransparent slider image */
        * html .ContentFlow .scrollbar .slider {
            background-image: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='img/slider_white.png');
        }
            .ContentFlow .scrollbar .slider .position {
                top: 120%;
                font-size: 16px;
                font-weight: bold;
                color: silver
            }

    /* ----- global caption ----- */
    .ContentFlow .globalCaption {
        text-align: center;
        font-weight: bold;
        color: white;
        font-size: 14px;
        height: 20px;
        margin: 2em auto;
    }
        .ContentFlow .globalCaption .caption {
        }
            .ContentFlow .globalCaption .caption a,
            .ContentFlow .globalCaption .caption a:link,
            .ContentFlow .globalCaption .caption a:visited,
            .ContentFlow .globalCaption .caption a:active,
            .ContentFlow .globalCaption .caption a:hover {
                text-decoration: none;
                color: white;
                font-style: italic;
                font-size: 0.8em;
            }

            .ContentFlow .globalCaption .caption a:hover {
                text-decoration: underline;
            }

    /* ----- load indicator ----- */
    .ContentFlow .loadIndicator {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background: black;
    }
        .ContentFlow .loadIndicator .indicator {
            background: url(../images/sce/loader.gif) center center no-repeat;
            width: 100%;
            height: 100%;
        }
        * html .ContentFlow .loadIndicator .indicator {
            height: 100px;
        }