BODY{
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: url(../images/bgGrad.jpg);
    MARGIN: 5px 0px 0px;
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #53381d;
}
p{
color:#53381d;
line-height:1.8em;
}
a{
color:#543f9c;
}
#btmTableLeft{
    BACKGROUND: url(../images/btmLeft.gif) #abc063 no-repeat right top;
    HEIGHT: 79px
}
#btmTableLeftHome
{
    BACKGROUND: url(../images/btmLeftHome.gif) #abc063 no-repeat right top;
    HEIGHT: 26px
}
#btmTableRight
{
    BACKGROUND: url(../images/btmRight.gif) #abc063 no-repeat left top;
    HEIGHT: 79px
}
#btmTableRightHome
{
    BACKGROUND: url(../images/btmRightHome.gif) #abc063 no-repeat left top;
    HEIGHT: 26px
}

.clear{
    CLEAR: both;
    FONT-SIZE: 0px;
    LINE-HEIGHT: 0
}
#conTableLeft
{
    BACKGROUND: url(../images/mainLeft.gif) #abc063 no-repeat right top
}
#conTableRight
{
    BACKGROUND: url(../images/mainRight.gif) #abc063 no-repeat left top
}
#homeMiddle
{
    WIDTH: 758px
}
#homeMiddle #flash
{
    /*BACKGROUND-IMAGE: url(../images/helios-carpet.gif);*/
    HEIGHT: 327px
}
#homeMiddle #featuresRepeat
{
    BACKGROUND: url(../images/middleBtmRepeat.gif) repeat-y;
    FLOAT: left
}
#homeMiddle #features
{
	padding:0px;
    BACKGROUND: url(../images/homeFeatures.jpg) no-repeat 50% top;
    FLOAT: left;
    MARGIN: 0px;
    OVERFLOW: visible;
    WIDTH: 758px;
}

#homeMiddle .feature{
    DISPLAY: inline;
	padding:0px;
    LEFT: 3px;
    FLOAT: left;
    MARGIN: 0px 5px;
    WIDTH: 179px;
    COLOR: #4f4335;
    POSITION: relative;
    TOP: 10px
}

#homeMiddle .feature .featureText
{
    CLEAR: left;
    FONT-SIZE: 90%;
    MARGIN: 0px 0px 20px;
}
#homeMiddle .feature .featureText a
{
    /*FONT-WEIGHT: bold;
    COLOR: #657f0b;*/
	COLOR: #4f4335;
	text-decoration:none;
    LETTER-SPACING: normal
}

#homeMiddle .featureText {padding-left:1px;}
#homeMiddle .feature .featureText .more a:link,  #homeMiddle .feature .featureText .more a:visited{color:#336600; text-decoration:underline;}

#homeMiddle .feature h2
{
    PADDING-RIGHT: 0px;
    DISPLAY: inline;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 145%;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #53381d;
    PADDING-TOP: 0px
}
#homeMiddleBtm
{
    BACKGROUND: url(../images/homeBtm.gif);
    HEIGHT: 26px
}
IMG{
border:0px;
}
#logoTop{
    MARGIN: 0px auto;
    /*WIDTH: 100%;*/
    TEXT-ALIGN: center
}
#bottom{
    MARGIN: 0px auto;
    /*WIDTH: 100%;*/
    TEXT-ALIGN: center
}
#logoBtm{
    BACKGROUND: url(../images/btmLogo.gif) center 50%;
    HEIGHT: 97px;
	MARGIN: 0 auto;
    /*WIDTH: 100%;*/
	text-align:center;
}
#logoBtm A{
	position:relative;
	top:1em;
	display:inline;
	left:310px;
	width:130px;
	margin:0px;
	padding:15px;
    BACKGROUND: url(../images/link.gif) no-repeat left center;
    COLOR: #abc063;
    TEXT-DECORATION: none;
}

