/* IMPORT CSS FILES
------------------------------------------------------- */



/* LIGHTBOX
------------------------------------------------------- */
#lightbox{
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
    }
#lightbox a img{ border: none; }
#outerImageContainer{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    }
#imageContainer{
    padding: 10px;
    }
#loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    }
#hoverNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
    width: 49%;
    height: 100%;
    background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
    }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabelTDG3.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabelTDG3.gif) right 15% no-repeat; }

#imageDataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    }
#imageData{
    padding:0 10px;
    }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }    
#imageData #caption{ font-weight: normal;    padding-bottom: 1.0em;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }            
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;    }    
        
#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    
    background-color: #666;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
/*background-color: #013854;*/
    }
    
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
* html>body .clearfix {
    display: inline-block; 
    width: 100%;
    }
* html .clearfix {
    /* Hides from IE-mac \*/
    height: 1%;
    /* End hide from IE-mac */
    }/* DROPDOWN MENUS
------------------------------------------------------- */
 
#DD-list {
    float: right;
    margin: 10px 0 0 0;
    padding: 0;
    }
    
#top #DD-list ul#nav {
    margin:0 0 0 0;
    padding:0;
    z-index: 110;
    }
ul#nav li { 
    float:left;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 0 25px;
    }
/* the arrow ------------------------------------------------------- */    
/* before hover */
ul#nav li a{
    background: url(/images/arrow_blue.gif) no-repeat;
    background-position: 3px 5px;
    padding: 2px 0 2px 15px;
    color: #7EB0CA;
    }
/* upon hover */
/* or within active section */
#nav li:hover a, 
#nav li.sfhover a, 
#nav li.active
{
    background: url(/images/arrow_white_down.gif) no-repeat;
    background-position: 3px 5px;
    padding: 2px 0 2px 15px;
    color: #FFF;
    }    
    
/* home arrow does not turn down */
ul#nav li#Home a:hover {
    background: url(/images/arrow_white.gif) no-repeat;
    background-position: 3px 5px;
    padding: 2px 0 2px 15px;
    color: #FFF;
    }
/* no arrow on dropdown */
#nav li:hover ul.subnavlist li a,
#nav li.sfhover ul.subnavlist li a, 
#nav li ul.subnavlist li a {
    background: none;
    color: #FFF;
    }     
    
    
/* subnavlist style ------------------------------------------------------- */
/*  only shows up upon hover */    
#nav ul.subnavlist li { 
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    background: none;
    padding:0;
    margin: 0;
    border-bottom: 1px solid #B1C6CC;
    
    }
    
#nav ul.subnavlist {
    background-color: #669FBC;
    margin:0;
    padding:0;
    border-top: 1px solid #B1C6CC;
    border-right: 1px solid #B1C6CC;
    border-left: 1px solid #B1C6CC;
    }
    
#nav li:hover ul.subnavlist li:hover, 
#nav li.sfhover ul.subnavlist li.sfhover {
    background-color: #487F9B;
    }
    
/* CODE for operation */
    
#nav, #nav ul {
    padding: 0; 
    margin: 0; 
    list-style: none;
    z-index: 100;
    }

/* DEFAULT width */
#nav a {
    display: block; 
    }
    
#nav li#Home,
#nav li#Merch,
#nav li#DCS {
    float: left; 
    }
    
    
#nav li ul {
    position: absolute;
    left: -999em;
    }    

/*  CUSTOM WIDTHS 
------------------------------------------------------- */
/* top piece needs to be 2px wider than nested ul */
/* do not use overflow: hidden; breaks in mac firefox */
/* DCS custom width */
#nav li#DCS{
    width: 212px;
    
    }
#nav li#DCS ul /*,
#nav li#DCS ul a,
#nav li#DCS ul li a */{
    width: 210px;
    }
#nav li#DCS ul li {
    display: block;
    float: none;
    }
/* MERCH custom width */
#nav li#Merch{
    width: 152px;
    }
    
#nav li#Merch ul,
#nav li#Merch ul a,
#nav li#Merch ul li,
#nav li#Merch ul li a {
    width: 150px;
    }        
/* HOME custom width */
#nav li#Home{
    width: 55px;
    }
#nav ul li,
#nav ul li a {
    overflow: hidden;
    }
    
/* COLOR behind DCS and Merch 
------------------------------------------------------- */    
#nav li:hover, 
#nav li.sfhover {
    background-color: #013854;
}
#nav li:hover ul, 
#nav li.sfhover ul{
    left: auto;
} 
/* HOLLY HACKS
------------------------------------------------------- */ 
/* necessary for correct display of floats and many other things in IE6 */
/* Hides from IE-mac \*/
* html #middle-1 {height: 1%;}
* html .teaser-blurb {height: 1%;}
* html #middle-2 {height: 1%;}
* html #heading {height: 1%;}
* html .subnav-links {height: 1%;}
* html .RD-image-edits {height: 1%;}
* html #division {height: 1%;}
* html .division-overview {height: 1%;}
* html #content {height: 1%;}
* html #innerpage-2col {height: 1%;}
* html #innerpage-1col {height: 1%;}
* html #innerpage-2col-rt {height: 1%;}
* html #main-2col-rt {height: 1%;}
* html #main-2col {height: 1%;}
* html .product {height: 1%;}
* html .profile {height: 1%;}
* html .checklist-block {height: 1%;}
* html .double-image {height: 1%;}
* html .blurb {height: 1%;}
* html .intro {height: 1%;}
* html .style-info .set {height: 1%;}
* html .link-info {height: 1%;}
* html #content .inner {height: 1%;}
* html #footer {height: 1%;}
/* End hide from IE-mac *//* SIFR SCREEN
------------------------------------------------------- */
 
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}
.sIFR-replaced {
    visibility: visible !important;
}
span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/* HEADINGS
--------------------------------------------------- */
.sIFR-hasFlash #heading h1, 
.sIFR-hasFlash #heading h2{
    font-family: helvetica;
    font-weight: normal;
    visibility: hidden; 
    padding: 20px 10px 0 0;
    margin: 10px 0 0 10px;
    float: left;
    letter-spacing: 1px;
    font-size: 21px;
    height: 28px;
    }

/* ABOUT PAGE H3s not in use bc annoying sifr select is not the same as css select
--------------------------------------------------- */
/*.sIFR-hasFlash .about #content h3 {
    visibility: hidden;
    margin: 1em 0 0;
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: normal;
    }    
    
.sIFR-hasFlash .about #content h3.section{
    visibility: hidden;
    padding: 0 0 5px;
    color: #97C6DF; 
    margin: 2em 0 0;
    } */

/* ORIG sIFR styles not in use
--------------------------------------------------- */
/* .sIFR-hasFlash #heading h2 {
    visibility: hidden;
    letter-spacing: -9px;
    font-size: 55px;
} 
.sIFR-hasFlash h3 {
    visibility: hidden;
    letter-spacing: -6px;
    font-size: 25px;
}
.sIFR-hasFlash h4 {
    visibility: hidden;
    letter-spacing: -5px;
    font-size: 21px;
}
.sIFR-hasFlash h5#pullquote {
    letter-spacing: -4px;
    visibility: hidden;
    font-size: 24px;
}
*/



/* GENERAL
------------------------------------------------------- */
html {
    margin: 0; 
    padding: 0;
    }
body {
    background-color: #004D75;
    margin: 0;
    padding: 0;    
    text-align: center; /* center on IE */
    font-size: 11px;
    font-family: arial, helvetica, sans-serif;
    color: #002F3E;
    }
/* set default margin for common elements */
/* clears up browser inconsistencies */
h1, h2, h4, h6, p, pre, blockquote {
    margin: 1em 0;
    padding: 0;
    }
        
