@charset "utf-8";
/* CSS Document */

A IMG {border: 0;}
IMG {border: 0;}

.dgWrap {width: 962px; height: auto; min-height: 100%; margin: 0 auto; float:left; }

.dgWrap .header {width: 100%;}
.dgWrap .header SPAN.dgHeaderCopy {display: block; padding: 250px 0 0 9px; width: 439px; font-size: 12px; line-height: 1.5em;}

.dgWrap .body {width: 99%; height: auto; min-height: auto; margin: 0 auto;}

.leftSide {height: auto; float: left;}
.rightSide {height: auto; float: left;}

.clear {clear: both; width: 100%;}

.galleryTable {margin: -7px 0 20px 0;}
.galleryTable TD.dgThumbTD {width: 141px; padding: 0; vertical-align: top;}
.galleryTable TD.dgThumbTD A {width: 141px; display: block; text-decoration: none; padding: 0 0 5px 0; line-height: 1.4em; font-size: 11px;}
.galleryTable TD.dgThumbTD A IMG {border: 1px solid #a7a7a7;}
.galleryTable TD.dgThumbTD A STRONG {padding: 0 5px; display: block; clear: left; color: #000000;}
.galleryTable TD.dgThumbTD A EM {padding: 0 5px; display: block; clear: left; font-style: normal;}
.galleryTable TD.dgThumbTD A SPAN {padding: 0 5px; display: block; clear: left; text-decoration: underline;}

/***** LANDING PAGE *****/

#landingPage {background: url(images/dgLandingPage/header.jpg) no-repeat;}

#landingPage .header {width: 100%; height: 370px;}

#landingPage .colorCompare {width: 100%; height: auto; min-height: 100%;}
#landingPage .colorCompare .head {background: url(images/dgLandingPage/colorCompare-head.jpg) no-repeat; width: 100%; height: 226px; float: left;}
#landingPage .colorCompare .head .text {display: block; padding: 80px 0 0 29px;}
#landingPage .colorCompare .head UL {width: 150px; line-height: 1.5em; list-style: none; margin: 0 0 0 30px; padding: 0;}
#landingPage .colorCompare .head UL LI EM {color: #8e1b58; font-weight: bold;}

#landingPage .colorCompare .body {background: url(images/dgLandingPage/colorCompare-body.jpg) repeat-y; width: 100%; height: auto; min-height: 100%; float: left;}
#landingPage .body .leftSide {width: 615px;}
#landingPage .body .rightSide {width: 317px; margin: 0 0 0 15px;}

#landingPage .colorCompare .body UL.compareDG {list-style: none; margin: 0; width: 598px; float: left; padding: 20px 0 0 20px; float: left;}
#landingPage .colorCompare .body UL.compareDG LI {float: left; margin: 0; padding: 0;}
#landingPage .colorCompare .body UL.compareDG LI.dg-without {width: 45%; padding: 0 0 10px 20px;}
#landingPage .colorCompare .body UL.compareDG LI.dg-image {margin: 0 0 15px 0;}

#landingPage .colorCompare .foot {background: url(images/dgLandingPage/colorCompare-foot.jpg) no-repeat; width: 100%; height: 21px; float: left;}

#landingPage A.viewDesigns {background: url(images/dgLandingPage/button-viewOurDesigns.jpg) no-repeat; width: 317px; height: 117px; display: block; overflow: hidden; text-indent: -1500px; margin: 0 0 15px 0;}
#landingPage A.browseProducts {background: url(images/dgLandingPage/button-BrowseEligibleProducts.jpg) no-repeat; width: 317px; height: 117px; display: block; overflow: hidden; text-indent: -1500px}

#landingPage .rightSide .copy {font-size: 12px; line-height: 1.5em; margin: 10px 0 0 0; color: #575757;}
#landingPage .rightSide .copy UL {margin-top: 10px;}
#landingPage .rightSide .copy UL LI {margin-bottom: 10px;}


/***** DESIGNS PAGE *****/

#designsPage .header {background:url(images/dgDesignsPage/bg-header.jpg) no-repeat; height: 474px;}
#designsPage .header UL {margin: 0; padding: 250px 0 0 34px; list-style: none;}
#designsPage .header UL LI {float: left; font-size: 12px; line-height: 1.7em;}

#designsPage .header UL LI.left {width: 619px; height: auto;}
#designsPage .header UL LI.left P {width: 577px;}

#designsPage .header UL LI.right {width: 278px; height: auto; text-align: right; font-weight: bold; font-size: 13px;}
#designsPage .header UL LI.right .highlight {color: #9e1f62; font-size: 18px; line-height: 1.6em;}

#designsPage .header UL LI.right .headerButton {display: block; width: auto; float: right; margin: 20px 0 0 0; text-decoration: none; color: #ffffff;}
#designsPage .header UL LI.right .headerButton SPAN {float: left; display: block;}
#designsPage .header UL LI.right .headerButton SPAN.left {background: url(images/dgDesignsPage/header-button-left.jpg) left no-repeat; height: 53px; width: 48px;}
#designsPage .header UL LI.right .headerButton SPAN.middle {background: url(images/dgDesignsPage/header-button-mid.jpg) repeat-x; height: 53px; line-height: 4em; padding: 0 0 0 5px;}
#designsPage .header UL LI.right .headerButton SPAN.right {background: url(images/dgDesignsPage/header-button-right.jpg) right no-repeat; height: 53px; width: 26px;}

#designsPage .header UL LI.right .dgHomeLink {display: block; width: 223px; border-top: 1px solid #d6d6d6; padding: 3px 0 0 0; float: right; font-size: 11px; color: #9e1f62; margin: 10px 16px 0 0; text-align: center; text-decoration: none;}

#designsPage .body .section {width: 100%; height: auto; background: url(images/dgDesignsPage/section-bg.jpg) repeat-x bottom; margin: 40px 0 0 0; float: left;}
#designsPage .body .section .leftSide {width: 301px; height: auto; float: left;}
#designsPage .body .section .leftSide .dgTitle {width: 301px; height: 34px; margin: 0 0 20px 0; padding: 0; background: url(images/dgDesignsPage/bg-dg-titles.gif) right no-repeat;}
#designsPage .body .section .leftSide .dgTitle .text {padding: 7px 0 0 10px; display: block; font-size: 18px; color: #ffffff; font-weight: bold; text-decoration: none;}

#designsPage .body .section .toggleButton {display: block; width: auto; float: right; margin: 0; text-decoration: none; color: #ffffff; cursor: pointer;}
#designsPage .body .section .toggleButton SPAN {float: left; display: block; font-weight: bold; font-size: 12px;}
#designsPage .body .section .toggleButton SPAN.left {background: url(images/dgDesignsPage/toggle-button-left.jpg) left no-repeat; height: 37px; width: 34px;}
#designsPage .body .section .toggleButton SPAN.middle {background: url(images/dgDesignsPage/toggle-button-mid.jpg) repeat-x; height: 37px; line-height: 3em; padding: 0 0 0 5px;}
#designsPage .body .section .toggleButton SPAN.right {background: url(images/dgDesignsPage/toggle-button-right.jpg) right no-repeat; height: 37px; width: 17px;}

#designsPage .body .section .rightSide {width: 636px; height: auto; }

.dgDesignTD A {display: block; text-decoration: none; padding: 0 0 5px 0; line-height: 1.4em; font-size: 11px;}
.dgDesignTD A IMG {border: 1px solid #a7a7a7;}
.dgDesignTD A STRONG {padding: 0 5px; display: block; clear: left; color: #000000;}
.dgDesignTD A EM {padding: 0 5px; display: block; clear: left; font-style: normal;}
.dgDesignTD A SPAN {padding: 0 5px; display: block; clear: left; text-decoration: underline;}

/***** PRODUCTS PAGE *****/

#productsPage .header {background: url(images/dgDesignsPage/bg-header-products.jpg) no-repeat; height: 474px;}
#productsPage .header UL {margin: 0; padding: 250px 0 0 34px; list-style: none;}
#productsPage .header UL LI {float: left; font-size: 12px; line-height: 1.7em;}

#productsPage .header UL LI.left {width: 619px; height: auto;}
#productsPage .header UL LI.left P {width: 577px;}

#productsPage .header UL LI.right {width: 278px; height: auto; text-align: right; font-weight: bold; font-size: 13px;}
#productsPage .header UL LI.right .highlight {color: #9e1f62; font-size: 18px; line-height: 1.6em;}

#productsPage .header UL LI.right .headerButton {display: block; width: auto; float: right; margin: 20px 0 0 0; text-decoration: none; color: #ffffff;}
#productsPage .header UL LI.right .headerButton SPAN {float: left; display: block;}
#productsPage .header UL LI.right .headerButton SPAN.left {background: url(images/dgDesignsPage/header-button-left.jpg) left no-repeat; height: 53px; width: 48px;}
#productsPage .header UL LI.right .headerButton SPAN.middle {background: url(images/dgDesignsPage/header-button-mid.jpg) repeat-x; height: 53px; line-height: 4em; padding: 0 10px;}
#productsPage .header UL LI.right .headerButton SPAN.right {background: url(images/dgDesignsPage/header-button-right.jpg) right no-repeat; height: 53px; width: 26px;}

#productsPage .header UL LI.right .dgHomeLink {display: block; width: 203px; border-top: 1px solid #d6d6d6; padding: 3px 0 0 0; float: right; font-size: 11px; color: #9e1f62; margin: 10px 5px 0 0; text-align: center; text-decoration: none;}

#productsPage .body .section {width: 100%; height: auto; background: url(images/dgDesignsPage/section-bg.jpg) repeat-x bottom; margin: 40px 0 0 0; }
#productsPage .body .section .leftSide {width: 301px; height: auto; float: left;}
#productsPage .body .section .leftSide .dgTitle {width: 301px; height: 34px; margin: 0 0 20px 0; padding: 0; background: url(images/dgDesignsPage/bg-dg-titles.gif) right no-repeat;}
#productsPage .body .section .leftSide .dgTitle .text {padding: 7px 0 0 10px; display: block; font-size: 18px; color: #ffffff; font-weight: bold; text-decoration: none;}

#productsPage .body .section .toggleButton {display: block; width: auto; float: right; margin: 0; text-decoration: none; color: #ffffff; cursor: pointer;}
#productsPage .body .section .toggleButton SPAN {float: left; display: block; font-weight: bold; font-size: 12px;}
#productsPage .body .section .toggleButton SPAN.left {background: url(images/dgDesignsPage/toggle-button-left.jpg) left no-repeat; height: 37px; width: 34px;}
#productsPage .body .section .toggleButton SPAN.middle {background: url(images/dgDesignsPage/toggle-button-mid.jpg) repeat-x; height: 37px; line-height: 3em; padding: 0 0 0 5px;}
#productsPage .body .section .toggleButton SPAN.right {background: url(images/dgDesignsPage/toggle-button-right.jpg) right no-repeat; height: 37px; width: 17px;}

#productsPage .body .section .rightSide {width: 636px; height: auto; margin: 0 0 0 12px}

.rightSide .thumbnail { float:none; height: 300px; }