* { margin: 0; padding: 0; }

	html {
		height: 100%; margin-bottom: 1px;
	}

	body { line-height: 1em; }
	
	#imageFadeContainer {
		position:relative;
		top:0;
		left:0;
		width: 544px;
		height: 399px;
		overflow: hidden;
	}

	#imageFadeContainer img {
		position:absolute;
		top:0;
		left:0;
		display:none;
	}
 
       .comment-replies {
           margin-left: 30px;
       }
       
       .form-element.form-hide {
	   display: none;
       }

       .form-element.form-type-checkbox label,
       .form-element.form-type-radio label {
	   display: inline;
       }

       .form-float-left {
	   float: left;
       }
	
       .form-element.form-float-left {
           padding-right: 10px;
       }

	body {
		background: #e3dccd;
		padding: 76px 0 0 0;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 68.75%;
	}
	
		a, #zipcode a {
			text-decoration: none;
			outline: none;
			color: #a4b8b5;
		}
		
			a img {
				border: none;
			}
			
		h1, h2, h3, h4 {
			font-family: Georgia, sans-serif;
			font-weight: normal;
			line-height: 1.4545em;
		}
		
		h1 {
			font-size: 2em;
		}
		
		h2 {
			font-size: 1.5em;
		}
		
		h3 {
			font-size: 1.25em;
		}
		
		h4 {
			font-size: 1em;
		}
		
		.clear {
			clear: both;
		}
		
		.right {
			text-align: right;
		}
		
		.left {
			text-align: left;
		}
		
		.center {
			text-align: center;
		}
		
		.caps {
			text-transform: uppercase;
		}
	
		#wrapper {
			width: 800px;
			margin: 0 auto;
		}
		
			#header {
				border-bottom: 1px solid #322c1d;
				height: 69px;
				padding: 0 0 13px 0;
				position: relative;
				width: 800px;
				margin-bottom: 11px;
			}
			
				#header a#logo img {
					width: 171px;
					height: 69px;
					background: transparent url(/images/logo.png) no-repeat 50% 50%;
					float: left;
				}
				
					#header ul {
						position: absolute;
						left: 200px;
						bottom: 0px;
						list-style: none;
					}
					
						#header ul li {
							float: left;
							height: 20px;
							padding-top: 9px;
							overflow: hidden;
						}

							#header ul li.whats-new img {
								width: 133px;
								height: 20px;
								background: transparent url(/images/nav-whats-new.png) no-repeat 50% 0px;
							}

							#header ul li.design-ideas img {
								width: 137px;
								height: 20px;
								background: transparent url(/images/nav-design-ideas.png) no-repeat 50% 0px;
							}

							#header ul li.catalog img {
								width: 105px;
								height: 20px;
								background: transparent url(/images/nav-catalog.png) no-repeat 50% 0px;
							}

							#header ul li a:hover img, #header ul li.selected img {
								background-position: 50% 100%;
							}

							#header ul li.find-a-retailer {
								background: transparent url(/images/nav-find-a-retailer.png) no-repeat 0px 100%;
								padding-left: 140px;
								height: 28px;
								padding-top: 1px;
							}

								#header ul li.find-a-retailer form {
									background: #a4b8b5 url(/images/input-bg.png) repeat-x 0px 0px;
									border: 1px solid #322c1d;
									padding: 0 4px 4px;
									height: 16px;
									width: 74px;
									position: relative;
									overflow: hidden;
								}
								
									#header ul li.find-a-retailer form input.input-text {
										border: none;
										background: #a4b8b5;
										color: #fff;
										text-transform: uppercase;
										padding: 0;
										margin: 0 0 4px 0;
										*padding: 0 0 4px 0;
										font-size: 0.9090em;
										width: 60px;
										height: 12px;
										position: relative;
										top: 0;
										*top: 2px;
									}
									
									#header ul li.find-a-retailer form input.input-image {
										border: none;
										outline: none;
										width: 14px;
										height: 16px;
										margin: 2px 0 0;
									}
									
					#content {
						background: #322c1d;
						color: #a4b8b5;
						height: 399px;
						overflow: hidden;
					}
					
					.catalog #content {
						overflow: visible;
						height: auto;
						background: transparent;						
					}

						#left {
							width: 544px;
							float: left;
						}
						
						#right {
							margin-left: 544px;
							padding: 24px 12px 24px 24px;
							position: relative;
							_margin-left: 542px;
						}
						
						#whats-new #right {
							padding: 0 0 0 2px;
						}
						
							#right #imageFadeContainer {
								width: 254px;
								height: 399px;
								_position: absolute;
								_top: 0px;
								_right: 0px;
							}
						
						#content p, #content div.story-content {
							line-height: 1.4545em;
							margin-bottom: 1.4545em;
						}
						
						#content p {
							padding-right: 12px;
						}
						
						#content div.story-content {
							height: 298px;
							overflow: auto;
							padding-right: 12px;
						}
						
								#content div.story-content ul li {
									list-style: outside;
									margin-left: 1.25em;
								}
								
								#home #content div.story-content ul li {
									margin-left: 0;
								}
						
						#home #content div.story-content {
							height: auto;
						}
						
						#content ul.buttons {
							list-style: none;
							margin: 3em auto 0;
						}
						
							#content ul.buttons li {
								display: inline;
							}
							
								#content ul.buttons li img {
									width: 60px;
									height: 60px;
								}
								
								#content ul.buttons li.andy-warhol img {
									background: transparent url(/images/andywarhol_icon.png);
								}
								
								#content ul.buttons li.rug-search img {
									background: transparent url(/images/rugsearch_icon.png);
									margin: 0 11px;
									_margin: 0 9px;
								}
								
								#content ul.buttons li.whats-new img {
									background: transparent url(/images/whatsnew_icon.png);
								}
								
						#content .back-button {
							text-align: right;
						}
								
							#content .back-button img {
								width: 45px;
								height: 11px;
								background: transparent url(/images/back.png);
							}
							
						#content ul.thumbs {
							list-style: none;
							margin: 0;
							padding: 0;
						}
						
							#content ul.thumbs li {
								width: 159px;
								height: 159px;
								float: left;
								margin: 20px 0 0 22px;
								_margin: 20px 0 0 16px;
								overflow: hidden;
								position: relative;
							}
							
								#content ul.thumbs li a {
									display: block;
									position: relative;
									top: 0px;
									left: 0px;
								}
							
								#content ul.hover li a:hover {
									top: -159px;
									border: 0px solid #322c1d;
								}
									
						.rugs-101 #content #left {
							background: #a4b8b5;
							color: #322c1d;
							overflow: auto;
							padding: 24px;
							width: 496px;
							height: 351px;
						}
						
							.rugs-101 #content #left div.story-content {
								height: auto;
								overflow: visible;
							}
	
									.rugs-101 #content #left div.story-content ul li {
										list-style: none;
										margin: 0 0 1.4em;
									}
									
								.rugs-101 #content #right ul li, .before-afters #content #right ul li {
									list-style: none;
									margin-left: 0;
									padding-left: 12px;
									background: transparent url(/images/left-arrow.png) no-repeat 0px 2px;
									margin-bottom: 1.4em;
									text-transform: uppercase;
								}
							
						#whats-new #content #left {
							padding: 24px;
							width: 496px;
						}
						
							#whats-new #content #left ul {
								list-style: none;
							}

								#whats-new #content #left ul li {
									padding-left: 100px;
									clear: left;
									position: relative;
									height: 100px;
									overflow: visible;
									margin-bottom: 1.4em;
								}

									#whats-new #content #left ul li img {
										position: absolute;
										top: 0px;
										left: 0px;
										border: 1px solid #a4b8b5;
									}
									
								#andy-warhol-collection #content #right h2 {
									text-indent: -10000px;
									width: 219px;
									height: 47px;
									background: transparent url(/images/warhol_header.png) no-repeat 0px 0px;
									margin-bottom: 1.4em;
								}
								
						#content a.right-arrow {
							padding-right: 10px;
							background: transparent url(/images/right-arrow.png) no-repeat 100% 2px;
						}
						
						#content table.color-search {
							background: #322c1d;
							border-bottom: 1px solid #a4b8b5;
							border-collapse: collapse;
							margin-bottom: 0;
						}
						
							#content table.color-search td {
								padding: 10px 20px;
								width: 250px;
								vertical-align: top;
							}
							
							#content table.color-search td.middle {
								border: 1px solid #a4b8b5;
								border-bottom: none;
								border-top: none;
								width: 180px;
							}

								#content table.color-search td.middle select {
									width: 180px;
									text-transform: uppercase;
									font-size: 1em;
									color: #322c1d;
									margin-bottom: 0.5em;	
								}

								#content table.color-search td.middle .keyword_style {
									width: 180px;
									font-size: 1em;
									color: #322c1d;
									margin-bottom: 0.5em;	
								}
								
					p#comingsoon {
						display: block;
						width: 201px;
						height: 10px;
						background: transparent url(/images/comingsoon.png);
						text-indent: -50000px;
						overflow:hidden;
					}
								
					div#rug_slidebar {
						background: #322c1d;
						text-align: center;
						padding-bottom: 10px;
					}

							div#rug_slidebar ul li {
								display: inline;
								margin: 10px;
							}
							
							h2.slider_title {
								background: #322c1d;
								font-size: 1em;
								font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
								text-transform: uppercase;
								padding: 0.5em 40px;
							}
							
								h2.slider_title span {
									font-weight: bold;
								}
								
							table.breadcrumbs {
								color: #a4b8b5;
								border-collapse: collapse;
								margin: 1em auto;
								width: 100%;
								border-bottom: 1px solid #322c1d;
								clear: both;
							}
							
								table.breadcrumbs td {
									font-size: 1em;
									text-transform: uppercase;
									font-weight: bold;
									padding-bottom: 0.5em;
									width: 33.3333%;
								}
								
									table.breadcrumbs td.right a {
										margin: 0 0 0 0.25em;
									}
									
									table.breadcrumbs td.right a.current {
										color: #6b827e;
										border-bottom: 2px solid #6b827e;
									}
									
							ul.results_list {
								list-style: none;
							}
							
								ul.results_list li.item {
									width: 16.6667%;
									float: left;
									text-align: center;
									margin-bottom: 1em;
									height: 170px;
								}
								
									ul.results_list li.item span.image {
										display: block;
										margin-bottom: 0.25em;
									}

									ul.results_list li.item a {
										color: #322c1d;
									}
						
					#footer {
						clear: both;
						font-family: "Futura Book", Helvetica, Arial, sans-serif;
						color: #a4b8b5;
						text-transform: uppercase;
						padding-top: 11px;
						text-align: right;
						font-size: 0.9em;
					}
					
						#footer span {
							margin-left: 1em;
						}
						
			#overlay {
				background: transparent url(/images/overlay.png);
				_background: #a4b8b5;
				_filter: alpha(opacity = 80);
				width: 100%;
				height: 100%;
				position: fixed;
				_position: absolute;
				top: 0px;
				left: 0px;
				z-index: 20;
			}
			
			#lightbox {
				width: 976px;
				height: 760px;
				position: fixed;
				_position: absolute;
				top: 50%;
				left: 50%;
				z-index: 25;
				margin: -380px 0 0 -488px;
				overflow: visible;
				text-align: center;
			}
			
			#before-afters #lightbox {
				background: #322c1d;
				padding: 20px;
				width: 637px;
				height: 500px;
				margin: -270px 0 0 -338px;
			}

			#color-style #lightbox {
				background: #a4b8b6;
				width: 637px;
				height: 500px;
				margin: -270px 0 0 -338px;
				padding-bottom: 40px;
			}
			
				#before-afters #lightbox img, #color-style #lightbox img {
					width: 637px;
					height: 500px;
				}

				#lightbox #lbContent img {
					width: auto;
					height: auto;
				}
				
				#lightbox #lbContent .c1 img {
					max-width: 259px;
					_width: 259px;
					height: auto;
					_height: 400px;
				}
			
				#lightbox #left {
					float: none;
					width: auto;
					display: inline;
					text-align: left;
				}
				
				#lightbox #close_button {
					bottom: 20px;
					right: 20px;
					position: absolute;
					color: #322c1d;
					cursor: pointer;
					font-weight: bold;
					text-transform: uppercase;
				}
				
				#before-afters #lightbox #close_button {
					color: #a4b8b5;
					bottom: 6px;
					right: 20px;
				}

                       .popup .reflect {
			   max-width: 200px;
                           max-height: 400px;
                       }

		       