#content p{
    line-height: 1.4em;
    }    
p.contact a {
    text-decoration: underline;
    }        

.hidden {display: none;}  /* for hiding containers */

/* LINKS brighter blue by default 
------------------------------------------------------- */ 
a {
    text-decoration:none;
    color: #1774B7;
    }
a:hover {
    color: #002F3E;
    }    
    
#home #content a, #division #content a, #sidenav a, .nextarticle a,
.inner-print a, .valid a
{
    color: #002F3E;
    text-decoration: none;
    }
#division #content .division-overview a {
    font-weight: bold;
    }
#division #content .division-overview p.author a,
#division #content .division-overview p.dept-report-links a {
    font-weight: normal;
    }    

#sidenav a:hover, .nextarticle a:hover, .inner-print a:hover{
    color: #1774B7;
    }
#home #content a:hover,
#division #content a:hover {    
    color: #FFF;
    }
a.bold {
    font-weight: bold;
    }    
a img {
    border: none;
    }    
    
/* LINKS WITH GRAPHICS
------------------------------------------------------- */
/* ARROW after Read More not currently in use */
.readmore {
    /*background: url(/images/arrow_white.gif) no-repeat right;
    padding-right: 11px;*/
    }
    
.arrow-link { /* arrow */
    background: url(/images/arrow_white.gif) no-repeat right;
    padding-right: 11px;
    }
.arrow-link-blue { /* arrow */
    background: url(/images/arrow_blue.gif) no-repeat right;
    padding-right: 11px;
    }    
    
 .nextarticle a {
    color: #002F3E;
    background: url(/images/arrow_blue.gif) no-repeat right;
    padding-right: 11px;
    }        
.printer-friendly {
    background: url(/images/icon_printer.gif) no-repeat left;
    background-position: 0 1px;
    padding-left: 20px;
    }
.pdf {
    background: url(/images/icon_pdf.gif) no-repeat left;
    background-position: 0 1px;
    padding-left: 15px;
    }

/* CONTAINER 
------------------------------------------------------- */
#container {
   position: relative;
   margin: 0 auto; /* center on everything else */
   width: 850px;
   text-align: left; 
    }    
#login #container {
   margin: 40px auto; /* extra margin at top */
   width: 800px;
    }
    
/* TOP
------------------------------------------------------- */
#top {
    border-bottom: 1px solid #3388B4;
    margin: 10px 0 0 0;
    padding: 0;
    color: #7EB0CA;
    /* overflow: auto breaks drop downs */
    }
#top .logo {  /* TDG logo */
    float: left;
    padding: 5px 0 15px 0;
    }
#top .logo img, 
#top .logo a img {
    border: 0;
    }

#top-print { /* hides print-only header */
    display: none;
}
    
/* TOP LISTS 
------------------------------------------------------- */
#top ul {
    margin: 0 0 5px 0;
    padding: 0;
    } 
#top ul a {
    color: #FFF;
    text-decoration: none;
    }
#top ul a:hover {
    color: #7EB0CA;
    }
#top ul {
    list-style-type: none;
    }

/* PUBLIC TOP LIST on login, about, products
------------------------------------------------------- */
#top .public-nav ul {
    float: right;
    margin-top: 10px;
    color: #FFF;
    }
#top .public-nav ul {
    text-transform: uppercase; 
    font-size: 12px; 
    font-weight: bold;
    letter-spacing: 1px;
    }
#top .public-nav ul a {
    color: #7EB0CA;
    }
#top .public-nav ul a:hover{
    color: #FFF;
    }    
#top .public-nav ul li {
    display: inline;
    margin-left: 40px;
    }

/* TOP DIVISIONS
------------------------------------------------------- */
/* 2 inline lists, stacked */
#top-divisions {
    float: right;
    width: 600px;
    text-align: right;
    margin: 5px 0 0 0;
    padding: 0;
    overflow:hidden;
    }
#top-divisions ul {
    margin: 0 0 5px 0;
    padding: 0;
    }    
#top-divisions ul li{
    display:inline;
    padding: 0 5px 0 0;
    margin: 0 0 0 7px;
    border-right: 1px solid #7EB0CA; 
    }
    
/* no right border on last division in row */
#top-divisions li.last {
    border: none;
    padding-right: 0;
    }


/* FOOTER 
------------------------------------------------------- */
#footer {
    margin: 0;
    padding: 5px 0 10px 0;
    border-top: 1px solid #3388B4;
    overflow: auto;
    clear:both;
    }
#footer p {
    font-size: 10px;
    margin: 0;
    padding: 0;
    }
/* p.address to be sIFR-ized */    
p.address {
    text-transform: uppercase;
    color: #FFF;
    }    
p.copyright {
    color: #7EB0CA;
    width: 650px;
    }
    
    
/* SIDENAV 
------------------------------------------------------- */
/* on the left of home and division pages */
/* on the right of inner pages for related links */
/* on the left of inner pages for nav */
#sidenav {
    float: left; 
    width: 170px;
    margin: 0;
    padding: 0;
    /* height: 400px; causes middle to overflow scroll when sidebar longer than content*/
    }
#sidenav .inner {
    padding: 0 10px 10px 10px;
    margin: 0;
    }
#home #sidenav .inner {
    margin-top: 15px;
    }    
#sidenav ul {
    list-style-type: none;
    padding: 0; 
    margin: 0 0 20px 0;
    }
#sidenav ul ul{
    list-style-type: none;
    padding: 0; 
    margin: 0;
    }    
    
    
/* BREADCRUMB + PRINTER FRIENDLY LINKS
------------------------------------------------------- */
.subnav-links {
    position: relative;
    overflow: auto;
    margin: 5px 15px 15px 20px;
    clear: both; 
    }
.subnav-links .inner-breadcrumb {
    float: left;
    width: 500px;
    }
.subnav-links .inner-breadcrumb a {color: #1774B7;
    }    
.subnav-links .inner-breadcrumb a:hover {color: #002F3E;
    }
.subnav-links .inner-print {
    float:right;
    }
.subnav-links .inner-print ul {
    list-style-type: none;
    padding: 0; 
    margin: 0;
    }
.subnav-links .inner-print ul li{
    display: inline;
    margin-left: 10px;
    }
.subnav-links .inner-print ul li a{
    background: url(/images/arrow_blue.gif) no-repeat right;
    padding-right: 11px;
    }
.subnav-links .nextarticle {
    float: right;
    margin: 0 1px 0 0;
    text-align: right;
    clear: none; 
    width:auto;
    }
    
/* MARKET FOCUS 
------------------------------------------------------- */
#market-focus {
    float: right; 
    width: 180px;
    margin: 0;
    padding: 0;
    }
#market-focus .inner {
    padding: 0 5px 5px 5px;
    }
#market-focus ul a,
#market-focus ul {
    color: #FFF;
    text-decoration: none;
    }    
#market-focus ul a:hover {
    color: #004557;
    }
/* #market-focus ul a:visited {
    color: #d1d6d9;
    } */        
#market-focus ul {
    margin: 0 0 0 1em;
    padding: 0;
    }
#market-focus ul ul {
    display: none;
    margin: 0;
    padding-left: 1.5em;
    }
#market-focus ul li {
    list-style-type: none;
    position: relative;
    padding-bottom: 2px;
    }
    
#market-focus h5 {
     margin-top: 1em;
     margin-left: 1em;
     color: #004D75;
     text-transform: uppercase;
     }    
#market-focus h5.section {
    margin-top: .5em;
    text-transform: none;
    }     
    

    
/* MIDDLE 
------------------------------------------------------- */ 
/* contains heading, content, sidenavs */
#division {
    background-color: #7EB0CA;
    padding: 0 0 40px 0;
    margin: 5px 0;
    overflow: auto;
    }    
