f@charset "utf-8";
/* CSS Document */
html {
         background-color: #406c82;
         font-size:100.01%;
}
body {
	background-color:#406c82;
       font-size: 1em;
	font-family : Calibri,Tahoma,Verdana,Arial,Sans-SerifArial,Sans-Serif;
	color : #020304;
	line-height: 1.4em;
	font-weight: normal;
        color: #000;
} 

a {
     color: #663333;
}
a:hover {
       background-color: #f1eeeb;
}

h1{	font-family: Calibri,Tahoma,Verdana,Arial,Sans-SerifArial,Sans-Serif;
	font-size:1.4em;
	color: #cf6d04;
	margin:0;
	padding:2px 0 5px 0;
}

h2{	font-family: Calibri,Tahoma,Verdana,Arial,Sans-SerifArial,Sans-Serif;
	font-size:1.2em;
}


.heading{
	float:left;
	margin:0 5px 0 0;
        padding-left: 5px;
       
}

.contentcontainer, .content{
	float:left;
	width:370px;
	height:auto;
	margin: 0 0 5px 0;
	padding: 0 10px 5px 15px;
}
.content{
      width:  550px;
}

.windowtreatmentscontentcontainer{
	float:left;
	width:420px;
	height:auto;
	margin: 0 0 5px 0;
	padding: 0 0 5px 5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:80%;
}
#outerWrapper {
   width:980px;
	margin:auto;
	overflow: hidden;
}
#outerColumn {
     margin: 132px 0 0 10px; 
    width: 160px;
     float:right;
}
#wrapper, #carpetwrapper, #hardwoodwrapper, #tilewrapper, #laminatewrapper, #arearugswrapper, #windotreatmentswrapper, #installationwrapper {
	width:800px;
	margin:auto;
	background-color:#ffffff;
        border:3px solid #000;
	overflow: hidden;
}

#headerPic,#header{
	width:800px;
	height:129px;
	background-image:url(../images/hadinger-flooring.jpg);
	float:left;
}

#headerPic span{
  display: none;
}
#menu{
	width:800px;
	height:30px;
	float:left;
	background-color: #000;
      border-top: 5px solid #D25A0B; 
}

/*CSS MENU*/

#modernbricksmenu2, #productmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#productmenu{
      width: 400px; 
     padding-right: 30px;
    padding-left: 35px;
     float:left;
}

#modernbricksmenu2 ul, #productmenu ul{
margin:0;
margin-left: 40px; 
padding: 0;
list-style: none;
}

#modernbricksmenu2 li, #productmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a, #productmenu a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 2px 0 0; /*Margin between each menu item*/
padding: 5px 5px;
background-color: black;
border-top: 1px solid white;
}

#modernbricksmenu2 a:hover, #productmenu a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}
#productmenu a:hover{
background-color: #A41D17; /*red color theme*/ 
}

#modernbricksmenu2 #current a, #productmenu #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}
#productmenu #current a{ 
background-color: #A41D17; /*red color theme*/ 
}


/*CSS MENU shorter*/


#rollovermenu{
	width:800px;
	height:62px;
	float:left;
	background-color:#FFF;
}


/****** ROLLOVER BOXES  shorter ******/
#rolloverbox1, #rolloverbox2, #rolloverbox3, #rolloverbox4, #rolloverbox5, #rolloverbox6, #rolloverbox7 {
	width:114px;
	height:62px;
	float:left;
}


#carpet{background: url(../images/rollovers/carpet.jpg) no-repeat;}
#hardwood{background: url(../images/rollovers/hardwood.jpg) no-repeat;}
#tile{background: url(../images/rollovers/tile.jpg) no-repeat;}
#laminate{  background: url(../images/rollovers/laminate.jpg) no-repeat;}
#arearugs{background: url(../images/rollovers/arearugs.jpg) no-repeat;}
#windowtreatments{ background: url(../images/rollovers/windowtreatments.jpg) no-repeat;}
#ads{background: url(../images/rollovers/ads.jpg) no-repeat;}