* html #logoBtm a {padding-right:0px;}
#logoBtm A:hover
{
    BACKGROUND: url(../images/link-over.gif) no-repeat left center;
    COLOR: #ffffff
}
#logoTop
{
    BACKGROUND: url(../images/helios-logo-top.gif) center 50%;
	background-repeat:no-repeat;
    HEIGHT: 102px
}
#main{
    MARGIN: 0px auto;
    /*WIDTH: 100%;*/
    /*HEIGHT: 100%;*/
	min-height:800px;
}

/**********menu styles are now at the bottom of this file**************/
/*#navigation UL
{
    DISPLAY: inline
}

#navigation LI
{
    DISPLAY: inline;
    LEFT: -20px;
    MARGIN: 0px 0.5em;
    POSITION: relative;
    TOP: 80px;
}

#navigation LI A
{
    PADDING-LEFT: 15px;
    BACKGROUND: url(../images/link.gif) no-repeat left center;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
#navigation LI A:hover
{
    BACKGROUND: url(../images/link-over.gif) no-repeat left center;
    COLOR: #eeeeee
}*/

#searchHeader{
	width:584px;
	height:66px;
	background: url(../images/search_top.jpg) no-repeat right;
	float:right;
	position:relative;
	left:-1px;
}

*html #searchHeader{
	float:none;
}
#searchHeader h1{
	position:relative;
	top:-3px;
	left:-15px;
}
*html #searchHeader h1{
	top:11px;
}

#signature{
    MARGIN-TOP: -55px;
    Z-INDEX: 7;
    BACKGROUND: url(../images/purestyle.gif) no-repeat;
    FLOAT: right;
    WIDTH: 195px;
    HEIGHT: 79px;
    position: relative
}
#slidingDoorTabs {
	font:x-small/1.5em Arial, Helvetica, sans-serif;
	voice-family: "\"}\""; voice-family:inherit;
	font-size:small;
	float:left;
	width:99.9%;
	background:url("../images/slidingDoorTabsBG.gif") no-repeat bottom;
	font-size:92%;
	line-height:normal;
  }
  
#slidingDoorTabs ul{
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#slidingDoorTabs li{
  float:left;
  background:url("../images/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#slidingDoorTabs a{
  float:left;
  display:block;
  background:url("../images/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#FFF;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#slidingDoorTabs a{float:none;}
/* End IE5-Mac hack */
#slidingDoorTabs a:hover {
  color:#634b28;
  }
#slidingDoorTabs #current {
  background-image:url("../images/left_on.gif");
  }
#slidingDoorTabs #current a {
  background-image:url("../images/right_on.gif");
  color:#abc063;
  padding-bottom:5px;
  }
#templateMiddle{
    CLEAR: both;
    PADDING: 0px;
    BACKGROUND: url(../images/logoNav.jpg) no-repeat 1px 0px;
    MARGIN: 0px;
    OVERFLOW: auto;
    WIDTH: 758px;
    POSITION: relative;
    _height: 1%;
}
 * HTML #templateMiddle
{
    OVERFLOW: visible;
    HEIGHT: 100%;
}
#templateMiddle #right{
	padding:0px;
    MARGIN: 0px;
    POSITION: relative;
	display:inline;
}

* html #templateMiddle #right.carpet_color_options{MARGIN: 0 -1px 0 -1px;}
* html #templateMiddle #right.carpet_color_options #search_copy{margin-top: -3px;}

#templateMiddle #right #headerImg{
	float:right;
	clear:right;
	POSITION: relative;
	LEFT: -1px;
}
*html #templateMiddle #right #headerImg{
	float:none;
}
#templateMiddle #right #copy{
    POSITION: relative;
    /*PADDING: 0px;*/
    BORDER-TOP: #52361e 1px solid;
    Z-INDEX: 5;
    /*MIN-HEIGHT: 450px;*/
    BACKGROUND: url(../images/productBtm.gif) no-repeat;
	clear:right;
    FLOAT: right;
    MARGIN: 0px;
	display:inline;
    WIDTH: 585px;
	min-height:315px;
	/*padding-bottom:5em;*/
}

#templateMiddle #right #copy li{color:#53381d;}

#templateMiddle #right #copy .list_padding li {padding:10px 20px 0 20px;}