.popup {color: #BEBEBE; padding: 20px;}
.popup .col2 { width: 790px; }
.popup #slide { width: 820px; }
.popup h1, .popup h2, .popup h3, .popup h4, .popup h5 {color: #A5B8B6}
.popup h1 {margin: 0 0 2em}
.popup .wrap .pad {border: none}
.popup .close_window {margin: 6px 0 12px; text-align: right;}
.popup .close_window img {display: inline; width: 124px; height: 14px;}
.popup .col2 .c1 img { width: 290px; }
.popup.ver1 .col2 .c1 {width: 38%}
.popup.ver1 .col2 .c2 {width: 62%} 
.popup.ver2 .col2 .c1 {width: 62%}
.popup.ver2 .col2 .c2 {width: 38%} 
.popup .col2 .size .c1 {width: 32%}
.popup .col2 .size .c1 .pad,
.popup .col2 .size .c2 .pad,
.popup .col2 .size .c3 .pad {padding: 0}
.popup .col2 .size .c2 {width: 32%}
.popup .col2 .size .c2 {width: 32%} 
.size ul {list-style: none; line-height: 1.5em;}
.popup .see {
	line-height: 120%; 
	width: 49%; 
	float: left; 
	padding: 2em 1% 0 0;
	font-weight: bold; 
	font-size: 1.2em;
	}
.popup.ver2 .see {
	width: 100%; 
	float: left; 
	padding: .6em 1% 0 0;
	font-weight: bold; 
	font-size: 1.2em;
	}
.popup.ver2  .col2 .size {margin-bottom: 2em;}
.popup .see a, .popup .see a:link, .popup .see a:visited {
	color: #A5B8B6; /* blue */ 
	background: transparent URL(/images/popup/arrow_see.gif) right 50% no-repeat;  
	padding: 0 15px 0 0; 
	text-decoration: none;
	}
.popup .see a:active, .popup .see a:hover {color: #A5B8B6; /* blue */ text-decoration: underline;}
.popup .blurb { display: block; padding-top: 20px; }
.popup .blurb, .popup .disclaimer {text-transform: none}
.popup .blurb h3 {display: inline}
.popup .slider_viewer { position: relative; top: 0; left: 0; height: 600px; }
.popup #slider_container { position: absolute; top: 16px; left: 0; }
.popup #slide { position: absolute; top: 16px; left: 830px; line-height: 1.5em;}

#zipcode #content {
	height: auto;
}

#zipcode #content table {
	border-collapse: collapse;
	width: 90%;
	margin: 3em auto 0;
}

#zipcode #content center.smaller table {
	width: auto;
	margin-bottom: 3em;
}

