/* Styles to suport specific roofing functions*/

.icons { 
display: block;
/*width: 20px;*/
height: 20px;
background-image: url(../images/icons0.png);
background-repeat: no-repeat;
background-position: 0px 0px;
padding-left:20px;
margin-left:5px;
}
.icons:hover {background-image: url(../images/icons0h.png);}

.go{background-position:0px 0px;}
.more{background-position:0px -20px;}
.down{background-position:0px -40px;}
.zoom{background-position:0px -60px;}
.pdf{background-position:0px -80px;}
.doc{background-position:0px -100px;}
.mcd{background-position:0px -120px;}
.mod{background-position:0px -140px;}
.xml{background-position:0px -160px;}
.xmlx{background-position:0px -180px;}
.dxf{background-position:0px -200px;}
.dwg{background-position:0px -220px;}
.rvt{background-position:0px -240px;}
.quitt{background-position:0px -260px;}
.mapp{background-position:0px -280px;}
.quitb{background-position:0px -300px;}


img.nav_buts:hover {background-image: url(../images/icons0h.png);}

/*.go:hover{background-position: 0px -20px;}
.more:hover{background-position: -20px -20px;}
.down:hover{background-position: -40px -20px;}
.zoom:hover{background-position: -60px -20px;}
.pdf:hover{background-position: -80px -20px;}
.doc:hover{background-position: -100px -20px;}
.mcd:hover{background-position: -120px -20px;}
.mod:hover{background-position: -140px -20px;}
.xml:hover{background-position: -160px -20px;}
.xmlx:hover{background-position: -180px -20px;}
.dxf:hover{background-position: -200px -20px;}
.dwg:hover{background-position: -220px -20px;}
.rvt:hover{background-position: -240px -20px;}
.quitt:hover{background-position: -260px -20px;}
.mapp:hover{background-position: -280px -20px;}
.quitb:hover{background-position: -300px -20px;}*/

.nav  /*Header for All Nav Tiles*/
{
width: 94px;
height: 6px;
text-align:center;
vertical-align:middle;
font-size: .6em;
font-weight: bold;
color: #ffffff;
/*border-collapse: collapse;
border-spacing: 1px;

border: 2px solid #ffffff;*/
}
a.nav {
color: #ffffff;
text-decoration: none;
}
a:visited.nav4 {
color: #ffffff;
text-decoration: none;
}

.navx  /*Header for mid-span  Nav Tiles*/
{
/*width: 9000px;*/
/*height: 6px;*/
text-align:right;
vertical-align:middle;
font-size: .6em;
font-weight: bold;
}
/*
.nav1 {background-color: #f47920;}
.nav2 {background-color: #25408e;}
.nav3 {background-color: #6db33f;}
.nav4 {background-color: #dd0000;}
.nav5 {background-color: #fece0c;}
.nav6 {background-color: #0c6d0c;}
.nav7 {background-color: #7e7e8a;}
.nav8 {background-color: #7e7e8a;}
.nav9 {background-color: #00aeef;}
*/
.qlink
{
color: #ffffff;
margin-left:5px;
margin-right:20px;
padding-left:-5px;
font-size: 1em;
}
.qlink2
{
color: #000000;
}
	
.tile
 {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
float: left;
width: 322px;
margin: 0 15px 15px 0;
text-align:left;
border-collapse: collapse;
border-spacing: 0px;
display: float;
/*height:20px;*/
}
.tilezoom
 {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
float: center;
width: 802px;
margin: 0 0 0 0;
text-align:left;
border-collapse: collapse;
border-spacing: 0px;
display: float;
height:350px;
}

.tilehd  /*Header for All Tiles*/
{text-align:center;
text-transform: uppercase;
font-size: 1em;
font-weight: bold;
color: #ffffff;
height:20px;
}
.tilepic /*Picture Zone for All Tiles*/
{
text-align:center;
padding-top: 0px;
height:55px;
}
.tilepic img/*Picture Zone for All Tiles*/
{
cursor: pointer;
}
.tiletext/*Text Zone for All Tiles*/
{
vertical-align:top;
text-align:left;
padding-left: 5px;
margin:10px;
height:120px;
}

