@media print{.topmenuli{list-style-type:none;float:left;}.topmenuli a{text-decoration:none;display:block;font-size:14px;FONT-FAMILY:Arial, Helvetica, Sans-Serif;font-weight:bold;padding:4px 7px;border-left:1px solid #dadada;text-indent:3px;/*THEME CHANGE HERE*/}.topmenuli a:visited, .topmenuli a:link{color:#393;}.submenuul{display:none;}/* For hiding flash during printing */div#flashContainer object {display:none;}}
@media screen{
	/* For hiding the image that replaces flash during printing */
	div#flashReplacement img{
		display:none;
	} 	
    /*** Dropdown Menu ***/
	#dmenu{ 
		margin: 0;
		padding-left: 20px; /*cannot get this to center, due to float in li, hack- add left padding*/
		color: #999999;
		background-color:#FFFFFF;
		text-align:center;
	}
	a.topmenutitle, a.topmenutitle:link, a.topmenutitle:visited{
		COLOR: #393;
		TEXT-DECORATION: none;	
	}
	a.topmenutitle:active, a.topmenutitle:hover{
		COLOR: #000000;
		BACKGROUND: #FFFF00;
	}	
	.topmenuli a.topmenuHighlight, .topmenuli a.topmenuHighlight:link, .topmenuli a.topmenuHighlight:visited{
		COLOR: #FFFFFF;
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(50%,#61c419), color-stop(100%,#99CC66));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #99CC66 100%);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#99CC66',GradientType=1 );
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b4e391, endColorstr=#99CC66, GradientType=0)";
		background-color: #99CC66;
	}
    li:hover ul, li.over ul{ /* lists nested under hovered list items */
	    list-style-type:none;
	    display: block;
	    z-index:99;
    }
	.submenuul{
		list-style-type:none;
		padding:0px;
		border-bottom: 1px solid #ffffff;
		/*border-top:	1px solid #ffffff;*/
		border-left: 1px solid #ffffff;
		position:absolute;
		margin: 0;
		padding:0;
		display:none;
		text-align: left;
	}
	.topmenuli{
		list-style-type:none;
		float:left;
		margin: 0;
		padding:0;
	}
	.topmenuli a{
		text-decoration:none;
		display:block;
		color: #999999;
		font-size: 14px;
		FONT-FAMILY: Arial, Helvetica, Sans-Serif;
		font-weight:bold;
		padding: 4px 5px;
		border-left: 1px solid #dadada;	
		background-color:#FFFFFF;
		line-height:20px;
		text-indent: 3px; /*THEME CHANGE HERE*/
	}
	.topmenuli a:hover{
		background-color:#ffff00;
		color:#333333;
	}		
	li.topmenuli li a,li.topmenuli li a:visited, li.topmenuli li a:link{
		background-color:#cccccc;
		font-weight: normal;
		list-style-type: none;
		font-size: 12px;
		text-decoration: none;
		color: #000000;
		border-bottom: 2px solid #ffffff;	
		padding:4px;
		position: relative;
		margin:0px;
		display:block;
		width:178px;
		z-index:99;
	}
	/**Specific widths and colors for the submenu drop down lists **/
	li.topmenuli li.submenuli1 a{width:200px;}
	li.topmenuli li.submenuli2 a{width:178px;}
	li.topmenuli li.submenuli3 a{width:164px;}
	li.topmenuli li.submenuli4 a{width:190px;}
	li.topmenuli li.submenuli5 a{width:246px;}
	li.topmenuli li.submenuli6 a{width:190px;}
	li.topmenuli li.submenuli7 a{width:166px;}
	li.topmenuli li.submenuli1 a:hover{background-color:#99CC66;}
	li.topmenuli li.submenuli2 a:hover{background-color:#FFCC00;}
	li.topmenuli li.submenuli3 a:hover{background-color:#0099CC;}	
	li.topmenuli li.submenuli4 a:hover{background-color:#0099CC;}
	li.topmenuli li.submenuli5 a:hover{background-color:#0099CC;}
	li.topmenuli li.submenuli6 a:hover{background-color:#CC9900;}
	li.topmenuli li.submenuli7 a:hover{background-color:#CC9900;position:relative;right:100px;} /*Make last submenu dropdown to the right*/
	li.topmenuli li.submenuli7 a,li.topmenuli li.submenuli7 a:visited,li.topmenuli li.submenuli7 a:link{position:relative;right:100px;}
}
@media all{
BODY{
    padding: 0px;
    margin: 0px;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}
h1{
	FONT-FAMILY: Arial, Helvetica, Sans-Serif;
	font-size: 18px;
	color: #333333;
	padding: 10px 0 5px 0;
	
}
h2{
	FONT-FAMILY: Arial, Helvetica, Sans-Serif;
	font-size: 16px;
	color: #666666;
	padding: 0 0 5px 0;
}
h3{
	FONT-FAMILY: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	color: #666666;
	padding: 0 0 5px 0;
}
h4{
	FONT-FAMILY: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	color: #CC6600;
	padding: 0px;
	margin: 12px 0 8px 0;;
}


/*Standard text*/
#lblSortByPromo {
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    font-size: 12px;	
    font-weight: normal;
}
p{padding: 0 0 10px 0;}

TABLE{
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}
LABEL{
	color:#797A85;
	font-family:Arial, Helvetica, sans-serif;
}
INPUT{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    CURSOR: text;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #FFFFFF
}

/***Image Links***  //Cart button is an asp button, not an image button and thus needs it's own style */
.addToCart{cursor:pointer;}  

A:hover img.noborder, A:link img.noborder, A:visited img.noborder, div A img, div A:link img, div A:visited img{border-style:none;}
A img, A:link img, A:visited img{border:2px white solid;cursor:hand;}
A:hover img{border:2px yellow solid;cursor:hand;}

A, A:link{COLOR:#003399;TEXT-DECORATION:underlined;}
A:visited{COLOR:#663399;TEXT-DECORATION:underlined;}
A:active, A:hover{COLOR #333333;BACKGROUND:#FFFF00;TEXT-DECORATION:None;}

.catMainSubText{
	padding-top:20px;
}
.subCategoryImageAndText{
	width:330px;
	float:left;
}
div.mainContent{
	background-color: #FFFFFF;	
	margin: 0 auto;
	width: 950px;
	/*color: #666666;*/
}
div.mainContent div.mainContentInner{
	padding: 5px 0px 5px 0px;
}
div.mainContentHome{
	background-color: #FFFFFF;	
	margin: 0 auto;
	width: 950px;
	text-align: center;
	/*color: #666666;*/
}
div.mainContentHome div.mainContentInner{
	padding: 5px 0 5px 0;
	text-align: center;
}
div.mainContentNotCentered{
	text-align: left;
	width: 950px;
}

/** this is hopefully going to be used to determine the main content width of the sub pages*/
div.mainContent2 {
	width: 925px; /*approx width of nav*/
	margin: 0 auto;
}

table.productListTable td{
	border-bottom: solid 1px #CCCCCC;
	padding: 10px 20px 10px 0;
	width: 160px;
	text-align: center;
}


table.subCatTable {
	width: 100%;
}
table.subCatTable td {
	vertical-align: top;
}

.offerContent {
	width: 200px;
	text-align: center;
	padding: 10px 0 0 0;
}
.offerContent .otherHTML, .offerContent .promoBanner, .offerContent .promoHTML{
	width: 170px;
	margin: 0 auto;
	
}

.promoProduct, .promoBanner, .promoHTML {
	margin: 0 10px 10px 0;
	width: 170px;
	text-align: center;
}

.promoProduct, .promoBanner{
    border:2px #669900 solid;
}

.promoProduct .inner {
	padding: 10px;
}

.promoProduct div {
	margin: 0;
	padding: 0 0 8px 0;
}

.promoProduct .price{
    COLOR: #990000;
}

.body{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    COLOR: #000000;
    LINE-HEIGHT: 16px;
    PADDING-TOP: 5px;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    TEXT-ALIGN: left;
}

.subhead h1{margin-top:0px;padding-top:0px;}
#lblProductTitle{color:#666;font-size:16px;}

.setlist, .productlist{
	padding:0px;
	margin-left:20px;
	margin-top:0px;
}
.setlist li, .productlist li{
	list-style-position:outside;
}
.setlist li{
	font-weight:bold;
	color:#333;
	list-style-image : url( "http://www.thefutonshop.com/images/bullet_setList.png" );
}
.bodyRight{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    COLOR: #000000;
    LINE-HEIGHT: 16px;
    PADDING-TOP: 5px;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    TEXT-ALIGN: right;
}
.bodyBold{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    COLOR: #000000;
    LINE-HEIGHT: 16px;
    PADDING-TOP: 5px;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    TEXT-ALIGN: left;
}

.bodyRedBold{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    COLOR: #990000;
    LINE-HEIGHT: 16px;
    PADDING-TOP: 5px;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    TEXT-ALIGN: left
}

/*** BREAD CRUMB STYLING   ***/
.breadCrumbs{
	FONT-SIZE: 10px;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
   padding-left:20px;text-decoration: none;FONT-WEIGHT: bold;text-transform: uppercase;
	padding-right:15px;
	cursor: hand;
}

#lnkHome, #lnkCategory, #lnkSubCategory{
	COLOR: #FFF;
	text-shadow:1px 1px #999999;
}
#lnkHome:hover, #lnkCategory:hover, #lnkSubCategory:hover{
	COLOR: #000;
	TEXT-DECORATION: underline;
	background-color:transparent;
}
.breadcrumbHome{
	background:url(images/buttons/breadCrumbFront.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
.breadcrumbOtherInner{
	background:url(images/buttons/breadCrumbBack.jpg);
	background-position:left;
	background-repeat:no-repeat;

}
.breadcrumbOtherOuter{
	background:url(images/buttons/breadCrumbFront.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

.button{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    color: #FFFFFF; 
    background-color: #339900;
    border-left-color: #898989;
	border-top-color: #898989;
	border-right-color: #000000;
	border-bottom-color: #000000;
	padding:0 3px 0 3px;
}
.button:hover {
	color: #000000; 
}

.ConfigPrice{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	color: #990000; 
	background-color: #FFFFFF; 
	border: #FFFFFF;
}
.ConfigPriceMedium{font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: gray; background-color: #FFFFFF; border: #FFFFFF ;}
.ConfigPriceMediumStrike{
FONT-FAMILY: Arial, Helvetica, Sans-Serif;
font-size: 14px; 
font-weight: bold; 
color: gray; 
background-color: #FFFFFF; 
border: #FFFFFF ;
text-decoration: line-through;
}
.ConfigPriceLarge{font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #990000; background-color: #FFFFFF; border: #FFFFFF; line-height:24px;}
.deliveryIncluded{font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #990033;}

.error{
    FONT-SIZE: 12pt;
    color: #990000;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
}
.featuredTextBox{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    COLOR: #000000;
    LINE-HEIGHT: 16px;
    PADDING-TOP: 5px;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    TEXT-ALIGN: justify
}
.tableErrorHeader{
    border:1px #CC0000 solid;
    background-color: #FF9999;
    font-weight:bold;
    text-align:center;
}
.header{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    TEXT-ALIGN: center
}
.headerBlue{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    font-weight: bold;
    COLOR: Blue;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    TEXT-ALIGN: center
}
.headerleft{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    text-align: center;
    vertical-align: middle;
    border-color: #CCCCCC; 
    border-width: 1px;
    border-style: solid;
    width:200px; 
    height:50px; 
    background-color: #CCCCCC;
}
table.headerlefttext {
	width: 100%;
	border-collapse: collapse;
}
table.headerlefttext tr td{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    height: 48px;
    text-align: center;
    vertical-align: middle;
    background-color: #CCCCCC;
    padding: 2px;
}
#divProductOverview, #divProductDimensions, #divProductInfo, #divShippingInfo{
	border:1px #CCCCCC solid;
}
#divProductDimensions hr{
	color:#008000;
	background-color:#FFF
	width: 500px;
	border-collapse: collapse;
}
table.dimensionTable tr td{
	padding: 2px;
	text-align: center;
}
table.dimensionTable tr th{
	padding: 2px;
	text-align: left;
}
table.categoryMainTable{
	width: 100%;	
}

/* Subcategory Links from MainCategory Pages */
div.subCategory {
	color: #666666;
	font-size: 14px;
	FONT-FAMILY: Arial, Helvetica, Sans-Serif;
	padding: 2px;
	text-align: left;
	vertical-align: middle;
	margin-bottom: 10px;
	clear: both;
	min-height: 50px;
	line-height: normal;
}
div.subCategoryImageAndText{
	text-align: center;
	border:medium solid #999;
	height:66px;
}
div.mainCategoryTextButtons{
	z-index:50;
	padding-top:4px;
	padding-left: 150px;
	position:absolute;
}
div.subCategoryTextOnly {
	color: #333333;
	border-style: none;
	margin-bottom: 10px;
	clear: both;
	min-height: 0;
	/* This is so we can search for items like gift certificates without having them show up on the mainCategory page */
	display:none;
}
div.subCategory span.categoryHeading2{
	font-size: 11px;
}
div.subCategory a, div.subCategory a:link, div.subCategory a:visited{
	color: #333333;
	FONT-WEIGHT: normal;
	BACKGROUND: none;
	TEXT-DECORATION: none;
}
div.subCategory a:active, div.subCategory a:hover{
	FONT-WEIGHT: normal;
	color: #333333;
	background-color: #FFFF00;
}
.subcat-search{
	float:right;
	clear:both;
	margin-right:20px;
	margin-bottom:10px;
}
.thumb-display-size{
	color:#339933;
}

.thumb-display-sale{
	color:#990033;font-size:12px;
}
.subcat-product-image-wrapper{
	position:relative;
	height:110px;
}
#divFooterText{
	#555555;
}
#divFooterText h2{
	background-color:#E7EEDE;
	padding:7px;
	border-bottom: #666 solid;
	margin-bottom: 5px;
}

.headerupsell{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #990033;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    text-align: center;
    vertical-align: middle;
    border-color: #CCCCCC; 
    border-width: 1px;
    border-style: solid;
    width:152px; 
    height:50px; 
    background-color: #CCCCCC;
}
.headerupselltext{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #990033;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    text-align: center;
    height:48px; 
    width:150px; 
    vertical-align: middle;
    background-color: #CCCCCC;
}
.label{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    TEXT-TRANSFORM: uppercase;
    COLOR: #000000;
    LINE-HEIGHT: 14px;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    TEXT-ALIGN: left
}
.labelcase{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    TEXT-TRANSFORM: none;
    COLOR: #000000;
    LINE-HEIGHT: 14px;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    TEXT-ALIGN: center
}

.hiddenAudio{
	position: absolute;
	visibility: hidden;
	z-index: 4;
	height: 4px;
	width: 4px;
}

.box {
  padding:0 10 10 10px;
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari and Chrome */
  border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  -moz-box-shadow: 0px 0px 15px #333; /* Firefox */
  -webkit-box-shadow: 0px 0px 15px #333; /* Safari and Chrome */
  box-shadow: 0px 0px 15px #333; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.box .boxtitle{
	color:#555;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	padding:10px;
	background-color:#FFC;
	-moz-border-radius: 15px 15px 0px 0px; /* Firefox */
  	-webkit-border-radius: 15px 15px 0px 0p; /* Safari and Chrome */
 	 border-radius: 15px 15px 0px 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	 border-bottom: solid #666;
}
.boxrow{
	clear:right;
	height:150px;
	margin-left:115px;
}
.box td{
	padding:20px;
}
.box td a{
	text-decoration:none;
}
.shadow {
	-moz-box-shadow: 0 0 30px 5px #999;
	-webkit-box-shadow: 0 0 30px 5px #999;
}
.shadow-text{
	text-shadow: 3px 3px 3px #000;
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color=#333333);
}
.swatchbox{
	margin:5px;
	padding:10px;
	float:left;
}


/***TOP OF PAGE***/
#headerContainer{
	border-collapse: collapse;
	width: 915px;
	margin-top: 0px;
	background-color: #FFFFFF;
	font-size: 12px;
	COLOR: #666666;
}
#headerContainer A, #headerContainer A:link, #headerContainer A:visited{
	COLOR: #003399;
	BACKGROUND: none;
	TEXT-DECORATION: none;
}
#headerContainer a:active, #headerContainer a:hover{
	COLOR: #333333;
	BACKGROUND: #FFFF00;
	TEXT-DECORATION: None;
}
#headerContainer a.noHighlight, #headerContainer a.noHighlight:link, #headerContainer a.noHighlight:visited{
	COLOR: #666666;
	BACKGROUND: none;
	TEXT-DECORATION: none;
}
#headerContainer a.noHighlight:active, #headerContainer a.noHighlight:hover{
	COLOR: #333333;
	BACKGROUND: #FFFF00;
	TEXT-DECORATION: None;
}
#searchBox{
	display: inline; 
	margin-top: 3px;
	height: 22px; 
	width: 130px; 
	border: 1px solid black;
	background-color: #FFFFCF;
}
/***END TOP OF PAGE***/

/***FOOTER***/
#divFooter {
	background-color: #F1F1F1;
	color: #666666;
	font-size: 11px;
	FONT-FAMILY: Arial, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	clear:both;
}
table.footerNavigation{
	text-align: center;
	width: 925px;
	border: solid 1px #C0C0C0;
	border-collapse: collapse;
}
table.footerNavigation tr td{
	font-size: 11px;
	FONT-FAMILY: Arial, Helvetica, Sans-Serif;
	padding: 5px;
	line-height: 120%;
	background-color: #FFFFFF;
}
table.footerNavigation tr td.border1{
	border-right: dashed 1px #C0C0C0;
}
div.footerNavigationHeader{
	color: #333333;
	font-size: 14px;
	padding-bottom: 3px;
}
div.footerNavigationHeader a, div.footerNavigationHeader a:link, div.footerNavigationHeader a:visited{
	color: #333333;
	FONT-WEIGHT: normal;
	BACKGROUND: none;
	TEXT-DECORATION: none;
}
div.footerNavigationHeader a:active, div.footerNavigationHeader a:hover{
	FONT-WEIGHT: normal;
	color: #333333;
	BACKGROUND: #FFFF00;
}
.copyright{
	padding: 10px 0 0 0;	
}
.footerNavigation A, .footerNavigation A:link, .footerNavigation A:visited, .copyright A, .copyright A:link, .copyright A:visited{
	color: #666666;
	FONT-WEIGHT: normal;
	BACKGROUND: none;
	TEXT-DECORATION: none;
}
.footerNavigation A:active, .footerNavigation A:hover, .copyright A:active, .copyright A:hover{
	FONT-WEIGHT: normal;
	color: #666666;
	BACKGROUND: #FFFF00;
}
/***END FOOTER ***/

.navlist{
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 0px;
	COLOR: #000000;
	LINE-HEIGHT: 24px;
	PADDING-TOP: 5px;
	FONT-FAMILY: Arial, Helvetica, Sans-Serif;
	TEXT-ALIGN: left;
	margin-left: 10px;
}
.orangeLetter{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #FF9900;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
}
.productinfo{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	color: #000000; 
	padding-right: 5px;
	padding-left: 10px;
}
.subhead{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #000000;
	padding-right: 5px;
	padding-left: 10px;
}
.categoryH1{
	font-size: 16px;
	font-weight: bold;
}
.tableCartHeader{
    border:1px #CCCCCC solid;
    background-color: #CCCCCC;
}
.tableCartItems{
    border:1px #CCCCCC solid;
    background-color: White;
}
.tableCellItems{
    border-bottom: 1px #CCCCCC dashed;
    background-color: White;

}

/**Left side, category, filter FOR SEARCH PAGE***/
td.leftSideBox {
	width: 250px;
	vertical-align: top;
	border: solid 1px #DADADA; /*#9C9C9C*/
	padding: 5px;
}
.searchCategoryBox{
	padding: 0 8px 0 8;
	color: #666666;
	font-size: 14px;
	width:300px;
	overflow:hidden;
	FONT-FAMILY: Arial, Helvetica, Sans-Serif;
}
div.searchCategoryBox a, div.searchCategoryBox  a:link, div.searchCategoryBox  a:visited{
	color: #333333;
	BACKGROUND: none;
	TEXT-DECORATION: none;
}
div.searchCategoryBox  a:active, div.searchCategoryBox  a:hover{
	color: #333333;
	BACKGROUND: #FFFF00;
}
.searchParentCategory{
	padding-top: 15px;
	font-size: 14px;
	FONT-FAMILY: Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	color: #666666;
}
div.searchCategoryBox .searchParentCategory a{
	font-weight: bold;
}
.searchChildCategory{
	color: #666666;
	font-size: 11px;
}
.searchOn {font-weight: bold;}
.searchCategoryHeader{
	background-color: #BBB;
	padding: 8px;
	font-size: 18px;
	FONT-FAMILY: Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	color: #666666;
	text-shadow:1px 1px #CCC;
}
#lblDiscountMessageBottom{
	right:10px;
	color:gray;
}

/* ### Cross Sell Styling ### */
#divCrossSellMessage{
	color:#339933;
	font-size:14px;
	margin-top:10px;
	margin-bottom:0px;
	font-weight:bold;
}

#MyGallery1{
margin: auto;
width: 450px;
height: 20px;
z-index: 1000;
}

#MyGallery1_Arrows{
width: 281px;
}

#MyGallery1_LeftPanel{
float: left;
width: 400px
}