#innerpage-1col,
#innerpage-2col,
#innerpage-2col-rt  {
    background-color: #FFF;
    padding: 0; 
    margin: 5px 0;
    overflow: auto; 
    }
#main-2col-rt,
#main-2col  {
    background-color: #7EB0CA;
    padding: 0; 
    margin: 5px 0;
    overflow: auto;
    }    

#aboutpage-2col {
    padding: 0; 
    margin: 5px 0;
    overflow: auto;
    }    
    
#utilpage-1col {
    background-color: #013854;
    padding: 0; 
    margin: 0;
    overflow: auto; 
    }    
    
/*  HOMEPAGE LAYOUT 
------------------------------------------------------- */
#home #content {
    margin: 0 0 0 180px;
    padding: 0 0 0 5px;
    border-left: 1px solid #3388B4;
    }
#home #content .inner {
    padding: 15px 10px;
    background: #7EB0CA;
    }    
        
/* HOMEPAGE SIDENAV 
------------------------------------------------------- */    
/* link color on homepage */    
#home #sidenav a{
    color: #FFF;
    }
#home #sidenav a:hover {
    color: #7EB0CA;
    }    
    
/* site links on homepage */ 
#home #sidenav .site-links li {
    padding: 2px 0;
    }
#home #sidenav .site-links a {
    color: #7EB0CA;
    }    
#home #sidenav .site-links a:hover {
    color: #FFF;
    }        
    
    
/* DIVISION LAYOUT    
------------------------------------------------------- */
#division #content {
    margin: 0 200px 0 180px;
    padding: 0;
    }
#division #content .inner {
    padding: 0 5px 5px 5px;
    }    
#division #content, 
#division #sidenav,
#division #market-focus { /* space below header on division page */
    margin-top: 15px;
    }    
#division #sidenav h5.bestbookings{
    margin-top:0;
    }
#division #content .imagecap {
    float: right;
    margin: 5px 0 5px 15px;
    }
#division .division-overview {
    overflow: auto;
    }    
    
/* DIVISION SIDENAV
------------------------------------------------------- */    
#division .section-divider, 
#main-2col-rt  .section-divider,
#main-2col .section-divider{
    background: url(/images/dot_medblue.gif) repeat-x;
    background-position: 0 1em;
    }
.contact ul {
    padding: 5px 0 0 0 ;
    }    
.contact ul li {
    padding-bottom: 5px;
    }
.contact a {
    font-weight: bold;
    }
    
    
/* 1-COL LAYOUT
------------------------------------------------------- */    
#innerpage-1col #content {
    margin: 0;
    padding: 0;
    }
#innerpage-1col #content .inner {
    padding:0;
    margin: 0 20px 20px 20px;
    }    
#innerpage-1col #content .inner p { /* max width for paragraphs */ 
    max-width: 550px;
    }    
    
    
/* 2-COL LAYOUT - INNER PAGE 2COL
------------------------------------------------------- */            
#innerpage-2col #content{
    margin: 0 10px 20px 180px;
    padding: 0 0 20px 0 ;
    }
#innerpage-2col #content .inner,
#innerpage-2col-rt #content .inner,
#main-2col-rt #content .inner {
    margin: 0 0 0 10px;
    padding: 0;
    }
#innerpage-2col #sidenav{
    margin:0; 
    padding: 0;
    }    
#innerpage-2col #sidenav .inner{
    padding: 0 0 10px 10px;
    margin: 0;
    }    
    
/* RIGHT SIDE RELATED LINKS 
------------------------------------------------------- */
#innerpage-2col-rt #sidenav,
#main-2col-rt #sidenav {
    float: right;
    margin:0; 
    padding: 0;
    }    
#innerpage-2col-rt #sidenav .inner,
#main-2col-rt #sidenav .inner {
    padding: 0 10px 0 0;
    margin: 0;
    }    
#main-2col-rt #content,
#innerpage-2col-rt #content {
    margin: 0 190px 20px 10px;
    overflow:auto;
    min-width:640px;
    }
#main-2col-rt #sidenav .inner h5,
#innerpage-2col-rt #sidenav .inner h5 {
    margin: 0; 
    padding: 0;
    }    
/* 2COL RIGHT MAIN 
------------------------------------------------------- */
/* space below header */
#main-2col-rt #content, 
#main-2col-rt #sidenav{ 
    margin-top: 20px;
    }        
#main-2col-rt #sidenav .inner {
    margin-top: -1em;}    
    
    
/* 2COL MAIN 
------------------------------------------------------- */
#main-2col #content {
    margin: 2em 10px 10px 180px;
    padding: 0 0 10px 0 ;
    }
#main-2col #content .inner{
    margin: 0 0 0 10px;
    padding: 0;
    }
#main-2col #sidenav{ 
    margin: 1em 0 0;
    padding: 0;
    }    
#main-2col #sidenav .inner{
    padding: 0 0 10px 10px;
    margin: 0 0 0;
    }            
    
/* 2COL ABOUT 
------------------------------------------------------- */
#aboutpage-2col #content {
    margin: 1em 10px 10px 200px;
    padding: 0 0 10px 0 ;
    }
#aboutpage-2col #content .inner{
    margin: 0 0 0 10px;
    padding: 0;
    }
#aboutpage-2col #sidenav{ 
    margin: 0 0 0;
    padding: 0;
    }    
#aboutpage-2col #sidenav .inner{
    padding: 0 0 10px 10px;
    margin: 0 0 0;
    }    
    
    
/* 1-COL UTIL
------------------------------------------------------- */    
#utilpage-1col #content {
    margin: 0;
    padding: 0;
    color: #fff;
    }
#utilpage-1col #content .inner {
    padding:0;
    margin: 20px 50px;
    }    
#utilpage-1col #content a:hover {
    color: #fff;
    }
    
    
/* HEADINGS 
------------------------------------------------------- */
h1 {font-size: 18px; font-weight: normal;}
h2 {font-size: 18px; font-weight: normal;}
h3 {font-size: 14px;}
h4 {font-size: 11px;}    
h5 {font-size: 11px;}

/* HEADING and PAGE TITLE 
------------------------------------------------------- */
/* not contained within content inner */
#heading {
            background-color: #1D73A0;
            margin: 0;
            padding: 0; 
            overflow: auto;
            }
#heading h1, #heading h2{
            padding: 20px 10px 1px 0;
            margin: 10px 0 0 10px;
            float: left;
            letter-spacing: 1px;
            }
#heading h1 {
            background: url(/images/dot_ltblue.gif) repeat-y right;
            color: #7EB0CA;
            }           
#heading h1, #heading h1 a {
            color: #7EB0CA;
            }
#heading h2, #heading h2 a {
            color: #FFF;
            }
            
#home #heading h1, 
#division #heading h1,
#main-2col-rt #heading h1,
#main-2col #heading h1 {
            color: #E3E8EC;
            }           
/* brings up the first h5 in a sidebar */      
#sidenav .inner > h5:first-child,
#sidenav .inner > h4:first-child
 { margin-top:0;}


/* SUBHEADINGS - INNER PAGES 
------------------------------------------------------- */
h3 {color: #1D73A0;
    margin:0;
    padding:0;
    }
h3 .present-section {
    color: #9BC9EB;
    }
p.author {
    margin-top: 0; 
    padding-top: 0;
    }
h4 {color: #1D73A0; /* formerly: #1774B7 h4s are section headings with dotted line above */
    padding-top: 5px;
    background: url(/images/dot_medblue.gif) repeat-x top;
    width: 100%;
    margin-top: 20px;
    }   
h5 {margin-bottom: 0;  /* h5s are list heads */
    padding-bottom: 0;
    }    

