@import url('questionnaire.css'); /* feedback form **/

html						{overflow: scroll;}
body						{margin:0px 0 0 0; 
							 background-color: #c0c0c0;
							 font-family:arial; font-size:90%; 
							 text-align: center; line-height: 19px;
							}


#container					{width: 970px;
							background-color:#ffffff; 
							margin:0px auto;
							}
							
#top						{background-image: url('../images/GAFTop.jpg'); width: 970px; height: 92px; text-align: left;}
.contentArea				{background-color:#ffffff;}	
#leftNav				{background-color:#ffffff; height: 100%}							
a {color: #000;}

/*** divs are for dealer pages ***/
#div0 {visibility: hidden;}
#div1 {visibility: hidden;}
#div2 {visibility: hidden;}
#div3 {visibility: hidden;}
#div4 {visibility: hidden;}

.breadcrumbs
							{padding-left: 5px; 
							text-align: left; 
							background-color: #A5A6A8; 
							width: 965px; 
							font-size: 65%; 
							height: 18px; 
							_height: 14px;
							border-bottom: solid 5px #fff;
							text-transform: uppercase;
						}
.breadcrumbs a {text-decoration: none;}						

#yellowDiv					{width: 804px; 
							height: 120px; 
							background-color: #ffcc00;
							border-bottom: solid 5px #fff;	
							}			
#yellowDiv #leftImg			{float:left; 
							width: 205px;
							}										
#yellowDiv p				{margin: 0px; 
							padding:10px 0 0 10px; 
							font-size: 20px;  
							line-height: 26px; 
							letter-spacing: 1px;
							}
#yellowDiv p span			{font-weight: bold;}

#mainWrapper				{background-color: #fff; width: 970px; text-align: left;}

#main						{float: right;
							border-bottom: solid 5px #fff;
							background-color: #fff;}