#MyGallery1_Thumbs{
position:relative;    
left: 5px;
top:8px;
overflow: hidden;
width: 360px;
height: 70px;
}

#MyGallery1_ThumbsInner{
position: relative;
top: -10px;
}

.MyGallery1_ThumbCol{
position: absolute;
width: 75px;
padding: 7px;
}

.MyGallery1_ThumbCol div{
width: 80px;
height: 90px;
padding: 7px;
}

.MyGallery1_ThumbCol img{
border: 0px;
padding: 0px;
}

.MyGallery1_LeftArrow{
float: left;
margin-top:8px;
}

.MyGallery1_RightArrow{
float: right;
margin-top:8px;
}
/***LOCATIONS, Accolades, aboutTFS***/
.locationContainer{color:#666666;border-width:0 0 1px 0;border-color:#666666;border-style:solid;}
.locationContainer p{padding:0 0 0 10px;margin:5px 0px;}
.CustomerAccoladesContainer{color:#666666;padding-bottom:20px;}
.locationAddress, .locationAdditionalInformation{color:#666666;}
.locationHeader, .CustomerAccoladesSubject{color:#306600;font-size:13px;font-weight:bold;} /*dark green*/
.locationAdditionalInformation{color:#306600;font-size:10px;}
.locationPhone{font-style:italic;color:#666666;}
.locationHoursHeader{font-weight:bold;padding-top:5px;height:15px;color:#666;}
.locationCoupon{vertical-align:top;width:200px;}
table.paddedTable tr td{padding:4px;border-collapse:collapse;}
.CustomerAccoladesContainer p{padding-bottom:5px;margin:0;}
.aboutTFSContainer{color:#666666;padding-bottom:10px;}
.aboutTFSHeaderImage{text-align:center;padding-bottom:5px;}
.aboutTFSLeadInHTML{text-align:center;padding-bottom:5px;}
.aboutTFSSWF{text-align:center; padding-bottom:5px;}
.aboutTFSTitle{color:#306600;font-size:13px;font-weight:bold;padding-bottom:5px;}
.mapIframe{border:thick double #99CC66;z-index:1;padding:1px;margin:0;}


/***HOME PAGE TEMPLATE***/
	table.ht_table {
			border: solid 1px #9C9C9C;
			border-collapse: collapse;
			margin-top: 10px;
	}
	table.ht_table tr td {
		color: #555555;
	}
	table.ht_table tr td a:link, table.ht_table tr td A:visited, table.ht_table tr td A:active, table.ht_table tr td A:hover{
		text-decoration: none;
		background-color: Transparent;
	}	
	.ht_topleft{
		width: 675px;
		height: 200px;
		border-width: 0 1px 1px 0; 
		border-style: solid; 
		border-color: #9C9C9C;
		/*background-image: url(images/homepage/template1/bg-main1.gif); */
		background-repeat: no-repeat;
		font-size: 18px;
		vertical-align: top;
	}
	.ht_topleft img{
		margin-right: 20px;
	}
	.ht_rightside_product {
		text-align: center;
		font-size: 14px;
		vertical-align: top;
		height: 84px;*/
		padding: 4px;
		font-weight: bold;
	}
	.ht_rightside_product A:link, .ht_rightside_product A:visited, .ht_rightside_product A:active, .ht_rightside_product A:hover{
		text-decoration: none;
		color: #555555;
	}
	div.ht_top_right_col_title {
		font-size: 18px; 
		color: #DC7D02; 
		padding-top: 4px;
	}
	.ht_bottom{
		vertical-align: top;
		text-align: center;
		border-right: solid 1px #9C9C9C;
	}
	.ht_bottom A:link, .ht_bottom A:visited, .ht_bottom A:active, .ht_bottom A:hover{
		text-decoration: none;
		color: #555555;
	}
	table.ht_table tr td div.ht_bottom_cells_header{
		position:relative;
		top:-100px;
		left:15px;
		z-index:10;
	}
	table.ht_table tr td div.ht_bottom_cells_header A:link, table.ht_table tr td div.ht_bottom_cells_header A:visited, table.ht_table tr td div.ht_bottom_cells_header A:active, table.ht_table tr td div.ht_bottom_cells_header A:hover{
		text-decoration: none;
		color: #DC7D02;
	}
	.ht_bottom_productimage{
		height: 100px;
		margin-bottom: 10px;
	}
	.ht_bottom_productdetails1{
		padding-top:10px;
		font-size: 13px;
	}
	.ht_bottom_productdetails2{
		font-size: 11px;
	}
	.ht_bottom_cells_footer{
		border-right: solid 1px #9C9C9C;
	}
	.ht_location{
		position:relative;
		top:20px;
		width:242px
	}
	.ht_location A:link, .ht_location A:visited, .ht_location A:active, .ht_location A:hover{
		text-decoration: none;
		color: #555555;
	}
	.ht_location_text1 {
		font-size: 18px;
		line-height: 100%;
	}
	.ht_location_text2 {
		font-size: 11px;
		font-style: italic;	
	}
	.ht_location_coupon{
		font-size: 13px;
		color: #9C73DE;
		line-height: 100%;
		padding-top: 5px;
	}
	.bigPicture table{
		border-width:0;
		margin:0px;
		padding:0px;
	}
	h1.hpTemplateS1 {	
		font-size: 24px;
		padding: 0px;
		padding-top:11px;
		margin: 0px;
		font-weight: bold;
		text-align: center;
	}
	h1.hpTemplateS1 a {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#hideOrganic1 {
		color: #666666;
		font-family: Times New Roman, Times, serif;
		font-size: 12px;
		text-align: left;
		padding: 5px;
	}
	#hideOrganic1 h2 {
		padding-bottom: 5px;
		margin-bottom: 0;
		margin-top: 5px;
	}
	#hideOrganic1 p {
		padding: 0 0 5px 0;
		margin: 0;
	}
/***END HOME PAGE TEMPLATE***/	


/**Page Module***/
#pageModuleQuickJump{float: right;margin: 10px 0 20px 20px;font-weight: bold;}
#pageModuleQuickJump .alert{color:#FF0000;font-weight:bold;}

/** Page Specific ***/
#policy p {text-align: justify; padding: 0 0 16px 0; margin: 0;}

/** maybe these should be global? **/
#policy h2 {padding-bottom: 0; margin-bottom: 0;}
#policy p.alert{text-align: center; padding-bottom: 15px; color:#FF0000; font-weight:bold;}
#policy blockquote {padding-top: 0; padding-bottom:0; margin-top: 0; margin-bottom: 0;}
#policy h3 {padding-bottom: 0; margin-bottom: 0;}

/* Suzy Futon's Speech Bubble */
.curvedBox{-moz-border-radius:10px;-webkit-border-radius:10px;behavior:url(border-radius.htc);margin:5px;padding:10px; background-color:#FFC;}
.aboutCopy{width:900px;}

.organic-mattress-product{background:url(http://www.thefutonshop.com/images/mattress/organic-mattress-bg-repeat.jpg) bottom repeat-x; height:100%;}
.royal-contour-product{background:url(http://www.thefutonshop.com/images/mattress/royal-contour-bg-repeat.jpg) bottom repeat-x; height:100%;}
.comfort-care-product{background:url(http://www.thefutonshop.com/images/mattress/comfort-care-bg-repeat.jpg) bottom repeat-x; height:100%;}
.egyptian-cotton-product{background:url(http://www.thefutonshop.com/images/mattress/egyptian-cotton-bg-repeat.jpg) bottom repeat-x; height:100%;}
.life-enhancement-product{background:url(http://www.thefutonshop.com/images/mattress/life-enhancement-bg-repeat.jpg) bottom repeat-x; height:100%;}
.essence-product{background:url(http://www.thefutonshop.com/images/mattress/essence-bg-repeat.jpg) bottom repeat-x; height:100%;}


/*  ----------- JQuery Slideshow -------   */
#slide-nav a:link,#slide-nav a:visited{color:#fff;}
div#slide-holder{position:relative;left:0px;}
div#slide-holder div#slide-runner{width:242px;height:372px;overflow:hidden;position:relative;}
div#slide-holder img{position:absolute;left:0px;border:none}
div#slide-text p{margin:0px;padding:7px;}
div#slide-holder div#slide-controls{bottom:0px;left:0px;width:242px;height:46px;position:absolute;background:url(images/slideshowProducts/slide-bg.png);}
div#slide-text{width:242px;color:#FFF;font-weight:bold;position:absolute;left:0px;background:url(images/slideshowProducts/slide-bg.png);}
#slide-nav{float:right;height:24px;margin:11px 15px 0 0;line-height:24px;font-weight:bold;}
#slide-nav a{float:left;width:24px;margin:0 5px 0 0;text-align:center;text-decoration:none;background:none;background-image:url(images/slideshowProducts/silde-nav.png);}
#slide-nav a.on{background-position:0 -24px;}

/*  ----------- INTERNAL ---------------   */
.tagTable{font-family:Arial, Helvetica, sans-serif;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*{padding:0; margin:0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window{font:12px Arial, Helvetica, sans-serif;color:#333333;}
#TB_secondLine{font:10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link,#TB_window a:visited,#TB_window a:active,#TB_window a:focus{color:#666666;}
#TB_window a:hover{color:#000;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay{position:absolute;z-index:100;top:0px;left:0px;height:100%;width:100%;}
/* Overlay background never worked except for IE... deemed unnecssary
.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
* html #TB_overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');} */
#TB_window{position:fixed;background:#ffffff;z-index:902;color:#000000;display:none;border:4px solid #525252;text-align:left;top:50%;left:50%;}
* html #TB_window{ /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:5px 0 5px 10px;margin-bottom:1px;font-weight:bold;font-size:14px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;/* -height/2 0 0 -width/2 */}
* html #TB_load{/* ie6 hack */position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;}
* html #TB_HideSelect{/* ie6 hack */position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}
}






/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

	.location { width: 242px; height: 400px; position:absolute; top: 100px; left: 400px; }
	.top-slide { width: 242px; height: 50px; background: #99cc66; margin-top: -2px;}
	
/* Insignificant stuff, for demo purposes */

	body { padding: 0px }
	.panel h2.title { margin-bottom: -39px; color: #fff;}
	noscript div { background: #ffffff; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0px 0 }
	.coda-slider { background: #ffffff; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 400px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 242px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 242px; }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #1c4705; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 0px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav with some browser hacks*/
	.ie .coda-nav ul { clear: both; display: block; margin: auto; background: #99cc66; overflow: hidden; height: 51px; width: 242px;}
	.linux.gecko .coda-nav ul { clear: both; display: block; margin: auto; background: #99cc66; overflow: hidden; height: 47px; width: 242px;}
	.win.gecko .coda-nav ul { clear: both; display: block; margin: auto; background: #99cc66; overflow: hidden; height: 47px; width: 242px;}
	.gecko .coda-nav ul { clear: both; display: block; margin: auto; background: #99cc66; overflow: hidden; height: 47px; width: 242px;}
	.coda-nav ul { clear: both; display: block; margin: auto; background: #99cc66; overflow: hidden; height: 52px; width: 242px;}
	.coda-nav ul li { display: inline; }
	.coda-nav ul li a { color: #000000; display: block; float: left; margin-right: 1px; padding: 3px 0px 3px 6px; text-decoration: none; font-size:12px; }
	.coda-nav ul li a:hover { color: #ffffff; }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }