/* Overwritten rules - blue tears
----------------------------------- */
.gallery-detail#gallery-section #content h1 {
	background-image: url("/images/text/h1/green-header-bg.gif");
	margin-bottom: 10px;
}

/* Thumb browser
----------------------------------- */
#gallery-section #thumb-browser,
.crayola #thumb-browser {
	background-color: #333;
	background-image: url("/images/inspiration-gallery/thumb-browser-bg.gif");
	color: #fff;
	margin: 0;
	padding: 8px 0 0 0;
	border: 1px solid #d0cccf;
	width: 818px;
	position: relative;
}

.crayola #thumb-browser {
	background-image: url("/images/crayola/rooms/thumbsBack.png");
	padding: 10px 0 0 0;
	border: none;
	width: 959px;
}

#gallery-section #thumb-browser #details {
	clear: both;
	text-indent: -10000px;
	width: 274px;
	height: 16px;
	margin: 0 auto;
}

.crayola #thumb-browser #details {
	display:none;
	height: 0;
}

#gallery-section #thumb-browser #details a,
.crayola #thumb-browser #details a {
	display: block;
	background: url("/images/inspiration-gallery/get-details.gif") no-repeat;
	width: 100%;
	height: 100%;
	font-size: 0;
}

/* note this element is generated via JavaScript and is
   not found in the markup */
#gallery-section #thumb-browser #wrapper-div,
.crayola #thumb-browser #wrapper-div {
	float: left;
	overflow: hidden;
	position: relative;
	width: 770px;
	height: 57px;
	margin: 0 25px;
}

* html .crayola #thumb-browser #wrapper-div {
	margin: 0 0 0 12px;
}

.crayola #thumb-browser #wrapper-div {
	width: 906px;
}

#left-div,
#right-div {
	float: left;
}

/**CHANGED**/
#gallery-section #thumb-browser #thumbs,
.crayola #thumb-browser #thumbs {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0 0 0 25px;
}

#gallery-section #thumb-browser #thumbs li {
	float: left;
	margin-right: 5px;
}

.crayola #thumb-browser #thumbs li {
	float: left;
	margin-right: 4px;
}

#gallery-section #thumb-browser #thumbs img,
.crayola #thumb-browser #thumbs img {
	padding: 1px 3px 6px 1px;
	background-image: url("/images/inspiration-gallery/thumb.gif");
}

#gallery-section #thumb-browser #thumbs a.highlight img,
.crayola #thumb-browser #thumbs a.highlight img {
	background-image: url("/images/inspiration-gallery/thumb-highlight.gif");
}

#gallery-section #thumb-browser #nav-left,
#gallery-section #thumb-browser #nav-right,
.crayola #thumb-browser #nav-left,
.crayola #thumb-browser #nav-right {
	display: block;
	float: left;
	width: 13px;
	height: 13px;
	text-indent: -10000px;
	position: absolute;
	top: 30px;
	z-index: 99;
}

#gallery-section #thumb-browser #nav-left,
.crayola #thumb-browser #nav-left {
	background: url("/images/inspiration-gallery/left-arrow.gif") no-repeat;
	left: 6px;
}

#gallery-section #thumb-browser #nav-right,
.crayola #thumb-browser #nav-right {
	background: url("/images/inspiration-gallery/right-arrow.gif") no-repeat;
	right: 10px;
}

#gallery-section #thumb-browser .deactivated#nav-left,
.crayola #thumb-browser .deactivated#nav-left {
	background: url("/images/inspiration-gallery/left-arrow-deactivated.gif") no-repeat;
}

#gallery-section #thumb-browser .deactivated#nav-right,
.crayola #thumb-browser .deactivated#nav-right {
	background: url("/images/inspiration-gallery/right-arrow-deactivated.gif") no-repeat;
}

/* Details box
----------------------------------- */
#scene-info {
	padding: 35px;
	color: #fff;
	background: url("/images/inspiration-gallery/details-transparent-bg.png") no-repeat 0 0;
	height: 236px; /* 306 - 2(35) */
	width: 752px; /* 822 - 2(35) */
	overflow: hidden;
	font-size: 85%;
  line-height: 16px;
}

#scene-info #video-link a {
	background: url("/images/inspiration-gallery/video.gif") no-repeat 1px 0;
}

#scene-info a {
	text-decoration: none;
	color: #fff;
	background: url("/images/inspiration-gallery/right-arrow.gif") no-repeat;
	padding-left: 20px;
}

/*****UPDATE*******************/
#scene-info #tips-link {
	margin: 1em 0 0.5em 0;
}
/*****UPDATE*******************/

#scene-info #products-link {
	margin: 0.25em 0;
}

#scene-info #print-link a {
	background: url("/images/inspiration-gallery/print-icon.gif") no-repeat;
}

#scene-info h2 {
	font-size: 150%;
	display: block;
	font-weight: normal;
	font-family: Georgia, serif;
	margin: 0 0 0.25em 0;
}

#scene-info h3 {
	font-weight: normal;
	font-size: 110%;
}

#scene-info p.description {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #898A8A;
}

#scene-info #primary-info {
	width: 420px;
	float: left;
}

#scene-info #swatches dl {
	float: left;
	width: 64px;
	margin-right: 10px;
	font-size: 90%;
	text-align: center;
}

#scene-info #swatches dl dt img {
	background: url("/images/inspiration-gallery/chip-shadow.png") no-repeat;
	padding: 1px 4px 5px 1px;
}

#scene-info #swatches {
	clear: both;
}

#scene-info #secondary-info {
	float: right;
	margin-right: 15px;
	width: 260px;
}

/************NEW******************************/
#scene-info #secondary-info p.disclaimer {
	margin-top: 3em;
	font-size: 80%;
	line-height: 1.2em;
}
/**************************************************/

#scene-info #scene-utility-links {
	list-style: none;
	margin-top: 1em;
}



/* IE6 hacked goodness
----------------------------------- */
* html #gallery-section #thumb-browser #thumbs li {
	margin-right: 5px;
}

* html #gallery-section #thumb-browser #wrapper-div {
	margin: 0 12px;
}

* html #scene-info {
	background: url("/images/inspiration-gallery/details-bg.gif") no-repeat;
}

* html #scene-info #swatches dl dt img {
	background: url("/images/inspiration-gallery/chip-shadow-non-transparent.gif") no-repeat;
}

* html #gallery-section #thumb-browser #thumbs {
	margin: 0 0 0 12px;
}
