@charset "utf-8";
/*
Copyright is held by the original owners.
CSS Document: INFINITY SOLAR
Version: 1.02
*/

/*
ATTRIBUTES
**********
Font Primary: #000, arial, 12px
Page Heading: color, font, equivalent size
Content Headings: #FFF, arial, 14px
__________

DIMENSIONS
**********
Main site width: 960px
Content Main: 460px
Gutter width: 10px
__________

CSS INDEX:
**********
+ Global Styles
  - Links
+ Page Layout
  - Header
  - Content
+ Footer
+ Navigation
  - Primary
  - Nav Menu
+ Forms
   - Search Forms
+ Tables
+ Content
  - Block
  - Columns
  - Tabs
  - Links/Buttons
  - Headings
  - Lists
  - Info
__________

*/

/*
=================================
GLOBAL STYLES
*/

* {
	margin:0em;
	padding:0em;
	border:none;
	list-style:none;
}

button {
	cursor:pointer;
}

#infinity {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#000;
	background:#242424 url(../images/bg_page_shadow.jpg) center top repeat-y;
}
	
* .accessible {
	display:block;
	position:absolute;
	left:-9999em;
	z-index:0;
	height:0px;
	width:0px;
	line-height:0px;
	font-size:0px;
	float:left;
	clear:none;
	visibility:collapse;
}

.invisible {
	display:none;
}	

.right {
	float:right;
}

.left {
	float:left;
}

.center {
	text-align:center;
}

.image.right {
	margin:0em 0em 1.5em 1.5em;
}

.image.left {
	margin:0em 1.5em 1.5em 0em;
}

.image.center {
	margin:0em 0em 1.5em 0em;
}

	/* LINKS */
	a {
		color:#e55302;
		text-decoration:none;
	}
	
	a:link {
		color:#e55302;
	}
	a:visited {
		color:#e56e2d;
	}
	a:hover {
		color:#c33402;
	}
	a:active {
		color:#c33402;
	}
	/* alternative link scheme: link:#011d56, visited:#1c3d7f, hover:#0dbf00, */

/*
PAGE LAYOUT
*/

#page {
	width:960px;
	margin:0em auto;
	padding:0px 30px;
	position:relative;
	background:#4d4d4f url(../images/bg_page.gif) center top repeat-y;
}

#page_landing {
	width:900px;
	margin:0em auto;
	padding:0px 30px;
	position:relative;
	background:#4d4d4f url(../images/bg_page.gif) center top repeat-y;
}


	/* HEADER */
	#header {
		position:relative;
		height:.1%;
	}
	
	#header #company {
		padding-top:20px;
	}
	
	#header #company a {
		display:block;
		width:464px;
		height:98px;
		background:url(../images/infinity_solar.png) left top no-repeat;
		margin:0px 0px -10px 10px;
	}
	
	#header #company span {
		position:absolute;
		left:-9999em;
	}
	
	#header .details {
		position:absolute;
		right:0px;
		bottom:10px;
	}
	
	/* CONTENT */
	#content_container {
		background:#fff url(../images/bg_content.gif) center top;
		overflow:hidden;
		position:relative;
		padding-bottom:25px;
		clear:both;
		_height:.1%;
		float:none;
	}
	
	#content {
		position:relative;
		_display:inline-block;
		_height:.1%;
		overflow:visible;
		float:none;
	}

	#contentpad {
		padding: 15px;
	}


