/* ========= */
/* = Index = */
/* ========= */

#index-feature {
	background-color: #8a7d6c;
}

#index-feature img
{
	position: absolute;
	top: 4px;
	left: 33px;
}

#index-feature-overlay
{
	height: 611px;
	background: transparent url('../images/fp_overlay.png') no-repeat 0px 0px;
	width: 1011px;
	margin: 0 auto;
	position: absolute;
	top: 0px;
	left: 0px;
}

#feature-thumbs
{
	position: absolute;
	top: 40px;
	left: 786px;
	height: 536px;
	width: 186px;
}

#feature-thumbs h3
{
  display: inline;
}

#feature-thumbs ul
{
	margin: 0;
	padding: 0;
	width: 186px;
}

#feature-thumbs li
{
	list-style: none;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	width: 178px;
	border: 1px solid #9f9c99;
	padding: 3px;
	margin-bottom: 7px;
}

#feature-thumbs li p
{
	margin: 0px;
	padding: 4px 0px 6px;
	width: 100%;
	background: #2c2726;
	font-size: 1.3em;
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
	text-align: center;
}

#feature-thumbs li p a:link,
#feature-thumbs li p a:visited,
#feature-thumbs li p a:hover,
#feature-thumbs li p a:active
{
	color: #ffffff;
	text-decoration: none;
	background: transparent url('/images/arrow-white-right.gif') no-repeat 100% 52%;
	padding-right: 7px;
}

#feature-thumbs li p a h2
{
  font-family:'Arial Narrow',Arial,Helvetica,sans-serif;
  font-size:1.0em;
  text-align:center;
  display: inline;
  font-weight: normal;
}

#feature-thumbs li p a:hover
{
	text-decoration: underline;
}

#feature-thumbs li p.thumb {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#feature-thumbs li p.thumb a:link,
#feature-thumbs li p.thumb a:visited,
#feature-thumbs li p.thumb a:active
{
	width: 178px;
	padding: 0px;
	margin: 0px;
	background: transparent none;
	display: block;
}

#feature-thumbs li p.thumb a img {
	display: block;
	position: static;
	margin: 0px;
	padding: 0px;
	height: 94px;
	width: 178px;
	border: 0px;
}

#feature-content
{
	width: 306px;
	padding-right: 227px;
	padding: 20px 227px 20px 20px;
	position: absolute;
	bottom: 17px;
	right: 18px;
/*	background-color: #000000;
	opacity: 0.6;*/
	color: #ffffff;
}

#feature-content h4
{
	font-size: 2.4em;
	font-family: 'Gill Sans', 'Helvetica', 'Arial', sans-serif;
	font-weight: 100;
	text-transform: uppercase;
	margin: 0;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 3px;
	text-indent: -9999px;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}

#feature-content h4 span
{
	background: transparent url('/images/fp_feature_finelighting.png') no-repeat 0% 0%;
	width: 169px;
	height: 18px;
	display: block;
}

#feature-content p
{
	font-size: 1.1em;
	margin: 0 0 1em;
}

/* =================== */
/* = Section Content = */
/* =================== */
#section-content
{
	float: left;
	display: inline;
	width: 184px;
	margin-left: 4px;
}

#section-content h2
{
	color: #f3f0ce;
	font-size: 1.5em;
	margin: 16px 14px 8px;
}

#section-content h2 a:link,
#section-content h2 a:visited,
#section-content h2 a:active {
	color: #f3f0ce;
	text-decoration: none;
}

#section-content ul
{
	padding: 0;
	margin: 0;
}

#section-content li
{
	list-style: none;
	width: 100%;
	color: #ffffff;
	font-size: 1.2em;
}

#section-content li a:link,
#section-content li a:visited,
#section-content li a:active,
#section-content li a:hover
{
	border-bottom: 1px solid #A9AEB2;
	width: 154px;
	display: block;
	margin: 0 11px;
	padding: 3px;
	color: #d9e0e5;
	text-decoration: none;
}

#section-content li li
{
	font-size: 1.0em;
}