/* HELPER elements
------------------------------------------------------- */
.clr {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0px;
    }
.section-divider {
    background: url(/images/dot_ltblue.gif) repeat-x;
    background-position: 0 1em;
    width: 50px;
    margin: 15px 0;
    height: 1px;
    min-height: 1px;
    overflow: hidden;
    padding: 1em 0;
    }
/* extra space for misintrepeted margins on Home page */    
.content-space {
    height: 5px;
    margin: 0; 
    padding: 0;
    overflow: hidden;
    }        

/* LISTS
------------------------------------------------------- */
ul {
    margin-top: 0;
    padding-top:0;
    list-style-type: square;
    }
ul.blue-arrow {list-style-type: none; padding: 0; margin:0;}

ul.blue-arrow li, 
.VS #sidenav ul li {
    padding: 1px 0 0 12px;
    background: url(/images/arrow_blue.gif) no-repeat;
    background-position: 0 4px;
    }    
ul.blue-arrow li ul {
    padding: 0;
    margin: 0;
    }    
ul.blue-arrow li ul li {
    padding: 0;
    background: none;
    margin: 0;
    }    
ul.blue-arrow li a {color: #0F618C;}
ul.blue-arrow li a:hover {color: #002F3E;}    
ul.white-arrow li {
    padding: 1px 0 0 12px;
    background: url(/images/arrow_white.gif) no-repeat;
    background-position: 0 4px;
    }

/* VENDOR LIST 
------------------------------------------------------- */
li.department {
    margin: .75em 0 0 0;
    padding: 0;
    font-weight: bold
    }
ul.blue-arrow li.department {
    padding: 0;
    background: none;
    }
    
/*  BLURBS on Big Picture, Exhibitors Main, DCS Main
------------------------------------------------------- */
.text-only {
    }
.text-only h3 {
    margin: 0;
    padding: 0;
    }
.text-only p {
    margin-top: 0;
    padding-top: 3px;
    }
    
/* BLURB heading - home page */
.blurb-header {
    margin: 40px 0 5px 0;
    padding: 0;
    width: 90%;
    }
.blurb-header h2 {
    color: #3582AB;
    margin: 0; 
    padding: 0;
    }    
.blurb-header h2 .location {
    color: #E3E8EC;
    }
    
    
/* BLURB default settings */ 
.blurb {
    margin: 0 0 15px 0;
    padding: 10px 0 0 0;
    display: block;
    position:relative;
    }
.blurb h3 {
    margin: 0;
    padding: 0;
    color: #FFF;
    }
.blurb h3 .note { /* click for details */
    font-size: 11px;
    color: #004557;
    font-weight: normal;
    }    
.blurb h5 {
    padding: 0;
    margin: 0;
    }
.blurb p {
    padding: 0;
    margin: 0;
    }
.blurb p.morereports {
    padding: 0 0 0 0;
    margin: 10px 0 0 0;
    }
.blurb a, 
.text-only a {
    font-weight: bold; 
    color: #002F3E;
    }     
.blurb a:hover,
.text-only a:hover {
    color: #FFF;
    }
.blurb h3 a {
    font-weight: bold; 
    color: #FFF;
    }     
.blurb h3 a:hover {
    color: #1774B7;
    }    
.blurb ul { 
    position: relative;
    margin: 0 10px; 
    padding: 0 0 0 10px; 
    list-style-type: none;
    }
.blurb .link-info ul li {    
    padding: 1px 0 0 10px;
    margin: 0;
    background: url(/images/dot_blurb_list.gif);
    background-repeat: no-repeat;
    background-position: 0 6px;
    }
.blurb ul a {
    font-weight: normal;
    }    
.blurb .link-info {
    display:block;
    position:relative;
    }

/* MINI blurb */
#mini-container .blurb {
    width: 33.5%; 
    float: left;
    }
#mini-container .blurb.color {
    width: 31%; 
    float: left;
    }    
#mini-container .blurb img {
    float: left;
    margin: 0 5px 5px 10px;
    }
#mini-container .blurb.first img {
    float: left;
    margin: 0 5px 5px 0px;
    }    
    
#mini-container    {
    overflow: auto; 
    }
#mini-container .blurb p, 
#mini-container .blurb h3,
#mini-container .blurb h5 {
    margin-left: 105px;
    }
#mini-container .blurb.first p, 
#mini-container .blurb.first h3,
#mini-container .blurb.first h5 {
    margin-left: 95px;
    }

  /* Middle image blurb */
.mid-image{
    /*width: 95%; */
    background: url(/images/dot_white.gif) repeat-x top;
    overflow: auto;
    }
.mid-image h3{
    float: left;
    width: 140px;
    }
.mid-image .link-info{
    margin: 0 0 0 150px;
    padding: 0 0 0 10px;
    background: url(/images/dot_medblue.gif) repeat-y left;
    }
.mid-image .link-info img, 
#content .mid-image .link-info img{
    margin: 0 10px 0 0;
    float: left;
    }        


/* FIRST blurbs in blurb container
------------------------------------------------------- */
.blurb-container {padding: 0 0 10px 0; overflow: auto; /*border-bottom:1px solid #7EB0CA; border-top:1px solid #7EB0CA;*/}
.blurb-container .blurb {overflow: auto; float: left; width: 47%; border:none; margin: 0 5px 0 0;}
.blurb-container .blurb img {float: left; margin: 0 10px 0 10px; border:none;}
.blurb-container .blurb h5 {padding: 10px 0 0 0; border:none;} 
.blurb-container .blurb h5 a{
    background: url(/images/arrow_blue_rrnext.gif) no-repeat;
    background-position: top right;
    padding: 0 12px 0 0;
    }
.blurb-container .blurb p {padding-right: 10px;}
.blurb-container .blurb h5 a:hover,
.blurb-container .blurb a:hover h5 {color: #1774B7;}
/* .blurb-container .blurb img {display:none;} */
.printver a {font-weight: bold; color: #002F3E;}
.printver a:hover {color: #1774B7;}
img.cover {float: right; padding: 10px;}
.FIRST-intro {overflow: auto;}
.FIRST-intro .text {width: 60%; /*float: right;*/}
.FIRST-intro img {float: right; padding: 10px;}


/* BLURBS v2 are called INTRO; on Division pages
------------------------------------------------------- */
.intro { 
        overflow:auto;
        background: url(/images/dot_white.gif) repeat-x top;
        margin-bottom:15px;
        }    
.intro p, .intro img, .intro h5, intro ul {
    margin: 0; padding:0;
    }        
.intro ul {list-style-type: none;}    
.intro h3 {color: #FFF;}
.intro h5 {
    padding-top: 5px;
    }
.intro p.morereports {
    padding: 0 0 0 0;
    margin: 10px 0 0 0;
    }        
.teaser-head {
    float:left;
    width: 128px;
    margin-top:10px;
    }
.teaser-container{
    background: url(/images/dot_medblue.gif) repeat-y left;
    width: 320px;
    float:left;
    margin:10px 0;
    padding: 0; 
    }    
.teaser-container .teaser-images-only {
    margin: 0 0 0 5px;
    padding: 0;
    }    
.teaser-container .teaser-images-only img {
    margin: 5px 0 0 5px;
    }        
.teaser-container .teaser {
    margin:5px 0 5px 10px; 
    padding:0;
    }
.teaser-container .teaser img{
    margin:0 10px 0 0; 
    padding:0;
    float:left;
    }    

/* LOGIN PAGE 
------------------------------------------------------- */
#middle-1 {
    margin: 0; 
    padding: 0;
    overflow: hidden;
    border-bottom: 1px solid #3388B4;
    }
#flash {
    padding: 5px 5px 5px 0;
    margin: 0;
    float: left;
    border-right: 1px solid #3388B4;
    }
#login #teaser-content {
    float: right;
    margin: 0; 
    padding: 0 0 0 6px;
    }
#login #teaser-content .inner {
    margin: 0;
    padding: 0;
    background-color: #1D73A0;
    width: 300px;
    height: 255px;
    overflow: hidden;
    }
