div#StripeBackground { height:1400px; background-image:url( ../images/RubBuilderBackground.png);}
div#Home_FooterLogo { top:1133px }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }



.scrollingView {height:350px;overflow-x:hidden;overflow-y:scroll;}

#step1List, #step2List, #step3List 
	{ margin:30px 25px 0px 20px; }
	
#step1List h4, #step2List h4, #step3List h4 { clear:both; margin-top:4px; margin-bottom:4px;}
	
#step1List .sampleItem, #step2List .sampleItem, #step3List .sampleItem 
	{color:#262626;cursor:pointer;float:left;font-size:10px;margin:0 5px 10px 0;width:75px; height:140px; border-bottom:solid 1px #999999; }
	
#step1List .sampleItem div, #step2List .sampleItem div, #step3List .sampleItem div 
	{background-color:#AAAAAA;background-repeat:no-repeat;height:75px;margin-bottom:4px;}
	
#rugBuilder { margin-top:81px; width:935px; font-family:Verdana;}
#rugBuilder .leftHalf { float:left; overflow:hidden; width:400px; margin-left:30px;  }
#rugBuilder .rightHalf {float:right; overflow:hidden;width:450px; margin-right:47px; }
.txtRugPreview { display:none; }
.txtStart { display:none; }
.txtHelp { position:absolute; margin-top:-25px; margin-left:310px;  }

/*Buttons*/
.txtHelp, .button
 { text-transform:uppercase; background-color:#cc3300; border:solid 1px #999999; color:White; font-size:10px; text-decoration:none; width:84px; height:14px; text-align:center; display:block; padding-top:1px; }

/*Steps */
.step { border-top:solid 1px transparent; /*To get round a strange FireFox bug*/  overflow:hidden; }
.step select { width:285px; height:17px; padding:0px; margin:0px; font-size:9px; margin-bottom:7px;  }
.step .inner { margin-left:90px; margin-top:20px;  }
.step .textbox { width:150px; height:13px; padding:0px; margin:0px; font-size:9px; margin-bottom:7px; float:left; margin-right:10px; }
.step .innerFinalStep { margin-left:30px; margin-top:50px;  }

#step1 {  height:158px; margin-bottom:6px;}
#step2 {  height:131px; margin-bottom:6px;}
#step3 {  height:136px;margin-bottom:6px;}
#step4 {  height:600px;}

.loading, #step1Hide{  background-image:url(images/global/bigrotation2.gif);  background-position:center center;  background-repeat:no-repeat;}
#step1Hide,#step2Hide,#step3Hide,#step4Hide
	{margin:1px 0px 0px 3px; width:375px; position:absolute;background-color:#59595b;z-index:10;opacity: 0.7;filter:alpha(opacity=70);
	 color:#ffffff; font-size:20px; height:100px; text-align:center;}
	 
#step1Hide { height:152px;background-color:#000000;}
#step2Hide { height:125px;}
#step3Hide { height:130px;}
#step4Hide { height:130px;}

#btnStep1Search,#btnStep2Search,#btnStep3Search { float:left; }
#btnClearStep1,#btnClearStep2, #btnClearStep3 { clear:both;  background-color:#95c14e; }
#getAQuote { margin-left:162px; }

#newButtons { height:35px; padding-top:10px;  }
#newButtons .button { width:160px; float:left; margin-top:5px; }
#newButtons .button:first-child {background-color:#95c14e; margin-right:30px;  }

/*Floor Selector */
#floorSelector { margin-left:14px; margin-top:45px;   width:200px; float:left; }
#floorSelector p { display:none;}
.floorThumbs  {clear:both; margin:0px;   }
.floorThumbs div {width:92px; height:52px; float:left; margin-right:6px; margin-bottom:6px; cursor:pointer; }

/* Current Selections */
#currentSelect { margin-top:45px; margin-left:35px; float:left;  width:180px; }
#currentSelect p { display:none; }
#currentSelect input { border-style:none; border-width:0px;  color:#666; font-size:11px; padding:0px; margin:0px; display:block; }
#currentSelect label {  display:block; font-weight:bold;color:#666; font-size:11px; margin-top:5px;  }

/*Help Panel*/
#helpPanel { padding:10px 25px 10px 20px; }
#helpPanel h3 { background-image:url(../images/txtHowToCreateYourRug.png); background-repeat:no-repeat; width:243px; height:21px; line-height:normal; display:block;  }
#helpPanel h3 span { display:none; }
#helpPanel p { font-size:11px;}

/*Get A Quote */
#divGetAQuote.leftHalf { background-color:White; margin-left:30px; margin-top:-5px; padding-left:5px; font-size:11px; color:#666;height:1000px; }
#divGetAQuote.leftHalf .button { width:120px; }




/* Get a quote box*/

#getAQuoteBox 
{
	margin-top:10px;
	font-family:verdana;
	font-size:11px;
	line-height:20px;
}

#getAQuoteBox p
{
	text-align:right;
}

#getAQuoteBox h5
{
	color:#996699;	
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Sans-Serif;
	display:block;
	padding-bottom:5px;
	border-bottom:dotted 1px #a8a8a8;
	margin-bottom:5px;
	line-height:normal;
	text-transform:uppercase;
}

#getAQuoteBox input
{
	border:solid 1px #7f9db9;
	width:86px;
	font-size:11px;
	font-family:verdana;
	color:black;
	padding:0px 2px 0px 2px;
}

.getAQuoteBoxRugCost
{
	width:86px;
	font-size:11px;
	font-family:verdana;
	color:white;
	padding:0px 2px 0px 2px;
	background-color:#59595B;
}
.separator 
{
	border-top:dotted 1px #a8a8a8;
}

#getAQuoteBox .buttonsDiv
{
	padding-top:9px;
	height:22px;
	margin-top:10px;
	padding-left:180px;
}

#getAQuoteBox .buttonsDiv a
{
	float:left;
	display:block;
	width:158px;height:20px;
}
 



/* Rug Info Panel */
#rugInfoPanel{	font-family:Arial, Sans-Serif;	font-size:11px;	position:absolute;	width:423px; height:215px;		top:300px;	left:300px;	border:solid 1px #999999;	z-index:11;	display:none;}
#rugInfoPanel p { margin:0px; color:#666666; }

#rugInfoPanel .transBack
{
	position:absolute;
	width:423px; height:215px;
	background-color:White;
	/*opacity:0.80;
	filter:alpha(opacity=80);*/
	z-index:9;
}

#rugInfoPanel .inner 
{
	margin-top:5px; margin-left:5px;
	position:absolute;
	z-index:10;
	filter:alpha(opacity=100);  /* Odd IE bug without this style */
}

#rugInfoPanel .image
{
	float:left;
	background-color:#aaaaaa;
	width:203px; height:203px;
	z-index:10;
	filter:alpha(opacity=100);  /*  Odd IE bug without this style */
}

#rugInfoPanel .info
{
	margin-left:10px;
	float:left;
	z-index:10;
	width:200px;
}

#rugInfoPanel .info h5
{
	border-top:dotted 1px #888888;
	padding-top:10px;
	color:Black;
	height:35px;
}

#rugInfoPanel .info p, #floorcovering_details #details_col p
{
	color:Black;
}

#rugInfoPanel .info p em, #floorcovering_details #details_col p em
{
	color:#666666;
	font-style:normal;
}


#rugInfoPanel .info .moreDetails
{
	margin-top:10px;
	border-top:dotted 1px #888888;
	padding-top:10px;
	color:#996699;
}

#rugInfoPanel .info p a
{	
	color:#996699;
	text-transform:uppercase;
}
#createANewRugQuote
{
	position:absolute;
	top:150px;
	left:50px;
	
}
#OrderABrochureQuote
{
	position:absolute;
	top:200px;
	left:50px;
}
/*Help Panel*/
#helpQuote 
{ 
	position:absolute;
	top:640px;
	width:375px;
	left:40px;
	font-size:7.5pt;
}
#helpQuote h3 { background-image:url(../images/txtHowToCreateYourRug.png); background-repeat:no-repeat; width:243px; height:21px; line-height:normal; display:block;  }
#helpQuote h3 span { display:none; }
#NeedHelpButton
{
	position:absolute;
	top:55px;
	left:335px;
}