#zipcode #content table table {
	width: 100%;
	margin: 0;
	color: #322C1D;
}

#zipcode #content table table th, #zipcode #content table table td {
	padding: 8px 4px;
	font-size: 1em;
	border-bottom: 1px solid #322C1D;
}

#zipcode #content table table th {
	font-size: 1.1em;
	background: #A4B8B5;
	color: #322C1D;
}

#zipcode #content table table th .smaller2 {
	font-size: inherit;
}

/* Rugpad */

h2#rugpad {
	background: transparent url(/images/rugpadlogo.png);
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/rugpadlogo.png', sizingMethod = 'scale');
	width: 205px;
	height:79px;
	display:block;
	text-indent:-50000px;
	overflow:hidden;
	margin: 10px 0;
}
h1#broadloom {
	font-size: 1.5em;
}


	div.story-content-rugpad {
		overflow: auto;
		padding-right: 12px;
		height:80px;
	}


		ul.rugpaditems {
			list-style: none;
		}

		ul.rugpaditems li {
			overflow:hidden;
			display: block;
			margin-bottom: 10px;
			_margin-bottom: 0px;
		}
	
		ul.rugpaditems li a {
			text-indent: -50000px;
			overflow:hidden;
			display: block;
			_margin-bottom: 0px;
		}
		
		ul.rugpaditems li a {
			_margin-top: 10px;
			
		}
		
		ul.rugpaditems li.luxehold a {
			display: block;
			background: transparent url(/images/luxehold.png) no-repeat;
			_background: none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/luxehold.png', sizingMethod = 'scale'); 
			margin-left: auto;
			margin-right: auto;
			width: 71px;
			height:11px;
			text-indent: -5000px;
			overflow: hidden;
			cursor: pointer;
		}
		
		ul.rugpaditems li.luxehold {
			_text-indent: -5000px;
			_overflow: hidden;
		}

		ul.rugpaditems li.allnone a {
			display: block;
			background: transparent url(/images/allnone.png) no-repeat;
			_background: none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/allnone.png', sizingMethod = 'scale');
			margin-left: auto;
			margin-right: auto;
			width: 78px;
			height:11px;
		}

		ul.rugpaditems li.ultragrip a {
			display: block;
			background: transparent url(/images/ultragrip.png) no-repeat;
			_background: none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ultragrip.png', sizingMethod = 'scale');
			margin-left: auto;
			margin-right: auto;
			width: 75px;
			height:11px;
		}

		ul.rugpaditems li.comfortgrip a {
			display: block;
			background: transparent url(/images/comfortgrip.png) no-repeat;
			_background: none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/comfortgrip.png', sizingMethod = 'scale');
			margin-left: auto;
			margin-right: auto;
			width: 103px;
			height:11px;
		}

		ul.rugpaditems li.suregrip a {
			display: block;
			background: transparent url(/images/suregrip.png) no-repeat;
			_background: none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/suregrip.png', sizingMethod = 'scale');
			margin-left: auto;
			margin-right: auto;
			width: 67px;
			height:11px;
		}

		ul.rugpaditems li.thegreenpad a {
			display: block;
			background: transparent url(/images/thegreenpad.png) no-repeat;
			_background: none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/thegreenpad.png', sizingMethod = 'scale');
			margin-left: auto;
			margin-right: auto;
			width: 110px;
			height:11px;
		}


		ul.rugpaditems li.outdoorrugpad a {
			display: block;
			background: transparent url(/images/outdoorrugpad.png) no-repeat;
			_background: none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/outdoorrugpad.png', sizingMethod = 'scale');
			margin-left: auto;
			margin-right: auto;
			width: 137px;
			height: 11px;
		}
		
		p.nominal {
			float: left;
			width: 200px;
			clear: both;
			margin-top:15px;
		}
		
