/* Container
----------------------------------- */
#container {
	width: 970px;
	margin: 0 auto;
position:relative;
}


/* Content
----------------------------------- */
#projects-section #container #content h1 {
	margin-bottom: 28px;
}



body.product-detail #content {
	position: relative;
}

#projects-section #content {
	position: relative;
}

/* 
	cxr932:
*/

#projects-section.project-article #content,
#videos.project-article #content,
#colors-section.choose-wisely #content,
#colors-section.color-trends #content,
#colors-section.color-families #content,
#gallery-section.gallery-detail #content,
#products-section.product-detail #content,
#products-section.products-listing #content,
#auxiliary-page #content {
	float:right;
	width:822px;
}
.rightColumn {
	float:right;
	width: 500px;
}
.floatRight{
	float: right;
}
/*edit by wac84s*/
.rightColumn .locationResults .locationResultsAddress{
	float:right;
	width: 320px;
}

* html #colors-section.color-families #content {
	width:802px;
}


body #content {
	padding-top: 5px;
}

body.homepage #content {
	/*float: left;*/
	width: 970px;
	padding-top: 0;
}

body.landing-two-column #content {
	/*float: left;*/
	width: 970px;
}

body.landing-three-column #content {
 /*float: left;*/
	width: 970px;
}


/* Banner
----------------------------------- */
#banner {
	width: 970px;
	height: 363px;
	margin-bottom: 9px;
position:relative;
}

/* Box
----------------------------------- */
#content #box {
	float: left;
	width: 809px;
	padding: 0 9px 0 5px;
	background: url("../images/backgrounds/box.gif") 0 0 repeat-y;
}

#content #box-top {
	float: left;
	width: 822px;
	height: 5px;
	line-height: 0;
	background: url("../images/backgrounds/box-top.gif") 0 0 no-repeat;
}

#content #box-bottom {
	float: left;
	width: 822px;
	height: 10px;
	background: url("../images/backgrounds/box-bottom.gif") 0 0 no-repeat;
}

body.product-category #content #box {
	width: 797px;
	padding: 0 10px 0 16px;
	margin-top: 0;
}

body.product-detail #content #box {
	width: 814px;
	padding: 0 8px 0 1px;
}

body.color-families #content #box-bottom {
	margin-top: -7px;
	line-height: 0;
}

body.product-category #content #box-bottom {
	margin-top: -9px;
	line-height: 0;
}


/* Box > Box Content (Color Families)
----------------------------------- */
body.color-families #content #box #box-content, 
body.color-trends #content #box #box-content {
	float: right;
	position: relative;
	width: 645px;
}

/* Box > Box Content (Product Detail)
----------------------------------- */
body.product-detail #content #box #box-content {
	float: left;
	width: 558px;
	padding: 0;
	margin-top: 12px;
	background: url("../images/backgrounds/dot.gif") 630px 0 repeat-y;
}

body.product-detail #content #box #box-content div.left {
	float: left;
	width: 206px;
}

body.product-detail #content #box #box-content div.right {
	float: right;
	width: 323px;
}

body.product-detail #content #box #box-content div#color-family {
	clear: both;
}

body.product-detail #content #box #box-content div#color-family-banner {
	clear: both;
}

body.product-detail #content #box #box-content div#color-family {
	position: relative;
	top: 37px;
	left: 24px;
	width: 521px;
	height: 145px;
	background: url("../images/text/boxes/blue-family.gif") 100% 0 no-repeat;
}

body.product-detail #content #box #box-content div#color-family-banner {
	position: relative;
	top: 0;
	left: 0;
	width: 567px;
	height: 155px;
}


/* Box > Box Content, Box Sidebar
----------------------------------- */
body.choose-wisely #content #box #box-content,
#projects-section #content #box #box-content {
	width: 550px;
	padding-right: 10px;
	border-right: 1px solid #c1c1c1;
	float: left;
}

