@charset "utf-8";
/* CSS Document */

@import "/includes/css/reset.css";

* { margin:0; padding:0;}
body {
	background:url("/images/body-bg.jpg") top center repeat-y #EBE9EA;
	color:#555;
	font-family: Century Gothic, Helvetica, Arial, sans-serif;
	font-size:14px;
	text-align:center;
	padding:0;
	margin:0;
	}
	
/*Start Container*/
#outercontainer {
	background:url("/images/bg.jpg") 0 4px repeat-x #EBE9EA;
	height:610px;
	left:0;
	margin:-335px 0 0 0;
	padding:100px 0 0 0;
	position: absolute;
	top:50%;
	width:100%;
	z-index:10;
	}
#spotlight {
	background:url("/images/spotlight.jpg") top center no-repeat;
	height:270px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:20;
	}
#container {
	left:50%;
	margin:0 0 0 -470px;
	position: absolute;
	top:62px;
	width:940px;
	z-index:50;
	}
	
/*Start Header & Top Navigation*/
#header {
	border:solid #4b253e;
	border-width:1px 0 1px 0;
	float:left;
	margin:0 0 10px 0;
	width:100%;
	}
#topnav {
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
	}
#topnav li {
	float:left;
	list-style:none;
	text-align:center;
	padding:0;
	}
#topnav li a {
	color:#4b253e;
	display:block;
	font-size:14px;
	letter-spacing:0.02em;
	padding:3px 12px 3px 12px;
	text-transform:uppercase;
	}

#topnav li a.active{
	background:#4b253e;
	color:#fff;
	}
#topnav li.last {
	float:right;
	}
#topnav li.last a {
	color:#667;
	float:right;
	}
#topnav li.last a:hover { color:#444;}
/*End Top Navigation & Header*/

/*Start PageBody*/
#pagebody {
	background:#fff;
	padding:5px;
	text-align:left;
	position:relative;
	height:443px;
	z-index:60;
	}
#pagebody.home {padding:0;}
#pagebody .column {float:left;}
#pagebody .span-4th-1 {width:210px;}
#pagebody .span-4th-3 {width:720px;}
#pagebody .span-3rd-1 {width:385px;}
#pagebody .span-3rd-2 {width:545px;}
#pagebody .span-all {width:930px;}

/*Home Page Flash*/
#flash {
	background:url("/images/flash-placeholder.jpg") top left no-repeat #ccc;
	height:443px;
	}
#flash p {
	padding:200px 0 0 0;
	}
/*End Flash*/
/*Start content*/
.content {padding:15px 20px 20px 20px;}
.content.rlpad {padding:0 20px;}
.content.tbpad {padding:20px 0;}
.content.nobpad {padding:20px 20px 0 20px;}
.content.notpad {padding:0 20px 20px 20px;}
.content.nopad {padding:0;}
.content h1.left {
	float:left;
	padding:0 20px 0 0;
	margin:0;
	height:85px;
	width:235px;
	}
.span-4th-1 .content h1.left{
	width:210px;
	}
.content #subnav {
	border:solid #bbb;
	border-width:1px 0;
	margin:0 0 20px 0;
	}
.content #subnav a {
	color:#777;
	display:block;
	padding:3px 20px 3px 20px;
	font-size:14px;
	float:left;
	margin:0;
	}
.content #subnav a:hover {
	background:#ccc;
	color:#fff;
	margin:0;
	padding:3px 20px 3px 20px;
	}
.content #subnav a.active {
	background:#999;
	color:#fff;
	}
/*End content*/

/*Start Left nav*/
#leftnav {
	float:left;
	margin:0 0 0 20px;
	width:190px;
	}
#leftnav ul {
	border:solid #bbb;
	border-width:1px 0 1px 0;
	font-size:14px;
	list-style:none;
	padding:5px 10px;
	margin:0;
	}
#leftnav ul li { padding:0;}
#leftnav ul li a {
	display:block;
	color:#777;
	padding:2px 10px 4px 7px;
	}
#leftnav ul li a:hover {
	background:#ccc;
	color:#fff;
	}
#leftnav ul li a.active {
	background:#999;
	color:#fff;
	}
#leftnav ul li ul {
	border:none;
	font-size:13px;
	list-style:none;
	padding:5px 10px;
	margin:0;
	}
/*End Left Nav*/

/*Start Slider Styles*/
#slider {
	padding:0 55px 0 55px;
	position:relative;
	max-height:275px;
	width:820px;
	z-index:80;
	overflow:hidden;
	}   
/* image replacement */
	.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
		}
