/*******************************************************************************/
/*                                  CONTENT                                    */
/*
	
	- LAYOUT (html, body, wrapper, header, footer and others containers position on the stage)
	- HEADER
	- CONTENT
	- FOOTER
	- GENERAL (global tag styles: H1, H2, etc, a, p, input and other general classes for floating, clearing, etc)
	
*/
/*******************************************************************************/



/**************************************/
/*              LAYOUT                */
/**************************************/
* {
	margin: 0;
	padding: 0;
    
	font-family: Arial, Helvetica, FreeSans, sans-serif;
}

html, body {
	/*height: 100%;*/
	min-width: 982px;
}

body {
	text-align: center;
	width: 100%;
	color: #111111;
	font-size: 12px;
	background: url(../images/common/bg.jpg) no-repeat center top;
}
body#index {
	background: url(../images/common/bg-index.jpg) no-repeat center top;
}
#skip-to-nav {
	display: none;
}


#wrapper, #footer {
	position: relative; /* pt. IE */
	/*min-height: 100%;*/ /* 100% pt. FF, OP */
	width: 982px;
	margin: 0 auto;
	text-align: left;
}
#wrapper {
	/*padding-top: 160px;*/
	padding-top: 183px;
}





/**************************************/
/*              HEADER                */
/**************************************/
#header {
	position: absolute;
	top: 0px;
	left: 0;
	width: 982px;
	/*height: 157px;*/
	
	height: 183px;
}
	#logo {
		position: absolute;
		top: 13px;
		left: 0;
		
	}
	
	
	
	/* Main menu */
	#main-menu {
		list-style-type: none;
		position: absolute;
		top: 132px;
		left: 0px;
		height: 51px;
		width: 976px; /* 982 */
		padding-left: 6px;
		/*z-index: 100;*/
		background: url(../images/common/bg-main-menu.png) no-repeat left top;
	}
		#main-menu li {
			float: left;
			margin-left: 0px;
			display: inline;
			padding-top: 6px;
			padding-right: 5px;
			position: relative;
		}
			#main-menu a {
				height: 39px;
				text-decoration: none;
				display: block;
				float: left;
				background: url(../images/common/main-menu.png) no-repeat;
				text-indent: -9999em;
			}
			
			#main-menu .item1, #main-menu .item1-active {
				width: 123px; background-position: 0px 0px;
			}
			#main-menu .item1:hover, #main-menu .item1:focus, #main-menu .item1-active {
				background-position: 0px -39px;
			}
			
			#main-menu .item2, #main-menu .item2-active {
				width: 124px; background-position: -128px 0px;
			}
			#main-menu .item2:hover, #main-menu .item2:focus, #main-menu .item2-active {
				background-position: -128px -39px;
			}
			
			#main-menu .item3, #main-menu .item3-active {
				width: 190px; background-position: -257px 0px;
			}
			#main-menu .item3:hover, #main-menu .item3:focus, #main-menu .item3-active {
				background-position: -257px -39px;
			}
			
			#main-menu .item4, #main-menu .item4-active {
				width: 163px; background-position: -452px 0px;
			}
			#main-menu .item4:hover, #main-menu .item4:focus, #main-menu .item4-active {
				background-position: -452px -39px;
			}
			
			#main-menu .item5, #main-menu .item5-active {
				width: 207px; background-position: -620px 0px;
			}
			#main-menu .item5:hover, #main-menu .item5:focus, #main-menu .item5-active {
				background-position: -620px -39px;
			}
			
			#main-menu .item6, #main-menu .item6-active {
				width: 137px; background-position: -832px 0px;
			}
			#main-menu .item6:hover, #main-menu .item6:focus, #main-menu .item6-active {
				background-position: -832px -39px;
			}
			
			
			/* Submenu */
			#main-menu li .submenu {
				position: absolute;
				list-style-type: none;
				top: 40px;
				left: 0;
				background: #cccccc;
				/*height: 100%;*/
				padding: 10px 0;
				display: none;
				z-index: 9999;
			}
			
		
			
				#main-menu li ul li {
					float: none;
					width: auto;
					display: block;
					padding: 0;
					background: #cccccc;
					padding: 0 10px;
					
				}
					#main-menu li ul li a:link, #main-menu li ul li a:visited {
						float: none;
						height: auto;
						display: block;
						text-indent: 0;
						background: transparent;
						color: #303030;
						padding: 3px 10px;
						font-weight: bold;
					}
					#main-menu li ul li a:hover {
						color: white;
						background: #1b3f94;
					}
					
					#main-menu li ul li .line {
						display: block;
						background: url(../images/common/line-submenu.gif) repeat-x left top;
						padding-top: 10px;
						border: 0;
					}
			
			/* Product Menu */
			#main-menu li #product-menu{
				position: absolute;
				width: 496px;
				top: 40px;
				left: 0;
				background: #cccccc;
				display: none;
				margin: 0;
				padding: 0;
				z-index: 9999;
			}
			
				#main-menu li #product-menu .line {
						display: block;
						/*background: url(../images/common/line-submenu.gif) repeat-x left top;*/
						margin-top: 10px;
						margin-left: 10px;
						border: 0;
					}
			
				#main-menu li #product-menu ul {
					list-style-type: none;
					float: left;
					width: auto;
					display: block;
					padding: 0;
					background: #cccccc;
					margin-right: 6px;
					position: relative;
				}
					#main-menu li #product-menu ul.first {
						margin-left: 10px;
					}
					#main-menu li #product-menu ul.last{
						margin-right: 0;
					}
				
					#main-menu li #product-menu ul  li{
						background: #cccccc;
						padding: 0 ;
						display: block;
						width: 152px;
						margin-bottom: 1px;
					}
					
					#main-menu li #product-menu ul li a:link, #main-menu li #product-menu ul li a:visited {
						display: block;
						padding: 3px 9px 3px 14px;
						color: #303030;
					}
					#main-menu li #product-menu ul li a.special-new:link, #main-menu li #product-menu ul li a.special-new:visited {
						background: #0c77be;
						color: white;
					}
					#main-menu li #product-menu ul li a.special-coming-soon:link, #main-menu li #product-menu ul li a.special-coming-soon:visited {
						background: #42a544;
						color: white;
					}
					#main-menu li #product-menu ul li a.special-limited:link, #main-menu li #product-menu ul li a.special-limited:visited {
						color: white;
						background: #e08282;
					}
					#main-menu li #product-menu ul li a.special-new:hover {
						/*color: white;
						background: #0c77be;*/
						background: url(../images/common/new-hover.jpg) no-repeat left top;
					}
					#main-menu li #product-menu ul li a.special-coming-soon:hover {
						/*color: white;
						background: #42a544;*/
						background: url(../images/common/soon-hover.jpg) no-repeat left top;
					}
					#main-menu li #product-menu ul li a.special-limited:hover {
						/*color: white;
						background: #ee3424;*/
						background: url(../images/common/limited-hover.jpg) no-repeat left top;
					}
					#main-menu li #product-menu ul li a:hover {
						color: white;
						background: #1b3f94;
					}


	#form-search {
		position: absolute;
		right: 0;
		top: 20px;
		padding: 0 54px 5px 12px;
		border-bottom: 1px solid #2e6e90;
		
	}
		#form-search label {
			display: none;
		}
		#form-search input, #form-dealer input , #form-dealer select {
			width: 200px;
			color: #000101;
			border: 1px white solid;
			background: #e2e2e2;
		}
		#form-search input:focus, #form-dealer input:focus , #form-dealer select:focus {
			border: 1px #547c91 solid;
			background: white;
		}
		#form-search .form-element, #form-dealer .form-element {
			float: left;
			position: relative;
		}
		
		
		#form-search .submit-wrapper, #form-dealer .submit-wrapper {
			float: left;
			position: relative;
			padding-left: 10px;
		}
			#form-search button {
				background: url(../images/common/submit-find-a-bulb.png) no-repeat left top;
				width: 47px;
				height: 27px;
				padding: 0;
				margin: 0;
			}
				#form-search button span {
					text-indent: -9999em;
					display: block;
				}
		#form-search a:link, #form-search a:visited {
			color: #cbe3ee;
			font-size: 11px;
			font-weight: bold;
			background: url(../images/common/arrow-link-header.gif) no-repeat left 5px;
			display: block;
			padding-left: 8px;
			margin-top: 5px;
		}
		#form-search a:hover {
			color: white;
			text-decoration: none;
		}
	
	
	
	#form-dealer {
		position: absolute;
		right: 0;
		top: 66px;
		padding: 8px 54px 0 12px;
		border-top: 1px solid #65a9cd;
		
	}

	
		#form-dealer .form-element{
			float: left;
			position: relative;
		}
		#form-dealer #dealer-zip-code {
			width: 196px;
			float: right;
		}
		
		*:first-child+html #form-dealer .form-element, * html  #form-dealer .form-element{
			width: 202px;
		}
		
		#dealer-radius-wrapper {
			padding-top: 5px;
		}
			#dealer-radius-wrapper label {
				float: right;
				padding-top: 5px;
				padding-right: 10px;
				font-size: 11px;
				
				text-align: right;
			}
			#dealer-radius-wrapper select {
				float: right;
				width: 80px;
			}
		
		#form-dealer button {
			background: url(../images/common/submit-find-a-dealer.png) no-repeat left top;
			width: 51px;
			height: 27px;
			padding: 0;
			margin: 0;
		}
			#form-dealer button span {
				text-indent: -9999em;
				display: block;
			}
	
	
	/* Social Networks */
	/*#social-networks {
		list-style-type: none;
		position: absolute;
		top: 16px;
		right: 246px;
		background: url(../images/common/bg-social-networks.png) no-repeat left top;
		height: 41px;
		padding-left: 34px;
	}
		#social-networks li {
			float: left;
			padding-right: 2px;
			padding-top: 4px;
		}
		
		*:first-child+html  #social-networks  {
			right: 242px;
		}
		
		* html #social-networks{
			right: 242px;
		} */





