@CHARSET "UTF-8";

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,html,p,blockquote,fieldset,input,object { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
a:active, a:focus { outline: none }

body {
	font-family: arial, sans-serif;
	font-size: 12px;
	background: #e9e7e6;
	color: #928886;
}
.clear {
	clear: both;
}

.floatRight {
	float: right !important;
}

.floatLeft {
	float: left !important;
}

div.hr hr {
	display: none;
}
div.hr {
	height: 1px;
	border-top: 1px dashed #666;
	margin-bottom: 10px;
}

.pageContainer {
	width: 934px;
	margin: 20px auto;
	text-align: left;
	position: relative;
	background: #fff;
	padding: 20px;
}

.narrowCol {
	width: 226px;
	float: left;
}

.mediumCol {
	width: 462px;
	float: left;
}

.wideCol {
	width: 698px;
	float: left;
}

.thirdCol {
	width: 304px;
	float: left;
}

.spacer {
	margin: 0 10px 10px 0 !important;
}

.alignCenter {
	text-align: center;	
}
 .alignRight {
	text-align: right;	
}
 
.narrowCol.spacer {
	margin-bottom: 0 !important;
}

#clients .narrowCol.spacer {
	margin-bottom: 10px !important;
}

img.padBottom {
	display: block;
	margin-bottom: 10px !important;
}
.sampleText {
	padding: 0 25px 10px 25px;
	color: #4d4d4d;
}

/**
  * Header
  */

.header .logo h1 a {
	height: 90px;
	background: url('../images/logo.png') no-repeat center;
	display: block;
	text-indent: -9000px; 
}

.header .headerRight a {
	height: 90px;
	background: url('../images/headerRight.png') no-repeat center right;
	display: block;
	text-indent: -9000px;
}

.header .nav {
	background: #000;
	height: 45px;
}

.header .nav ul {
	padding: 0;
	list-style: none;
	color: #fff;
	padding: 0 0 0 16px;
}

.header .nav ul li {
	padding: 0 16px 0 0;
	float: left;
	display: inline;
}

.header .nav ul li a {
	color: #fff;
	text-decoration: none;
	background: url('../images/nav.png') no-repeat;
	display: block;
	height: 45px;
	line-height: 45px;
	float: left;
	text-indent: -9000px;
}

.header .nav ul li.about a {
	width: 61px;
	background-position: -16px 0;
}

#about .header .nav ul li.about a,
.header .nav ul li.about a:hover {
	background-position: -16px -45px;
}

.header .nav ul li.clients a {
	width: 104px;
	background-position: -87px 0;
}

#clients .header .nav ul li.clients a,
.header .nav ul li.clients a:hover {
	background-position: -87px -45px;
}

.header .nav ul li.services a {
	width: 63px;
	background-position: -204px 0;
}

#services .header .nav ul li.services a,
.header .nav ul li.services a:hover {
	background-position: -204px -45px;
}

.header .nav ul li.design a {
	width: 63px;
	background-position: -290px 0;
}

#design .header .nav ul li.design a,
.header .nav ul li.design a:hover {
	background-position: -290px -45px;
}


.header .nav ul li.search a {
	width: 63px;
	background-position: -377px 0;
}

#search .header .nav ul li.search a,
.header .nav ul li.search a:hover {
	background-position: -377px -45px;
}

.header .nav ul li.products a {
	width: 77px;
	background-position: -460px 0;
}

#products .header .nav ul li.products a,
.header .nav ul li.products a:hover {
	background-position: -460px -45px;
}

.header .nav ul li.stock a {
	width: 94px;
	background-position: -559px 0;
}

#stock .header .nav ul li.stock a,
.header .nav ul li.stock a:hover {
	background-position: -559px -45px;
}


.header .nav ul li.favorites a {
	width: 94px;
	background-position: -670px 0;
}

#favorites .header .nav ul li.favorites a,
.header .nav ul li.favorites a:hover {
	background-position: -670px -45px;
}

.header .nav ul li.news a {
	width: 53px;
	background-position: -776px 0;
}

#news .header .nav ul li.news a,
.header .nav ul li.news a:hover {
	background-position: -776px -45px;
}

.header .nav ul li.contact a {
	width: 73px;
	background-position: -842px 0;
}

#contact .header .nav ul li.contact a,
.header .nav ul li.contact a:hover {
	background-position: -842px -45px;
}

.commingSoon { 
	text-align: center;
	padding: 80px 0 0 0;
	min-height: 200px;
}

/**
  * Content
  */

