/*
	Color key:
		Top banner background : #7E7165 (brown)
		Outer background color : #C1C7BA (green-grey)
		Content section border color : #000
*/

body#design-trade-program div#header div.nav ul#nav-design-trade-program.nav-sub li { margin-left : 0.8em; }

body#design-trade-program h1 { background-color : #7E7165; margin-bottom : 0.136em; }
div#content { background-color : #fff; }

body#design-trade-program div.outerContainer      { background-color : #c1c7ba; padding : 4em 6.2em; }
body#design-trade-program div.innerContainer      { background-color : #fff; border : 0.1em solid black; padding : 0.3em; }
body#design-trade-program div.content             { border : 0.2em solid black; text-align : left; color : #666; }
body#design-trade-program div.content p           { color : #666; }
body#design-trade-program div.content h2          { color : #896b27; font : bold 1.4em Verdana; padding : 0 0 0.714em 0; margin : 0; } /* font-size 14px */
body#design-trade-program div.content div.copy    { padding : 3.18em 3.18em 2.27em 3.18em; font : 1.1em Verdana; line-height : 1.63em; overflow : hidden; } /* font-size 11px */
body#design-trade-program div.content div.copy p  { padding : 0 0 0.9em 0; margin : 0; }
body#design-trade-program div.content div.copy ul { padding : 0.9em 0 0 1.8em; margin : 0; list-style : disc; color : #666; }
body#design-trade-program div.content div.copy ol { padding : 0.9em 0 0 1.8em; margin : 0; color : #666; }

body#design-trade-program ul.logos                { list-style : none; padding : 0 0 5px 0; margin : 0; overflow : hidden; height : 36px; }
body#design-trade-program ul.logos li             { float : left; padding-left : 1.1em; }
body#design-trade-program ul.logos li img.logo-pb { width : 13.2em; height : 3.2em; border : 0; }
body#design-trade-program ul.logos li img.logo-pk { width : 10em; height : 3.2em; border : 0; }
body#design-trade-program ul.logos li img.logo-pt { width : 2.9em; height : 3.2em; border : 0; }
body#design-trade-program ul.logos li img.logo-we { width : 5.9em; height : 3.2em; border : 0; }
body#design-trade-program ul.logos li img.logo-ws { width : 12.3em; height : 3.2em; border : 0; }
body#design-trade-program ul.logos li img.logo-wh { width : 8.8em; height : 3.2em; border : 0; }

body#design-trade-program div.outerContainer p.fine-print   { text-align : left; margin : 1em 0 0 0; color : #666; }
body#design-trade-program div.outerContainer p.fine-print a,
body#design-trade-program div.outerContainer p.fine-print a:visited { text-decoration : underline; color : #666; }
body#design-trade-program div.outerContainer p.fine-print a:active,
body#design-trade-program div.outerContainer p.fine-print a:hover   { color : #000; }

body#design-trade-program div.copy img { float : left; padding : 0 1.54em 0.9em 0; }

/* Design Trade Program Membership Cards */
body#design-trade-program div.content div.copy ul.cards-and-benefits,
body#design-trade-program-popup div#wrap div.copy ul.cards-and-benefits { list-style : none outside; overflow : hidden; width : 49em; margin : 0; padding : 0; border : 1px; }
body#design-trade-program div.content div.copy ul.cards-and-benefits li { float : left;  border-right : 1px; padding : 0 1em; width : 14em; height : 23em; text-align : center; }
body#design-trade-program-popup div#wrap div.copy ul.cards-and-benefits li { float : left;  border-right : 1px; padding : 0 1em; width : 14em; height : 23em; text-align : center; padding-right : 13px; }
body#design-trade-program div.content div.copy ul.cards-and-benefits li.last {padding-left : 15px; border-right : 0 none; }
body#design-trade-program-popup div#wrap div.copy ul.cards-and-benefits li.last {padding-left : 10px; border-right : 0 none; padding-right : 8px; }
body#design-trade-program div.content div.copy ul.cards-and-benefits li h3,
body#design-trade-program-popup div#wrap div.copy ul.cards-and-benefits li h3 { font-weight : bold; color : #666; font-size : 1em !important; margin : 0.5em 0; }
body#design-trade-program div.content div.copy ul.cards-and-benefits li img,
body#design-trade-program-popup div#wrap div.copy ul.cards-and-benefits li img { float : none; padding : 0; margin-bottom : 0.5em; }
/* /Design Trade Program Membership Cards */


