/* CSS Notes:
   File Name: home_display.css
   Directory: ../web-data/Components/_presentation/global_display.css
   Author: JC
   Date Modified: 7/18/05
   
   This style sheet will set some extra design features on the homepage that are not present on the other pages.
   
   *Notes: For all notes, see the "global_display.css" document in this same directory.
   

Styles for paragraph display */
body 				{background-color: EBEBEB;
						background: transparent url(white_background.jpg);
						background-repeat: y-repeat;
					 	 margin: 0px;
					 	 }
p.title					{font-family: Verdana, Arial, Times;
						 font-size: 8px;
						 color: white;
						 float: left;
						 text-indent: 30px;
						 text-align: inherit;}
.copyright				{font-family: Verdana, Arial, Times;
						 font-size: 10px;
						 color: black;
						 text-align: center;}



/** General <div> tabs **/
.mainContentTab		 {
					  margin-top: 382px;
					  margin-left: -1px;
					  width: 772px;
					  height: auto;
					  min-height: 700px;
					  background-image: url(home-page-background.jpg);
					  background-repeat: repeat-y;
					  border-bottom: 1px solid black;
					  padding-bottom:
					  }
					  
.gbuttons	     {position: relative;
					  top: 3px; left: 15px;
					  width: 60px;
					  height: 9px;}
					  
#spacingtest		 {letter-spacing: 5px;}

div.mltab		 	 {border-style: solid;
					  border-color: black;
					  border-width: 1px;
					  position: absolute;
					  top: 25px; left: 15px;
					  width: 770px;
					  height: 992px;}

.htab				 {width: 769px;
					  height: 137px;
					  padding: 1px;}
					  
.hitab				 {position: inherit;
					  width: 770px;}
					  
.trpt_pos			 {position: absolute;
					  top: 1px;
					  left: 80px;
					  width: 689px;}

.ctab				 {position: absolute;
					  top: 136px;
					  height: 383px;
					  width: 770px;}
					  
.citab				 {position: absolute;
					  padding: 1px;
					  width: 770px;}

					  
/** Orange Featured Products Tab **/					  
div.featuredProjectsTab	{
					     width: 402px;
					     height: auto;
					     z-index: 0;
					     }
.featuredProjectsTab img {
						float: left;
						margin-left: 2px;
						}
						
div#featuredProjectsHeader {
						 background-image: url(featured-projects-header.jpg);
						 width: 402px;
						 height: 34px;
						 position: inherit;
						 top: 0px;
						 left: 0px;
						 margin-left: 2px;
						 z-index: 1;
						 }
						 
/** Red Quick Glance Tab **/						 
div.aboutBigBenTab {
						 position: absolute;
						 top: 521px;
						 left: 404px;
						 width: 365px;
						 height: auto;
						 z-index: 0;
						 }
div#aboutBigBenHeader {
						 background-image: url(about-big-ben-header.jpg);
						 width: 365px;
						 height: 34px;
						 z-index: 1;
						 }

/** Styles for Other <div> **/
div.crbox		 	 	{float: left;
					 	 left: 25px;
					  	 width: 770px;
					 	 height: 20px;}
.learnmore    {position: absolute;
					   top: 250px;
					   left: 700px;
					   width: 155px;
					   height: 218px;
					  }
.sblacktext a:link {font-family: Verdana, Arial, Times;
							  font-size: 12px;
							  line-height: 20px;
							  color: blue;
							  text-decoration: underline;
					 		  }
.sblacktext a:visited {font-family: Verdana, Arial, Times;
							  font-size: 12px;
							  line-height: 20px;
							  color: blue;
							  text-decoration: underline;
					 		  }
					  
/** Styles for Text **/
.swhitetext {
					font-family: Verdana, Arial, Times;
					font-size: 12px;
					line-height: 20px;
					color: white;
					margin: 5px;
					}

.sblacktext {
					font-family: Verdana, Arial, Times;
					font-size: 12px;
					line-height: 20px;
					color: black;
					margin: 5px;
					}
					
.copyright		{
					font-family: Verdana, Arial, Times;
					font-size: 10px;
					color: black;
					text-align: center;
						 }
						 
/* Styles for header elements */

h2#t-campaign2008 {
	height: 30px;
	widht: 212px;
	margin-left: 4px;
	background: transparent url(campaign2008-title.jpg) no-repeat;
	}

h2#t-campaign2008 span {
	display: none;
	}
	
h2#t-retractableBanners {
	height: 30px;
	width: 300px;
	margin-left: 4px;
	background: transparent url(retractables-title.jpg) no-repeat;
	}
h2#t-retractableBanners span {
	display: none;
	}
	
h2#t-garageCovers {
	height: 30px;
	width: 154px;
	margin-left: 4px;
	background: transparent url(garageCovers-title.jpg) no-repeat;
	}
h2#t-garageCovers span {
	display: none;
	}	
						 
/* Styles for link display */
.category a:link		{font-family: Verdana, Arial, Times;
						 color: white;
						 font-size: 14px;
						 text-decoration: underline;}
.category a:visited		{font-family: Verdana, Arial, Times;
						 color: white;
						 font-size: 14px;
						 text-decoration: underline;}
.category a:hover		{font-family: Verdana, Arial, Times;
						 color: black;
						 font-size: 14px;
						 text-decoration: none;}
.category a:active		{font-family: Verdana, Arial, Times;
						 color: white;
						 font-size: 14px;
						 text-decoration: underline;}
						 
.getmore a:link			{font-family: Verdana, Arial, Times;
						 color: white;
						 font-size: 10px;
						 text-decoration: underline;}
.getmore a:visited		{font-family: Verdana, Arial, Times;
						 color: white;
						 font-size: 10px;
						 text-decoration: underline;}
.getmore a:hover		{font-family: Verdana, Arial, Times;
						 color: black;
						 font-size: 10px;
						 text-decoration: underline;}
.getmore a:active		{font-family: Verdana, Arial, Times;
						 color: white;
						 font-size: 10px;
						 text-decoration: underline;}
						 
#navbar ul 			 {list-style: none;
 		              padding: 0; 
           			  margin: 0; 
              		  white-space: nowrap; 
            		  background-color: 3333CC;
            		  width: 689px; 
					  text-align: left; 
					  line-height: 17px;
					  position: absolute;
					  top: 118px;
					  text-indent: 5px;}

#navbar li 			 {display: inline;}

#navbar ul li a:link {font-family: Verdana, Arial, Times;
					  font-size: 10px;
					  color: white;
					  margin: 17px;
					  padding: 1px;  
				      text-decoration: none;}
#navbar ul li a:visited {font-family: Verdana, Arial, Times;
						 font-size: 10px;
						 margin: 17px;
						 color: white;
						 text-decoration: none;}
#navbar ul li a:hover 	{font-family: Verdana, Arial, Times;
						 font-size: 10px;
						 color: black;
						 margin: 17px;
						 text-decoration: none;} 
#navbar ul li a:active	{font-family: Verdana, Arial, Times;
						 font-size: 10px;
						 margin: 17px;
						 color: white;
						 text-decoration: none;}
						 
/* Styles for images */

img.benad				{width: 402px;
						 height: 125px;
						 position: absolute;}