body {font-family:Trebuchet MS, arial; background-color:#d1d8e1; padding:0px; margin:0px;}
form {padding:0px; margin:0px;}
.bodyBlock {width:780px; padding:0px; margin:0px;}
.container {position:relative; width:780px; padding:0px; margin:0px; background:url(../graphics/logo.gif) left top no-repeat #FFFFFF;}
.header {position:relagtive; width:780px; height:61px; padding:0px; margin:0px;}

.homeNewsletter {position:absolute; top:17px; left:475px; width:305px; height:44px; background:#809db0 !important; z-index:51; padding:0px; margin:0px; }
.homeNewsletter p {padding:15px 0px 0px 0px; margin:0px;}

.utility {text-align:right; position:absolute; top:0px; left:475px; width:295px; height:44px; z-index:5; line-height:14px; padding:0px; margin:0px; }
.utility a {color:#FFFFFF; font-size:11px; font-family:Trebuchet MS, arial; text-decoration:none;}
.utility a.mid {margin:0px 20px 0px 20px;}

.imgHeaderBlock {background:#667b8F; padding:0px; margin:0px; position:absolute; top:0px; width:650px; height:61px; left:130px; z-index:3;}
.imgHeaderBlock:after {content: '[DO NOT LEAVE IT IS NOT REAL]';display: block;height: 0;clear: both;	visibility: hidden;}
.imgHeader {padding:0px; margin:0px; float:left; top:0px; width:105px; height:61px; left:0px; z-index:3;}
.imgHeader2 {padding:0px; margin:0px; float:left; top:0px; width:105px; height:61px; left:105px; z-index:3;}

.prFlagBlock {opacity: 0.3; filter: alpha(opacity=30);background:#FFFFFF; position:absolute; top:0px; width:105px; height:61px; left:130px; z-index:4;}
.prFlag {background:url(../graphics/prFlag.gif) no-repeat right 21px; position:absolute; top:0px; width:105px; height:61px; left:120px; z-index:5; padding:0px; margin:0px;}
.prFlag p {padding:21px 0px 0px 0px; color:#FFFFFF;  font-size:11px; margin:0px;}

.hiddenLogo {position:absolute; left:0px; top:0px;}

.mainContent {width:780px; padding:0px; margin:0px; display:inline-block; position:relative;}
.mainContent:after {content: '[DO NOT LEAVE IT IS NOT REAL]';display: block;height: 0;clear: both;	visibility: hidden;}
.homeBlock {margin:0px; padding:0px; width:780px;}
.homeBlock:after {content: '[DO NOT LEAVE IT IS NOT REAL]';display: block;height: 0;clear: both;	visibility: hidden;}
.homeLeft {float:left; text-align:left; width:475px; margin:0px; padding:0px;}
.homeRight {float:left; background-color:#FFFFFF; width:305px; margin:0px; padding:0px;}

.homeNav {background-color:#809db0; height:26px; padding:0px; margin:0px;}
.homeNav ul {margin:0px; padding:0px;}
.homeNav ul li {cursor:pointer; height:26px; list-style:none; float:left; margin:0px;  padding:0px 9px 0px 9px;}
.homeNav ul li.first {padding:0px 11px 0px 10px;}
.homeNav ul li p {color:#FFFFFF; font-size:13px; text-align:center; margin:0px; padding:3px 0px 0px 0px;}
.homeNav ul li.on {background-color:#aac1d1;}
.homeNav ul li.on p {color:#334658; font-size:13px; text-align:center; margin:0px; padding:3px 0px 0px 0px;}

.homeShades {padding:0px; margin:0px;}
.homeShades ul {margin:0px; padding:0px;}
.homeShades ul li {cursor:pointer; width:95px; height:28px; list-style:none; float:left; margin:0px; padding:0px;}
.homeShades ul li p {text-align:center; margin:0px; padding:10px 0px 0px 0px;}

.swatchText {cursor:default; width:95px; text-align:center; position:absolute; margin:0px; padding:3px 0px 0px 0px; text-align:center; color:#FFFFFF; font-family:Trebuchet MS, arial; font-size:13px;}
.swatch {display:none; width:95px; height:62px; position:absolute; top:278px; left:0px; padding:0px; margin:0px;}
.Color1Swatch {position:absolute; left:0px !important;}
.Color2Swatch {left:95px;}
.Color3Swatch {left:190px;}
.Color4Swatch {left:285px;}
.Color5Swatch {left:380px;}
.mainImage {width:475px; height:253px; padding:0px; margin:0px;}
.homeText {clear:both; width:475px; height:211px; padding:0px; margin:0px; background-position:repeat-x;}
.Color2Text {background:url(../graphics/Color2Text.gif) repeat-x;}
.Color3Text {background:url(../graphics/Color3Text.gif) repeat-x;}
.Color5Text {background:url(../graphics/Color5Text.gif) repeat-x;}
.Color1Text {background:url(../graphics/Color1Text.gif) repeat-x;}
.Color1Text {background:url(../graphics/Color1Text.gif) repeat-x;}
.Color4Text {background:url(../graphics/Color4Text.gif) repeat-x;}
.homeText .text {float:left; width:380px; height:211px; padding:0px; margin:0px;}
.homeText .imgs {float:left; width:95px; margin:0px; padding:0px;}
.homeText .imgs div {width:95px; margin:0px; padding:0px;}

.footer {clear:both; background-color:#667b8f; height:15px; padding:0px; margin:0px; line-height:15px; font-size:15px;}
.footer p {margin:0px; padding:0px; font-size:10px; font-family:arial; color:#FFFFFF;}
.footer p a {font-size:10px; font-family:arial; color:#FFFFFF;}
.footer p.copyright {float:left; line-height:15px; height:15px; padding-left:5px;}
.footer p.disclaimer {float:right; line-height:15px; height:15px; padding-right:5px;}

.homeTitle {margin:0px; padding:15px 0px 0px 15px;}
#defaultData, #mixData, #naturalData, #flavorsData, #connectionData {display:none;}
.homeData {padding:15px 15px 5px 15px; margin:0px; color:#000000; font-size:11px; font-family: Trebuchet MS, Arial;}

.homeNewsletter {font-family:Trebuchet MS, arial; font-size:10px; color:#FFFFFF;}
.inputNewsletter {width:140px; height:14px; font-family:arial; font-size:10px; color:#809db0; border:0px; margin:0px 2px 0px 8px;}
.newsletterButton {text-decoration:none; font-size:11px; color:#FFFFFF; border:0px; background:transparent; }

.homeRight h3 {text-align:left; margin:0px; padding:0px 0px 0px 5px;}
.homeRight h3 p {line-height:15px; margin:0px; padding:0px; font-family:Trebuchet MS, arial; font-size:13px;  font-weight:normal;}
.homeRightImage {margin:0px; padding:0px 0px 0px 0px;}

.homePainter {color:#bf6938;}
.homePicker {color:#7da2bc;}
.homeExpert {color:#318284;}
.homePromotions {color:#cd4768;}
.homeEvents {color:#b11a20;}

.events {width:218px; height:80px; background:url(../graphics/homeEvents.jpg) no-repeat; margin:1px 0px 0px 0px; padding:0px 0px 0px 77px;}
.events p {height:15px; background:url(../graphics/event.gif) no-repeat; text-align:left; line-height:15px; margin:0px 0px 1px 0px; padding:0px 0px 0px 15px; }
.events p a {width:203px; font-family:verdana; font-size:10px; font-weight:bold; color:#666666; text-decoration:none;}
.events p.row1 {background-color:#e0e0e0;}
.events p.row2 {background-color:#f1f1f1;}

.leftNav {text-align:left; background-color:#FFFFFF; width:130px; padding:0px 0px 0px 0px; margin:0px; float:left;}
.main {text-align:left; width:650px; padding:0px; margin:0px; float:left;}

.leftNav ul {width:130px; background-color:#667b8f; margin:0px 0px 0px 0px; padding:26px 0px 6px 0px;}
.leftNav ul li.on {background-color:#95a4b2 !important;}
.leftNav ul p {line-height:16px; margin:0px 0px 0px 0px; padding:2px 0px 2px 5px;}
.leftNav ul p a {font-size:12px;}

.leftnav ul ul {background-color:#8c9eaf; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-top:1px solid #818f9d; border-bottom:1px solid #90adc0;}
.leftNav ul ul li.on {background-color:#afbbc7 !important;}
.leftNav ul ul p {line-height:14px; margin:0px 0px 0px 0px; padding:2px 0px 2px 10px;}
.leftNav ul ul p a {color:#2d3c57; font-size:11px;}

.leftNav ul ul ul {background-color:#8c9eaf; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px;}
.leftNav ul ul ul li.on {background-color:#e8ecef !important;}
.leftNav ul ul ul p {line-height:13px; margin:0px 0px 0px 0px; padding:2px 0px 2px 15px;}
.leftNav ul ul ul p a {color:#FFFFFF; font-size:11px;}
.leftNav ul ul ul li.on p a {color:#667b8f;}

.leftNav li {list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.leftNav p {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.leftNav p a {color:#FFFFFF; font-family:helvetica;  text-decoration:none;}

.subNav {width:150px; position:absolute; z-index:50; padding:0px; margin:0px;}
.subNav ul {width:150px; background-color:#aac1d1; margin:0px; padding:0px 0px 0px 0px;}
.subNav ul li {cursor:pointer; list-style:none; margin:0px;  padding:1px 9px 1px 9px;}
.subNav ul li p {color:#334658; font-size:12px; margin:0px; padding:0px 0px 0px 0px;}
.subNav ul li p a {text-decoration:none;color:#334658; font-size:12px; margin:0px; padding:0px 0px 0px 0px;}
.subNav ul li.on {background-color:#aac1d1;}
.subNav ul li.on p {font-weight:bold; color:#334658; font-size:12px; margin:0px; padding:0px 0px 0px 0px;}
.subNav ul li.on p a {text-decoration:none; font-weight:bold; color:#334658; font-size:12px; margin:0px; padding:0px 0px 0px 0px;}
 
.subNav1 ul {width:103px;}
.subNav2 ul {width:137px;}
.subNav3 ul {width:144px;}
.subNav4 ul {width:143px;} 
#subNav1 {display:none; left:0px;}
#subNav2 {display:none; left:84px;}
#subNav3 {display:none; left:132px;}
#subNav4 {display:none; left:231px;}
#subNav5 {display:none; left:353px;}
#subNav6 {display:none; left:423px;}

.mainCopyImage {width:650px; padding:0px; margin:0px; float:left;}
.mainCopy {background-color:#FFFFFF; width:650px; display:block; padding:0px; margin:0px;}
.mainCopy:after {content: '';display: block;height: 0;clear: both;	visibility: hidden;}
.mainCopy .copy {float:left; padding:0px 0px 0px 0px; margin:0px;  width:520px;}
.mainCopy .fullCopy {float:left; padding:0px 0px 0px 0px; margin:0px;  width:650px;}

.mainCopy .copy p {padding:5px 20px 0px 0px; margin:0px;}
.mainCopy .copy p.title {padding:20px 0px 0px 20px; margin:0px;}
.mainCopy .copy p.colors {padding:0px 0px 0px 0px;}

.mainCopy .sideImage {width:130px; padding:0px; margin:0px; position:absolute; left:650px; z-index:5;}

.mainCopy .copy .copyContent {float:left; padding:0px 0px 0px 20px; margin:0px; width:520px;}
.mainCopy .copy .sectionContent {float:left; padding:0px 0px 0px 20px; margin:0px; width:650px;}
.mainCopy .copy .sideImage {float:left; padding:0px 0px 0px 0px; margin:0px;  width:130px;}

.mainCopy .copy .content {padding-left:0px;}
.mainCopy .fullCopy .content {padding-left:20px;}

.mainCopy .fullCopy .copyContent {text-align:left; padding:0px 20px 0px 20px; margin:0px 0px 0px 0px; width:650px;}
.mainCopy .fullCopy .pageContent {text-align:left; width:610px; margin:80px 0px 0px 0px; padding:0px;}
.mainCopy .fullCopy .pageContent .pageContentText {padding:10px; margin:0px;}
.mainCopy .copy .sectionContent .sectionContentText {width:480px;}
.mainCopy .copy  .copyContentText {width:480px;}

.swatches {top:250px; z-index:5; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px;}
.swatchColumn  {margin:30px 0px 0px 0px; padding:0px 0px 0px 0px;}
.swatchContainer {float:left; margin:0px 0px 0px 0px; padding:0px;}
.swatchBlock {width:95px; height:86px;  background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:0px;}
.swatchColor {width:85px; height:43px;}
.swatchString {font-family:Trebuchet MS, arial; font-size:13px; color:#000000; width:85px; height:23px; background-color:#FFFFFF;}

.leftAds {background-color:#FFFFFF; padding:10px 0px 30px 0px; margin:0px;}
.leftAds .ad {padding:0px 0px 20px 0px; margin:0px;}

.titleText {position:absolute; left:130px;}

.familiesColor {width:130px; height:26px; float:left;}
.redsColor {background-color:#a40606;}
.orangesColor {background-color:#cc3d0b;}
.yellowsColor {background-color:#f6a00e;}
.warmNeutralsColor {background-color:#514a1b;}
.greensColor {background-color:#9cba4a;}
.bluesColor {background-color:#005e7e;}
.violetsColor {background-color:#56004e;}
.coolNeutralsColor {background-color:#696c67;}

.trendsColor {margin:0px; padding:0px; width:130px; height:26px; float:left; color:#FFFFFF; font-size:11px; text-align:center; font-style:italic;}
.familiesColor {margin:0px; padding:0px; width:130px; height:26px; float:left; color:#FFFFFF; font-size:11px; text-align:center; font-style:italic;}
.homeTrendsColor {width:95px; height:28px; float:left; margin:0px; padding:0px; float:left; color:#FFFFFF; font-size:11px; text-align:center; font-style:italic;}
.color1 {background-color:#9DAA70;}
.color2 {background-color:#003455;}
.color3 {background-color:#D9C16E;}
.color4 {background-color:#985644;}
.color5 {background-color:#9F272A;}

.trendsColor p {padding:5px 0px 0px 0px; margin:0px;}
.familiesColor p {padding:5px 0px 0px 0px; margin:0px;}
.homeTrendsColor p {padding:5px 0px 0px 0px; margin:0px;}