#carpet, #hardwood, #tile, #laminate, #arearugs, #windowtreatments, #ads {
  display: block;
  width: 114px;
  height: 62px;
  background-position: 0 -77px;
}


#carpet:hover, #hardwood:hover, #tile:hover, #laminate:hover, #arearugs:hover, #windowtreatments:hover, #ads:hover{ 
  background-position: 0 -219px;
}

#carpet span, #hardwood span, #tile span, #laminate span, #arearugs span, #windowtreatments span, #ads span{
  display: none;
}
/****** end ROLLOVER BOXES  shorter ******/



#indexleftcolumn{
	float:left;
	display: block;
	width:430px;
	background-color:#ffffff;
}

#leftcolumn{
	width:400px;
	display: block;
	float:left;
	background-color:#ffffff;
}
#leftwrapper{
	width:575px;
	display: block;
	float:left;
}

#windowtreatmentsleftcolumn{
	width:430px;
	display: block;
	float:left;
	background-color:#ffffff;
	margin: 7px 5px 0 5px;
}


#installationleftcolumn{
	width:400px;
	display: block;
	float:left;
	background-color:#ffffff;
}



#carpetslideshow {
        clear: both;
	float:left;
	margin: 0 0 15px 15px; 
	border:#900 solid 2px;
	width:380px;
}

/*Middle Column*/
#middlecolumn{
	background-color:#ffffff;
	float:left;
	height:290px;
	margin:0 0 7px 5px;
	padding:5px;
	width:185px;
	
}
#middlecolumn h2 {
	font-size:14px;
	font-style:italic;
	font-weight: normal;	

}

#middlecolumn h1 {
	font-size: 90%;
}

#middlecolumn p {
	font-size: 80%;
}

#carpetmiddlecolumn{
	background-color:#ffffff;
	float:left;
	height:auto;
	margin:0 0 7px 5px;
	padding:5px 0 3px 0;
	width:185px;
	
}
#carpetmiddlecolumn h2 {
	font-size:12px;
	font-style:italic;
	font-weight: normal;	

}

#carpetmiddlecolumn h1 {
	font-size: 90%;
}

#carpetmiddlecolumn p {
	font-size: 80%;
}

/*Middle Column*/

/*Right Column*/
#rightcolumn{
	width:160px;
	display: block;
	float:right;
	background-color:#ffffff;
	margin:0 0 0 2px;
}

#homerightcolumn{
	width:150px;
	height:256px;
	float:left;
	margin: 8px 0 5px 2px;
}

#rightcolumnborder,#carpetrightcolumn{
	background-color:#ffffff;
	border-left:2px solid #990000;
	float:right;
	height:1025px;
	margin:0 0 0 2px;
	width:195px;
}
#rightcolumn195{
       height: auto;
	float:right;
	margin:0 10px ;
	width:195px;
}
#rightcolumnMore{
       height: auto;
	float:right;
	margin:0 10px ;
	width:188px;
	border-left:2px solid #990000;
}
#rightcolumnMiddle{
       margin-bottom: 40px;
       height: auto;
  }
#rightcolumnMiddle img {margin: 5px 0 10px; }
#rightcolumnBottom{
 }
#outrecolumnTop{
}

div.quote {
       clear: both;
       padding: 15px;
       padding-bottom: 5px;
       background-color: #f1eeeb;
       font-size: 82%;
       	line-height: 1.2em;
      margin: 0 5px 0 10px;
}

#outercolumnTop {


}
#outercolumnBottom div.quote {
      margin: 0px;
     margin-top: 40px;
}
#outercolumnBottom{
margin-top: 40px;
}
#carpetlistrightcolumn, h3{
	width:190px;
	height:auto;
	float:left;
	margin: 8px 0 5px 2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height: 130%;
}