#section-content li.active
{
	background: transparent url('../images/sectioncontent-active-li.png') no-repeat 0% 0%;
	font-weight: bold;
	color: #ffffff;
}

#section-content li ul
{
	display: none;
}

#section-content li.active ul
{
	display: block;
	border-bottom: 1px solid #2a3843;
}

#section-content li.active a:link,
#section-content li.active a:visited,
#section-content li.active a:active
{
	border-bottom: 0 none;
	padding: 5px 3px 4px;
	color: #ffffff;
}

#section-content li.active a span
{
	background: transparent url('../images/arrow-white-down.gif') no-repeat 100% 50%;
	padding-right: 10px;
}

#section-content li.active li
{
	background: #f1efdb url('../images/sectioncontent-active-li-li.gif') repeat-y 0% 0%;
	font-weight: normal;
	font-size: 1.0em;
}

#section-content li.active li a:link,
#section-content li.active li a:visited,
#section-content li.active li a:active
{
	padding-left: 10px;
	width: 147px;
	color: #64707a;
	border-bottom: 1px solid #A9AEB2;
}

#section-content li.active li.active
{
	background: #c1bd90 url('../images/sectioncontent-active-li-active-li.png') no-repeat 0% 0%;
	font-weight: bold;
	color: #ffffff;
}

#section-content li.active li.active a:link,
#section-content li.active li.active a:visited,
#section-content li.active li.active a:active
{
	color: #ffffff;
	border-bottom: 1px solid #A9AEB2;
	padding: 5px 3px 3px 10px;
}

#section-content li.active li.active a span
{
	background: transparent url('../images/arrow-red-right.gif') no-repeat 100% 50%;
	padding-right: 8px;
}

#section-content li.last
{
	border-bottom: 0 none;
}



/* ================ */
/* = Main Content = */
/* ================ */
#main-content
{
	float: right;
	width: 738px;
	padding: 0 22px 16px 20px;
}

.detail #content-area-inner-wrapper
{
	background: transparent url('/images/detail_content_main.png') repeat-y scroll 0 0;
}

.detail #content-area
{
	background: transparent url('/images/detail_content_top.jpg') no-repeat 0px 0px;
}

#main-content h3
{
	font-size: 1.8em;
	color: #660000;
	font-weight: bold;
	margin-top: 0;
}

#main-content h4
{
	font-size: 1.4em;
	color: #455969;
	font-weight: bold;
}

#main-content a:link,
#main-content a:visited,
#main-content a:active
{
	color: #650000;
}

#main-content a:hover
{
	color: #b38b0f;
}

#main-content p,
#main-content li,
#main-content cite,
#main-content td
{
	font-size: 1.2em;
	color: #455969;
}

#main-content td p
{
	font-size: 1.0em;
}

#main-content img
{
	padding: 2px;
	border: 1px solid #e9e9e9;
}

#main-content blockquote
{
	padding: 1px;
	border: 1px solid #ececef;
	font-style: italic;
	width: 422px;
	margin: 0;
	display: inline-block;
}

#main-content blockquote div
{
	background: #ebead6 url('../images/maincontent-blockquote-bg.png') repeat-x 0% 0%;
	padding: 16px;
}

#main-content blockquote p
{
	margin-top: 0;
	color: #282d31;
}

#main-content blockquote cite
{
	color: #282d31;
	font-weight: bold;
}

#main-content li li
{
	font-size: 1.0em;
}

#main-content input.submit,
#main-content a.button:link,
#main-content a.button:visited,
#main-content a.button:active
{
	background: transparent url('../images/maincontent-button-bg.png') no-repeat 100% 0%;
	border: 1px solid #cecece;
	height: 18px;
	padding: 1px 20px 3px 6px;
	padding-right: 20px;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.35em;
	text-decoration: none;
	display: inline-block;
}

#main-content table.callout
{
	border: 1px solid #ECECEF;
	padding: 1px;
	margin: 12px 0;
}

