﻿/* CSS Document */
.Breadcrumb {
	background: #ebe8df;
	color: #000;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding: 2px 16px;
	margin: 8px 0px 8px 0px;
}
.Breadcrumb a:visited {
	color: #000;
	text-decoration: none;
}
.Breadcrumb a:active {
	color: #000;
	text-decoration: none;
}
.Breadcrumb a {
	color: #000;
	text-decoration: none;
}
.Breadcrumb a:hover {
	color: #FFF;
	background: #666;
}
.Clear {
	clear: both;
}
.SubSection {
	color: #555555;
	font-size: 170%;
	font-family: Arial;
	letter-spacing: -2px;
	margin: 0;
	width: 230px;
	padding: 2px 0 15px 0;	
}
.subSectionDetail{
	color: #555555;
	font-size: 170%;
	font-family: 'Century Gothic', Helvetica,  Arial;
	letter-spacing: -2px;
	display: block;
	width: 230px;
	padding: 0 0 15px 0;
}
.TopSelector {
	background: transparent url(/Images/Page/ProductLocator/TopSelector.gif) no-repeat;
	width: 246px;
	height: 70px;
	min-height: 70px;
	margin: 0px 0px 0px 0px;
	padding: 12px 8px 8px 8px;
	color: #000000;
	font-size: 90%;
}
.TopSelector dt {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
.TopSelector dd a {
	background: #7f7864 url(/Images/Page/ProductLocator/Change.gif) no-repeat right;
	width: 206px;
	height: 18px;
	margin: 12px 0px 0px 15px;
	padding: 4px;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
}
.BottomSelector {
	background: url(/Images/Page/ProductLocator/BottomSelector.gif) bottom no-repeat;
	width: 246px;
	margin: 2px 0px 0px 0px;
	padding: 8px;
	color: #000;
	font-size: 90%;
}
.BottomSelector dt {
	margin: 0 0 2px 15px;
}
.BottomSelector dd {
	margin: 0 0 10px 40px;
}
.BottomSelector dd select {
	margin: 0 0 0 -30px;
	width: 190px;
}
.BottomSelector dd a {
	background: url(/Images/Buttons/qmark.png) no-repeat right;
	height: 18px;
	margin: -23px 10px 0px 0px;
	padding: 6px 20px 0px 12px;
	width: 10px;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	display: inline;
	font-size: 80%;
	letter-spacing: 0px;
}
.SideBottom {
	width: 222px;
	padding: 30px 20px 30px 20px;
	background: url(/Images/Page/SubNav.gif) bottom right no-repeat;
	min-height: 50px;
	line-height: 15px;
	font-size: 13px;
	text-transform: uppercase;
	margin-top: 2px;
	letter-spacing: 1px;
}
.resultsButton 
{
	width: 147px;
	height: 25px;
	font-size: 70%;
	text-transform: uppercase;
	padding: 3px 0px 3px 0px;
	margin: 0px 10px 0px -10px!important;
	color: #000;
	background: #a99978;
	border: 1px solid #FFF;
}
.selected {
	border: medium double black;
	display: block;
}
.SideNav .selected  {
	border: none;
}
.PageContent{	
	margin: 14px 0 0 0;
}

.Content {
	float: right;
	display: inline;
	width: 665px;
	padding: 0;
	margin: 0;
	text-align: left;
	clear: both;
}
.Content h1{
	color: #555555;
	font-size: 170%;
	letter-spacing: 0px;
	font-family: Arial;
	margin: 0 0 14px 0;
	font-weight: normal;
	padding-top: 2px;
}

.ProdDesc {
	margin: 0;
	padding: 0;
}

.roomScenes {	
	margin: 0; 
	padding: 0;
	list-style: none;
	float: left;
	width: 642px;
}
.roomScenes li {
	margin: 0;
	padding: 0 15px 0 0;
	float: left;
	display: block;
	width: 204px;	
}
.roomScenes li.last{
	padding: 0;
}
.roomScenes li img{
	float: none;
	display: inline-block;
	padding: 0;
	margin: 0;
}
.ProductThumbs {
	clear: both;
	margin: 0;
}
.paintColor {
	display: block;
	width: 20px;
	height: 20px;
}
.productPanel {
	margin: 0;
	padding: 14px 0 8px 0;
	float: right;
	display: block;
	width: 654px;	
	text-align: left;
}
.projectLocatorWrapper{
	margin: 0;
	padding: 14px 0 0 0;
	float: left;
	width: 266px;
}
.productInformation {
	float: left;
	display: block;
	margin: 0 23px 0 0;
	text-align: left;
	width: 344px;
}
.productInformation h3{
	margin: 0 !important;
	padding: 0 !important;
	color: #cba215;
}

.productInformation .links {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
}
.productInformation .links li{
	margin: 0 0 11px 0;
	padding: 0;
	width: 150px;
}
.productInformation .links li a{
	margin: 0;
	padding: 2px 9px 3px 9px;
	line-height: 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 90%;	
}
.productInformation .links li a.addToAbbey{
	color: #e2be20;
	background: #000000 url('../images/Buttons/addToMyAbbey.jpg') top left repeat-x;
	border-top: 1px solid #676767;
	border-left: 1px solid #858585;
	border-right: 1px solid #858585;
	border-bottom: 1px solid #c0c0c0;
	width: 150px;
	display:block;
	text-align:center;
}
.productInformation .links li a.quote{
	color: #ffffff;
	background: #676767 url('../images/Buttons/getQuoteBack.jpg') top left repeat-x;
	border-top: 1px solid #b2b2b2;
	border-left: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #d8d8da;
	width: 150px;
	display:block;
	text-align:center;
}

.productInformation dl {
	display: block;
}
.imagery{
	margin: 0;
	padding: 0;
	float: right;
	width: 285px;
}
.imagery img {
	margin: 7px 0 0 0;
	clear: both;
}
.imagery .links{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: right;
}
.imagery .links li {
	margin: 0;
	padding: 0;	
	display: inline;	
}
.imagery .links li a{
	margin: 0;
	padding: 0;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 60% !important;
}
.imagery .links li a.email{
	padding: 0 0 0 23px;	
	background: transparent url('../images/Buttons/iconEmail.jpg') 0 50% no-repeat;
}
.imagery .links li a.print{
	margin: 0 0 0 19px;
	padding: 0 0 0 27px;	
	background: transparent url('../images/Buttons/iconPrint.jpg') 0 50% no-repeat;
}
a.print{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	margin: 0 0 0 0px;
	padding: 0 0 0 27px;	
	background: transparent url('../images/Buttons/iconPrint.jpg') 0 50% no-repeat;
}
.imagery .selectors{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 285px;
	display: block;
	float: left;
}

.imagery .selectors .selectorLI{
	margin: 0;
	padding: 0;
	width: 141px;
	float: left;
	display: block;
}
.imagery .selectors .selectorLIFloor{
	margin: 0;
	padding: 0;
	width: 285px;
	float: right;
	display: block;
}
.imagery .selectors .selectorLI a{
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	line-height: 31px;
	font-weight: bold;
	font-size: 60% !important;
	text-decoration:none;
	text-transform: uppercase;
	text-align:center;
	width: 139px;
	color: #000000;
}

.imagery .selectors .selectorLIFloor a{
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	line-height: 31px;
	font-weight: bold;
	font-size: 60% !important;
	text-decoration:none;
	text-transform: uppercase;
	text-align:center;
	width: 285px;
	color: #000000;
}
.imagery .selectors .selectorLI a.pickARoom{
	margin: 0 0 0 3px;
	background: #c0b19e url('../images/Buttons/pickARoom.jpg') top left repeat-x;
	border-top: 1px solid #f7f0e6;
	border-left: 1px solid #d9ccbc;
	border-right: 1px solid #d9ccbc;
	border-bottom: 1px solid #bab3a9;
	display:inline;
}
.imagery .selectors .selectorLI a.color{	
	background: #c0b19e url('../images/Buttons/changeWallColor.jpg') top left repeat-x;
	border-top: 1px solid #e9e0cf;
	border-left: 1px solid #695c4b;
	border-right: 1px solid #695c4b;
	border-bottom: 1px solid #585147;
}
.swatches{
	margin: 8px 0 0 0;
	padding: 0;
	float: left;
	clear: both;
	width: 654px;
}
.swatches b{
	font-weight: normal;
	color: #4c4d51;
	font-size: 105%;
}
.swatches ul{
	margin: 4px 0 0 0;
	padding: 0;
	list-style: none;
}
.swatches li {
	margin: 0;
	display: inline;	
}
.swatches li a{
	margin: 6px;
	padding: 0;
	float: left;
	display: block;
}
.swatches img{
	margin: 0;
	padding: 0;
}
.swatchselected {
	margin: 0 !important;
	padding: 3px !important;	
	border: 3px solid #000000 !important;
	float: left;
	display: block;
}

.ProductDescription {
	font-size: 95%;
	float: left;
}
.DescriptionText {
	margin: 0 0 14px 0;
	padding: 0;
	clear: both;	
}
.DescriptionText dt {
	color: #999999;
	margin: 0px;
	padding: 0;
	font-size: 80%;
}
.DescriptionText dd {
	font-size: 80%;
	margin: 0px;
	padding: 0;
}
.ProductDescription dt {
	float: left;
	width: 100px;
	color: #999999;
	clear: both;
	font-size: 80%;
}
.ProductDescription dd {
	margin-left: 20px;
	font-size: 80%;
}
.StainMaster{
	margin: 0;
	padding: 0;
	float: right;
	height: 69px;
	width: 120px;
}

.SwatchPages {
	background: #ffffff;
	text-align: right;
	border: none !important;
}
.Resultslabel {
	font-size: 110%;
}
.colorPicker .selector{
	margin: -75px 0 0 -55px;
	padding: 2px;
	position: absolute;
	width: 192px;
	background: #ffffff;
	border: 1px solid #9b9b9b;
	z-index: 1000;
}
.colorPicker .selector ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.colorPicker .selector ul li{
	margin: 0;
	padding: 2px;
	float: left;
	height: 28px;
	min-height: 28px;
	width: 28px;

}
.colorPicker .selector ul li a{
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	height: 28px;
	width: 28px;

}
.colorPicker .selector ul li a .paintColor{
	margin: 0;
	padding: 0;
	height: 28px;
	min-height: 28px;
	width: 28px !important;
	cursor: pointer;
	display: block;
	float: left; 
}
.roomPicker{
	top: 270px;
	right: 225px;
	margin: 0;
	padding: 2px;
	list-style: none;
	position: absolute;
	float: left;
	background: #ffffff;
	border: 1px solid #9b9b9b;
	display: block;
	width: 569px;
	z-index: 1000;
}
*html .roomPicker{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 270px;
	right: 225px;	
	display: block;
}

.roomPicker li{
	margin: 0;
	padding: 2px;
	height: 185px;
	min-height: 185px;
	width: 185px;
	display: block;
	float: left;
}
.roomPicker li a{
	margin: 0;
	padding: 0;
	height: 185px;
	min-height: 185px;
	width: 185px;
	display: block;
	float: left;
}
.roomPicker li a img{
	margin: 0;
	padding: 0;
	height: 185px;
	min-height: 185px;
	width: 185px;
	float: left;
}


.floorPicker{
	top: 225px;
	right: 160px;
	margin: 0;
	padding: 2px;
	list-style: none;
	position: absolute;
	float: left;
	background: #ffffff;
	border: 1px solid #9b9b9b;
	display: block;
	width: 373px;
	z-index: 1000;
}
*html .floorPicker{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 225px;
	right: 160px;	
	display: block;
}

.floorPicker li{
	margin: 0;
	padding: 2px;
	height: 120px;
	min-height: 120px;
	width: 120px;
	display: block;
	float: left;
}
.floorPicker li a{
	margin: 0;
	padding: 0;
	height: 120px;
	min-height: 120px;
	width: 120px;
	display: block;
	float: left;
}
.floorPicker li a img{
	margin: 0;
	padding: 0;
	height: 120px;
	min-height: 120px;
	width: 120px;
	float: left;
}




.noRoom{
	margin: 0 0 0 0;
	padding: 40px 0 0 0;
	text-align: center;
	border: 1px solid #cccccc;
	width: 287px;
	height: 310px;
	min-height: 243px;	
}
.noRoom
{
  margin:0;
  padding:0;
}
.noRoom img
{
  margin:0;
  padding:1px 0 0 1px;
}

.Results {
	margin: 0 0 0 -10px;
	padding: 0;
	color: #000000;
	font-size: 130%;
}
.Results img {
	float: none !important;
	margin: 0  !important;
	padding: 0  !important;
	height: 146px;
	min-height: 146px;
	/*width: 146px;*/
}
.SwatchLink {
	margin: 0 15px 0 0;
	padding: 0;	
	text-decoration: none !important;
	font-family: helvetica, Arial, Sans-Serif;
	font-size: 90%;	
	/*width: 146px;*/
	display: block;
	float: left;
}




.SwatchLink dl,
.SwatchLink dt,
.SwatchLink dd {
	margin: 0;
	padding: 0;		
}

.disclaimer
{

  clear:left;
  display:block;
  font-size:50%;
  color:#4C4D51;

}
.DeleteSavedProducts
{
	margin:0 10px 0 0;
	padding:0 10px 0 0;
} 


.imagery .selectors .selectorLI a.pickARoomToggle{
	margin: 0 0 0 1px;
	background: #c0b19e url('../images/Buttons/pickARoom.jpg') top left repeat-x;
	border-top: 1px solid #f7f0e6;
	border-left: 1px solid #d9ccbc;
	border-right: 1px solid #d9ccbc;
	border-bottom: 1px solid #bab3a9;
	color:Black;
	height:31px;
	cursor:pointer;
}
	
.imagery .selectors .selectorLIFloor a.pickAFloorToggle{
	margin: 2px 0 0 0px;
	background: #c0b19e url('../images/Buttons/changeFloor.jpg') top left repeat-x;
	border-top: 1px solid #f7f0e6;
	border-left: 1px solid #d9ccbc;
	border-right: 1px solid #d9ccbc;
	border-bottom: 1px solid #bab3a9;
	color:Black;
	height:31px;
	cursor:pointer;
	width:283px;
	float:left;
	clear:both;
	padding:0;
	display:inline;
}	
.imagery .selectors .selectorLI a.colorToggle{	
	background: #c0b19e url('../images/Buttons/changeWallColor.jpg') top left repeat-x;
	border-top: 1px solid #e9e0cf;
	border-left: 1px solid #695c4b;
	border-right: 1px solid #695c4b;
	border-bottom: 1px solid #585147;
	height:31px;
	cursor:pointer;
}

.pages
{
  list-style: none;
  padding:5px 25px 0 0;
  margin:0;
  float:right;
}
.pages li,
.pages li a
{
  font-family:helvitica, Arial, Sans-Serif;
  font-size:85%;
  float:left;
  color:#333;
}
.pages li
{
  font-weight:bold;
  padding:0 0 0 6px;
}
.pages li a
{
  font-weight:normal;
}