#templateMiddle #right #copy #slidingDoorTabs{margin-bottom:25px;}

#templateMiddle #right #copy a:link, #templateMiddle #right #copy a:visited{color:#336600; text-decoration:underline;}
#templateMiddle #right #copy a:hover{color:#336600; text-decoration:none;}

#templateMiddle #right #copy #slidingDoorTabs #current a:link, #templateMiddle #right #copy #slidingDoorTabs #current a:visited {color:#abc063; text-decoration:none;}
#templateMiddle #right #copy #slidingDoorTabs a:link, #templateMiddle #right #copy #slidingDoorTabs a:visited{color:#ffffff; text-decoration:none;}
#templateMiddle #right #copy #slidingDoorTabs a:hover{color:#634b28; text-decoration:none;}

#templateMiddle #right #copy #spot_removal tr {padding:3px; border: 1px #F2FDDF solid;}
#templateMiddle #right #copy #spot_removal tr .step_head {background-color:#53381D; color:#F2FDDF;}
#templateMiddle #right #copy #spot_removal tr .stain {background-color:#ABC063; color:#53381D;}
#templateMiddle #right #copy #spot_removal tr .step {background-color:#D6E5AD; color:#53381D;}

#templateMiddle #right #search_copy{
	POSITION: relative;
    MIN-HEIGHT: 400px;
    BACKGROUND: url(../images/search_bottom.gif) repeat-y;
    FLOAT: right;
    MARGIN: 0px;
	display:inline;
    WIDTH: 585px;
    HEIGHT: 100%;
	/*padding-bottom:5em;*/
}

#templateMiddle #right H3
{	
	margin:20px 20px 0px 20px;
	font-size:150%;
    COLOR: #53381d
}
#templateMiddle #right P{
	margin:1em 20px;
    COLOR: #53442b;
}
#templateMiddle #right #prod_title{
    FONT-WEIGHT: normal;
    Z-INDEX: 7;
    FLOAT: right;
    MARGIN: -203px 25px 0px 0px;
	display:inline;
    COLOR: #ffffff;
    POSITION: relative;
}
#templateMiddle #right #ins_title{
	POSITION:relative;
    Z-INDEX:7;
	width:550px;
	text-align:right;
	display:inline;
	clear:right;
    float:right;
	font-size:300%;
    MARGIN: -143px 20px 0px 0px;
    COLOR: #ffffff;
}

#templateMiddle #nav{
	padding:0px;
    BORDER-RIGHT: #52361e 1px solid;
    FLOAT: left;
    MARGIN: 15px 0px;
    BORDER-LEFT: #52361e 1px solid;
    WIDTH: 171px;
    POSITION: relative;
	display:inline;
    TEXT-ALIGN: center;
}
#templateMiddle #nav UL{
	POSITION: relative;
    Z-INDEX: 7;
    LEFT: -21px;
    TEXT-ALIGN: left
}

#templateMiddle #nav UL LI{
    LIST-STYLE-TYPE: none;
	width:150px;
	font-size:11px;
	padding-top:3px;
}
* html #templateMiddle #nav UL LI{
	width:131px;
}
#templateMiddle #nav UL LI A{
    PADDING-LEFT: 15px;
    BACKGROUND: url(../images/link.gif) no-repeat left 1px;
    COLOR: #53381d;
    TEXT-DECORATION: none
}

* html #templateMiddle #nav UL LI A{padding-left:13px; width:135px;}

#templateMiddle #nav UL LI A:hover{
    BACKGROUND: url(../images/link-over.gif) no-repeat left 1px;
    COLOR: #eeeeee
}
* HTML #templateMiddle #nav{
    border:0px;
}

#templateMiddle #nav ul #current a:link, #templateMiddle #nav ul #current a:visited {color:#ffffff; text-decoration:underline;BACKGROUND: url(../images/link-over.gif) no-repeat left 1px;}
#templateMiddle #nav ul #current a:hover {color:#ffffff;text-decoration:underline;BACKGROUND: url(../images/link-over.gif) no-repeat left 1px;}