li.tiletext
{
margin:50px;
padding-left: 0px;
font-size: 10px;
}
.tilebreak/*Slim Border Break for All Tiles*/
{
background-color:#f0efe7;
height:1px;
}
.tilelinks
{height:40px;}

table.tilelinks/*Links Zone for All Tiles*/
{align:center;
}

.tile0hd /*Style for Tile 0Header*/
{

}

.tile1/*Style for Tile1*/
{
border: 1px solid #f47920;

	}
.tile1hd /*Style for Tile 1Header*/
{
background-color: #f47920;
}
img.tile1
{
height:55;
width:320;
}
.tile1text/*Text Zone for Tile 1*/
{
height:190px;
}
.tile2/*Style for Tile2*/
{
border: 1px solid #25408e;
	}
.tile2hd /*Style for Tile 2Header*/
{
background-color: #25408e;
}
img.tile2
{
height:55;
width:320;
}
.tile2text/*Text Zone for Tile 1*/
{
height:235px;
}
.tile3/*Style for Tile3*/
{
border: 1px solid #6db33f;
height:200px;
}
.tile3hd /*Style for Tile 3Header*/
{
background-color: #6db33f;
	}
.tile3pz{height:0px;}
	
img.tile3
{
height:0;
width:320;
}
.tile3text/*Text Zone for Tile 1*/
{
height:160px
}
.tile4/*Style for Tile4*/
{
border: 1px solid #dd0000;
height:360px;
}
.tile4hd /*Style for Tile 4Header*/
{
vertical-align:top;
height:40px;
background-color: #dd0000;
}
.tile4pz /*Style for Tile 4 picture zone*/
{
height:210px;
}

img.tile4
{
vertical-align:middle;
text-align:center;
height:200;
width:200;
}
.tile4text/*Text Zone for Tile 1*/
{
height:100px
}
.tile5/*Style for Tile5*/
{
border: 1px solid #fece0c;
height:120px;
}
.tile5hd /*Style for Tile 5Header*/
{
color: #000000;
vertical-align:top;
height:20px;
background-color: #fece0c;
}
.tile5pz{height:0px;}
img.tile5
{
display:none;
vertical-align:middle;
text-align:center;
height:200;
width:200;
}
.tile5text/*Text Zone for Tile5*/
{
height:40px
}
.tile6/*Style for Tile5*/
{
border: 1px solid #0c6d0c;
height:120px;
}

.tile6pz{height:0px;}

.tile6hd /*Style for Tile 5Header*/
{
vertical-align:top;
height:20px;
background-color: #0c6d0c;
}
img.tile6
{
display:none;
vertical-align:middle;
text-align:center;
height:0;
width:200;
}
.tile6text/*Text Zone for Tile5*/
{
height:100px
}

.tile8/*Style for Tile8*/
{
border: 1px solid #7e7e8a;
height:120px;
}
.tile8hd /*Style for Tile 8Header*/
{
vertical-align:top;
height:20px;
background-color: #7e7e8a;
}
img.tile8
{
display:none;
vertical-align:middle;
text-align:center;
height:0;
width:200;
}
.tile8text/*Text Zone for Tile5*/
{
height:100px
}

.tile4h/*Style for Tile5*/
{
border: 1px solid #dd0000;
height:120px;
}
.tile4hhd /*Style for Tile 5Header*/
{
vertical-align:top;
height:20px;
background-color: #dd0000;
}
img.tile4h
{
display:none;
vertical-align:middle;
text-align:center;
height:0;
width:200;
}
.tile4htext/*Text Zone for Tile5*/
{
height:100px
}

input
{
   background-color: #ececec;
   font-family: arial;
   font-size: 10px;
   color: #000000;
   border-style:none;   
} 

.TextTick {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color:#883333;
}
td.TextTick{
text-align:center;
}