@import url("generic.css");
@import url("layout.css");
@import url("forms.css");
@import url("search.css");

.poll ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.poll .bar
{
    background: url(../Images/poll-bar.gif) repeat-x;
    margin-top: 10px;
    font-size: 8px;
}

ul.products
{
    margin: 0;
    padding: 0 0 15px 15px;
    list-style: circle;
}

/* =Tree 
------------------------------------------------------------------------*/
.tree
{
	
}

.tree ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.tree ul ul
{
	padding-left: 20px;
}

.tree ul li
{
	
}

.tree ul li span
{
	padding: 2px 0 2px 0px;
	display: block;
}

.tree ul li span.active a.name
{
    color: #d66b2a;
}

.tree ul li span.active a.name:hover,
.tree ul li span.active a.name:visited:hover
{
    color: #d66b2a;
}

.tree ul li span a.name
{
	font-weight: normal;
	padding: 0 1px;
	color: #026A9D;
}

.tree ul li span em
{
	color: Gray;
	font-size: 85%;
	padding-left: 3px;
}

.tree ul li img.icon
{
	cursor: pointer;
}

.tree ul ul ul li span a.name
{
	font-weight: normal;
}

.tree ul ul ul  li span a.name
{
	font-size: 90%;
}

#crumbs {


margin:0;
padding:0 0 1px;
width:100%;
}
#crumbs ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 0 0 0;
}
#crumbs ul li {
display:inline;
margin : 0;
padding-left : 25px;
background-position: 7px 3px;
}
#crumbs ul li a {

text-decoration:underline;
}
#crumbs li a:hover, #crumbs li a:visited:hover {
text-decoration:underline;
}

#crumbs li.first { background-image:none; padding:0; }
#crumbs li.last { display:none; }


/* =Testimonial  
------------------------------------------------------------------------*/
.testimonial
{
	padding:0 35px 10px 22px;
	background: transparent url(../images/quotes.png) no-repeat;
}

.testimonial-name, .testimonial-job, .testimonial-date
{
	text-align : right;
	width: 100%;
	display : block;
	font-size: 11px;
}
.testimoniall-text { padding-right: 0px; }
.testimonial-name { padding-top: 10px; font-weight : bold; }
.testimonial-border { padding-left: 10px; padding-bottom : 10px; }
.testimonialarea { background: url(../Images/bottom_border.png) 10px bottom no-repeat; margin-bottom: 10px;  }

.testimonialarea.last { background-image: none !important; }

.highlights { display : none; float: left; }
.activeHighlight { display : block ; }

/*                Banner                        */


#bannerarea
{
	width : 883px;
	height : 246px;
	display : block;
	background: url(/filestore/home/bg.png) repeat-x;
	margin : 20px;
	margin-bottom: 0px;
	padding : 4px;
	float : left;
}

#bannermenu { width: 265px; float: left; }

#bannermenu ul, #bannermenu ul li { list-style: none; margin : 0px; padding: 0px; }
#bannermenu ul li a { height: 41px; width: 265px; display: block; background-color : Red; }

#bannermenu #roofs a { background: url(/filestore/home/menu.png) -265px 0 no-repeat; }
#bannermenu #roofs a:hover, #bannermenu #roofs.active a { background: url(/filestore/home/menu.png)  0 0   no-repeat; }

#bannermenu #gutters a { background: url(/filestore/home/menu.png) -265px -42px no-repeat; }
#bannermenu #gutters a:hover, #bannermenu #gutters.active a { background: url(/filestore/home/menu.png)  0 -42px  no-repeat; }

#bannermenu #insulation a { background: url(/filestore/home/menu.png) -265px -84px no-repeat; }
#bannermenu #insulation a:hover, #bannermenu #insulation.active a { background: url(/filestore/home/menu.png)  0 -84px  no-repeat; }
  
#bannermenu #repairs a { background: url(/filestore/home/menu.png) -265px -126px no-repeat; }
#bannermenu #repairs a:hover, #bannermenu #repairs.active a { background: url(/filestore/home/menu.png)  0 -126px  no-repeat; }

#bannermenu #estimates a { background: url(/filestore/home/menu.png) -265px -168px no-repeat; }
#bannermenu #estimates a:hover, #bannermenu #estimates.active a { background: url(/filestore/home/menu.png)  0 -168px  no-repeat; }

#bannermenu #story a { background: url(/filestore/home/menu.png) -265px -210px no-repeat; }
#bannermenu #story a:hover, #bannermenu #story.active a { background: url(/filestore/home/menu.png)  0 -210px  no-repeat; }

#bannerimg { width: 618px; float : left; }

#bannerimg a { width: 618px; height: 246px; display: block; background: url(/filestore/home/photo_roofs.jpg)   no-repeat; }