/***************************************/
/*              CONTENT                */
/***************************************/
#content {
	position: relative;
	background: url(../images/common/bg-content.png) no-repeat left top;
    /*background: url(../images/common/bg.png) no-repeat left top;*/
    /*display: block;*/
	padding: 0 16px;
	min-height: 400px;
    
	/*padding-bottom: 190px;*/
}

#index #content {
	background: transparent;
	padding: 0;
   
}
/* * html #content {
	padding-bottom: 0px;
}*/
	#content-left {
		float: left;
		width: 265px;
		position: relative;
		margin-top: 1em;
		/*background: red;*/
	}
	#content-right {
		float: right;
		width: 658px;
		position: relative;
		margin-top: 1em;
			/*background: pink;*/
	}





/**************************************/
/*              FOOTER                */
/**************************************/
#logos {
	margin-top: 2em;
}
	/*#logos ul {
		list-style-type: none;
		width: 982px;
		margin: 0 auto;
		background: url(../images/common/bg-logos.gif) repeat-x left top;
	}
		#logos ul li {
			float: left;
			margin-left: 10px;
		}*/



/*#footer-wrapper {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url(../images/common/bg-fade.png) repeat-x left top;
	padding-top: 18px;
}
* html #footer-wrapper {
	position: relative;
	background: none;
	padding-top: 0;
}*/

	#footer {
		padding-top: 1em;
		padding-bottom: 1em;
		position: relative;
	}
		
		#menu-footer {
			list-style-type: none;
			border-top: 1px #d9d9d9 solid;
			padding-top: 9px;
		}
			#menu-footer li {
				float: left;
				display: inline;
				margin-right: 12px;
				padding-right: 12px;
				border-right: 1px #3d3d3d solid;
			}
			#menu-footer li.last {
				margin-right: 0px;
				padding-right: 0px;
				border-right: 0;
			}
				#menu-footer li a:link, #footer li a:visited {
					display: block;
					color: #3d3d3d;
					font-size: 11px;
					font-weight: bold;
					line-height: 11px;
				}
				#menu-footer li a:hover{
				}
		
				
		/*#menu-footer-secondary {
			list-style-type: none;
			margin-left: -7px;
			position: relative;
			padding-top: 5px;
		}
			#menu-footer-secondary li {
				float: left;
				display: inline;
			}
				#menu-footer-secondary li a:link, #menu-footer-secondary li a:visited {
					display: block;
					color: #4d4d4d;
					font-size: 9px;
					padding: 0px 7px;
					text-transform: none;
					border-right: 1px #4d4d4d solid;
				}
				#menu-footer-secondary li a:hover {
				}
				#menu-footer-secondary li.last a {
					border-right: 0;
				}*/
	
	#footer #copyright {
		font-style: normal;
		color: #3d3d3d;
		font-size: 10px;
		padding-top: 6px;
	}
	
	#footer #rss {
		position: absolute;
		right: 5px;
		top: 20px;
	}