body.choose-wisely #content #box #box-sidebar,
#projects-section #content #box #box-sidebar {
	width: 222px;
	float: right;
	padding-top: 18px;
	margin-right: 6px;
}

body.product-detail #content #box #box-content {
	width: 558px;
	padding-right: 13px;
	border-right: 1px solid #c1c1c1;
}


/* Box > Box Sidebar (Product Detail)
----------------------------------- */
body.product-detail #content #box #box-sidebar {
	float: right;
	width: 230px;
}

body.product-detail #content #box #box-sidebar .sheen {
	float: left;
	width: 223px;
	border-bottom: 1px solid #e4e4e4;
	padding-top: 14px;
}


/* Tabs
----------------------------------- */
#tabs {
	position: absolute;
	/*
		cxr932
		top: 217px;
	*/
	top:93px;
	width: 822px;
	height: 32px;
	clear: both;
	background: url("../images/backgrounds/box-top.gif") 0 31px no-repeat;
	text-indent: -9999px;
}


/* Features
----------------------------------- */
#features {
	position:relative;
	z-index:1;
	width: 970px;
	height: 139px;
}


/* Interiors & Exteriors
----------------------------------- */
#content #interiors,
#exteriors {
	width: 482px;
	height: 347px;
	margin-bottom: 6px;
	background: url("../images/backgrounds/landing-page.gif") 100% 100% no-repeat;
}

#content #interiors {
	float: left;
}

#content #exteriors {
	float: right;
}


/* Sheen Guide
----------------------------------- */
#sheen-guide-left {
	float: left;
	width: 141px;
	height: 112px;
	background: url("../images/artwork/sheen-guide.gif") 0 0 no-repeat;
}

#sheen-guide {
	float: left;
	width: 600px;
	height: 112px;
	background: url("../images/backgrounds/sheen-guide.gif") 0 0 repeat-x;
}

#sheen-guide-right {
	float: left;
	width: 229px;
	height: 112px;
	background: url("../images/backgrounds/sheen-guide-right.gif") 100% 0 no-repeat;
}


/* Color Families & Color Trends
----------------------------------- */
#content #color-families,
#content #color-trends {
	height: 418px;
	margin-bottom: 10px;
	background: url("../images/backgrounds/landing-page.gif") 100% 100% no-repeat;
}

#content #color-families {
	float: left;
	width: 374px;
	margin-right: 7px;
}

#content #color-trends {
	float: left;
	width: 378px;
	margin-right: 7px;
}


/* Sidebar
----------------------------------- */
#sidebar {
	float: left;
	width: 138px;
	margin-top: 37px;
}

body#auxiliary-page #sidebar {
	float: left;
	width: 138px;
	margin-top: 0px;
}

/* Do It Yourslef
----------------------------------- */
#content #do-it-yourself {
	float: left;
	width: 204px;
	height: 206px;
	margin-bottom: 6px;
	background: url("../images/text/boxes/do-it-yourself.gif") 0 0 no-repeat;
	text-indent: -9999px;
}


/* Choose Wisely
----------------------------------- */
#content #choose-wisely {
	float: left;
	width: 204px;
	height: 206px;
	background: url("../images/text/boxes/choose-wisely.gif") 0 0 no-repeat;
	text-indent: -9999px;
}


/* Header
----------------------------------- */
#header {
	position: absolute;
	clear: both;
	top: 0;
	left: 50%;
	margin: -108px 0 0 -485px;
	width: 970px;
	height: 108px;
	background: url("../images/backgrounds/header.jpg") no-repeat;
}

#header #logo {
	position: absolute;
	top: 10px;
	margin: 0 auto;
	width: 970px;
	text-align: center;
	height:50px;
}

#header #site-nav {
	position: relative;
	top: 58px;
	margin-left:5px;
}

#header #site-nav ul#nav-top {
	width: 440px;
	top: 5px;
	padding-left: 40px;
}

#header #site-nav ul#nav-bottom {
	width: 635px;
	top: 10px;
}