.content {
	text-align: left;
	padding: 10px 0 0 0;
}
.content h1 {
	font-size: 30px;
	margin-bottom: 10px;
	letter-spacing: -0.05em;
}
.content h2 {
	font-size: 22px;
	margin-bottom: 10px;
	letter-spacing: -0.05em;
}
.content h3 {
	font-size: 16px;
	margin-bottom: 5px;
	letter-spacing: -0.05em;
}
.content h4 {
	color: #c69c6d;
	font-size: 16px;
	margin-bottom: 5px;
}
.content p {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 10px;
	color: #928886;
}
.content p.date {
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 5px;
	color: #c69c6d;
	font-weight: bold;
}
.content ul,
.content ol {
	margin-left: 20px;
	margin-top: 0;
	padding-top: 0;
}

.content li {
	margin-bottom: 5px;
}

.content a {
	color: #5d7aab;
	text-decoration: none;
	font-weight: bold;
}
.content a:hover {
	text-decoration: underline;
}
.content .blockLink {
	padding: 10px 0;
	color: #fff;
}

.content .blockLink a {
	color: #fff;
	background: #000;
	padding: 5px 10px;
	font-size: 11px;
	text-decoration: none;
}

.content .blockLink a:hover {
	background: #333;
}

.content h2.pageTitle {
	height: 72px;
	line-height: 72px;
	background: url('../images/triangle.png') no-repeat 20px 0 #908584;
	color: #fff;
	padding: 0 22px;
	font-weight: bold;
	font-size: 22px;
}
 
.content ul.twoCol li {
	display: block;
	float: left;
	padding: 0;
	width: 210px;	
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
}
/**
  * Just to get the block links working on the design page
  */
.content em a {
	display: block;
	background: #000;
	color: #fff;
	padding: 5px 10px;
	font-style: normal;
	font-size: 11px;
}
 
/**
  * Homepage
  */

.homeLeftCol {
	width: 614px;
	float: left
}
.homeMiddleCol {
	width: 310px;
	float: left
}
.homeRightCol {
	width: 310px;
	float: left
}

.homeBox {
	color: #fff;
	display: block;
	position: relative;
	height: 121px;
	margin-bottom: 10px;
}

.homeBox:hover p {
	text-decoration: underline;
}

.homeBox p {
	margin: 0;
	height: 30px;
	background: url('../images/homeBoxOverlay.png') no-repeat;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 275px;
	padding: 5px 10px 5px 25px;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #fff;
}

.showcaseBox {
	color: #fff;
	display: block;
	position: relative;
	width: 100%;
}

.showcaseBox img{
	padding: 0;
	margin: 0;
	display: block;
}


a.showcaseBox:hover p {
	text-decoration: underline;
}

.showcaseBox p {
	margin: 0;
	background: url('../images/showcaseOverlay.png');
	position: absolute;
	bottom: 0;
	width: 206px;
	padding: 5px 10px 5px 10px;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #fff;
}


#banner {
	height: 383px;
	position: relative;
}

#banner img {
	position: absolute;	
}

.zoomIcon {
	position: absolute;
	top: 5px;
	right: 5px;
}

/**
  * Products Section
  */

.leftNav {
	background: #b1a9a9;
	padding: 20px;
	margin: 0 0 10px 0;
}

#stock .leftNav {
	min-height: 294px;	
}

#products .leftNav {
	min-height: 134px;	
}

.leftNav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.leftNav ul li {
	padding: 0 0 5px 0;
	line-height: 15px;
	font-size: 13px;
}

.leftNav ul li a {
	color: #e8e5e5;
	text-decoration: none;
}

.leftNav ul li.selected a,
.leftNav ul li a:hover {
	color: #fff;
}

.productGalleryThumb {
	margin: 0 0 10px 0;	
}
	
.productGalleryThumb .showcaseBox p {
	width: 130px;
	right: 0px;
}

.productGalleryThumb .showcaseBox p span {
	background: url('../images/zoom.png') top right no-repeat;
	display: block;
	
}

.tiles .tile {
	display: block;
	float: left;
	width: 82px;
	position: relative;
}

.tiles .tile .zoom {
	background: url('../images/zoom.png') top right no-repeat;
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	height: 15px;
	width: 15px;
	
}

/**
  * Stock Collections
  */
  
#stock .leftNav {
	width: 112px;	
}


/**
  * News
  */
  
.newsListingItem {
 	margin-bottom: 10px;
}

/**
  * Request form
  */
  
.formBuilder fieldset {
	width: 452px;	
	margin: 5px;
	border: 0;
}

.legend,
.formBuilder legend {
	padding: 0;
	color: #c69c6d;
	font-size: 16px;
	font-weight: bold;
}

.formBuilder ul {
	list-style: none;
	padding: 10px 0;
	margin-left: 0;
}

.formBuilder ul li {
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
}

.formBuilder ul li small {
	display: block;
	clear: both;
	padding: 0 30px 0 100px;
}

.formBuilder  ul li label {
	font-size: 13px;
	font-weight: bold;
}


.formBuilder  ul li.error label {
	color: red;
}

.formBuilder .formBuilderFieldset_detailsFloat {
	float: left;	
}