/***************************************/
/*              GENERAL                */
/***************************************/
h1, h1 a:link, h1 a:visited {
	color: #373737;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 0;
	font-family: "Trebuchet MS", "Arial Narrow", sans-serif;
}
h1 {
	margin-bottom: -8px;
}
* html h1 {
	margin-bottom: -4px;
}
*:first-child+html h1 {
	margin-bottom: -4px;
}
h1 a:hover {
	color: #1b3f94;
}

h2, h2 a:link, h2 a:visited {
	color: #1c3f95;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 0;
	margin-bottom: 0;
}
h2 a:hover {
	color: #1b3f94;
	text-decoration: none;
}

h3 {
	color: #333333;
	font-size: 17px;
	font-weight: normal;
	padding-bottom: 0;
	margin-bottom: 0;
}

p {
	line-height: 140%;
}

img {
	border: 0;
	display: block;
}

a:link, a:visited {
	border: 0;
	cursor: pointer;
	outline: 0;
	color: #1b3f94;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


input, select, textarea {
	font-size: 11px;
	background: #fefefe;
	border: 1px solid #d4d4d4;
	color: #393939;
	padding: 3px 2px 2px 2px;
}
input:focus, select:focus, textarea:focus {
	background: #fefefe;
	border: 1px solid #1b3f94;
}
.submit {
	display: block;
	background: #cd036c;
	border: 1px #8f8f8f solid;
	color: #FFFFFF;
	line-height: 16px;
	height: 22px;
	font-weight: bold;
	padding: 0px 5px 2px 5px;
	cursor: pointer;
	font-size: 11px;
}

.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.underline {
	text-decoration: underline;
}

#tooltip {
	position: absolute;
	border: 1px solid #333;
	background: #f7f5d1;
	padding: 2px 5px;
	color: #333333;
	display: none;
	z-index: 99990;
}	
#screenshot {
	position: absolute;
	background: #333333;
	padding: 2px;
	display: none;
	color: #ffffff;
	z-index: 99999;
}


.font11 {
	font-size: 11px;
}

/* colors */
.blue {
	color: #1b3f94;
}
.black {
	color: black;
}
.grey {
	color: #888888;
}