@charset "UTF-8";

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */


/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */

/* from DEFAULT css stylesheet 
*/
a:link, a:visited {
	color: #6d8cd2;
	text-decoration: none;
}

#container{
		  margin: 0 auto;
		  padding-bottom:10px;
		  width: 920px;
		  background-color:#ffffff;
		  color: #666;
		  font-size: 14px;
		  line-height: 17px;
		  }

#pageBody 	{
			width: 920px;
			float:left;
			}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
 	font-size: 24px;
	letter-spacing: 1px;
	margin-bottom: .5em;
	*padding-top: 10px;
	line-height: 28px;
	}
		


h2 {
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	font-weight: normal;
	margin-bottom: 5px;
	*padding-top: 10px;
}


#middle	{	
		margin-left: auto;
		margin-right: auto;
		padding-top:10px;
		font-size: 14px;
		  line-height: 17px;
		  letter-spacing: .5px;
		}

#navBar {
	width:920px;
	 font-weight: bold;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 13px;
 	letter-spacing: .8px;
}

	

	ul.dropdown a:link,
	ul.dropdown a:visited { 
	color: #666; 
	text-decoration: none; 
	padding: 5px 0px 0px 8px;
	z-index: 4;
	
	}
	
ul.dropdown ul li .nav-text {
	background-color: white;
	
}




	/* -- level mark -- */

	ul.dropdown ul {
	 width: 165px;
	 margin-top: 2px;
	 margin-top : 52px\9; 
	 visibility: hidden;
	 position: absolute;
	left: 0;
	z-index: 598;
	background-color: white;

	}
	
	
*html ul.dropdown ul {
	margin-top: 22px;

	}
	
*:first-child+html ul.dropdown ul {
	margin-top: 22px;

	}

		ul.dropdown ul li {
		 font-weight: normal;
		 border: 1px solid #dad9d9;
		 padding: 3px 0px 2px 0px;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 59px;

}

/* SWATCHES HOVER OVER LABELS */ 
#dhtmlgoodies_tooltip {        
	background-color:#EEE;       
	border:1px solid #000;        
	position:absolute;        
	display:none;        
	z-index:20000;        
	padding:2px;        
	font-size:0.9em;        
	-moz-border-radius:6px;    
/* Rounded edges in Firefox */        
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;            
	}    
	
#dhtmlgoodies_tooltipShadow {        
	position:absolute;        
	background-color:#555;        
	display:none;        
	z-index:10000;        
	opacity:0.7;        
	filter:alpha(opacity=70);        
	-khtml-opacity: 0.7;        
	-moz-opacity: 0.7;        
	-moz-border-radius:6px;    
	/* Rounded edges in Firefox */    
	}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}

/* from DROPDOWN css Style Sheet */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
	 position: relative;
 	float: left;
}


ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}


ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}



ul.dropdown li:hover > ul {
 visibility: visible;
}

/* from HELPER css sheet */
.dropdown-upward {
 margin-top: 400px !important;
}


/* for AREA RUGS page */
.read-more {
	width: 920px;
	text-align: right;
	padding-top: 8px;
}


.swatches {
	width: 143px; 
	float: left;
	padding: 10px 12px 0px 0px;
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing: .5px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
}

.swatch-6 {
	width: 143px; 
	float: left;
	padding: 10px 0px 0px 0px;
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing: .5px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	
}

.swatches_container3
	 {
	width: 180px;
	text-align: center;
	padding: 8px 2px 0px 2px;
	margin: auto;
	vertical-align: top;
	float: left;
}

*html .swatches_container3
	 {
	width: 175px;
	 }

.leather-swatches {
	width: 230px;	
	float: left;
	padding: 15px 0px 10px 0px;
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing: .5px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
}

#area-rug-text {
	border-top: 3px solid #ccc;
	padding: 0px 10px 10px 10px;
	width: 900px;
	font-size: 16px;
	line-height: 19px;
	float: left;
	margin-top: 16px;
	

}

.bindings-group1 {
	width: 920px;
	float: left;
	height: 140px;
}