#login #teaser-content .inner img {
    margin: 0; 
    padding: 0;
    }
#login .teaser-blurb {
    padding: 0 5px;
    margin: 10px 0 0 0; 
    }
#login .teaser-blurb h4 {
    color: #9ABECE;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
    float: left; 
    margin: 0 0 0 5px; 
    padding: 0 0 0 0;
    width: 90px;
    height: 50px;
    background: none;
    }    
#login .teaser-blurb h4 a{
    color: #C4D7DD;
    }
#login .teaser-blurb h4 a:hover {
    color: #FFF;
    }    
#login .teaser-blurb p {
    margin: 0 0 0 100px; 
    border-left: 1px solid #65BCE9;
    padding: 0 0 0 10px;
    color: #C4D7DD;
    }
#login .teaser-blurb a img {
    border: 0;
    padding: 0; 
    margin: 0;
    line-height: 0px;
    }
#middle-2 {
    overflow: hidden;
    background-color: #013854;
    margin: -1px 0 0 0; 
    padding: 5px;
    }
    
    
/* LOGIN FORM style
------------------------------------------------------- */
#signin {
    margin: 10px 0 10px 488px;
    padding: 0 0 0 10px;
    border-left: 1px solid #347DA3;
    color: #FFF;
    }
#signin form {
    margin: 0;
    padding: 0;
    }    
#signin p {
    margin: 2px 0;
    padding: 0;
    }
#signin p.field label {
    display: block; 
    float: left;
    width:60px;
    margin-top: 3px;
    }
#signin  form p.field input{
    width: 120px;
    }  
#signin form p.field {
    float: left;
    }
#signin form p.go {
    float: left;
    margin-left: 10px;
    }
#signin p.forgot {
    float:right;
    width: 62px;
    margin: 22px 0 0 0;
    padding: 0;
    }
#signin p.forgot a {
    font-size: 10px; 
    color: #FFF;
    text-decoration: underline;
    }
#signin p.forgot  a:hover {
    color: #7EB0CA;
    }    
#signin form p input {
   margin: 0;
   padding:0;
    }    

#middle-2 a.login-guidelines{
    color: #7EB0CA;
    }    

#middle-2 a.login-guidelines:hover {
    color: #FFF;
    }    


/* BACK NEXT NAVIGATION
---------------------------------------------------------- */
/* retail reporting and seasonal books */
.backnext a {color: #002F3E;}
.backnext a:hover {color: #1774B7;}
.backnext {
    float: right;
    width: 400px;
    margin: 5px 0;
    }    
.backnext ul{
    margin:0; 
    padding:0;
    list-style-type: none;
    text-align:right;    
    }    
.backnext ul li {
    display: inline;
    margin: 2px 5px;
    }    
.backnext ul li.back {
    background: url(/images/arrow_blue_rrback.gif) no-repeat;
    background-position: top left;
    padding-left: 11px;
    }
.backnext ul li.next {
    background: url(/images/arrow_blue_rrnext.gif) no-repeat;
    background-position: top right;
    padding-right: 10px;
    }
.backnext a {
    font-weight: bold;
    }    
    
    
/* NEXT ARTICLE NAVIGATION
------------------------------------------------------- */
.nextarticle {
    float: right;
    width: 400px;
    margin: 20px 5px 10px;
    clear: both;
    text-align: right;
    }
.nextarticle p {
    margin:0; 
    padding:0;
    }    
.nextarticle a {
    text-decoration: underline;
    font-weight: bold;
    }    
    
    
/* IMAGES get borders 
------------------------------------------------------- */
#content .imagecap img,  
#content .image-container img, 
.blurb img, 
.mood img, 
.intro img {
    border: 1px solid #1D73A0;
    }
/* no borders on TA, reorder, hot item images */    
.TA #content img, 
.reorder #content img, 
.hotitem #content img,
.VS #content img,
.silhouetted #content img,
#content .silhouetted  img,
.showroom #content img,
.about #content img,
.dcs-collage #content .collage-main img,
.dcs-gallery #content .side img,
.midsite-login #content img,
.clientletter #content img, 
#content .collage img, 
#content .poms img,
.article-archive #content img, 
.retail-report #content .area-of-business img{ 
    border: none;
    }
    
    
/* IMAGES WITH CAPTION
---------------------------------------------------------- */
#container .imagecap {
    font-size: 10px;
    color: #666;
    text-align:center !important;
    margin: 5px;
    padding:0;
    }
.imagecap img {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    }     
p.caption { /* disclaimer in dcs color */
    font-size: 10px;
    color: #666;
    }        
    
/* IMAGE CONTAINERS  
------------------------------------------------------- */
.image-container { /* container for many images below text */ 
    /*clear: both;*/
    display: block;
    width: 100%;
    overflow: auto;
    }    
.image-container .imagecap {
    float:left; 
    }
.double-image {
    margin:0 0 0 20px;
    padding:0;
    float:right;
    width: 330px;
    text-align: center;
    }    
.double-image .imagecap {
    float:left;
    }    

.side { /* right-aligned container for images */
    margin:0 0 0 25px;
    padding:0;
    float:right;
    text-align: center;
    }
    
/* TREND ALERT
------------------------------------------------------- */    
.TA h4 {width: 50%;}
.TA .side {
    padding-right: 60px;
    width:180px;
    }            
.TA .image-container {
    width: 100%;
    }
.TA .image-container .imagecap{
    float: left;
    }    
.TA ul.resources {
    list-style-type: none;
    margin: 0; 
    padding: 0;}
    
.TA ul.resources  a {
    color: #002F3E;
    background: url(/images/arrow_blue.gif) no-repeat right;
    padding-right: 11px;
    }    
.TA ul.resources a:hover{
    color: #1774B7;
    }
/* TABLE STYLES
------------------------------------------------------- */
.style-info { /* table with info on HOT ITEM AND REORDER pages*/
    float: left;
    }
.style-info table,
table.rsvp-info {
    background-color:#D4E6F0;
    width: 360px;
    margin: 5px 0 10px 0;
    }
.style-info table.vendor{
    background-color:#FFF;
    width: 360px;
    margin: 5px 0 0 0;
    }
.style-info table.vendor td{
    background-color: #FFF !important;
    font-weight: bold;
    padding-bottom: 5px;
    }        
.style-info table td, 
table.rsvp-info  td {
    padding: 5px;
    border-bottom: solid #FFF 1px;
    border-right: solid #FFF 1px;
    }
.style-info table td.leftcol,
table.rsvp-info  td.leftcol {
    text-align: left;
    width: 100px;
    background-color: #ABCEE2;
    }
    
/* height-constrained images */ 
.set {overflow: auto;}  
.style-info .set .imagecap {
    float: right;
    width: 260px;
    }    
    
/* separate column of images */    
.style-images {
    float: left;
    width: 260px;
    }    
/* link to vendor */ 
.style-info table.vendor a {
    color: #002F3E;
    background: url(/images/arrow_blue.gif) no-repeat right;
    padding-right: 11px;
    }    
.style-info table.vendor a:hover {color: #1774B7;}

/* RETAIL REPORTING
---------------------------------------------------------- */    
.retail-report #content{
    overflow:auto;
    }
.retail-report h4 {
    clear: both;}
.retail-report .subnav-links,
.seasonal-book .subnav-links {
    position: relative;
    overflow: auto;
    margin: 5px 25px 15px 20px;    
    } 