/* Utilities
----------------------------------- */
ul#utilities {
	position: absolute;
	top: 96px;
	left: 0;
	width: 815px;
	list-style: none;
}

.product-detail#products-section ul#utilities {
	width: 300px;
	right: 0;
	left: auto;
}

#colors-section #content {
	position: relative;
}

#colors-section ul#utilities {
	top: 96px;
	left: 0;
}


/* Footer
----------------------------------- */
#footer {
	float: left;
	width: 970px;
	padding-top: 22px;
	font-size: 77%;
	color: #999;
	background: url("../images/backgrounds/line-horizontal.gif") 50% 11px no-repeat;
}


/* Find a Retailer
----------------------------------- */
#find-retailer {
	position: absolute;
	clear: both;
	top: 79px;
	width: 237px;
	height: 130px;
	border: 1px solid #e4e4e4;
	margin-left: 297px;
	background: #fff url("../images/artwork/swatches.jpg") 14px 19px no-repeat;
	z-index: 999;
}


/* Search Box
----------------------------------- */
#search {
	position: absolute;
	clear: both;
	top: 79px;
	width: 227px;
	height: 70px;
	border: 1px solid #e4e4e4;
	margin: -108px 0 0 656px;
	background-color: #fff;
	z-index: 999;
	padding: 0 10px;
}






/* Creation/Inspiration Flash
----------------------------------------- */

body#princess #banner, body#cozumel #banner {
	background:none;
}

#flashData {
	height:0px;
	overflow:hidden;
	position:absolute;
	visibility:hidden;
}

#banner #flashEI {
	color:transparent;
	position:absolute;
	height:370px;
	width:1011px;
	z-index:100;
	top:0;
	left:0;
	margin:0 0 0 -20px;
}

#banner #flashEI * {
	text-indent:0;
}

#features li.gbox {
	height:139px;
	background:url("../images/backgrounds/gbox_m.gif") top left repeat-x;
	position:relative;
	width:181px;
	margin-right:13px;
	overflow:hidden;
}

#features li.gbox.wide {
	width:388px;
}

#features li.gbox.last {
	margin-right:0;
}

#features li.gbox div.left {
	position:absolute;
	width:75px;
	height:139px;
	background:url("../images/backgrounds/gbox_l.jpg") top left;
	top:0;
	left:0;
}

#features li.gbox div.right {
	position:absolute;
	width:78px;
	height:139px;
	background:url("../images/backgrounds/gbox_r.jpg") top right;
	top:0;
	right:0;
}

#features li.gbox.hover div.right { background-position:bottom right; }
#features li.gbox.hover div.left { background-position:bottom left; }
#features li.gbox.hover { background-position:bottom left; }

#features li.gbox dl {
	position:relative;
	width:auto;
	margin:24px 10px 24px 24px;
}


#features li.gbox dt {
	position:relative;
	float:none;
	width:auto;
	margin:0 0 5px 0;
	color:#f5822c;

}

#features li.gbox.pic dt {
	margin:0 0 5px 63px;
}

#features li.gbox dd {
	color:#423f41;
	margin:0;
}

#features li.gbox dd .image {
	position:absolute;
	background-position:top left;
	color:transparent;
	top:0;
	left:0;
}

#features li.gbox.hover dd .image {
	background-position:bottom left;
}

#gbox_shop {
	background:url("../images/artwork/gbox_bag.jpg");
	width:46px;
	height:64px;
	margin:0 0 0 -55px;
}

/*----------- backgroundnimage overlayong tab ----------- */
#features #arubaAd {
	overflow:visible;
}

#arubaAd #rollLink {
	background:url("../images/chiclets/adAruba.png") 0 0 no-repeat;
	cursor:pointer;
	display:block;
	height:38px;
	left:-5px;
	position:absolute;
	text-indent:-9999px;
	top:-7px;
	width:118px;
	z-index:100000;
}
/*-------------------- */