.bindings-group2 {
	width: 920px;
	float: left;
	height: 180px;
}

.bindings-group1 img , .bindings-group2 img , .swatches-group1 img {
	padding-bottom: 5px;	
}

/* SHOWROOMS LOCATION PAGE */

.side-image {
	width: 300px;
	float: left;
}

.showroom-text {
	width: 400px;
	float: left;
	margin-bottom:20px;
	border:1px solid #ccc;
}

.showroom-text h1 {
	font-size: 26px;
	letter-spacing: .5px;
	border-bottom: 1px solid #CCC;
}

.showroom-results {
	width:460px;
	float:right;
	padding-left:20px;
	border:1px solid #ccc;
	background-color:#e2e1e0;
	background-repeat:no-repeat;
	
}

.product-collections {
	float: left;
	width: 200px;
}

.type-of-location {
	float: left;
	width: 180px;
}

/* Customer Center */

.cust-center-block {
	width:290px;
	float:left;
	padding:5px 5px 5px 0;
}
.cust-center-block a:link {
	color:#6d8cd2; 
	font-family:Georgia, "Times New Roman", Times, serif;
	}
.cust-center-header {
	font-size:16px; 
	font-weight:bold;
	}

/* COLLECTIONS PAGES */

.collection-header-img {
	width: 920px;
	float: left;
	text-align: center;
}

#collection-gallery {
	width: 920px;
	float: left;
	text-align: center;
}

*html #collection-gallery {
	width: 920px;
	padding: 0px;
	margin-left: 0px;
	}
	
#call-to-action {
	float: left;
	width: 920px; 
	text-align: center;
	color:#aa9c84;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 4px;
	margin-left: auto;
	margin-right: auto;
}

*html #call-to-action {
	margin: 0px;	
}

#action-buttons {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 5px;
	
}

.action-text {
	border: 1px solid #bdbdbd;
	width: 150px;
	padding: 4px;
	float: none;
	text-align: center;
	margin: 0px 4px 0px 4px;
	display: inline-block;
}

*html .action-text {
	display: inline;
	margin-top: 0px;
}

.action-text-rug {
	border: 1px solid #bdbdbd;
	font-size:12px;
	width: 150px;
	padding: 4px;
	float: none;
	text-align: center;
	margin: 0px 4px 20px 4px;
	display: inline-block;
}

*html .action-text-rug {
	display: inline;
	margin-top: 0px;
}
/* END PAST NEW CSS INFO */

	
#call-to-action-ng {
	width: 500px; 
	text-align: center;
	color:#aa9c84;
	font-size: 12px;
	letter-spacing: 1px;
	float: left;
	margin-left: 365px;
	padding: 6px 0px 15px 0px;
}


#call-to-action-ng .action-text {
	border: 1px solid #aa9c84;
	width: 200px;
	padding: 5px;
	float: left;
	text-align: center;
	margin: 0px 4px 0px 4px;
}
.small-swatches-group {
	width: 920px;
	float: left;
}

.swatches-sm {
	width: 75px; 
	height: 110px;
	float: left;
	padding: 5px 1px 0px 0px;
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: bold;
}

.swatches-med {
	width: 100px;
	float: left;
	padding: 5px 2px 0px 0px;
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	margin-bottom: 5px;
}

.swatches-sm img {
	width: 70px;
	height: 70px;
}

.swatches-med img {
	width: 100px;
	height: 100px;
}

.swatch-6-sm {
	width: 75px; 
	float: left;
	padding: 5px 0px 0px 0px;
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing: .3px;
	color: #666;
	font-weight: bold;
	font-size: 11px;
}
.swatch-6-sm img {
	width: 70px;
	height: 70px;
}

.left-collection-page-text {
	width: 550px;
	padding: 0px 15px 20px 0px;
	line-height: 20px;
	float: left;
	margin-top: 0px;
}

.left-collection-page-text img, .right-collection-page-text img {
		padding: 0px;
		margin: 0px;
}

