/* --------------------------------------------------------------------- */
/* Reset
/* --------------------------------------------------------------------- */
body, h1, h2, h3, h4, h5, h6, p, hr, pre, code, blockquote, form, fieldset, legend, ul, ol, li, table, caption, th, tr, td, thead, tbody, tfoot, div {
    line-height: 1;
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}


/* --------------------------------------------------------------------- */
/* Main
/* --------------------------------------------------------------------- */
body {
    font-size: 11px;
    background-color: #000000;
    color: #FFF;
    height: auto;
    width: auto;
    padding: 0px;
    background-image: url(/retail3/images/site/site_bg2.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}

body, input#text, textarea, select {
    font-family: Arial, sans-serif;   
}


/* --------------------------------------------------------------------- */
/* Containers
/* --------------------------------------------------------------------- */
#page_container {
    width: 883px;
    _width: 1300px;
    margin: 0 auto;
    height: auto;
    min-height: 1100px; 
}

#page {
    margin: 0px 0px 0px 0px;
    width: 738px;
    float: right;
}

#content_holder {
    width: 741px;
    background-color: #E6E6E6;
    padding: 4px 0px 6px 0px;
}
 
#content_holder #content {
    margin: 0px 6px 0px 6px;
    background-color: #000;
    min-height: 296px; 
}
 
#content_holder #content_white {
    margin: 0px 6px 0px 6px;
    background-color: #FFF;
    color: #333;
    min-height: 296px; 
}

#page_title {
    font-size: 36px;
    padding: 10px 0px 10px 15px;
    font-weight: bold;
    color: #FFF; 
}

#content_white #page_title {
    font-size: 36px;
    padding: 10px 0px 10px 15px;
    font-weight: bold;
    color: #333; 
}


/* --------------------------------------------------------------------- */
/* Links
/* --------------------------------------------------------------------- */
a, a strong {
    text-decoration: none;
    color: #000000;
}

a:link, a:visited, a:active  {
    color: #000000;
} 

a:hover {
    text-decoration: underline;
    color: #0096ff;
}

#preview{
    position:absolute;
    border:1px solid #ccc;
    background:#FFF;
    display:none;
    color:#fff;
}

#sub_nav {
    margin: 0px 10px 0px 15px;
    width: 700px;
    border-bottom: 1px dashed #FFF;
    padding: 0px 0px 10px 0px;
}

#sub_nav a, #sub_nav a:link, #sub_nav a:visited, #sub_nav a:active {
    color: #FFF;
}

#content_white #sub_nav {
    margin: 0px 10px 0px 15px;
    width: 700px;
    border-bottom: 1px dashed #000;
    padding: 0px 0px 10px 0px;
    color: #000;
}

#content_white #sub_nav a, #content_white #sub_nav a:link, #content_white #sub_nav a:visited, #content_white #sub_nav a:active {
    color: #000;
}

#tab_links {
    z-index: 998;
    margin: 30px -35px 0px 0px;
}

#tab_links .tab {
    z-index: 998;
    padding: 0px 0px 2px 0px;
}

#tab_links .tab img {
    z-index: 998;
    padding: 0px 0px 2px 0px;
}

.more_link a, .more_link a:link, .more_link a:visited, .more_link a:active {
    text-decoration: none;
    color: #ff0000;
    padding: 0px 0px 0px 20px;   
}

.more_link a:hover {
    text-decoration: underline; 
}


/* --------------------------------------------------------------------- */
/* Inputs
/* --------------------------------------------------------------------- */
.short {
    width: 40px; 
}

.w35 {
    width: 35px; 
}

.w60 {
    width: 60px; 
}

.w80 {
    width: 80px; 
}

.w128 {
    width: 128px; 
}

.w200 {
    width: 200px; 
}

.medium {
    width: 100px;     
}

.long {
    width: 140px;     
}

.ruler {
    padding: 20px 0px 20px 0px;
}

.ruler_thin {
    padding: 10px 0px 10px 0px;
}

.mono {
    font-size: 11px;
    font-family: monospace;
}

.form .s100 {
    width: 100%;
    font-size: 11px;
} 

.form .s50 {
    width: 48%;
    font-size: 11px;
} 

.form .s40 {
    width: 40%;
    font-size: 11px;
}

.input_blur {
    color:#999999;
}

.required {
    color: #FF0000;
} 


/* --------------------------------------------------------------------- */
/* Texts
/* --------------------------------------------------------------------- */
#justify {
    padding: 10px 10px 10px 10px;
    text-align: justify;
    line-height: 1;
}

#justify ul {
    padding: 0px 10px 10px 10px;
    line-height: 1;
}

#justify ul li {
    padding: 6px;
    line-height: 1;
}

#justify table {
    width: 600px;
    margin: 0px auto;
}