.retail-report #content .store p {
    width:600px;
    }    
  
.retail-report .subnav-links .inner-breadcrumb {
    float: left;
    width: 450px;
    }
.retail-report#innerpage-1col #content .inner {
    padding:0;
    margin: 0 20px 40px 20px;
    }    
.retail-report .image-container { /* to prevent scrollbars */
    width: 98%;
    }    

/* SEASONAL BOOKS
------------------------------------------------------- */
#SB-nav {
    overflow: auto;
    padding-right: 10px;
    }
.seasonal-book .backnext {
    width: 250px;
    overflow: auto;
    }    
.seasonal-book #sidenav ul {
    margin: 0;
    padding:0; 
    }    
.seasonal-book #sidenav ul li {
    font-weight: bold;
    }
.seasonal-book #sidenav ul ul a{
    font-weight: normal;
    }
.seasonal-book #sidenav ul li {
    margin-top: 15px;
    }                
.seasonal-book #sidenav ul ul li {
    margin-top: 0; 
    }
.seasonal-book .section-divider {
    width: 60%;
    }    
.seasonal-book .bottom {
    clear: both; 
    margin: 15px 20px 15px 15px;
    }    
    
.SB-vendors ul{
    list-style-type:none;
    }
.SB-vendors ul li {
    margin: 2px 0;
    }        
.SB-vendors ul a {
    font-weight:bold;
    color: #002F3E;
    }        
.SB-vendors ul a:hover {color: #1774B7;}
    
.seasonal-book h4 {width: 60%;}    
.seasonal-book .side {width:120px;}
.seasonal-book .text {margin: 0 130px 0 0;}

.seasonal-book .image-container.poms {
    width: 600px;
    }    
    
/* VENDOR SPOTLIGHT
------------------------------------------------------- */
.VS .image-container {
    width: 600px;
    }
.VS .image-container .imagecap{
    float: left;
    width: 275px;
    }    
.VS h3 { /* larger h3 and centered */
    text-align: center;
    font-size: 16px;
    margin-top: 15px;
    }    
.VS-logo {
    text-align: center;
    margin-top: 15px;
    }
    
/* for spacing in left side list */
.VS #sidenav ul {
    margin-bottom: .5em;
    }
#container .VS #sidenav h5.section {
    margin-top: 1em;
    }
    

/* WELCOME PAGE FORM
------------------------------------------------------- */
.preference-options {overflow: auto;}
.division-options {
    float: left; 
    width: auto; 
    position: relative;
    margin-right: 40px;
    }    
.division-options ul {
    list-style-type: none; 
    padding:0;
    margin:0;
    }
/* ARTICLE ARCHIVE 
------------------------------------------------------- */
.article-archive a {color: #002F3E;}
.article-archive a:hover {color: #1774B7;}
.article-archive h3 {    
    padding: 3px 0;
    background: url(/images/dot_medblue.gif) repeat-x top;
    clear: both;
    }
.article-archive h4 {
    background: none;
    margin: 0 0 0 30px; 
    width: auto;
    padding-top: 0;
    }
.article-archive #content .inner ul a {
    font-weight: bold;
    } 
 .article-archive #content ul {
    list-style-type: none;
    margin: 0 0 25px 30px;
    padding: 0;
    color: #1D73A0;
    } 
.article-archive #content ul.doublelist{
    float: right; 
    margin: 0 0 25px 10px;
    padding: 0;
    width: 300px;
    }
.column { 
    overflow: auto;
    width: 400px;
    float: left;
    }

/* FEATURED VENDORS
------------------------------------------------------ */    
.article-archive #content ul.all-vendors a{
    font-weight: normal;
    }
.article-archive ul.all-vendors {
    color: #002F3E;
    margin: 0 0 20px 30px;
    }
.article-archive ul.all-vendors li {
    margin-bottom: 2px;
    }    
.article-archive ul.all-vendors ul{
    margin: 0 0 0 15px;
    }
.article-archive #content ul.all-vendors ul a{
    font-weight: normal;
    }
.article-archive #content h5.section{    
    margin-left: 30px;
    margin-top: 0;    
    color: #1D73A0;
    }   
 
/* DCS PRESENTATION CALENDAR
------------------------------------------------------ */    
.article-archive.dcs .inner ul { /* dates */
    color: #002F3E;
    }
#container .article-archive.dcs #content a {
    color: #1774B7;
    font-weight: normal; 
    text-decoration: underline;
    }    
.article-archive.dcs #sidenav h4 { /* rsvp list on side */
    color: #1D73A0;
    font-size: 14px;
    letter-spacing: 1px;
    background:none;
    margin: 1em 0;
    padding: 0;
    }    
.article-archive.dcs h3.year {
    background: none; 
    color: #9BC9EB;
    padding: 3px 0 10px;
    }    
    

/* NEW THIS WEEK (a variant of article-archive) 
------------------------------------------------------ */    
.article-archive.NTW h3 {    
    padding: 3px 0;
    background: url(/images/dot_medblue.gif) repeat-x top;
    margin-right: 250px;
    clear: none;
    }    
.NTW-highlights {
    float: right;
    width: 240px; 
    clear: none;
    }        
.NTW-highlights img {
    border: none; 
    margin: 0 0 0 25px;
    }    
.NTW-highlights ul li {
    margin: 0 0 2px 0;
    }

    

/* BP ARTICLE ARCHIVES
------------------------------------------------------- */
.bp-article-archive #content ul a {color: #002F3E;}
.bp-article-archive #content ul a:hover {color: #1774B7;}
    
.bp-article-archive h3 {
    margin-bottom:1em;
    }    
.bp-article-archive h4 {
    width: 85%;
    }    
.bp-article-archive li.more {
    margin-top: 10px;
    }
.bp-article-archive #content li.more a {
    background: url(/images/arrow_blue.gif) no-repeat right;
    padding-right: 11px;
    color: #1774B7;
    }    
.bp-article-archive ul {
    list-style-type: none;
    margin: 0 0 25px 0;
    padding: 0;
    }    
.bp-article-archive #content .inner ul { /* dates */
    color: #1D73A0; 
    }
.bp-article-archive #sidenav ul a,
.bp-article-archive #sidenav ul li{
    color: #1D73A0; 
    }
.bp-article-archive #sidenav ul {
    margin: 0;
    padding:0; 
    }    
.bp-article-archive #sidenav ul li {
    font-weight: bold;
    }
.bp-article-archive #sidenav ul ul a{
    font-weight: normal;
    }
.bp-article-archive #sidenav ul li {
    margin-top: 15px;
    }                
.bp-article-archive #sidenav ul ul li {
    margin-top: 0; 
    }    
.bp-article-archive #sidenav h5 {
    margin-top: 0;
    }
    
/* PERSONNEL LIST
------------------------------------------------------- */
.personnel #heading h1 {color: #FFF;}
.personnel h4 {
    background: none;
    margin: 1em 0 0; 
    }
.personnel #sidenav ul.blue-arrow a{
    color: #1774B7;
    }
.personnel #sidenav ul.blue-arrow a:hover {
    color: #002F3E;
    }

/* Entry in Personnel List*/
.personnel dl {    
    background: url(/images/dot_medblue.gif) repeat-x top;
    width: 610px;
    padding: 2px 0 0 0;
    overflow: auto;
    margin: .5em 0 1.5em;
    }  
  
/* Name of person and  Title */    
.personnel dt {
    float: left;
    }    
.personnel dt a {
    font-weight: bold;
    color: #002F3E;
    }
.personnel dt a:hover {
    color: #1774B7;
    }    
    
/* email and phone number */
.personnel dd {
    float: right;
    width: 185px;
    }     