.left-collection-page-text  p, .right-collection-page-text ul {
	border-top: 1px solid #CCC;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

.right-collection-page-text {
	float: left;
	width: 350px;
	
}

.left-text h1, .right-text h2 {
	color: #ab9475;
	font-style: italic;
	font-weight: lighter;
}

.left-text {
	width: 545px;
	padding: 0px 15px 20px 0px;
	line-height: 20px;
	float: left;
}

.right-text {
	float: left;
	width: 350px;
}


*html .right-text {
	width: 300px;	
}

.right-text li {
	padding-bottom: 6px;	
}



/* DESIGN STUDIO */

.left-nav {
	width: 230px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: .8px;

}

*html .left-nav {
	width: 220px;
}


.left-nav li {
	list-style: none;
	padding: 0px 0px 8px 0px;
}

.right-body-text {
	float: left;
	width: 650px;
	padding: 0px 0px 0px 30px;
	border-left: 1px solid #CCC;
}

*html .right-body-text {
	
	width: 650px;
	padding: 0px 0px 0px 10px;
	
}

/* DESIGN PROJECT OF THE WEEK */
#fdp-top-text-1 {
	background-color: #e7e4e0; 
	margin-bottom: 20px; 
	padding: 1px 20px 1px 20px;
	width: 558px;
	margin-right: 3px;
	float: left;
	height: 170px;
}

#fdp-top-text-2 {
	background-color: #e7e4e0; 
	margin-bottom: 20px; 
	padding: 1px 20px 1px 20px;
	width: 279px;
	float: left;
	height: 170px;
}

.dpw-block {
	float: left;
	width: 240px;
	height: 370px;
	padding-bottom: 20px;
}

*html .dpw-block {
	width: 238px;
}

.dpw-block-4 {
	float: left;
	width: 200px;
	height: 370px;
	padding-bottom: 20px;

}

.dpw {
	float: left;
	width: 200x;
	border: 1px solid #CCC;
	height: 245px;
}

.dpw-text {
	width: 200px;
	float: left;
}

.dpw-title {
	font-weight: bold;	
	font-size: 16px;
	line-height: 15px;
	color: #666;
}

/* NATURAL FIBER RUGS PAGE */

#nfr-top-text-1 {
	background-color: #e7e4e0; 
	margin-bottom: 20px; 
	padding: 1px 20px 1px 20px;
	width: 418px;
	margin-right: 3px;
	float: left;
	height: 260px;
}

#nfr-top-text-2 {
	background-color: #e7e4e0; 
	margin-bottom: 20px; 
	padding: 1px 20px 1px 20px;
	width: 419px;
	float: left;
	height: 260px;
}

#nfr-top-text-2 ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

 #nfr-top-text-2 li {
	padding-bottom: 6px;	 
 }
 
.fiber-description-1 {
	float: left;
	width: 305px;
	padding-right: 2px;
}

.fiber-description-2 {
	float: left;
	width: 305px;
}

.fiber-description-1 p {
padding: 0px 16px 0px 0px;
}

.fiber-description-2 p {
padding: 0px 0px 0px 0px;
}

/* WOOL AREA RUGS PAGE */

#left-text {
	float:left;
	width: 224px;
	text-align: right;
	padding-right: 15px;
	padding-bottom: 8px;
}

#right-head-img {
	float: left;
	width: 660px;
	padding-left: 10px;
	border-left: 1px solid #CCC;
	padding-bottom: 8px;
}

#ProductContainer {
	border-top: 2px solid #CCC;
	padding-top: 0px;
	margin-top: 0px;
	float: left;
	width: 920px;
		text-align: center;
		margin: auto;
		

}

#ProductContainer2 {
	border-top: 2px solid #CCC;
	padding-top: 0px;
	margin-top: 0px;
	float: left;
	width: 630px;
	height: 190px;
	text-align: center;
	margin: auto;
}

#ProductContainer3 {
	border-top: 1px solid #CCC;
	padding-top: 0px;
	margin-top: 0px;
	float: left;
	width: 920px;
		height: 190px;

	text-align: center;
		margin: auto;

}


