/* CSS Document */

#main {
width: 760px;
height: 438px;
border: 2px solid #333 ;
background: url(warmtile_bg.jpg) ;
}

#mainstore {
width: 764px;
background-color:#0066CC;
border: 2px solid #333 ;
}

#main_internal {
width: 760px;
height: 440px;
border: 2px solid #333 ;
background: url(content_bg1.jpg) ;
}

#install_internal {
width: 760px;
/*height: 440px;*/
border: 2px solid #333 ;
background: url(images/warmtile_install_bg.jpg) ;
}

#main_internal2 {
width: 760px;
height: 420px;
border: 2px solid #333 ;
background: url(cont_bg2.jpg);
}

#main_internal3 {
width: 760px;
height: 420px;
border: 2px solid #333 ;
background: url(cont_bg3.jpg);
}

#main_internal4 {
width: 760px;
height: 420px;
border: 2px solid #333 ;
background: url(cont_bg4.jpg);}


#main_internal5 {
width: 760px;
height: 420px;
border: 2px solid #333 ;
background: url(cont_bg5.jpg);}

ul#mainav {
 list-style-type:none;
  margin:0;
  margin-top:0px;
  padding:0 8px 0 8px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-align:left;
  color:#FFFFFF
  line-height:40px;
  
}  

ul#mainav li a:link, ul#mainav li a:visited{
  text-decoration:none;
  color:#FFFFFF;
  display:block;
  width:88%;
  padding: 6px 6%;
  font: 12px/1.5;
  }
  
ul#mainav li {
border-bottom: 1px solid white;
color:#FFFFFF;
}

ul#mainav li a:hover{
  background-color:#CC6600
  }
    
#home_content {
padding: 80px 10px 5px 60px;
}

#internal_content {
padding: 20px 105px 5px 35px;
}

#install_content {
padding: 2px 50px 5px 50px;
}

#iframe_content {
padding: 20px 20px 5px 35px;
}

.home_copy {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
 
ul#buyonline {
 list-style-type:none;
  margin:0;
  padding:0 8px 0 8px; 
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  text-align:left;
  color:#FFFFFF;
  
}  

ul#buyonline li a:link, ul#buyonline li a:visited{
  text-decoration:none;
  color:#FFFFFF;
  display:block;
  width:88%;
  padding: 5px 6%;
  font: 14px;
  font-weight:bold;
  text-align:center;
  background-color:#666699;
  }
  
ul#buyonline li {
border: 1px solid black;
width:100%;
}

ul#buyonline li a:hover{
  background-color:#CC6600

  }  
  
ul#why {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-align:left;
} 

ul#why li {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-align:left;
  margin-bottom:5px;
}      

.header {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color: #666699;
}

.question {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #666699;
}

.answer {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

p.answer {
padding-left:20px;
margin-bottom:10px;
}

.bottom, .bottom a:link{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF
}

.bottom a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFF00
}

ul#content {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-align:left;
  margin-bottom:0px;
} 

ul#steps {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-align:left;
  margin-bottom:0px;
  list-style-type:lower-alpha;
  } 
  
ul#install_nav {
 list-style-type:none;
  margin:0;
  margin-top:0px;
  padding:0 8px 0 8px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-align:left;
  color:#FFFFFF
  line-height:35px;
  
}  

ul#install_nav li a:link, ul#install_nav li a:visited {
  text-decoration:none;
  color:#FFFFFF;
  display:block;
  width:100%;
  padding: 3px 3%;
  font: 11px/1.5;
  }
  
ul#install_nav li {
border-bottom: 1px solid white;
color:#FFFFFF;
}

ul#install_nav li a:hover{
  background-color:#CC6600
  }
  
#tips {
/*background-color:#003366;*/
font-family:arial;
font-size:12px;
/*color:#FFFFFF;*/
text-align:center;
margin: 7px 0px 7px 7px;
padding: 3px 3px 3px 3px;
} 

#tips a:link, #tips a:visited {
color:#003366;
}

ol#tips {
list-style-position:inside;
  margin:0;
  padding:0 8px 0 8px; 
  }  
  
ol#tips li {
margin-bottom:6px;
}

.nextback, .nextback a:link, .nextback a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#003366;
text-decoration:none;
}

.nextback a:hover {
color:#CC9933;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; /*background-color:#003366*/;
    color:#003366;
    text-decoration:underline;
	line-height:18px;
	width:100px;
	}

a.info:hover {
z-index:25; 
background:#FFFFFF;
color:#FFFF99;
}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
	text-decoration:none;
    position:absolute;
    top: -140px; left:110px; width:30em;
	padding: 11px 11px 11px 11px;
    border:1px solid #FFFF00;
    background-color:#003366; color:#fff;
    text-align: left;}

.resources, .resources a:link, .resources a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;}

.resources a:hover {
color:#FFFF99;
}

ul#buyonlinesm {
 list-style-type:none;
  padding:0 8px 0 8px; 
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  color:#FFFFFF;
  }  

ul#buyonlinesm li a:link, ul#buyonlinesm li a:visited{
  text-decoration:none;
  color:#FFFFFF;
  display:block;
  width:88%;
  padding: 5px 6%;
  font: 14px;
  font-weight:bold;
  text-align:center;
  background-color:#666699;
  }
  
ul#buyonlinesm li {
border: 1px solid black;
/*width:100px;*/
}

ul#buyonlinesm li a:hover{
  background-color:#CC6600
  } 
  
.buttons4, .buttons4 a:link, .buttons4 a:visited{
  border-bottom: 1px solid white;
color:#FFFFFF;
text-decoration:none;
  }
  
.buttons4 a:hover {
 background-color:#CC6600
 }