/*
=================================
NAVIGATION
*/	

	
	#nav_primary {
		background:url(../images/bg_dropshadow_1.png) left bottom repeat-x;
		padding-bottom:9px;
		margin-bottom:-9px;
		position:relative;
		z-index:30;
		clear:both;
	}
	
	#nav_primary #nav {
		background:url(../images/bg_nav_primary.gif);
		height:26px;
	}
	
	#nav_primary a span {
		position:absolute;
		left:-9999em;
	}
	
	#nav_primary li {
		float:left;
		position:relative;
		display:inline-block;
	}
	
	#nav_primary a {
		display:block;
		float:left;
		background-position:center 7px;
		background-repeat:no-repeat;
		line-height:26px;
		height:26px;
		border-left:1px solid #fff;
		margin-left:-1px;
		width:240px;
		text-align:left;
	}
	
	#nav_primary a:hover {
		background-position:center -93px;
	}
	
	
		/* NAV SIZES */
		#nav_primary .nav_pri_1 a {
			background-image:url(../images/nav_pri_1.gif);
			border-left:none;
		}
		#nav_primary .nav_pri_2 a {
			background-image:url(../images/nav_pri_2.gif);
		}
		#nav_primary .nav_pri_3 a {
			background-image:url(../images/nav_pri_3.gif);
		}
		#nav_primary .nav_pri_4 a {
			background-image:url(../images/nav_pri_4.gif);
		}
		
		
	/* NAV MENU */
	#nav_primary #nav ul a {
		background:none;
		border-left:1px solid #444;
		border-bottom:1px solid #979797;
		border-top:1px solid #777777;
		color:#fff;
		height:auto;
		line-height:160%;;
		padding:0px 10px;
		width:220px;
	} 
	
	#nav_primary #nav ul a:hover {
		color:#e55302;
	} 
	
	#nav_primary ul ul li a { /* first level  */
	}
	#nav_primary #nav ul ul li a { /* second level */
	}
	#nav_primary #nav ul ul ul li a { /* third level  */
	}
	
	#nav_primary #nav ul {
		position:absolute;
		left:-9999em; /* Hide UL from screen */
		width:240px;
	}
	
	#nav_primary #nav ul ul .subheading { margin-left: -1px; left:0px; padding: 2px; font-size: 14px; font-weight: bold; background: #d34e2b; width:237px; }
	
	#nav_primary #nav .sfhover ul, #nav_primary #nav li:hover ul {
		position:absolute;
		left:0px; /* Hover or JS action */
		top:26px;
		background:#545454;
		z-index:30;
	}
	
		#nav_primary #nav .sfhover ul ul, #nav_primary #nav li:hover ul ul {
			position:absolute;
			left:-9999em; /* Hide 2nd level UL from screen */	
		}
		
		#nav_primary #nav ul .sfhover ul , #nav_primary #nav ul li:hover ul {
			position:absolute;
			left:239px; /* Hover or JS action to see 2nd level */
			top:0px;
			z-index:13;
			background:#444;
			width:240px;
		}
		
			#nav_primary #nav .sfhover ul ul ul, #nav_primary #nav li:hover ul ul ul {
				left:-9999em; /* Hide 3rd level UL from screen */	
			}
			
			#nav_primary #nav ul ul .sfhover ul , #nav_primary #nav ul ul li:hover ul {
				left:239px; /* Hover or JS action to see 3rd level */
				top:0px;
				background:#343434;
				z-index:16;
			}	

/*
=================================
FORMS
*/	

	/* Jump Menu*/
	#content form.jump {
		background:#d8d8d8;
		padding:10px;
		overflow:hidden;
	}
	
	#content form.jump select {
		border:1px ridge #c5c5c5;
		font-weight:bold;
		padding:3px;
		font-size:12px;
		width:auto;
		letter-spacing:-.07em;
		width:100%;
	}
	
/*
=================================
FOOTER
*/	

#footer {
	background:#000 url(../images/bg_footer.gif) center top;
	margin:0em;
	color:#fff;
	clear:both;
	font-size:90%;
	overflow:auto;
	padding-bottom:15px;
}

#footer .links {
	float:left;
	margin-left:15px;
}

#footer .details {
	float:right;
	margin-right:15px;
} 

#footer .links li, #footer .details li {
	background:url(../images/divider_footer.gif) left 2px no-repeat;
	display:inline;
	padding:0px 3px 0px 7px;
}

#footer .links li.first-child, #footer .details li.first-child {
	padding-left:0px;
	background:none;
}

#footer .links a {
	text-transform:uppercase;
	color:#fff;
}

#footer .links a:hover {
	color:#e55302;
}

#footer .vendors {
	text-align:center;
}

#footer .vendors img {
	margin:1em auto;
}

#footer .vendors ul {
	text-align:center;
	margin:0em auto;
	padding:2em 0em;
}

#footer .vendors ul li {
	display:inline;
	margin:1em 1.3em;
}