.swatches_container4 {
	float: left;
	width: 160px;
	text-align: center;
	padding-top: 8px;
	display: inline-block;

}

.swatches_container2 {
	width: 229px;
	text-align: center;
	padding-top: 8px;
	margin: auto;
	vertical-align: top;
	float: left;
}

/*.swatches_container2 a:link, .swatches_container2 a:visited, .swatches-group1 a:link, .swatches a:link, .swatches-group1 a:visited, .swatches a:visited {
	color:#999;
} */

.collection-listing {
	border-top: 1px solid #CCC;
	padding-top: 4px;
	line-height: 18px;
}

/*COLLECTION LANDING PAGES */

#all-collection-content {
	width: 920px;
	float: left;
	margin: auto;
	text-align: center;
}

#all-collection-content h1, #all-collection-content h2 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}

#all-left-collection-patterns {
	width: 595px;
	float: left;
}

#left-collection-patterns {
	width: 579px;
	float: left;
	padding-right: 18px;
	text-align: left;
}

#left-collection-patterns2 {
	width: 579px;
	float: left;
	padding-right: 18px;
	text-align: left;

}


#left-collection-patterns3 {
	width: 579px;
	float: left;
	padding-right: 18px;
	text-align: left;

}

/* IE6 STYLING */

*html #all-left-collection-patterns {
	width: 570px;
	float: left;
}

*html #left-collection-patterns {
	width: 550px;
	float: left;
	padding-right: 18px;
	text-align: left;

}

*html #left-collection-patterns2 {
	width: 550px;
	float: left;
	padding-right: 18px;
	text-align: left;

}


*html #left-collection-patterns3 {
	width: 550px;
	float: left;
	padding-right: 18px;
	text-align: left;

}
/* END IE6 STYLING */

#right-about-collection {
	width: 319px;	
	float: left;
	text-align: left;

}

*html #right-about-collection {
	width: 300px;
}

.collection-pattern {
	float: left;
	width: 115px;
	text-align: center;
	padding-bottom: 8px;
}

.collection-pattern-sm {
	float: left;
	width: 82px;
	text-align: center;
	padding-bottom: 5px;
}

.collection-pattern-big {
	float: left;
	width: 140px;
	text-align: center;
	padding-bottom: 5px;
}

/* PRODUCT PAGES */
.collection-crumbs {
width: 906px;
background-color: #e5e2dc;
margin-top: 8px;
vertical-align: middle;
padding: 7px;
}

.collection-crumbs a:link, .collection-crumbs a:visited {
	
	color: #666;
}

#specs-list {
	list-style-type: none;	
	margin-left: 0px;
	padding-left: 0px;
}

.bold {
	font-weight: bold;	
}

.quote-divider {
	color: #ccc;
}

.product-quote {
	font-family: Verdana, Geneva, sans-serif;	
	font-size: 14px;
	color: #6d8cd2;
}

.suggested-rooms {
	float: left;
	width: 579px;
	padding-right: 18px;
}

/* SUSTAINABILITY and TEXT HEAVY PAGES */

#left-image {
	float: left;
	width: 200px;
	padding-top: 12px;
}

#right-text-content {
	width: 660px;
	float: left;
	padding-left: 30px;
	border-left: 1px solid #ccc;
	margin-left: 20px;
	margin-top: 12px;
	font-size: 15px;

}

#right-text-content-jobs {
	width: 660px;
	float: left;
	padding-left: 30px;
	margin-left:10px;
	margin-top:12px;
	border-left: 1px solid #ccc;
	font-size: 15px;	
	height: 200px;
}

#cms-text-content {
	width: 660px;
	float: left;
	padding-left: 30px;
	border-left: 1px solid #ccc;
	margin-left: 210px;
	font-size: 15px;
}

*html #cms-text-content {margin-left:105px; border-left: 1px solid #ccc;}

#right-text-content h1  {
	padding-bottom: 15px;
	width: 600px;
}


#right-text-content h3, #right-text-content p  {
	padding-bottom: 0px;	
	margin-bottom: 0px;
}

.page-suggestion-text {
	letter-spacing: 1px;
}