.greyArea					{border-bottom: solid 5px #ffffff;float: left; background-color: #DDDDDD; padding:0; width: 366px; margin:0;}
.greyArea p					{margin: 0; padding: 10px 10px 0 10px; line-height: 17px; font-size: 11px; letter-spacing:0;}
.greyAreaNoImg				{background-color: #DDDDDD; border-bottom: solid 5px #fff;}
.greyAreaNoImg p			{margin: 0; padding: 10px; line-height: 17px; font-size: 11px;}
.greyAreaBrochure			{z-index:2;margin-top:10px; width: 100px;text-align:center;line-height:8px;float:left;}
.greyAreaPara1				{margin:10px 10px 0px 10px; line-height: 17px; font-size: 11px; letter-spacing:0;font-weight: bold; font-size: 14px;}
.greyAreaPara2				{font-weight: normal;  margin:10px 10px 20px 10px; font-size: 11px; width:270px;float:left;line-height: 17px;}
							 
.greyAreaBrochureText		{font-family:Verdana; font-size:9px;color:#000000;line-height:12px;}

/**** yellow bottom boxes for home page ***/
#bottomBoxes
{margin: 0px; padding: 0; font-size: 10px;}

.yellBottomBox
{float: left; background-color: #ffcc00; width: 193px; height: 90px; border-top: solid 5px #ffffff; border-right: solid 5px #fff;}
.yellBottomBox ul
{margin: 0 0 0 80px; padding: 2px 0 0 0px; list-style-type: none; font-size: 10px; line-height: 12px;}
.yellBottomBox ul li
{width: 112px;}

/****** TOP MENU *****/
.menuItem					{text-align: left; 
							background-color: #dddddd; 
							width: 970px; 
							height: 21px;}
							
.menuItem ul				{margin: 0; padding: 0;}

.menuItem ul li				{float: left; 
							width: 190px; 
							font-weight: bold; 
							border-right: solid 2px #BDBEBF;
							list-style-type: none; 
							display: inline; 
							font-size: 9px; 
							padding: 0px 0 0px 0px;
							_padding: 0 0 0 0px; 
							text-transform:uppercase; 
							margin: 0;}
							
.menuItem ul li a			{color: #333333; 
							text-decoration: none;}
.menuItem ul li a:hover		{color: #000000;}

.menuItem ul li a.box:hover	span	{color: #A5A6A8;}

.menuItem ul li a.box:visited {text-decoration:none;}
.menuItem ul li a.box		{text-decoration:none; 
							position:relative; 
							margin-left: 0px;}
							
.menuItem ul li a.box:hover	{cursor:hand; 
							text-decoration: none;}

.menuItem ul li a.box .wrapper
							{	float:left; 
								width:185px;	
								padding-left: 5px;
								padding-top: 1px;
								background-color:#dddddd;
							}
.menuItem ul li a.box:hover .wrapper	{background-color:#A5A6A8;
										height: 20px;
										color:	#ffffff;
										}

/**** for GAF Home page - product boxes ***/
#cbIntroText {FONT-WEIGHT:bold; width:190px; font-size: 13px;line-height: 17px;margin:0; padding: 10px 0px 10px 0;}
#cbIntroText2 {font-size: 10px; width:190px; line-height: 16px;margin:0;padding: 0 0px 10px 0;}

.counterbalanceProdBox
{float: left; width: 193px; height: 180px;border-right: solid 5px #fff; background-color: #eee;}
.counterbalanceProdBox .title
{background-color: #ffcc00; height: 18px; padding: 0 0 0 5px; margin: 0; text-transform: uppercase; font-size: 10px;font-weight:bolder;}
.whProdBox
{float: right; width: 193px; _width: 192px; height: 180px;border-right: solid 5px #fff;}
.whProdBox .title
{background-color: #ffcc00; height: 18px; padding: 0 0 0 5px; margin: 0;text-transform: uppercase; font-size: 10px; font-weight: bold;}
/**** End of Product boxes ***/	
			
/**** for GAF news section ***/
#rightNewsSect
{
	float: left; 
	border: solid 0px #ff0000;
}
.newsArea
{
	margin-right: 10px; 
	_margin-right: 0px; 
	padding: 0;
	border: solid 1px #ccc; 
	width: 190px; 
	height: 268px;
}
#newsHeader
{
	background-color: #ffcc00; 
	height: 18px; 
	padding: 0 0 0 5px; 
	margin: 0;
	text-transform: uppercase; 
	font-size: 11px;
	font-weight: bold;
}
.newsItems
{
	height: 125px; /*margin: 0;*/
}
.newsItems #item1
{
	padding-top: 5px;
}
.newsItems #item2
{
	_height: 120px; 
	padding:0;
}
.newsItems p
{
	float:right; 
	margin: 0; 
	padding: 0; 
	width: 116px; 
	line-height: 14px; 
	font-size: 10px;
}
#quickLinks
{
	margin-top: 4px;
	margin-right: 10px; 
	_margin-right: 0px; 
	padding: 0;
	border: solid 1px #ccc; 
	width: 190px; 
	height: 105px;
}
#quickLinks #header
{
	background-color: #ffcc00; 
	height: 18px; 
	padding: 0 0 0 5px; 
	margin: 0;
	text-transform: uppercase; 
	font-size: 11px;
	font-weight: bold;
}
#quickLinks ul
{
	margin: 0; 
	padding: 0 0 0 5px; 
	list-style-type: none; 
	font-size: 11px; 
	line-height: 17px;
}
#newsYellBox
{
	background: #ffcc00 url('/public/images/modelAdvTH.gif') no-repeat bottom right;  
	margin-top: 4px;
	margin-right: 10px; 
	_margin-right: 0px; 
	padding: 0;
	width: 191px; 
	height: 90px;
}
#newsYellBox ul
{
	margin: 0; 
	padding: 0 0 0 5px; 
	list-style-type: none; 
	font-size: 11px; 
	line-height: 12px;
}

/******************************************/	
						
/******* product pages from old site ****/
div.hometitle
	{

		font-family: arial;
		font-size:22px;
		z-index:5;
		WIDTH:500px;
	}
div.subtitle
	{

		font-family: arial;
		font-size:16px;
		z-index:5;
		width:500px;
	}
td.basetext {font-size: 10px; padding-left:10px; padding-right:5px;}
td.basetext2 {font-size: 12px; padding-right:5px;}

/*** dealer landing page ***/

#backImg
{position: relative; width: 581px; height: 403px;border: solid 0px #000000;}

.countryLink
{		padding: 0 0 0 10px; 
		margin: 0;
		position: absolute; 
		font-family:arial; 
		font-size:11px; 
		margin-left:10px; 
		color:#000000;
		width: 140px; 
		background-color: #ffcc00; 
		height: 20px;
		text-transform: uppercase;}
		
.countryLink a
{		color:#000000; 
		text-transform: uppercase; 
		text-decoration: none;}
		
#dealerLanding
{width: 571px; font-size: 90%; background-color: #cccccc;padding: 5px 5px 10px 5px; margin: 0;}

/*** end of dealer *****/
/* products - various categories ***/
#rangeTitle{font-size: 30px; color: #ffcc00;line-height: 40px;}

#WHprodWrapper
{float: left; width: 595px;padding-left: 10px; }
#whSubtitle
{font-size: 40px; color: #ffcc00;line-height: 40px;}
p#whIntro
{width:190px; line-height: 20px;font-weight: bold; font-size: 13px; line-height: 17px;}

p#whIntro #Table1
{width: 180px;font-weight: normal;}
p#whIntro #Table2
{width: 180px;font-weight: normal;}

p.prodWHIntro strong{font-size: 13px; line-height: 17px;}
#elecKeyFeat
{float: left; width: 190px; z-index: 3; line-height: 15px;}
#elecKeyFeat table
{line-height: 12px; Z-Index: 2; width: 100%;}

#elecKeyFeatDetails
{float: left; width: 290px; position: relative; top: 20px;_top:-20px; z-index:10; line-height: 13px;}

p#WHintrotext
	{
		text-align: left;
		width:200px;
		font-family:arial;
		font-size:11px;
		color: #000000;
		line-height:16px;
	
	}

.WHintrotext
	{
		text-align: left;
		width:200px;
		font-family:arial;
		font-size:10px;
		color: #000000;
		line-height:16px;
		margin-left:0px;
	}

div.rollstate
	{
	font-family:arial; 
	font-size:10px; 
	FONT-WEIGHT: bolder;
	COLOR: #666666;
	}

div.rangeTable
{
		text-align:left;
}

.rightOverlay a:link{font-family:arial; font-size:10px; color:#1306BD;font-weight:bold;}
.rightOverlay a:visited{font-family:arial; font-size:10px; color:#1306BD;font-weight:bold;}
.rightOverlay a:active{font-family:arial; font-size:10px; color:#1306BD;font-weight:bold;}
.rightOverlay a:hover{font-family:arial; font-size:10px; color:#666666;font-weight:bold;}
.question {color: #666666; padding:15px 0 15px 5px; margin:0px;font-size: 78%; width: 585px;}
.answer {color: #333333; padding:0px  0 15px 5px; margin:0px;font-size: 78%; width: 585px;}
.newstext{font-size: 75%; padding: 0 0 0 5px ; margin:0; line-height: 15px;}
.newstext p {font-size: 75%; padding: 0; margin:0;}
.newsTitle{font-size: 85%; font-weight:bold; padding: 5px 0 0 5px; margin:0;}
td.sitemap {font-size: 70%; padding-top: 25px; padding-left:26px; line-height: 17px;}
a.sitemap {color:#000000;} 
a.sitemap:hover {color:#999999;} 

.blackTD
{
	font-family:arial; 
	FONT-SIZE: 12px; 
	COLOR: #ffcc00; 
	HEIGHT: 20px; 
	BACKGROUND-COLOR: #666666; 
	TEXT-ALIGN: center;
    font-weight:bold;
}

.WhiteTD
{
	font-family:arial; 
	FONT-SIZE: 10px; 
	COLOR: #000000; 
	HEIGHT: 15px; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-ALIGN: center;
}

.rangeTD
{
	font-family:arial; 
	FONT-SIZE: 10px; 
	COLOR: #000000; 
	HEIGHT: 15px; 
	TEXT-ALIGN: center;
}

.GreyTD
{
	font-family:arial; 
	FONT-SIZE: 10px; 
	COLOR: #000000; 
	HEIGHT: 15px; 
	BACKGROUND-COLOR: #cccccc; 
	TEXT-ALIGN: center;
}
/*
div.onstate
	{
	border: 1px solid #000000; 
	PADDING-RIGHT: 3px; 
	DISPLAY: none; 
	PADDING-LEFT: 6px; 
	Z-INDEX: 2; 
	LEFT: 273px; 
	PADDING-BOTTOM: 3px; 
	WIDTH: 420px; 
	PADDING-TOP: 3px; 
	POSITION: absolute; 
	TOP: 390px; 
	HEIGHT: 40px; 
	font-family:arial; 
	font-size:10px;
	}
	*/
.buttons
{	float:left;
	position: relative; 
	top: -38px; 
	z-index: 5;
}
.buttons .navButton
{
	display:block; 
	cursor:hand; 
	text-decoration:none;
}
.oneButton
{	WIDTH: 108px; 
	HEIGHT: 25px; 
	TEXT-ALIGN: center; 
	Font-size: 11px; 
	text-decoration:none;
	padding-top: 2px;
	_padding-top: 0px;
}

.featureText
{	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 15px; 
	FONT-SIZE: 10px; 
	Z-INDEX: 10; 
	PADDING-BOTTOM: 3px; 
	WIDTH: 300px; 
	PADDING-TOP: 3px;
	HEIGHT: 40px}

/******* End of product pages ***/			

/**** search section ***/
#search
{
	padding: 30px 0 0 5px; margin:0; height: 80px; border: solid 0px #ff0000;font-weight: bold;
}
.searchText
{
	font-size: 70%; text-transform: uppercase;color:#333333;
}

#addtoFav
{
	padding: 0px 0 0 5px; margin:0; height: 120px; border: solid 0px #ff0000; font-weight: bold;
}
.searchinput
{text-align:left; width: 140px; height: 14px; font-size: 70%; border: solid 1px #cccccc;}

#footer{
border-top: solid 2px #dddddd; text-align: right; font-size: 70%;margin: 0px; padding: 0 20px 10px 0; line-height: normal;}