/*
=================================
CONTENT
*/	

/* HEADINGS */
	#content_container h1 {
		font-size:1.6em;
		margin-bottom:.5em;
	}
	#content_container  h2 {
		font-size:1.2em;
		margin-bottom:.5em;
	}
		
	#content_container  h3 {
		font-size:1.1em;
		margin-bottom:.8em;
	}
	#content_container  h4 {
		font-size:1em;
		margin-bottom:.4em;
	}
	
	#content_container  h5 {
		font-size:1.2em;
		margin-bottom:.5em;
	}	
	
	/* LISTS */
	#content ul, #content ol {
		margin-bottom:10px;
		margin-left:1.4em;
		line-height:150%;
	}
	
	#content li ul, #content li ol {
		margin-bottom:0em;
	}
	
	#content ol li {
		list-style-type:decimal;
		margin-left:2em;
	}
	
	#content ul li {
		list-style-type:disc;
	}	


/* COLUMNS */

	#content_container .maincol_2 {
		width:480px;
		float:left;
		position:relative;
		z-index:9;
	}
	
		#content_container .maincol_2_landing {
		width:400px;
		float:left;
		position:relative;
		z-index:9;
	}
	
	#content_container .maincol_3 {
		width:320px;
		float:left;
		position:relative;
		z-index:9;	
	}
	
	#content_container .maincol_3x2 {
		width:640px;
		float:left;
		position:relative;
		z-index:9;		
	}
	
	#content_container .maincol_4 {
		width:240px;
		float:left;
		position:relative;
		z-index:9;
	}
	
	#content_container .maincol_4x3 {
		width:720px;
		float:left;
		position:relative;
		z-index:9;
	} 
	
	#content_container .col3x2 {
		width:63%;
		float:left;
		position:relative;
		z-index:9;
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 1px;
	}
	
	#content_container .col3 {
		width:33%;
		float:left;
		position:relative;
		z-index:9;
	}
	
	/* backgrounds */
	#content_container .shadow4 {
		background:red;
		height:250em;
		position:absolute;
		width:25%;
		top:0px;
		right:0px;
		border-left:1px solid #939393;
		z-index:1;
		margin-left:-1px;
		background:url(../images/black_20.png) center top repeat;
	}
	
	/* INFO */
	#content_container .block_info {
		margin:15px 10px 10px 10px;
		z-index:9;
		position:relative;	
	}
	

	/* BLOCK */
	#content_container .block_image {
		margin:15px 0px 0px 0px;
		text-align:center;
	}
	
	#content_container .block {
		border:1px solid #a9a9a9;
		background:url(../images/white_60.png) repeat;
		overflow:auto;
		_height:.1%;
		z-index:9;
		position:relative;
		margin:15px 10px 0px 10px;
	}
	
	#content_container .block p {
		margin:10px 15px 10px 15px;
	}
	
	#content_container .block .preview_image {
		overflow:hidden;
		margin:0em;
	}
	
	#content_container .block .preview_image img {
		vertical-align:bottom;
	}
	
	#content_container .preview_image.left img {
		float:left;
		margin-right:2em;
	}
	
	#content_container .block h2 {
		background:#ce4b02 url(../images/bg_headings.jpg) left top repeat-x;
		border-bottom:1px solid #c0c0c0;
		color:#fff;
		text-transform:uppercase;
		font-weight:normal;
		font-size:1.2em;
		padding:8px 15px;
		margin:0em;
		line-height:normal;
	}
	
	#content_container .block h5 {
		background:#ce4b02 url(../images/bg_headings_dark.jpg) left top repeat-x;
		border-bottom:1px solid #c0c0c0;
		color:#fff;
		text-transform:uppercase;
		font-weight:normal;
		font-size:1.2em;
		padding:8px 15px;
		margin:0em;
		line-height:normal;
	}
	
	#content_container .colB .block h2, #content_container .block.alt h2 {
		background:#222 url(../images/bg_headings_B.jpg) left top repeat-x;
	}
	
	#content_container .block h2 em {
		font-weight:bold;
		font-style:normal;
	}
	
		/* table */
			/* sizes */
			#content_container .maincol_4 table {
				width:350px;
			}
			#content_container .maincol_4x3 table {
				width:700px;
			}
			#content_container .maincol_4x3 .col3 table {
				width:200px;
			}
			#content_container .maincol_4x3 .col3x2 table {
				width:454px;

			}
			#content_container .maincol_2 table {
				width:460px;
			}
		#content_container table.block {
			border-collapse:collapse;
			margin-left: 11px;
		}
	
		#content_container table.block thead th, .tableheading {
			background:url(../images/bg_headings.jpg) repeat;
			line-height:26px;
			color:#fff;
			font-size:1.2em;
			text-align:left;
			padding:3px 15px;
			text-transform:uppercase;
			font-weight:normal;
		}
		
		#content_container table.block thead th em {
			font-style:normal;
			font-weight:bold;
		}
		
		#content_container table.block tbody td {
			padding:3px 15px;
		}
		
		#content_container table.block tbody .even td {
			background:url(../images/black_20.png) repeat;
		}
		
	#content_container .block_info.spaced {
		margin-bottom:45px;
		padding-right:60px;
	}		
	
	/* BOX */
	#content_container .box {
		background:url(../images/bg_box.jpg) repeat;
		float:left;
		width:100%;
	}

	/* TABS */
	#content_container .tabs {
		margin:0em;
		padding:0em;
	}
	
	#content_container .tabs li {
		display:inline;
		margin:0em;
		padding:0em;
		list-style-type:none;
	}
	
	#content_container .tabs.tabs3 li a {
		float:left;
		width:33.3%;
		text-align:center;
		line-height:32px;
		font-size:120%;
		font-weight:bold;
		margin-left:-1px;
		border-left:1px solid #c4c4c4;
	}
	
	#content_container .tabs li a:hover {
		background:url(../images/bg_headings.jpg);
		color:#fff;	
	}
	
	#content_container .tabs li.current a {
		background:url(../images/bg_headings_B.jpg);
		color:#fff;
	}
	