#templateMiddleBtm{
    CLEAR: both;
    Z-INDEX: 7;
    BACKGROUND: url(../images/templateBtm.gif) no-repeat;
    WIDTH: 758px;
    POSITION: relative;
    HEIGHT: 79px;
}

#PIimage {border:1px #53381d solid; margin-left:10px;}

#searchResults2, #productCONTENT #searchResults2 {/*this is for Safari, Firefox and IE7 is at end of file*/
	position:relative;
	float:left;
	text-align:center;
	padding: 0 0px 10px 12px;
	margin-left:2px;
	width:120px;
	height:100%;
	/*line-height:1.5;*/
	}

#searchResults2 img, #productCONTENT #searchResults2 img {border:1px #53381d solid;}
#search_copy #searchResults2 {margin-left:-8px;}
#search_copy #searchResults2.carpet_color_options {padding-left: 16px; margin:0px; width:120px;} /**new 1/6/07**/

* html #search_copy #searchResults2 {padding-left: 0px; margin:0 -10px -50px -17px; width:120px; height:90px;}
* html #search_copy #searchResults2.carpet_color_options {padding-left: 10px; margin:5px -10px -50px 3px; width:120px; height:200px;}
* html #searchResults2 {padding-left: 10px; margin:0 -10px -50px 3px; width:120px; height:200px;}
* html #productCONTENT #searchResults2 {padding-left: 0px; margin:0 -10px -40px -17px; width:120px; height:70px;}

#searchResults2 .swatch_name {float:left; font-size:99%;padding-bottom:10px;margin-left:3px;text-align:center; width:120px; height:10px;}/*this is for Safari, Firefox and IE7 is at end of file*/
#searchResults2 .color_name {float:left; font-size:99%;padding-bottom:10px;margin-left:20%;text-align:center; width:120px;}/*this is for Safari, Firefox and IE7 is at end of file*/
* html #searchResults2 .swatch_name {float:left; margin-left:2px; width:120px; text-align:center;}

#searchResults2 a:link, #searchResults2 a:visited {color:#53381d; text-decoration:none;}
#searchResults2 a:hover {color:#53381d; text-decoration:underline;}

/***these area styles for featured.asp*****/
#templateMiddle #right #copy #searchResults2 .fav{position:relative; float:left;width:120px; margin-left:25px;text-align:center;}
* html #templateMiddle #right #copy #searchResults2 .fav{position:relative; float:left;width:120px; margin-left:12px; text-align:center; height:90px;}
#templateMiddle #right #copy #searchResults2 .fav a:link, #templateMiddle #right #copy #searchResults2 .fav a:visited {color:#53381d; text-decoration:none;}
#templateMiddle #right #copy #searchResults2 .fav a:hover {color:#53381d; text-decoration:underline;}
/*******end*************/

/*****these are styles for favorites.asp*********/
#templateMiddle #right #copy #carpetRugSearch #searchResults2 .fav{position:relative; float:left;width:120px; margin-left:25px;text-align:center;}
* html #templateMiddle #right #copy #carpetRugSearch #searchResults2 .fav{position:relative; float:left;width:120px; margin-left:15px;text-align:center;}
#templateMiddle #right #copy #carpetRugSearch #searchResults2 .fav a:link, #templateMiddle #right #copy #carpetRugSearch #searchResults2 .fav a:visited {color:#53381d; text-decoration:none;}
#templateMiddle #right #copy #carpetRugSearch #searchResults2 .fav a:hover {color:#53381d; text-decoration:underline;}
/*********end***********/

#productCONTENT {margin-top:10px; width:580px;} /*added by BC 1/16/07 */
#carpetName {visibility:hidden;}
#carpetContent .boldbrown {font-weight:bold;}
#carpetContent .specs {
	position:relative;
	float:right;
	margin-right:15px;
	width:240px;
	color:#53381d;
	}


* html #carpetContent .specs {
	position:relative;
	float:right;
	margin-right:5px;
	width:240px;
	}