.personnel p.note {
    margin:0;}     

.personnel .end-section {height: 1em;}    

/* last updated for print version only */
.personnel p.date {
    display: none;
    }

        
/* SHOWROOMS
------------------------------------------------------- */
.showroom .s-intro {
    float: left;
     width: 400px;
      }
.showroom .main-image {
    float: right;
    width: 390px;
    text-align: center;
    }    
.showroom .main-image img {
    margin: 10px;
    }    
.showroom h4 {
    clear: both;
    font-size: 14px;
    }    
.showroom .image-container .imagecap a {
    font-size: 12px;
    font-weight: bold;
    }    
.showroom .collection, 
.showroom .presentation {
    width: 100%;
    text-align: center;
    }    
#innerpage-1col #content .collection p {
    max-width: none;
    }    
.showroom .collection .backnext, 
.showroom .presentation .backnext {
    float: none;
    text-align: center;
    width: 100%;
    margin: 15px 0;
    }    
.showroom .presentation .backnext ul, 
.showroom .collection .backnext ul {
    text-align: center;
    }
.showroom .presentation .backnext a,
.showroom .collection .backnext a{
    color: #1774B7;
    text-transform: uppercase;
    }    
.showroom .collection h5 {
    margin-bottom: 0; 
    padding-bottom: 0;
    font-size: 12px;
    }    
.showroom .collection .description {
    text-align: left;
    margin: 0 200px;
    }    
    
/* EXHIBITORS MAIN
------------------------------------------------------- */
#body .exhibitors-main #content{ 
    background-color: #7EB0CA; 
    }    
    
.exhibitors-main #sidenav h4 {
    color: #1D73A0;
    font-size: 14px;
    letter-spacing: 1px;
    background:none;
    margin: 1em 0;
    padding: 0;
    }
.exhibitors-main #sidenav ul {
    color: #FFF; 
    }    
.exhibitors-main #sidenav ul li{
    margin-bottom: 1em;
    }        
.exhibitors-main #sidenav ul a{
    font-weight: bold;
    }
.exhibitors-main #sidenav p {
    margin: 1em 0;
    }            
.exhibitors-main #content .blurb {
    width: 95%;
    }    
.exhibitors-main .paragraphed p {
    margin: 0 0 1em;
    }        
.exhibitors-main .my-showroom h5, 
.exhibitors-main .my-showroom p{
    font-size: 12px;
    }    
    
    
/* DCS MAIN 
------------------------------------------------------- */    
.dcs-main #sidenav h4 {
    color: #1D73A0;
    font-size: 14px;
    letter-spacing: 1px;
    background:none;
    margin: 1em 0;
    padding: 0;
    }
    
/* blurb style for top area */
.feat-content {
    background: url(/images/dot_white.gif) repeat-x top;
    overflow: auto; 
    }
.feat-content .link-info{ 
    padding: 0;
    margin:0;
    }    
.feat-content p {
    margin: 0 0 1em 177px;
    }   
.feat-content .link-info img {
    float: left; 
    margin: 0 10px 10px 0;
    }    
.dcs-main .top-header {
    margin: 0;
    }    
.dcs-main .blurb {
    width: 95%;
    }    
.dcs-main .save-date li,
.dcs.article-archive .save-date li  {
    margin: 1em 2em 1em 0;
    }    
.dcs-main #sidenav .save-date li a,
.dcs.article-archive .save-date li a  {
   font-weight: bold;
   }    
.dcs-main #sidenav .save-date li .date {
   color: #FFF;
   } 
   
    
/* DCS SECTION 
------------------------------------------------------- */    
.dcs-section .archives li {
    margin: 1em 2em 1em 0;
    }    
.dcs-section #sidenav .archives li a {
    color: #FFF;}
.dcs-section #sidenav .archives li a:hover {
    color: #1774B7;}
.dcs-section #sidenav h4 {
    color: #1D73A0;
    font-size: 14px;
    letter-spacing: 1px;
    background:none;
    margin: 1em 0;
    padding: 0;
    }    
.dcs-section .top-feat .image-container {
    width: 310px;
    float: left; 
    }    
.dcs-section .top-feat .image-container img{
    margin: 0 5px 5px 0;
    }    
.dcs-section .top-feat {
    overflow: auto;
    }
.dcs-section .blurb {
    width: 90%;
    }    
    
/* 3 IMAGE LAYOUT
------------------------------------------------------ */
.slideshow-nav li {
    margin: 1em 2em 1em 0;
    }    
.slideshow-nav a {
    font-weight: bold;
    }    
    
.dcs-3image .image-container{
    width: 600px;
    text-align: center;
    margin-bottom: 2em;
    }
.dcs-3image #content p {
    width: 600px;
    }        
    
.dcs-3image .backnext {
    margin-right: 2em;
    }
    
    
/* GALLERY LAYOUT 
------------------------------------------------------ */
.dcs-gallery {}
.dcs-gallery h4    {
    background: none;
    margin-top: 0;
    font-size: 13px; 
    font-weight: normal;
    }    
.dcs-gallery p {
    width: 600px;
    }    
.dcs-gallery .gallery-intro  {
    width: 400px;
    }
 .dcs-gallery .gallery-intro  p{
    width: auto;
    }       
.dcs-gallery  .side {
    width: 210px;
    margin-bottom: 20px;
    }    
    
.gallery-area {
    width: 600px;
    overflow: auto;
    margin: 1em 0;
    }
.gallery-area .image-container{
    float: left;
    width: 390px;
    }
.gallery-area .image-container img {
    float: left;
    margin: 2px;
    }    
.gallery-area p {
    float: right;
    margin-right: 1em;
    width: auto;
    }    
#content .gallery-area .imagecap {
    font-size: 10px;
    color: #666;
    text-align:center !important;
    float: left;
    margin:2px 4px 0 0;
    width: 200px;
    }    
.gallery-area .backnext {
    float: right;
    width: 300px;
    margin: 5px 0;
    }    
.gallery-area .imagecap p {
    float:none;
    margin: 0; 
    padding: 0;
    }
.dcs-gallery .backnext {
    width: 300px;
    }        
.dcs-gallery .backnext p, 
.dcs-gallery .subnav-links p {
    width: auto;
    }        
    
/* DCS COLOR LAYOUT    
------------------------------------------------------ */    
#innerpage-2col.dcs-color {}
#innerpage-2col.dcs-color #content {
    width: 610px; 
    margin-left: 200px;
    }
#innerpage-2col.dcs-color #content .text {
    width: 550px;
    }   
/*    
.dcs-color .mood {
    float: left; 
    width: 300px;
    margin: 1em 0;
    }    
.dcs-color .image-container.poms {
    margin: 0 0 1em;
    width: 300px;
    float: left;
    } 
*/    
.dcs-color .mood { 
    margin: 1em 0;
    }    
.dcs-color .image-container.poms {
    margin: 0 0 1em;
    width: 600px;
    } 
        
.dcs-color #content .poms img{
    border: none;
    }    
            
.dcs-color #content .nextarticle p {
    width: auto;
    }    
.dcs-color .backnext {
    width: 300px;
    }    
    
/* ABOUT and PRODUCTS 
------------------------------------------------------ */        
#aboutpage-2col, 
#aboutpage-2col a, 
#aboutpage-2col #sidebar a,
#aboutpage-2col h3,
#aboutpage-2col h4,
#aboutpage-2col h5  { 
    color: #fff;
    }    
#aboutpage-2col a:hover {
    color: #97C6DF;
    }     
#aboutpage-2col #heading {
    background: url(/images/about_header.gif) repeat-y;
    background-color: none;
    }    
#aboutpage-2col #heading h1 {
    color: #94C9E4;
    }    