#hardwoodrightcolumn{
	width:190px;
	height:1266px;
	float:left;
	margin: 8px 0 5px 2px;
}

#tilerightcolumn{
	width:190px;
	height:1226px;
	float:left;
	margin: 8px 0 5px 2px;
}

#laminaterightcolumn{
	width:190px;
	height:1226px;
	float:left;
	margin: 8px 0 5px 2px;
}
#arearugrightcolumn{
	width:190px;
	height:2300px;
	float:left;
	margin: 8px 0 5px 2px;
}

#windowtreatmentsrightcolumn{
	width:350px;
	height:720px;
	float:right;
	margin: 8px 5px 5px 2px;
}
/*Right Column*/


/*CONTACT BUTTONS - normal*/

#contactbutton, #carpetcontactbutton, #hardwoodcontactbutton, #tilecontactbutton, #laminatecontactbutton, #arearugcontactbutton, #windowtreatmentscontactbutton{
	float:left;
       display: block;
       width:195px;
       height: 83px;
       background: url(../images/rollovers/free-floor-measure.png) no-repeat 0 0;
       margin-bottom: 20px;
}

#contactbutton:hover,#laminatecontactbutton:hover, #carpetcontactbutton:hover, #hardwoodcontactbutton:hover, #tilecontactbutton:hover, #arearugcontactbutton:hover, #windowtreatmentscontactbutton:hover{ 
  background-position:  0  -95px;
}

#contactbutton span,#laminatecontactbutton span, #carpetcontactbutton span, #hardwoodcontactbutton span, #tilecontactbutton  span, #arearugcontactbutton span, #windowtreatmentscontactbutton span{
    display: none;
}

#arearugcontactbutton{
       background: url(../images/rollovers/see-rug-at-home.png) no-repeat 0 0;
}


/*end CONTACT BUTTONS - normal */

/*homeslideshow*/
#homeslideshow{
	width:800px;
	height:250px;
	float:left;
	margin:5px 2px 5px 2px;
	
}

.pics{
	width:790px;
	height:240px;
	margin:5px;
}
#widePics{clear: both;
	width:790px;
	margin:5px;
}
#footerPic,#footer{clear: both;
       border-top: 3px solid #a41d17;
	width:800px;
	height:35px;
    	background-image:url(../images/flooring-airport-rd.jpg);
	float:left;
}
#footerPic a {border-top: none;}
#footerPic span{ 
    display: none;
}
#creditCards{clear: both;
	width: 785px;
         float: left;
         text-align: right;
         height: 35px;
        margin-top: 5px;  
}
/* Begin: find-a-rug */
div.findArug{
background-image:url(/assets/images/find-any-rug.jpg);
background-repeat:no-repeat;
margin-bottom:10px;
padding-left: 285px;
width:260px;
}
/* Begin: highlighted mfg, bkg pic declare inline */
div.karastan {
background-image:url(/assets/images/flooring-logos/karastan-logo.gif);
background-repeat:no-repeat;
margin-bottom:10px;
padding-left: 250px;
width:300px;
}
/* END: highlighted mfg */

/* Begin: highlighted Info - like time constraint, voting thank you */
#highlightInfo {
	width: 90%; 
	margin: auto; 
	padding: 20px 0px 15px; 
}
#highlightInfo img {
	background-color: #333;
	margin: 3px 10px 3px 0px; 
	border: 0pt none;
	float: left;
}
#highlightInfo h2{
	margin: 10px 0 0 0; 		
}
/* END: highlighted Info */


/* Begin: temporary home page for teacher area rug giveaway */
div.areaRugAd {width: 250px; float:left; margin-left: 25px; margin-right: 10px; text-align:left;}
div.thanks {float: left; width: 250px;}
div.thanks a img {float: left; margin: 0 10px 10px 0; border: 1px solid orange;}

/* end: temporary home page for teacher area rug giveaway */