#content p {
	line-height:133%;
	margin-top:1em;
}

#content .legal {
	font-size:80%;
}

#content .banner {
	overflow:hidden;
	width:100%;
}

#content .banner img {
	vertical-align:bottom;
}

#content .block .action {
	display:inline-block;
	font-weight:bold;
}

/* FEATURE */
#content .feature h2 {
	background:#e45302 url(../images/bg_heading_feature.jpg);
	color:#fff;
	text-transform:uppercase;
	font-size:2.4em;
	font-weight:normal;
	padding:5px 0px 5px 15px;
}

#content table.feature {
	margin:30px 0em 30px 0em;
}

#content table.feature thead th {
	background:#000;
	color:#fff;
	font-size:1.9em;
	font-weight:normal;
	padding:10px 15px;
	line-height:normal;
}

#content table.feature h2 em {
	font-style:normal;
	font-weight:bold;
}

#content table.feature tbody td {
	font-size:1.25em;
	padding-top:10px;
	border-bottom: 1px dashed #bababa;
	vertical-align: bottom;
}

#content table.feature tbody td p {
	padding: 0px;
	margin: 0px;
	line-height: 25px;
}

#content table.feature tbody td span {
	font-size:.8em;
}

#content table.feature tbody td strong {
	font-size:1.2em;
}

#content table.feature .price {
	font-weight:bold;
	color:#e55302;
	font-size:2em;
	padding-right:0em;
	padding-left:20px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

#content table.feature thead th em {
	font-style:normal;
	font-weight:bold;
}

#content table.feature tbody td strong em {
	font-style:normal;
	color:#e55302;
}


/* NEWS */
#content .info .item p {
	margin:0em;
	padding:5px 10px;
}

#content .info .item {
	background:url(../images/grey_40.png);
}

#content .info .odd {
	background:url(../images/black_40.png);
}

#content .info .item:hover {
	background:url(../images/white_40.png);
}

/* GALLERY */
#content .gallery h4 em {
	font-style:normal;
	color:#e55302;
}
#content .gallery ul {
	margin:0em;
	display:block;
	width:100%;
	overflow:hidden;
}

#content .gallery li {
	list-style:none;
	float:left;
	margin:15px 15px 5px 0px;
}