/* Landing */
body#design-trade-program div.wsi-dtp-logo           { text-align : center; margin : 4.4em auto; }
body#design-trade-program div.content div.landing    { padding-top : 0; height : 30.9em; }
body#design-trade-program div.copy div.landing img   { float : left; padding-bottom : 0px; }
body#design-trade-program div.content div.landing ul { padding-top : 1.2em; margin : 0; list-style-position : inside; }
body#design-trade-program div.content div.landing ul li a,
body#design-trade-program div.content div.landing ul li a:visited { color : #9a9581; text-decoration : none; }
body#design-trade-program div.content div.landing ul li a:active,
body#design-trade-program div.content div.landing ul li a:hover { color : #666; }
/* /Landing */

/* Program Overview */
body#design-trade-program img.hero-overview { width : 22.63em; height : 29em; border : 0; }
/* /Program Overview */

/* Become A Member */
body#design-trade-program div.content div.member-page img.hero-member-page { width : 20.27em; height : 22.63em; border : 0; }
body#design-trade-program div.content div.member-page img.pdf-link         { width : 20.27em; height : 4.09em; border : 0; }
body#design-trade-program div.content div.member-page a                    { text-decoration : underline; color : #666; }
body#design-trade-program div.content div.member-page div                  { float : right; padding : 0 0 0 1.09em; }
body#design-trade-program div.content div.member-page div img              { float : none; padding : 0 0 0.91em 0; }
body#design-trade-program div.content div.member-page h2                   { padding-bottom : 0.45em; }
body#design-trade-program div.content div.member-page ul                   { padding : 0.91em 0 1.36em 1.36em; list-style : disc; }
body#design-trade-program div.content div.member-page ul li                { margin : 0; padding : 0; }
body#design-trade-program div.content div.member-page ul li ul             { padding : 0 0 0.45em 2.27em; list-style : disc; }
body#design-trade-program div.content div.member-page ul li ul li          { font-size : 0.91em; }
/* /Become A Member */

/* Our Brands */
body#design-trade-program div.content div.brands div             { padding : 1.81em 0; border-bottom : 1px solid #c1c7ba; overflow : hidden; }
body#design-trade-program div.content div.brands div.first       { padding-top : 0; }
body#design-trade-program div.content div.brands div.last        { padding-bottom : 0; border-bottom : none; }
body#design-trade-program div.content div.brands div img         { float : left;  }
body#design-trade-program div.content div.brands div p           { margin-left : 19.54em; font : 1em "Verdana"; line-height : 1.63em;  } /* font-size : 11px */
body#design-trade-program div.content div.brands div p a,
body#design-trade-program div.content div.brands div p a:visited { text-decoration : underline; color : #8e6c26; padding-right : 0.91em; background : url('../images/design-trade-program/arr_brands-link.gif') no-repeat right; }
body#design-trade-program div.content div.brands a:active,
body#design-trade-program div.content div.brands a:hover         { color : #666; }
body#design-trade-program div.content div.brands img.logo-pb     { width : 17.81em; height : 2.09em; border : 0; }
body#design-trade-program div.content div.brands img.logo-pk     { width : 16.72em; height : 3.45em; border : 0; }
body#design-trade-program div.content div.brands img.logo-pt     { width : 11.54em; height : 4.81em; border : 0; }
body#design-trade-program div.content div.brands img.logo-we     { width : 13.91em; height : 3.81em; border : 0; }
body#design-trade-program div.content div.brands img.logo-ws     { width : 17.81em; height : 2.72em; border : 0; }
body#design-trade-program div.content div.brands img.logo-wh     { width : 15.18em; height : 4.72em; border : 0; }
/* Our Brands */