/* // image replacement */		
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	background:url("/images/next-prev-bg.jpg") top left no-repeat;
	display:block;
	width:40px;
	height:53px;
	position:absolute;
	left:15px;
	top:71px;
	z-index:99;
	}	
#nextBtn, #slider1next{ 
	left:875px;
	}		
#slider.leftnav #nextBtn, #slider.leftnav #slider1next{ 
	left:665px;
	}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	width:40px;
	height:53px;
	}		
#prevBtn a, #slider1prev a { 
	background:url(/images/prev-btn.jpg) no-repeat 0 0;	
	}	
#nextBtn a, #slider1next a { 
	background:url(/images/next-btn.jpg) no-repeat 0 0;	
	}			
#prevBtn a:hover, #slider1prev a:hover { 
	background:url(/images/prev-btn-over.jpg) no-repeat 0 0;	
	}	
#nextBtn a:hover, #slider1next a:hover { 
	background:url(/images/next-btn-over.jpg) no-repeat 0 0;	
	}
#slider #slides ul#slidecontianer {
	list-style:none;
	padding:0;
	margin:0;
	}
#slides ul#slidecontianer li {	
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:820px;
	height:275px;
	overflow:hidden;
	padding:0;
	}
#slider.leftnav { 
	float:right;
	width:610px;
	}	
#slider.leftnav #slides #slidecontianer li {width:610px;}
#slider.leftnav #slides #slidecontianer li p.slideheading {
	margin:0 11px;
	padding:0 0 25px 0;
	text-align:left;
	font-size:12px;
	}
#slider.leftnav #slides #slidecontianer li p.slideheading strong {font-size:14px;}
#slidecon #slider #slidecontianer li .span {
	display: inline-block;
	width:382px;
	margin:0 0 0 11px;
	text-align:left;
	vertical-align:top;
	}
#slider #slides #slidecontianer li .swatchs {
	display: inline-block;
	width:384px;
	margin:0 11px;
	padding:0 0 5px 0;
	text-align:left;
	vertical-align:top;
	}
#slider #slides #slidecontianer li .swatchs .swatch {
	display: inline-block;
	width:189px;
	margin:0 0;
	padding:0 0 5px 0;
	text-align:left;
	vertical-align:top;
	}
#slider #slides #slidecontianer li .swatch {
	display: inline-block;
	width:178px;
	margin:0 11px;
	padding:0 0 5px 0;
	text-align:left;
	vertical-align:top;
	}
#slider #slides #slidecontianer li .swatch .shadow {
	background:url("/images/swatch-bg-shadow.jpg") top left no-repeat;
	display:block;
	width:178px;
	height:134px;
	}
#slider #slides #slidecontianer li .swatch .shadow img {
	margin:4px 0 0 4px;
	}
#slider #slides #slidecontianer li .swatch .caption { 
	font-size:12px;
	line-height:14px;
	padding:0 0 3px 0;
	}
#slider #slides #slidecontianer li .swatch .caption ul {
	list-style:disc;
	margin:5px 0 0 20px;
	padding:0;
	}
#slider #slides #slidecontianer li .swatch .caption ul li {
	padding:0 0 5px 0;
	margin:0;
	width:100%;
	text-align:left;
	float:none;
	display:list-item;
	height:10px;
	overflow:visible;
	}
#slider #slides #slidecontianer li .swatch .caption strong {
	display:block;
	font-size:14px;
	}
#slider #slides #slidecontianer li a {color:#000;}
/*End Slider Styles*/

/*End PageBody*/

/*Start Footer*/
#footer {
	background:url("/images/footer-bg.jpg") top left no-repeat;
	height:120px;
	width:100%;
	}
#footer .logos { width:100%;}
#footer .logos .car, #footer .logos .tap, #footer .logos .con {	
	display:block;
	float:left;	
	}
#footer .logos .car {
	background:url("/images/carole-fabrics-logo.jpg") top left no-repeat;
	height:64px;
	margin:27px 0 0 185px;
	width:105px;
	}
#footer .logos .tap {
	background:url("/images/tapestria-logo.jpg") top left no-repeat;
	height:64px;
	margin:27px 0 0 99px;
	width:174px;
	}
#footer .logos .tap:hover { background:url("/images/tapestria-logo-over.jpg") top left no-repeat;}
#footer .logos .con {
	background:url("/images/con-fab-logo.jpg") top left no-repeat;
	height:64px;
	margin:27px 0 0 81px;
	width:123px;
	}
#footer .logos .con:hover { background:url("/images/con-fab-logo-over.jpg") top left no-repeat;}
#footer .copyright {
	color:#667;
	display:block;
	font-size:11px;
	float:left;
	width:100%;
	text-align:center;
	margin:30px 0 0 0;
	}