#aboutpage-2col #content p,
#aboutpage-2col #content ul{
    color: #97C6DF;
    }    
#aboutpage-2col #content a {
    color: #97C6DF;
    font-weight: bold;
    }        
#aboutpage-2col #content a:hover {
    color: #FFF;
    }            
#aboutpage-2col #content .blurb a {
    color: #FFF; 
    }
.about #sidenav ul li{
    font-weight: bold;
    padding: .3em 0;
    }
.about #sidenav ul li ul li{
    font-weight: normal;
    padding: 3px 0 0 12px;
    background: url(/images/arrow_blue.gif) no-repeat;
    background-position: 0 6px;
    }    
.about #content h2 {
    margin: 1em 0 0;
    letter-spacing: 1px;
    }    
.about #content h2.section{
    background: url(/images/dot_white.gif) repeat-x bottom;
    padding: 0 0 5px;
    color: #97C6DF; 
    margin: 2em 0 0;
    }
#aboutpage-2col #content .blurb h3 {
    font-size: 14px; 
    margin: 0; 
    }
#aboutpage-2col #content .contact {
    color: #fff;
    background: url(/images/dot_white.gif) repeat-x top;
    padding-top: 1px;
    margin: 0 0 2em;
    }    
#aboutpage-2col #content .contact h5{
    margin: 1em 0 0;
    }    
#aboutpage-2col #content .contact p{
    margin: 0 0 1em;
    color: #fff;
    }            
#aboutpage-2col #content .contact a{
    color: #fff;
    }    
#aboutpage-2col #content .blurb p{
    margin: 0 0 0 110px; 
    }        
    
/* COLLAGE LAYOUT
------------------------------------------------------ */
.dcs-collage .collage-main {
    overflow: auto;
    }
.dcs-collage .mood-image {
    height: 800px;
    min-height: 800px;
    padding:0;
    margin:0;
    }
.dcs-collage .collage-main .mood-image img{
    padding:0;
    margin:0;
    }
.dcs-collage .collage-main .overlay-text h3 {
    margin-top: 0;
    padding-top:0;
    }    
.dcs-collage .collage-main .overlay-text{
    margin-top: -535px;
    width: 305px;
    position: relative;
    min-height: 540px; /* this is what holds it all together */
    background-color:#FFFFFF;
    }
.dcs-collage .collage-main .overlay-text .backnext{
    float: none; 
    text-align: center;
    width: 305px;
    }    
.dcs-collage .collage-main .overlay-text .backnext ul{
    margin:0; 
    padding:0;
    list-style-type: none;
    text-align:center;    
    }

/* for checklist */    
.dcs-collage .image-container .imagecap img{
    margin:15px 15px 0 15px;
    }    
    
.dcs-collage #sidenav h4 {
    color: #1D73A0;
    font-size: 14px;
    letter-spacing: 1px;
    background:none;
    margin: 1em 0;
    padding: 0;
    }    
    
/* MAIN LINKS in sidebar back to main pages
------------------------------------------------------ */    
ul.main-links
ul.main-links a{
    font-weight: normal; 
    text-decoration:none;
    color: #1774B7;
    }
ul.main-links a:hover {
    color: #002F3E;
    }    
ul.main-links li {
    margin: 0 5em 2em 0;
    }

/* NOT SUBSCRIBED page 
------------------------------------------------------ */        
.not-subscribed #sidenav a {
    font-weight: bold;
    }
.not-subscribed #sidenav h4 {
    color: #1D73A0;
    font-size: 14px;
    letter-spacing: 1px;
    background:none;
    margin: 10px 0;
    padding: 0;
    }    
.not-subscribed .blurb-header{
    margin: 5px 0;
    padding: 0 0 5px 0;
    background: url(/images/dot_white.gif) repeat-x bottom;
    }    
.not-subscribed .blurb-header.white h2{
    color: #fff;
    }    
.not-subscribed #sidenav p{
    line-height: 1.4em;
    }    
    
/* Not Subscribed blurb */
.not-subscribed .blurb {
    margin: 0 0 20px 0;
    }    
.not-subscribed .blurb .link-info img{
    margin: 0 10px 0 0;
    float: left;
    background: url(/images/dot_medblue.gif) repeat-y left;
    }    
.not-subscribed .blurb p{
    margin: 0 0 1em;
    }        
    
#content .about-not-sub img {
    float: left;
    margin: 0 1em 0 0;
    border: none;
    }    
.about-not-sub p {
    margin-left: 110px;
    }        
    
p.return-nonsub {
    margin: 30px 0;
    }
p.return-nonsub a {
    font-weight: bold;
    color: #fff;
    background: url(/images/arrow_white_back.gif) no-repeat;
    background-position: 0 3px; 
    padding-left: 11px;
    }
p.return-nonsub a:hover {
    color: #1774B7;
    } 
 
/* larger right side area     */
#main-2col-rt.not-subscribed #content {
    margin: 2em 300px 20px 10px;
    min-width: 500px;
    }
#main-2col-rt.not-subscribed #sidenav {
    margin-top: 2em;
    }    
#main-2col-rt.not-subscribed #content p {
    max-width: none;
    }    
#main-2col-rt.not-subscribed #sidenav{ 
    width: 280px;
    }
.not-subscribed  #sidenav .inner > h4:first-child
 { margin-top:1em;}        
 
 
 
/* WEBSITE HELP 
------------------------------------------------------ */
.help #content{
    width: 600px; 
    }
.help #content form {
    margin: 0 0 0 20px;
    }
.help #content form p.field label {
    width: 130px;
    display: block;
    }
.help #content form p.field input {
    width: 150px;
    } 
 
 
/* MID-SITE LOGIN 
------------------------------------------------------ */
.midsite-login .col1 {
    width: 300px;
    float: left;
    margin: 20px 0 ;
    }    
    
.midsite-login .col2 {
    width: 400px;
    float: right;
    padding: 0 10px 0 20px;
    border-left: 1px solid #347DA3;
    margin: 0 0 20px 0;
    }
.midsite-login #signin {
    width: 300px;
    padding: 0;
    border-left: none;
    color: #FFF;
    float: left;
    margin: 10px 0 20px;
    /*border-right: 1px solid #347DA3; */
    }
.midsite-login h3 {
    color: #fff;
    }

/* Midsite login fields use same style as main login page */ 


/* CHECKLIST 
---------------------------------------------------- */
.checklist h4.section {
    color: #9BC9EB;
    text-transform: uppercase;   
    background: none;
    margin: 10px 0;
    }
.checklist-block {
    overflow: auto;   
}

.seasonal-book .checklist-block h4 {
    color: #9BC9EB; 
    background: url(/images/dot_ltblue.gif) repeat-x top; 
    padding: 5px 0;
    margin-top: 15px;
    text-transform: uppercase;
    letter-spacing: .2em;
    width: 100%;
    }    

.checklist-block.runway-reality {
    background: url(/images/dot_ltblue.gif) repeat-x top; 
    padding: 5px 0;
    margin-top:15px;
    }

.checklist-block.runway-reality h5{
    color: #1D73A0;
    font-size: 14px;
    /* text-transform: uppercase; */
    /* margin-top: 3em; */
    }

.seasonal-book .checklist-block.runway-reality h4,
.checklist-block.runway-reality h4{
    color: #9BC9EB; 
    background: none;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: uppercase;
    letter-spacing: .2em;
    width: 100%;
    }
 
/* EMail text box
---------------------------------------------------- */
.plaintext-box {
    background-color: #FFF;
    padding: 10px;
    height: 200px;
    width: 402px;
    border: 1px solid #666666;
    overflow: scroll;
}

/* FIRST email 
---------------------------------------------------- */
.FIRST .text {
    margin-top: 10px;
}
st