#main-content table.callout td
{
	background: #E8EAD6 url('/images/maincontent-blockquote-bg.png') repeat-x scroll 0% 0%;
	padding: 8px;
	margin: 0;
}

#main-content table.contact {
	width: 350px;
	float: left;
	margin: 9px;
}

#main-content table.list
{
	border: 1px solid #e0e0e0;
	font-size: 0.83em;
}

/*#main-content div.list
{
	width: 570px;
	padding: 1px;
	border: 1px solid #e0e0e0;
}*/

#main-content table.list td
{
	background: #f5f7f8 url('../images/maincontent-list-bg.png') repeat-x 0% 0%;
	padding: 8px;
}

#main-content table.list h4
{
	margin: 6px 0;
	line-height: 1.3em;
}

#main-content table.list ul
{
	margin: 0;
	padding: 2px 6px 2px 16px;
}

#main-content table.list li
{
	padding: 0 0 4px 0px;
	font-style: italic;
}

#main-content table.list ul ul
{
	background: transparent none;
}


/* =============== */
/* = Item Detail = */
/* =============== */

#item-images,
#item-content
{
	padding-top: 16px;
}

#item-images
{
	float: left;
	width: 460px;
}

#item-images ul,
#item-content ul
{
	margin: 0;
	padding: 0;
	background: transparent none;
	overflow: auto;
}

ul#item-thumbs
{
	margin-top: 6px;
}

#item-images img
{
	padding: 1px;
	border: 1px solid #d9dadb;
	display: block;
}

#item-images img.secondary
{
	display: none;
}

#item-image-full-container {
	margin-bottom: 7px;
}

#item-image-full-container img {
	position: absolute;
	left: -9999em;
	display: block;
}

#item-image-full-container #item-image-full {
	display: block;
	position: static;
}

#item-images li
{
	list-style: none;
	float: left;
	padding: 0px 4px 0px 0px;
}

#item-images li a:link,
#item-images li a:visited,
#item-images li a:active {
	cursor: pointer;
}

#item-images li img
{
	border: 0 none;
	width: 50px;
	display: block;
}

#item-content
{
	float: right;
	width: 255px;
	padding-right: 10px;
}

#item-content h3
{
	margin: 20px 0px 6px;
	font-size: 1.6em;
	line-height: 1.2em;
}

#item-content h4
{
	font-size: 1.2em;
	line-height: 1.4em;
	color: #650000;
	margin: 15px 0 5px 0;
}

#item-content li
{
	font-style: normal;
	background: transparent url('/images/arrow-red-right.gif') no-repeat 0px 4px;
	padding-left: 7px;
}

#item-content .contact
{
	font-weight: bold;
	color: #455969;
}

/* =========== */
/* = Gallery = */
/* =========== */
#main-content ul.gallery-listing
{
	background: transparent none;
	overflow: auto;
	margin: 0;
	padding: 0;	
}

#main-content ul.gallery-listing li
{
	list-style: none;
	width: 114px;
	float: left;
	padding: 0 10px 24px 0;
	font-size: 1.1em;
	font-style: normal;
	text-align: center;
	height: 148px;
}

#main-content ul.gallery-listing li.first {
	clear: left;
}

#main-content ul.gallery-listing li.last
{
	padding-right: 0px;
}

#main-content ul.gallery-listing li.clear {
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 0px;
}


#main-content ul.gallery-listing a:link,
#main-content ul.gallery-listing a:visited,
#main-content ul.gallery-listing a:active
{
	text-decoration: none;
	color: #455969;
}

#main-content ul.gallery-listing img {
	display: block;
	margin: 0 auto 4px;
}

/* ============ */
/* = Carousel = */
/* ============ */
#carousel
{
	width: 960px;
	min-height: 189px;
	height: auto !important;
	height: 189px;
	padding-bottom: 10px;
	background: #7c8a97 url('/images/detail_carousel.png') repeat-x 0% 0%;
	margin: 0 4px -1px;
	position: relative;
}