#footer .copyright a {color:#667;}
#footer .copyright a:hover {
	color:#555;
	text-decoration:underline;
	}
#bottomcolor {
	background:#fff;
	bottom:0;
	height:300px;
	left:0;
	margin:-500px 0 0 0;
	padding:300px 0 0 0;
	position:absolute;
	width:100%;
	z-index:1;
	}
/*End Footer*/

/*Start Page Specific Styles*/
#pagebody .imgbutton {
	color:#000;
	display:block;
	font-size:24px;
	text-transform:uppercase;
	width:270px;
	height:219px;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
	position:relative;
	}
#pagebody .buttons {
	text-align:left;
	text-indent:-9999px;
	}
#pagebody .buttons .topleft {
	float:left;
	margin:0 5px 5px 0;
	}
#pagebody .buttons .topright {
	float:right;
	margin:0 0 5px 0;
	}
#pagebody .buttons .bottomleft {
	float:left;
	margin:0 5px 0 0;
	}
#pagebody .buttons .bottomright {
	float:right;
	margin:0;
	}
#pagebody .buttons .trim {
	float:right;
	margin:0 -15px 0 0;
	}
#pagebody #trimbtn{
	width:270px;
	height:219px;
	position:absolute;
	bottom:5px;
	left:100px;
	z-index:99;
	}
.collections .topleft {background:url("/images/coll-spring-2010.jpg") top left no-repeat;}
.collections .topright {background:url("/images/coll-fall-2009.jpg") top left no-repeat;}
.collections .bottomleft {background:url("/images/coll-spring-2009.jpg") top left no-repeat;}
.collections .bottomright {background:url("/images/coll-fall-2008.jpg") top left no-repeat;}
.collections .trim {background:url("/images/coll-trim.jpg") top left no-repeat;}
.collections .trim:hover {
	background:url("/images/coll-trim.jpg") top left no-repeat;
	padding:0;
	margin:0;
	}

.custom .topleft {background:url("/images/custom-draperies.jpg") top left no-repeat;}
.custom .topright {background:url("/images/custom-top-treat.jpg") top left no-repeat;}
.custom .bottomleft {background:url("/images/custom-soft-shades.jpg") top left no-repeat;}
.custom .bottomright {background:url("/images/custom-bed-acc.jpg") top left no-repeat;}

.content .swatch.two {
	float:left;
	width:290px;
	margin:0 25px 0 0;
	}
.content .swatch.two a {
	background:none;
	padding:0;
	margin:0;
	}
.content .swatch.two a.last{
	margin:0 0 0 0;
	}
.resources .filler {
	display:block;
	float:left;
	}
.content .swatch {
	display: inline-block;
	width:178px;
	margin:0 11px;
	text-align:left;
	vertical-align:top;
	}
.content .swatch .shadow {
	background:url("/images/swatch-bg-shadow.jpg") top left no-repeat;
	display:block;
	width:178px;
	height:134px;
	}
.content .swatch a:hover {
	margin:0;
	padding:0;
	}
.content .swatch a.shadow img {
	margin:4px 0 0 4px;
	}
/*End Page Specific Styles*/


/*Heading styles*/
h1, h2, h3, h4, h5 {
	color: #555;
	font-weight:bold;
	margin:0 0 7px 0;
	text-transform:uppercase;
	}
h1 { font-size:23px;}
h2 { font-size:20px;}
h3 { font-size:18px;}
h4 { font-size:16px;}
h5 { font-size:14px;}
	
/*Basic tag styles*/
a { color:#4B253E; text-decoration:none;}
a:hover { color:#444; text-decoration:none;}
.content a:hover {background:#4B253E; color:#fff; padding:0 3px; margin:0 -3px;}
.content .nohover:hover { background:none; padding:0; margin:0;}
ul { list-style:disc; margin:0 0 0 25px;}
ul li { padding:0 0 5px 0;}
p {
	font-size:14px;
	line-height:16px;
	padding:0 0 15px 0;
	}
strong {}
table {}
table th {}
table td {}

/* common classes*/
.clear { clear:both;}
.bold, strong, b { font-weight:bold;}
.large {font-size:16px;}
.left {float:left;}
.none { background:none; border:none;}
.right {float:right;}
.small {font-size:12px;}
.textleft {text-align:left;}
.textright {text-align:right;}
.xlarge {font-size:18px;}
.xxlarge {font-size:20px;}
.xsmall {font-size:10px;}
.xxsmall {font-size:9px;}