#carpetContent .specs ul {width:200px;}
* html #carpetContent .specs ul {width:150px; padding-left:15px;}
#carpetContent a:link, #carpetContent a:visited {color:#53381d; text-decoration:underline;}
#carpetContent a:hover {color:#53381d; text-decoration:none;}

/*************drop-down styles****************/
#navigation {width:100%; margin-left:-25px;}
#navigation #dropnav .topnav {
	position:relative;
   DISPLAY: inline;
   MARGIN: 0px 0.5em;
    POSITION: relative;
	width:100%;
	top:80px;
	list-style-type:none;
	z-index:99;
	}
	
#navigation .topnav A
{
    PADDING-LEFT: 15px;
    BACKGROUND: url(../images/link.gif) no-repeat left center;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
}
#navigation .topnav A:hover
{
    BACKGROUND: url(../images/link-over.gif) no-repeat left center;
    COLOR: #eeeeee
}
#dropnav .topnav {width:150px;}

#dropnav ul{/*this is for Safari, Firefox and IE7 is at end of file*/
	position:relative;
	display:inline;
	list-style-type:none;
	width:150px;
	margin-top:15px;
	margin-left:-74px;
	}
	
#dropnav li{ /* all lists */
	margin-left: -41px;
	line-height: 1;
	/*z-index:7;*/
	text-align:left;
	width:150px;
	}

#dropnav ul a {
	display: inline;
	PADDING-LEFT: 15px;
	BACKGROUND: url(../images/link.gif) no-repeat left center;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
	width:150px;
}

#dropnav a:hover{
    BACKGROUND: url(../images/link-over.gif) no-repeat left center;
    COLOR: #eeeeee
}

#dropnav ul li { /* all list items */
	color:#FFFFFF;
	padding:5px 10px 5px 10px;
	text-align:left;
	width: 150px;
}

#dropnav li ul { /* second-level lists */
	position: absolute;
	background-color:#53381d;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#dropnav li ul ul { /* third-and-above-level lists */
	margin: -4px 0 0 10px;
	width:150px;
}

#dropnav li:hover ul ul, #dropnav li:hover ul ul ul, #dropnav li.sfhover ul ul, #dropnav li.sfhover ul ul ul {
	left: -999em;
}

#dropnav li:hover ul, #dropnav li li:hover ul, #dropnav li li li:hover ul{ /* lists nested under hovered list items */
	left: auto;
	z-index:99;
	position:absolute;
}

#dropnav li.sfhover ul, #dropnav li li.sfhover ul, #dropnav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#dropnav #current a:link, #dropnav #current a:visited {color:#988877; text-decoration:underline;BACKGROUND: url(../images/link-over.gif) no-repeat left center;}
#dropnav #current a:hover {color:#988877;text-decoration:underline;BACKGROUND: url(../images/link-over.gif) no-repeat left center;}

#dropnav #current #normal a:link, #dropnav #current #normal a:visited {color:#ffffff; text-decoration:none; BACKGROUND: url(../images/link.gif) no-repeat left center;}
#dropnav #current #normal a:hover {color:#ffffff;text-decoration:underline;BACKGROUND: url(../images/link-over.gif) no-repeat left center;}

#dropnav ul {margin-top:95px;#}
#searchResults2, #productCONTENT #searchResults2 {
	position:relative;
	float:left;
	text-align:center;
	padding: 0 0px 10px 15px;
	margin:0 0 0 -5px;
	width:120px;
	height:100%;
	/*line-height:1.5;*/
	#}
#searchResults2 .swatch_name {float:left; font-size:99%;padding-bottom:10px;margin-left:4px;text-align:center; width:120px;#}
#searchResults2 .color_name {float:left; font-size:99%;padding-bottom:10px;margin-left:20%;text-align:center; width:120px;#}
* html #searchResults2 .color_name {float:left; font-size:99%;padding-bottom:0px;margin-left:15px;text-align:center; width:120px; height:70px;}
* html #productContent #searchResults2 .color_name {float:left; font-size:99%;padding-bottom:0px;margin-left:15px;text-align:center; width:120px; height:70px;}