/* FAQs */
body#design-trade-program div.content div.faqs                     { color : #000; }
body#design-trade-program div.content div.faqs ul                  { padding : 0; margin : 0 0 1.81em 1.4em; list-style-position : inside; list-style : disc; }
body#design-trade-program div.content div.faqs ol                  { padding : 0; margin : 0 0 1.81em 1.4em; list-style-position : inside;  }
body#design-trade-program div.content div.faqs h2                  { padding : 0.9em 0 0.45em 0; }
body#design-trade-program div.content div.faqs h3                  { color : #896b27; font : bold 1.27em Verdana; padding : 0; margin : 1.43em 0 0 0; }
body#design-trade-program div.content div.faqs p                   { font-size : 1em; padding : 0; margin : 0 0 1.81em 1.4em; } /* font-size : 11px */
body#design-trade-program div.content div.faqs p.fine-print        { font-size : 1em; color : #666; padding : 0.9em 0 0 0; margin : 0.9em 0; border-top : 0.09em solid #ccc; } /* font-size : 11px */
body#design-trade-program div.content div.faqs a                   { font-size : 1em; text-decoration : underline; color : #666; } /* font-size : 11px */
body#design-trade-program div.content div.faqs p.back-to-top       { margin : 2.72em 0 0 0; padding-bottom : 30px; border-bottom : 0.09em solid #ccc; }
body#design-trade-program div.content div.faqs p.back-to-top.last  { padding-bottom : 0; border-bottom : none; }
body#design-trade-program div.content div.faqs table               { width : 48.54em; }
body#design-trade-program div.content div.faqs table tr            { margin : 0 0 0.9em 0; }
body#design-trade-program div.content div.faqs table tr td         { font-size : 1em; padding : 0 0 0.9em 0.9em; color : #666; } /* font-size : 11px */
body#design-trade-program div.content div.faqs table tr td h3      { font-size : 1em; padding : 0; margin : 0; } /* font-size : 11px */
/* /FAQs */

/* Contact Us */
body#design-trade-program div.content div.contact-us div.wsi-dtp-logo        { text-align : center; margin : 0 auto 2.72em auto; }
body#design-trade-program div.content div.contact-us div.wsi-dtp-logo img    { float : none; }
body#design-trade-program div.content div.contact-us div.link-block          { padding : 1.81em 0; background-color : #f2f3f0; font : 1em Verdana; line-height : 1.63em; text-align : center; }
body#design-trade-program div.content div.contact-us div.link-block a        { text-decoration : underline; color : #666; }
body#design-trade-program div.content div.contact-us div.link-block h3       { color : #666; font : bold 1.18em Verdana; padding : 0; margin : 0; }
body#design-trade-program div.content div.contact-us div.link-block div.note { font : 1em Verdana; padding : 1.81em 0 0 0; }
/* /Contact Us */

/* TODL Hidden Page */
body#design-trade-program div.content div.copy.todl             { padding-top : 0; color : #666; }
body#design-trade-program div.content div.todl p                { padding-bottom : 1.36em; }
body#design-trade-program div.content div.todl p.emphasis       { font-weight : bold; }
body#design-trade-program div.content div.todl a,
body#design-trade-program div.content div.todl a:visited        { text-decoration : underline; color : #8e6c26; padding-right : 0.9em; background : url('../images/design-trade-program/arr_brands-link.gif') no-repeat right; }
body#design-trade-program div.content div.todl a:active,
body#design-trade-program div.content div.todl a:hover          { color : #666; }
body#design-trade-program div.content div.todl div              { float : right; padding : 0 0 0 1.09em; }
body#design-trade-program div.content div.todl div img          { float : none; padding : 0 0 0.9em 0; }
body#design-trade-program div.content div.todl div p.emphasis   { font-size : 1.09em; padding : 0; font-weight : bold; }
body#design-trade-program div.content div.todl h2               { padding-bottom : 0.45em; }
body#design-trade-program div.content div.todl ul               { padding : 0 0 0.9em 1.36em; list-style : disc; }
body#design-trade-program div.content div.todl ul li            { margin : 0 0 0 1.36em; padding : 0 0 1.36em 0; }
body#design-trade-program div.content div.todl img.todl-ani     { width : 20.27em; height : 22.63em; border : 0; }
body#design-trade-program div.content div.todl img.todl-wh-logo { width : 20.27em; height : 6.91em; border : 0; }
/* /TODL Hidden Page */

/* Terms and Conditions Popup */
body#design-trade-program-popup div#header,
body#design-trade-program-popup div#footer                    { display : none; }
body#design-trade-program-popup                               { padding : 3em; margin : 0; }
body#design-trade-program-popup div#wrap                      { width : 100%; }
body#design-trade-program-popup div.title-section             { padding-bottom : 1em; }
body#design-trade-program-popup div.title-section div.actions { margin : 0 0 0.5em 0; text-align : right; }
body#design-trade-program-popup div.title-section h1          { font-size : 2em; color : #963; text-align : left; background-color : #fff; padding : 0 0 0.1em 0; border-bottom : 1px solid #963; }
body#design-trade-program-popup div.copy h2                   { font-size : 1.1em; padding-bottom : 0.5em; color : #963; }
body#design-trade-program-popup div.copy p                    { font-size : 1.1em; padding-bottom : 1.5em; color : #666; line-height : 1.4em; } /* font-size : 11px */
body#design-trade-program-popup div.copy p.list-follows       { padding-bottom : 0.4em; } /* font-size : 11px */
body#design-trade-program-popup div.copy ul                   { padding : 0 0 1.5em 2.5em; list-style : disc; color : #666; }
body#design-trade-program-popup div.copy ul li                { margin : 0; padding : 0 0 0.5em 0; }
body#design-trade-program-popup div.copy ul li ul             { padding : 0.5em 0 0 2.5em; list-style : disc; }
body#design-trade-program-popup div.copy ul li ul li          { margin : 0; padding : 0 0 0.5em 0; }
/* /Terms and Conditions Popup */


/* Select a Brand */
body#design-trade-program div.select-brand div.outerContainer	{ padding:1.5em 1.7em; }
body#design-trade-program div.select-brand div.content	{ padding:1em 1em 2em; }
body#design-trade-program div.select-brand div#brands-list	{ float:left; width:45.5em; }
body#design-trade-program div.select-brand div#brands-list ul li	{ float:left; margin: 2em .2em 0; border: 1px solid #C1C7BA; width: 14.5em; padding: .5em 0; }
body#design-trade-program div.select-brand div#brands-list ul li a img	{ display: block; margin: 0 auto; }

body#design-trade-program div.select-brand div#information-block	{ margin: 0 0 0 45.8em; border:1px solid #D7D7D7; height: 16.4em; padding: 0 1.5em; width:18.5em; }
body#design-trade-program div.select-brand h3	{ font-size: 1.2em; font-weight: bold; padding: 1.3em 0 .5em; }
body#design-trade-program div.select-brand div#information-block p	{ line-height: 1.2em; }
/* /Select a Brand */

/* Shop Online / Preferred Business Program */
body#design-trade-program div.shop-online { overflow : hidden; border : 1px solid #000; padding : 1.5em; }
body#design-trade-program div.brand-selection { float : left; width : 45em; }
body#design-trade-program div.brand-selection h2 { font-size : 1.8em; font-weight : bold; color : #896B27; }
body#design-trade-program div.brand-selection p { padding : 1.5em 0 1em; }
body#design-trade-program div.brand-selection ul li { float : left; width : 21em; height : 10em; border : 1px solid #666; margin : 0 1em 1em 0; position : relative; }
body#design-trade-program div.brand-selection ul li.unavailable { filter : alpha(opacity=50); opacity : 0.5; background-color : #ccc; }
body#design-trade-program div.brand-selection ul li.unavailable span { display : block; position : absolute; bottom : 0.5em; left : 5.6em; font-size : 1.2em; }
body#design-trade-program div.brand-selection ul li.pb { }
body#design-trade-program div.brand-selection ul li.pk { }
body#design-trade-program div.brand-selection ul li.pt { clear : left; }
body#design-trade-program div.brand-selection ul li.we { }
body#design-trade-program div.brand-selection ul li.ws { clear : left; }
body#design-trade-program div.brand-selection ul li.wh { }
body#design-trade-program div.information-block { margin-left : 46em; border : 1px solid #000; padding : 1em; }
body#design-trade-program div.information-block h3 { font-size : 1.2em; color : #896B27; }
body#design-trade-program div.information-block h3.not-a-member { padding-top : 1em; }
body#design-trade-program div.information-block ul li { list-style : outside disc; margin-left : 1.3em; }
body#design-trade-program div.brand-selection p,
body#design-trade-program div.information-block ul li,
body#design-trade-program div.information-block p { font-size : 1.1em; line-height : 1.3em; }
/* /Shop Online / Preferred Business Program */