.valid {
    width: 600px;
    margin: 0px auto;
}

.invalid {
    background-color: #FFC1C1;
}

/* --------------------------------------------------------------------- */
/* Alignments
/* --------------------------------------------------------------------- */
#right  {
    text-align: right;
}

.right  {
    text-align: right;
}

.left  {
    text-align: left;
}

.align_right {
    text-align: right;
}

.align_left {
    text-align: left;
}

#center {
    text-align: center;
    vertical-align: middle;
}

.center {
    text-align: center;
    vertical-align: middle;
}

#indent_left {
    padding-left: 10px;
}

#indent_right {
    padding-right: 10px;
}

#top {
    vertical-align: top;
}

.right_section {
    float: right;
}

.clear {
    display: block;
    clear: both;
}

.clear_right {
    display: block;
    clear: right;
}


/* --------------------------------------------------------------------- */
/* Floats
/* --------------------------------------------------------------------- */
#float_right {
    float: right;
    display: inline;
    margin: 10px 6px 10px 20px;
}

#float_left {
    float: left;
    display: inline;
    margin: 10px 20px 10px 6px;
}

#float_fix {
    display: block;
    clear: both;
}

.float_right {
    float: right;
    display: inline;
    margin: 0px;
    padding: 0px;
}

.float_left {
    float: left;
    display: inline;
    margin: 0px;
    padding: 0px;
}

.float_fix {
    display: block;
    clear: both;
}

/* --------------------------------------------------------------------- */
/* Displays
/* --------------------------------------------------------------------- */
.hidden {
    display: none;
}

.shown {
    display: block;
}

.black {
    background-color: #000000;
    color: #FFFFFF;   
}

.white {
    background-color: #FFFFFF;    
}

.red {
    color: #ff0000;
}

.grey {
    background-color: #CCCCCC; 
}

.odd {
    background-color: #EEEEEE; 
}

#grey_bar {
    background-image: url(/retail3/images/stories/bar.jpg);
    background-position: middle center;
    background-repeat: repeat-x;
    width: 430px;
    height: 1px;
    margin: 10px 0px 0px 15px;
    padding: 0px 0px 10px 0px;     
}



/* --------------------------------------------------------------------- */
/* Messages
/* --------------------------------------------------------------------- */
.info, .warning, .success, .error, .note {
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 1px solid #999999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 10px 0px 20px 15px;
    padding: 12px 4px 12px 45px;
    text-align: left;
    vertical-align: middle;
    width: 460px;
}

.error {
    background-color: #FFC1C1;
    background-image: url(/images/messages/error.png);
    border-color: #EA8D8D;
    color: #CC1111;
}

.error ul {
    padding: 10px 0px 0px 30px;
}

.success {
    background-color: #d4f1cf;
    background-image: url(/images/messages/success.png);
    border-color: #147003;
    color: #147003;
}

.info {
    background-color: #c3d6ff;
    background-image: url(/images/messages/info.png);
    border-color: #0004b9;
    color: #0004b9;
}

.note {
    background-color: #ffc993;
    background-image: url(/images/messages/note.png);
    border-color: #ff8000;
    color: #000000;
}

.warning {
    background-color: #ddc863;
    background-image: url(/images/messages/warn.png);
    border-color: #9f8306;
    color: #000000;
}





/* --------------------------------------------------------------------- */
/* Fieldsets
/* --------------------------------------------------------------------- */
fieldset {
    padding: 0px 20px 0px 20px;
    border: 1px solid #d6d5d9;
    margin: 10px 0px 10px 0px;
    width: auto;
    background-color: #FFFFFF;
}

legend {
    padding: 5px 10px 5px 10px;
    color: #324C8C;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    border: 1px solid #d6d5d9;
    border-bottom: 0px solid #d6d5d9;
    background-color: #FFFFFF;
}

.horizontal table {
    margin: 20px 0px 20px 0px;
    width: 100%;
}

.horizontal table th {
    padding: 4px 20px 8px 20px;
}

.horizontal table td {
    padding: 8px 0px 8px 0px;
}

.vertical table {
    margin: 20px 0px 20px 0px;
    width: 100%;
}

.vertical table th {
    padding: 8px 10px 8px 10px;
    width: 120px;
    text-align: right;
}

.vertical table td {
    padding: 8px 0px 8px 0px;
}



/* --------------------------------------------------------------------- */
/* Colorbox
/* --------------------------------------------------------------------- */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#202020;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(/retail3/images/site/box/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(/retail3/images/site/box/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(/retail3/images/site/box/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(/retail3/images/site/box/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(/retail3/images/site/box/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(/retail3/images/site/box/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(/retail3/images/site/box/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(/retail3/images/site/box/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(/retail3/images/site/box/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/retail3/images/site/box/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/retail3/images/site/box/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}