.formBuilder .formBuilderFieldset_detailsFloat ul li label,
.formBuilder .formBuilderFieldset_details ul li label {
	display: block;
	float: left;
	text-align: right;
	padding: 0 10px 0 0;
	line-height: 20px;
	width: 90px;
}

.formBuilder .formBuilderFieldset_stock ul li {
	display: block;
	float: left;
	width: 180px;
	margin-bottom: 8px;

}
.formBuilder .formBuilderFieldset_stock {
	margin-bottom: 30px;
}

.formBuilder .formBuilderFieldset_stock ul li label {
	display: block;
	float: right;
	width: 160px;
}

.formBuilder ul li input[type="text"] {
	line-height: 20px;
	height: 20px;
	width: 300px;
	border: 0;
	background: #e5e5e5;
	font-size: 13px;
	padding: 0 5px;
}

.formBuilder ul li.help p {
	font-size: 10px;
	line-height: 13px;
	width: 300px;
	float: left;
}

.formBuilder ul li.formBuilderListElement_message,
.formBuilder ul li.formBuilderListElement_address1 {
	padding-top: 20px !important;
}

.formBuilder ul li input[type="checkbox"] {
	float: left;
}

.formBuilder .formBuilderFieldset_details input[type="checkbox"]
{
	float: none;
}

.formBuilder ul li textarea {
	height: 100px;
	width: 300px;
	border: 0;
	background: #e5e5e5;
	font-size: 13px;
	padding: 5px;
}


.formBuilder button {
	color: #fff;
	padding: 5px 10px;
	background: #000;
	border: 0;
	font-weight: bold;
	font-size: 11px;
	margin-left: 100px;
	font-family: arial;
}

.formBuilder .last {
	text-align: left;
}

.pdfLink  {
	margin: 20px 0 0 0;
}

.pdfLink a {
	display: block;
	height: 46px;
	line-height: 46px;
	background: url('../labeled/images/icons/icon_pdf.png') no-repeat;
	padding: 0 0 0 50px;
	color: #928886;
}

 .pagination {
	padding-left: 100px;
}
 
.pagination h5 {
	float: left;
	padding: 2px 6px 0 0;
}

.pagination h5.current a {
	color: #4f4f4f;	
}

.swatch {
	width: 250px;
	float: left;
	height: 90px;
	padding: 10px 20px;
}

.swatch .image {
	width: 82px;
	margin-right: 8px;
	float: left;	
}

.swatch .links {
	width: 160px;
	float: left;	
}

.swatch .links p {
	margin-bottom: 2px;
	font-size: 11px;
	color: #000;
	font-weight: bold;
}

.swatch .links p a {
	color: #928886;
	text-decoration: underline;
}
 
.swatch .links p a:hover {
	color: #666;
}
 
.requestSwatch {
	width: 220px;
	float: left;
	height: 90px;
	padding: 5px 0;
}

.requestSwatch input {
	float: left;
	margin: 37px 5px 0 0;
}

.requestSwatch .name {
	float: left;
	width: 60px;
	padding: 35px 0 0 0;
	line-height: 16px;
	font-weight: bold;
}

.requestSwatch .image {
	width: 90px;
	float: left;	
}
 
form.search fieldset {
	border: 0;
	margin-bottom: 20px;
}
 
form.search ul {
	margin-bottom: 20px;
}
 
form.search h4 {
	margin-bottom: 15px;
}
 
form.search fieldset input[type="text"] {
	border: 0;
	background: #e5e5e5;
	height: 20px;
	line-height: 22px;
	padding: 0 5px;
	width: 350px;	
}
 
form.search .buttons {
	margin-top: 30px;	
} 

form.search a.button,
form.search button {
	color: #fff;
	background: #737373;
	border: 0;
	font-weight: bold;
	font-size: 13px;
	font-family: arial;	
	display: block;
	width: 80px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	margin-bottom: 10px;
	cursor: pointer;
}
 
form.search button:hover {
	text-decoration: underline;
}
 
#search .hr {
	border-top: 1px solid #928886;
}
 
.swatchPopup a {
	color: #928886;
	font-weight: bold;
	padding-left: 5px;
}

.swatchPopup a:hover {
	color: #5d7aab;
}
 
.swatchPopup .closeButton {
	float: right;
	width: 60px;
	text-align: right;
	padding-top: 3px;
	padding-right: 15px;
}

.swatchPopup .links {
	float: left;
	width: 520px;
	padding-top: 3px;
	padding-left: 25px;
}
.swatchPopup .swatchPopupImage {
	text-align: center;	
	padding: 10px 0 15px 0;
}
 
/**
  * Footer
  */

.footer p {
	font-size: 11px;
	font-weight: bold;
	color: #999;
	margin-top: 10px;
}

.footer .alignRight {
	text-align: right;
}

.footer p a {
	color: #999;
}