#faceBook #gbox_shop {
background:url("../images/chiclets/facebook.png") repeat scroll 0 0 transparent;
height:48px;
width:48px;
}

#gbox_restore {
	background:url("../images/chiclets/adRestore.png");
	width:147px;
	height:107px;
	margin:-10px 0 0 -153px;
}

#restoreAd dl {
	margin-left:160px !important;
}

#restoreLink {
	display:block;
}

#features li.gbox a, #partnerships dl a {
	color:#f5822c;
	text-decoration:none;
}

#features li.gbox a:hover, #partnerships dl a:hover {
	text-decoration:underline;
}

#features li.gbox span {
	padding-right:10px;
	background:url("../images/backgrounds/gbox_arrow.gif") right 6px no-repeat;
	position:absolute;
	right:0;
	bottom:0;
	margin:0 15px -5px 0;
	font-size:120%;
}

div#partnerships {
	position:relative;
	height:35px;
	padding-bottom:7px;
	font-size:85%;
	line-height:85%;
}

div#partnerships dl {
	background:url("../images/backgrounds/partners_bar.gif") repeat-x;
	height:35px;

	padding:0 13px 0;
}

div#partnerships dl dt, div#partnerships dl dd {
	display:inline;
	float:left;
	position:relative;
	margin-top:13px;
	height:12px;
}

div#partnerships dl dt {
	text-transform:uppercase;
	color:#30302f;
}

div#partnerships dl dd {
	padding:0 15px;
	border-right:1px solid #ccc;
	color:#f27427;
}

div#partnerships dl dd.last {
	border:0;
	padding-right:0;
}

div#partnerships dl dd div.popup span {
	display:none;
}

div#partnerships dd div.popup {
	position:absolute;
	width:165px;
	height:250px;
	bottom:0px;
	margin:0 0 10px -82px;
	z-index:101;
	display:none;
	left:50%;
}


/* Hacks
----------------------------------- */
#header { width: 970px; } /* all browsers */
*:lang(en) #header { width: 970px; } /* all browsers excluding IE and Safari */
#header:empty { width: 970px; } /* Safari */
* html #header { width: 970px; } /* IE 6 */

#header #logo { width: 970px; } /* all browsers */
*:lang(en) #header #logo { width: 970px; } /* all browsers excluding IE and Safari */
#header #logo:empty { width: 970px; } /* Safari */
* html #header #logo { width: 970px; } /* IE 6 */

/* ul#utilities { margin-left: 430px; }*/ /* all browsers */
/* *:lang(en) ul#utilities { margin-left: 567px; }*/ /* all browsers excluding IE and Safari */
/* ul#utilities:empty { margin-left: 567px }*/ /* Safari */
/* * html ul#utilities { margin-left: 567px; }*/ /* IE 6 */

#footer { float: none; } /* all browsers */
*:lang(en) #footer { float: left !important;} /* all browsers excluding IE and Safari */
#footer:empty { float: left !important;} /* Safari */

* html body.choose-wisely #content #box #box-sidebar,
* html #projects-section #content #box #box-sidebar {
	width: 200px;
	margin-right: 0;
}




#container_outer {
	position:relative;
	width:100%;
	padding-top:108px;
	background: url("../images/backgrounds/body.gif") 0 0 repeat-x;
}

*.clearer {
	clear:both;
}

#flashEI div {
	/*position:absolute;
	width:400px;
	top:40px;
	left:50%;
	margin-left:-200px;
	padding:20px;
	border:1px solid #aaa;
	background:#eee;
	color:#333;*/
	width:971px;
	height:360px;
	margin:0px auto;
	position:relative;
}

#flashEI * 8iv {
	position:relative;
	width:auto;
	margin-left:auto;
	border:none;
	background:transparent;
	left:0;
	top:0;
}

#flashEI div h2 {
	margin-bottom:20px;
}

#flashEI div p {
	margin-bottom:20px;
}