#carousel h4
{
	font-size: 1.8em;
	color: #ffffff;
	font-weight: bold;
	margin: 0;
	padding: 12px 0 0 34px;
}

#carousel a#view-grid
{
	position: absolute;
	top: 17px;
	right: 35px;
	font-size: 1.2em;
	color: #c4e2ff;
	text-decoration: underline;
}

#carousel-clip-region
{
	width: 892px;
	overflow: hidden;
	float: left;
	position: relative;
}

#carousel-list
{
	width: 10000000px;
	height: 130px;
	margin: 13px auto 0;
	padding: 0;
	position: relative;
	left: -0px;
}

#carousel-list li
{
	width: 114px;
	padding-right: 10px;
	float: left;
	list-style: none;
}

#carousel-list li a:link,
#carousel-list li a:visited,
#carousel-list li a:active {
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 1.3em;
	display: block;
}

#carousel-list li img
{
	padding: 1px;
	border: 1px solid #a5aaaf;
}

#carousel-prev,
#carousel-next
{
	float:left;	
	top: 41px;
	cursor: pointer;
}

#carousel-next
{
	right: 10px;
	margin: 42px 10px 0 10px;
}

#carousel-prev
{
	left: 10px;
	margin: 44px 10px 0 10px;
}

/* ========== */
/* = Splash = */
/* ========== */

.splash #content-area {
	padding-top: 0px;
}

#splash-feature
{
	width: 993px;
	position: relative;
	margin: 0 auto;
	padding-right: 18px;
	background: transparent url('../images/content_bottom.png') no-repeat 19px 100%;
	padding-bottom: 17px;
}

#splash-feature-top {
	width: 960px;
	padding-left: 33px;
	background: transparent url('../images/bg-splash-feature-top.png') repeat-y 33px 0px;
}

#section-content-wrapper {
	width: 960px;
	position: relative;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

#splash-image-overlay span {
	position: absolute;
	left: -33px;
	top: 0px;
	width: 673px;
	height: 47px;
	display: block;
	background: transparent url('../images/bg-splash-overlay-top.png') no-repeat 0% 0%;
}

#splash-feature img#splash-image
{
	position: absolute;
	top: 4px;
	left: 33px;
	height: 400px;
	width: 640px;
	display: block;
}

#splash-feature-overlay
{
	height: 576px;
	background: transparent url('../images/splash_overlay.png') no-repeat 0px 0px;
	width: 1011px;
	margin: 0 auto;
	position: absolute;
	top: 0px;
	left: 0px;
}

.splash #content-area-outer-wrapper
{
	position: relative;
}

.splash #section-content
{
	width: 284px;
	min-height: 338px;
	height: auto !important;
	height: 338px;
	background: #f3f0ce url('../images/bg-splash-section-content.jpg') no-repeat 0% 0%;
	float: right;
	display: inline;
	margin: 0px;
	padding: 25px 18px 15px;
}

.splash #section-content p
{
	color: #455969;
	margin: 6px 0 16px;
	font-size: 1.2em;
	line-height: 1.4em;
}

.splash #section-content a:link,
.splash #section-content a:visited,
.splash #section-content a:active
{
	color: #455969;
	font-weight: bold;
	text-decoration: none;
}

.splash #section-content p.view a:link,
.splash #section-content p.view a:visited,
.splash #section-content p.view a:active {
	background: transparent url('/images/arrow-red-right.gif') no-repeat 100% 50%;
	padding-right: 5px;
}

.splash #section-content p a:link,
.splash #section-content p a:visited,
.splash #section-content p a:active
{
	font-size: inherit;
}

.splash #section-content h2
{
	font-size: 1.7em;
	color: #660000;
	margin: 0;
}

.splash #section-content div
{
	border: 1px solid #cfccac;
	background: #f9f8e7;
	padding: 12px 12px 2px;
}

.splash #section-content h3
{
	font-size: 1.4em;
	color: #455969;
	padding: 0 0 6px;
	margin: 0 0 10px;
	border-bottom: 1px solid #dddcc6;
}