#grabme {
	background: white;
	display: block;
	width: 800px;
	height: 500px;
	position: absolute;
	_position: static;
	_margin-top: 100px;
	top: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-left: 44px; /* this is half the difference of the widths of #lightbox and #grabme*/
	_margin-left: 0;
	_margin-right: 0;
	padding: 60px;
	_padding: 30px;
}

#grabme img {
	float: left;
}

#grabme .lightboxcopy {
	float: right;
	width: 400px;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #9ba7a2;
	margin: 10px 0 0 0;
	_text-align: left;
}

	#grabme .lightboxcopy ul.features {
		margin: 15px 0;
	}
	#grabme .lightboxcopy ul.specs {
		width: 100px;
		float: left;
		list-style: none;
	}

	#grabme .lightboxcopy .col3 {
		clear: right;
	}
	
		div#luxeholdlogo {
			display: block;
			width: 300px;
			height: 80px;
			text-indent: -50000px;
			overflow: hidden;
			background: url(/images/luxeholdlogo.png) no-repeat;
		
		}
		
		div#comfortgriplogo {
			display: block;
			width: 300px;
			height: 60px;
			text-indent: -50000px;
			background: url(/images/comfortgriplogo.png) no-repeat;
		}
		
		div#suregriplogo {
			display: block;
			width: 300px;
			height: 80px;
			text-indent: -50000px;
			background: url(/images/suregriplogo.png) no-repeat;
		}
		
		div#outdoorrugpadlogo {
			display: block;
			width: 300px;
			height: 125px;
			text-indent: -50000px;
			background: url(/images/outdoorrugpadlogo.png) no-repeat;
		}
		
		div#greenpadlogo {
			display: block;
			width: 300px;
			height: 80px;
			text-indent: -50000px;
			background: url(/images/greenpadlogo.png) no-repeat;
		}
		
		div#allnonelogo {
			display: block;
			width: 300px;
			height: 80px;
			text-indent: -50000px;
			background: url(/images/allnonelogo.png) no-repeat;
		}
		
		div#ultragriplogo {
			display: block;
			width: 300px;
			height: 80px;
			text-indent: -50000px;
			background: url(/images/ultragriplogo.png) no-repeat;
		}
		
		#lightbox #close_button {
			color: #9BA7A2 !important;
			top: 150px !important;
			right: 60px !important;
			_margin-right: 20px;
		}