.splash #section-content li
{
	background: transparent url('/images/arrow-red-right.gif') no-repeat 0px 4px;
	padding: 0 0 6px 6px;
	color: #455969;
}

.splash #section-content li ul
{
	display: block;
}

.splash #section-content li li
{
	padding: 6px 0 0 20px;
	background-position: 14px 9px;
}

.splash #sub-content
{
	width: 950px;
	height: 191px;
	padding-right: 10px;
	margin-left: 33px;
	border-top: 1px solid #fff;
	background: transparent url('../images/bg-splash-sub-content.jpg') no-repeat 0% 0%
}

.splash #sub-content ul
{
	margin: 12px 0 0 9px;
	padding: 0;
}

.splash #sub-content li
{
	float: left;
	display: inline;
	list-style: none;
	padding: 3px;
	margin-right: 6px;
	border: 1px solid #a9aeb3;
}

/* = SPLASH CAROUSEL ----------------------------*/

#sub-content #splash-carousel {
	width: 728px;
	float: left;
	display: inline;
}

#sub-content #splash-carousel p {
	font-size: 1.6em;
	line-height: 1.2em;
	color: #fff;
	padding: 5px 5px;
	background: #2c2726;
	width: 158px;
	margin: 0px;
}

#sub-content #splash-carousel.five-across p {
	width: 121px;
}

#sub-content #splash-carousel p a:link,
#sub-content #splash-carousel p a:visited,
#sub-content #splash-carousel p a:active {
	color: #fff;
	font-size: 1em;
	line-height: 1em;
	padding-right: 7px;
	background: transparent url('../images/bullet_splash_carousel.gif') no-repeat 100% 50%;
	text-decoration: none;
}

#sub-content #splash-carousel p a:hover {
	color: #cfd299;
}

#sub-content #splash-carousel img {
	display: block;
}

/* = ORDERING CUSTOM LIGHTING -------------------*/

#sub-content #ordering-custom-lighting {
	width: 170px;
	float: right;
	color: #000;
	padding: 13px 0px 0px;
}

#sub-content #ordering-custom-lighting h2 {
	color: #fff;
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: normal;
	margin: 0px 0px 8px;
}

#sub-content #ordering-custom-lighting h2 a:link,
#sub-content #ordering-custom-lighting h2 a:visited,
#sub-content #ordering-custom-lighting h2 a:active {
	text-decoration: none;
	color: #fff;
	font-size: 1em;
	line-height: 1em;
}

#sub-content #ordering-custom-lighting h2 a:hover {
	color: #cfd299;
}

#sub-content #ordering-custom-lighting p {
	font-size: 1.1em;
	margin-top: 5px;
}

#sub-content #ordering-custom-lighting p.more {
	margin-bottom: 0px;
}

#sub-content #ordering-custom-lighting a:link,
#sub-content #ordering-custom-lighting a:visited,
#sub-content #ordering-custom-lighting a:active {
	color: #000;
}

#sub-content #ordering-custom-lighting p.more a:link,
#sub-content #ordering-custom-lighting p.more a:visited,
#sub-content #ordering-custom-lighting p.more a:active {
	color: #000;
	font-weight: bold;
	padding-right: 7px;
	background: transparent url('../images/bullet_black_more.gif') no-repeat 100% 50%;
	text-decoration: none;
}

#sub-content #ordering-custom-lighting p.more a:hover {
	text-decoration: underline;
}

/* =SLIDESHOW ----------------------------*/
ul.image-left 
{
	float: left;
	margin: 0px 10px 10px 10px;
}

ul.image-right 
{
	float: right;
	margin: 0px 6px 10px 10px;
}

ul.slideshow300
{
	padding: 0;
	height: 300px;
	width: 300px;
}

ul.slideshow356
{
	padding: 0;
	height: 220px;
	width: 356px;
}

ul.slideshow300 li,
ul.slideshow356 li
{
	list-style: none;
	display: none;
}

ul.slideshow300 li.first,
ul.slideshow356 li.first
{
	display: block;
}