/*	MAIN.CSS - Stylesheet for the layout
	(margins, position, width, height, and floats)
	No color or background declarations should be here. */

body {
	background-color:#E6EBF0;
}

.section-inner { 
	width: 970px;
	margin: 0 auto;
	/*overflow: hidden;*/
	position: relative;
}
.w-w2 {	
	min-width: 970px;
	padding-top: 286px;  /* Change to height of header */
	overflow: hidden;
	position: relative;
}

/* --HEADER-- */
#header, .h-w1, .h-w2 { height: 312px; } /* Change to correct height */
.h-w1 {
	background-color: transparent;

}
.h-w2 {
	position: relative;
	height: 285px;
	background: url(/images/slogan.png) 15px top no-repeat;
}
#header { 
	top: 0; left: 0;
	position: absolute;
	width: 100%;
	background: transparent url(/images/bg_top.png) repeat-x center 0;
	z-index: 20;
}
#header-banner {
	/*background: transparent url(/images/banner.jpg) no-repeat 0 0;*/
	width: 970px;
	/* height: 153px; */
	position: absolute;
	bottom: 0;
}

	.main-nav, #utilities, #logo {
		position: absolute;
	}
	.main-nav {
		z-index: 20;
		top: 80px;
		right: 20px ;
	}
	.main-nav li { float: left; }
	.main-nav li a{
		display: block;		
		height: 1px;
		padding-top: 34px;
		overflow: hidden;
		margin-left: 9px;		
	}
	.main-nav li a:hover {
		background-position: 0 -35px !important;
	}
	.main-nav .home-nav li a:hover {
		background-position: 0 -70px !important;
	}
	.main-nav li.active a {
		background-position: 0 -70px !important;
	}
	.main-nav li#nav_industry a{
		background: transparent url(/images/nav01_industry-solutions.png) no-repeat 0 0;
		width: 185px;
	}
	.main-nav li#nav_products a{
		background: transparent url(/images/nav02_products.png) no-repeat 0 0;
		width: 108px;
	}
	.main-nav li#nav_about a{
		background: transparent url(/images/nav03_about-xantrex.png) no-repeat 0 0;
		width: 154px;
	}
	.main-nav li#nav_support a{
		background: transparent url(/images/nav04_support.png) no-repeat 0 0;
		width: 104px;
	}
	.main-nav li#nav_contacts a{
		background: transparent url(/images/nav05_contacts.png) no-repeat 0 0;
		width: 109px;
	}
	.main-nav ul.L2 {
		position: absolute;
		width: 200px;
		background: url(/images/skin/nav/dropdown-bg.png) repeat-y 0 0;
		display: none;
		visibility:hidden;
	}
	.main-nav ul.L2 li {
		float: none;
		border-bottom: 1px solid #587797;
		padding: 2px 0;
		margin: 0 11px;
	}
	#header .main-nav li.L2 a {
		height: auto;
		background: none;
		padding: 0;
		text-decoration: none;
		color: #c8e6ff;
		padding: 0 0 0 7px;
		margin: 0;
		width: auto;
		font-size: 12px;
		vertical-align: middle;
		line-height: 30px;
	}
	#header .main-nav li.last-child {
		border-bottom: none;
	}
	#header .main-nav .L2 a:hover {
		background: none;
		color: #17385d;
		background: #ff7300;
	}
	
	#logo {
		top: 50px;
		left: 10px;
	}
	#utilities {
		top: 0px;
		right: 5px;
		
	}
		#utilities li { float: left; }
		#utilities li a { display: block; height: 46px; position: relative; }
		#utilities li a:hover { background-position: 0 -44px; top: -2px; }
		#utilities a.util-home {
			width: 70px;			
			background: transparent url(/images/utility_home.png) no-repeat 0 0;
		}
		#utilities a.util-login {
			width: 97px;			
			background: transparent url(/images/utility_asc-login.png) no-repeat 0 0;
		}
		#utilities a.util-logout {
			width: 97px;			
			background: transparent url(/images/utility_asc-logout.png) no-repeat 0 0;
		}
		#utilities a.util-asc {
			width: 97px;			
			background: transparent url(/images/utility_asc-area.png) no-repeat 0 0;
		}
		#utilities div#util-search {
			position: relative;
			margin-left: 20px;
			display: block;
		}
			#utilities div#util-search input {
				border: 1px solid #00234b;
				background: #fff url(/images/text-input-bg.jpg) repeat-x 0 0;
				width: 139px;				
				padding: 2px 5px;
				float: left;				
				position: relative;
				margin-top: 13px;
			}	
			#utilities div#util-search .search-go{
				background: transparent url(/images/utility_go.png) no-repeat 0 0;
				height: 46px;
				width: 51px;
				display: inline-block;
				text-decoration: none;
				cursor: pointer;
				border: none;
				float: left;
				position: relative;
				margin-top: 0px;
			}
			#utilities div#util-search .search-go:hover {
				background-position: 0 -46px;
			}

/* --CONTENT-- */
#main { 
	position: relative; 
/*	z-index: 10;*/
}
	#main .m-w1 {
		
	}
	#main .m-w2 { 
		overflow: hidden; 
		background: transparent url(/images/subnav-bg.jpg) repeat-y 0 0;
		padding-bottom: 20px;
	}
	#subnav, #content {
		float: left;
	}
	#ctas {
		/*position: absolute;*/
		right: 0;
		top: 0;
		width: 185px;
		float: right;
		margin-top: 20px;
	}
		
		#ctas li, #ctas li a { display: inline; float:right; margin-bottom: 10px;}
		#ctas li a.find-power-solution {
			height: 96px;
			width: 165px;
			background: transparent url(/images/cta_power-solution.png) no-repeat 0 0;
		}
		#ctas li a.find-power-solution:hover {background-position: -179px 0;
		}
		#ctas li a.get-detailed-info {
			height: 132px;
			width: 161px;
			background: transparent url(/images/cta_installation-info.png) no-repeat 0 0;
		}
		#ctas li a.get-detailed-info:hover {background-position: -179px 0;
		}
		#ctas li a.find-service {
			height: 90px;
			width: 162px;
			background: transparent url(/images/cta_find-a-service-centre.png) no-repeat 0 0;
		}
		#ctas li a.find-service:hover { background-position: -179px 0; }
		#ctas li.e-news {
			background: #fff;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e8eb+0,ffffff+100 */
			background: rgb(230,232,235); /* Old browsers */
			background: -moz-linear-gradient(-45deg,  rgba(230,232,235,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(-45deg,  rgba(230,232,235,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(135deg,  rgba(230,232,235,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e8eb', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

			height:144px;
			width: 156px;
			position: relative;
			left: -7px;
			display: block;
			padding-top: 15px;
			/*border: solid #e6e8eb 1px;*/
			box-shadow: #aaa 2px 2px 6px;
		}

		#ctas li.e-news:before {
			display: block;
			width: 100%;
			background: transparent url(/images/cta_e-news.png) no-repeat 8px 0;
			content: '';
			height: 36px;
			margin-bottom: 0;
		}			
			#ctas li.e-news iframe {
				width: 288px;
			}
			#ctas li.e-news div.form {
				/*position: absolute;*/
				/*bottom: -55px;*/
				/*top: 40px;*/
				display: block;
			}
			#ctas li.e-news div.form input{
				border: 1px solid #00234b;
				background: #fff url(/images/text-input-bg.jpg) repeat-x 0 0;
				width: 139px;		
				padding: 2px 5px;
				margin: 2px 0;
				
			}
			#ctas li.e-news div.form span{ line-height: 1.5em; zoom:1;}
				#ctas li.e-news div.form span label { zoom:1; }
			#ctas li.e-news div.form .checkbox input/*, #ctas li.e-news div.form .checkbox input[type=checkbox]*/{
				width: 20px;		
				padding-right: 5px;
				border: none;
				background: none;
			}
			
			#ctas li.e-news div.form .e-news-submit{
				background: transparent url(/images/cta_e-news-go.png) repeat-x 0 0;
				height: 25px;
				width: 37px;
				display: inline;
				float: right;
				text-decoration: none;
				cursor: pointer;
				border: none;
				margin: 0 0;
			}

			#ctas

			.singup-msg {
				font-size: 11px !important;
			}
	#acc {
		width: 185px;
		float: left;
		margin-top: 38px;
	}
		#acc li {
			float: left;
			padding-left: 10px;
			margin-bottom: 0;
		}
		#acc li a {
			float: left;
			margin-bottom: 0;
		}
		#acc div.product-sub-title {
			
		}
		#acc li.rel-acc {
			padding-left: 36px;
		}
	/* Subnav appears after content-body in markup, 
		but often is shifted to the left */
	#subnav { 
		width: 190px;
		position: absolute;
		left: 0;
		top: -35px;
		/*background-color: #fff;*/
		padding: 40px 0px 0 10px;
		height: 100%;		
	}
		#subnav li {
			border-bottom: 1px solid #ff7300;
			padding-left: 5px;			
		}
		#subnav li a {
			display: block;
			width: 173px;
			line-height: 1em;
			padding: 10px 10px 10px 0;
			background: transparent url(/images/subnav-arrow.jpg) no-repeat right center;			
		}
		#subnav li a:hover, #subnav li.inactive a.sub-menu:hover, #subnav li a.active {
			background: transparent url(/images/subnav-arrow-active.jpg) no-repeat right center;
			padding-right: 10px;			
		}
		#subnav li a.sub-menu, #subnav li.active a.sub-menu:hover {
			background: transparent url(/images/subnav-arrow-down.jpg) no-repeat right center;
			padding-bottom: 5px;
		}
		#subnav li.inactive a.sub-menu {
			background: transparent url(/images/subnav-arrow.jpg) no-repeat right center;			
			padding: 10px 10px 10px 0;
		}
			#subnav li ul {
				padding-bottom: 5px;
			}
			#subnav li ul li {
				border: none;
				list-style: outside disc none;
				color:  #ff7300;
				margin-left: 10px;
				padding-left: 0;	
				padding-bottom: 5px;
				line-height: 1.5em;		
			}
			#subnav li ul li:hover {
				color:  #ff7300;
			}		
			#subnav li ul li a.second-level, #subnav li ul li a.L3 {
				background: none;
				border: none;
				display: inline;
				width: 160px;	
				padding: 0;			
			}
		#subnav div{
			position: relative;
			z-index: 50;
			border: 1px red;
		}
			
			
	#content {
		width: 550px;
		position: relative;
		left: 230px; 
		top: 0;
		min-height: 500px;
		
	}
	#content ul li { list-style-image: url(/images/bullet.png); }
	.c-w1, ctas {
		margin-top: 20px;
	}
	
br.clear { clear: both; }

div.repair-image {
	float: left;
	width: 131px;
	margin: 0 24px;
}
	div.repair-image img {
		border: 3px solid #004B91;		
	}
div.commercial-industry {
	width: 100%;
	/*margin-bottom: 20px;*/
	display: inline-block;
}
div.industry-image + div.industry-image {
	margin-right: 10px;
	margin-left: 0;
	float: left;
}
div.industry-image {
	float: right;
	margin-left: 10px;
}

	div.industry-image img{
	border: 3px solid #004B91;
	}
	div.industry-image div.product-image-enlarge {
		margin-right: 0 !important;
	}
.clear {
	clear: both;
	line-height:1px;
	margin-top: -1px;
}
#content .left {
	float: left;
}
#content .right {
	float: right;
}
#content img {
	
}
#content img.left {
	margin-right: 20px;
}
#content img.right {
	margin-left: 20px;
}

.outlineHeading {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 1em;
	margin-bottom: 20px;
}

/* --FOOTER-- */

#footer {  }
.f-w2 { background: transparent url(/images/bg_footer.jpg) no-repeat -12px 0; padding-top: 10px;}
html,body {	height:100%; }
#wrapper { min-height: 100%; margin:auto; margin-top:-60px; }
#footer { 
	bottom: 0; left: 0; width: 100%; 
	height: 60px; 
	padding-bottom: 20px;
	clear: both;
	margin:auto;
}
#header, #main { margin-top: 60px;  }

/* END STICKY FOOTERS */
#bottomlinks {
	float: right;
	padding-right: 12px;
}
#credit {
	float: right;
	padding-top: 5px;
	padding-right: 12px;
}

/* *****	Product Comparison CSS		***** */
.product-comparison .w-w2 {
	padding-top: 162px;
}
.product-comparison #header, .product-comparison .h-w1, .product-comparison .h-w2 { height: 152px; }
.product-comparison #header {
	background: url(/images/comparison-chart_banner.png) repeat-x center 0;
}

.product-comparison #main .m-w2 {
	background: none;
}
.product-comparison #content {
	width: 960px;
	left: 5px;
}
	.product-comparison .c-w1 {
		margin: 0;
	}
		#content .comparison-chart {
			margin: 20px 0;
			background-color: transparent;
			font-family: Arial, Helvetica, sans-serif;
		}
			#content .comparison-chart thead th, #content .comparison-chart tbody th {
				background-color: transparent;
				padding:0 0 14px;
				color: #4f5357;
				border: none;
				border-bottom: 3px solid #ff7300;
				font-size: 12px;
				line-height: 14px;
				font-weight: bold;
				vertical-align: bottom;
			}
			#content .comparison-chart tbody th {
				border-bottom: 3px solid #0080C8;	
				padding: 28px 0 14px;			
			}
			#content .comparison-chart td {
				padding: 7px 3px;
				background-color: transparent;
				color: #4f5357;
				border: none;
				border-bottom: 1px solid #b8bbbf;
				font-size: 12px;
				/*line-height: 30px;*/
			}
			#content .comparison-chart .last-child td {
				border-bottom: none;
			}
.product-comparison .f-w2 {
	background: none;
	border-top: 3px solid #ff7300;
	width: 960px;
}

/* *****	Product Comparison END		***** */
/* -- Campaign Form -- */

#campaign-form {
	overflow: hidden;
	width: 549px;
}
#campaign-form .req { color: #e66800;}
#campaign-form p {}
.t-w1 {
	padding-top: 12px;
	margin-bottom: 10px;
	background: url(/images/campaign/bg-form-top.png) no-repeat left top;
}
	.t-w2 {
		padding-bottom: 12px;
		background: url(/images/campaign/bg-form-bottom.png) no-repeat left bottom;
	}
		.t-w3 {background: url(/images/campaign/bg-form-middle.png) repeat-y left top; padding: 5px 22px;}
		.campaign-header {
			font-size: 20px;
			line-height: 20px;
			color: #3a3d40;
			display: block;
			text-transform: uppercase;
		}
		.label {
			color: #0d5495;
			display: block;
			font-size: 14px;
			line-height: 14px;
			text-transform: uppercase;
		}
			.label span { text-transform: none;}
		#campaign-form label { padding-right: 35px;}
			#campaign-form table label { padding: 0;}
		#campaign-form .t-w1 table { background: none; border: 0; width: 500px; }
			#campaign-form .t-w1 td { border: 0; vertical-align: top; padding: 4px 12px 4px 0;}
				#campaign-form .t-w1 table table td {padding-right: 0;}
				#campaign-form .form-label {
					font-size: 13px;
					line-height: 14px;
					color: #004b91;
				}
				#content #campaign-form .t-w3 input[type="text"] {
					display: block;
					width: 232px;
					margin: 0;
					border: 1px solid white;
					background: url(/images/campaign/bg-txtbox.png) no-repeat;
				}
				#content #campaign-form .t-w3 input.textbox { width: 489px;}
				#content #campaign-form .t-w3 input.txt-medium { width: 385px;}
				#campaign-form .selectbox 
				{
				 
					 display: none; 
				}
				#content #campaign-form .t-w3 input[type="checkbox"] {
					margin-left: 20px;
				}
				#campaign-form .jqTransformSelectWrapper div span {
					display: block;
					font-size: 12px;
					color: #717477;
					width: 232px;
					cursor: pointer;
					padding: 4px 5px;
					border: 1px solid #ffffff;
					background: url(/images/campaign/bg-selectbox.png) no-repeat;
				}
				#campaign-form .jqTransformSelectWrapper ul {
					position: absolute;
					margin: 0;
					cursor: pointer;
					background: #ffffff;
					border: 1px solid #c2c2c2;
					width: 242px;
					z-index: 100;
					height: 150px; overflow: auto;
				}
					#campaign-form .jqTransformSelectWrapper li {
						list-style: none;
						margin: 0;
						padding: 0;
						line-height: 22px;
					}
						#campaign-form .jqTransformSelectWrapper a {
							text-decoration: none;
							display: block;
							padding: 0px 5px;
						}
							#campaign-form .jqTransformSelectWrapper a:hover {
								background: #0069a2;
								color: #ffffff;
							}
				#content #campaign-form input.send {
					float: right;
					padding: 0;
					height: 43px; width: 75px;
					background: url(/images/campaign/bg-send.png) no-repeat;
					-moz-box-shadow: none;
					-webkit-box-shadow: none;
					box-shadow: none;
				}
				#content #campaign-form input.register {
					float: right;
					padding: 0;
					height: 43px; width: 118px;
					background: url(/images/campaign/bg-register.png) no-repeat;
					-moz-box-shadow: none;
					-webkit-box-shadow: none;
					box-shadow: none;
				}

#launch_cta {margin-left: 0px; width: 170px; height: 1px; padding-top: 38px; overflow: hidden; background-image: url(/images/btn_launch.png); display: block; float:right; margin-top: -30px;}

#launch_cta:hover {background-position: 0px -38px}

#info_cta {margin-left: 0px; width: 241px; height: 1px; padding-top: 38px; overflow: hidden; background-image: url(/images/btn_learn-more.png); display: block; float:right; margin-top: -30px;}

#info_cta:hover {background-position: 0px -38px}

#calculate_cta {margin-left: 0px; width: 218px; height: 1px; padding-top: 62px; overflow: hidden; background-image: url(/images/btn_calculate.png); display: block;}

#calculate_cta:hover {background-position: 0px -62px}

.home-util .social-list
{
     margin-left: -360px;
    margin-top: 8px;
}

.social-list
{
     margin-left: -386px;
    margin-top: 8px;
}
 .social-list a 
{
    height: 35px !important;
    float: left;
}


.social-list a:hover 
{
    background-position: 0px -50px !important;
}

.social-list .so-facebook {
    background: url("/images/social-facebook.png") no-repeat scroll 0 -7px transparent;
    display: block;
    height: 1px;
    width: 35px;
}

.social-list .so-linked {
    background: url("/images/social-linked.png") no-repeat scroll 0 -7px transparent;
    display: block;
    height: 1px;
    width: 35px;
}

.social-list .so-twitter {
    background: url("/images/social-twitter.png") no-repeat scroll 0 -7px transparent;
    display: block;
    height: 1px;
    width: 35px;
}

.social-list .so-youtube {
    background: url("/images/social-youtube.png") no-repeat scroll 0 -7px transparent;
    display: block;
    height: 1px;
    width: 35px;
}

.social-list  .so-Pinterest{
    background: url("/images/social-pinterest.png") no-repeat scroll 0 -7px transparent;
    display: block;
    height: 1px;
    width: 35px;
}
#content .gallery-wrapper .content{overflow:hidden;width:735px;margin-left:0px;}
.gallery-wrapper li{overflow:hidden;width:230px;float:left;margin-left:0px;}

#content .pager {
   
	display: inline-block;
    float: right;
    margin: 0;
}
#content .page_navigation.page-top{border-top: 0px solid #005596;border-bottom: 1px solid #005596;}
#content .page_navigation {
    height: 23px;
    text-align: right;
    width: 100%;
	 border-top: 1px solid #005596;
    margin-top: 15px;
}
#content .page_navigation a{  
    font-size: 12px;
    font-weight: normal;
    line-height: 1.8em;
	margin:0px 10px;
	}
#content .pager li{float: left;
    list-style: none outside none !important;
    margin: 0 10px;}
	
#content .page_navigation a.active_page {
    color: #5F6469;
    text-decoration: none;
}



.tabs-data {display:none; font-size: 12px;}
#tabs #gallery-tabs ul li a {cursor:pointer;}
.gallery-description{font-size:11px; line-height:1.5}

.newCta {
    display: none;
}

#ctas li a {
    margin-right: 2px;
}

#ctas li a.where-to-buy {
	height: 117px;
	width: 179px;
	background: url(/images/cta_where-to-buy.png) no-repeat 4px 0;
    margin-right: 0;
}
	#ctas li a.where-to-buy:hover{background-position: -174px 0;}

	#gallery-tabs {width: 100%; height: 39px; margin: 17px 0 15px 0;}
		#gallery-tabs ul {margin: 0;}
			#gallery-tabs li {float: left; list-style: none !important; margin: 0 6px 0 0;}
			#gallery-tabs li a {display: block; height: 1px; padding-top: 38px; overflow: hidden;}
			#gallery-tabs li.firsttab a {background: url('../images/tabs/description.png'); width: 129px;}
			#gallery-tabs li.secondtab a {background: url('../images/tabs/features.png'); width: 129px;}
			#gallery-tabs li.thirdtab a {background: url('../images/tabs/accessories.png'); width: 139px;}
			#gallery-tabs li.fourthtab a {background: url('../images/tabs/videos.png'); width: 129px;}
			#gallery-tabs li a:hover, #gallery-tabs li.active a {background-position: 0 -39px;}

#content .c-w1 p.p-logo {
    overflow: hidden;
    margin-bottom: 15px;
}

#content .c-w1 p.p-logo span, #content .c-w1 p.p-logo img {
    display:block;
    float:left;
    margin-right: 10px;
}

    #content .c-w1 p.p-logo span {
        margin-top: 5px;
    }


    
#content .gallery-item {
    /*float: left;*/
    display:inline-block !important;
    margin: 12px 0 10px 30px;
    width: 134px;
}

#content .gallery-item-thumb {
    border: 2px solid #005596;
    position: relative;
}

#content .gallery-item-thumb img {
    height: 104px;
    /*width: 130px;*/
}

#content .gallery-item-title {
    display: block;
    padding-left: 1px;
    padding-top: 4px;
}

#content .gallery-item-title a {
    color: #005596;
    font-size: 11px;
    text-decoration: none;
}


#content .gallery-item-date {
    display: inline-block;
    font-size: 11px;
    line-height: 1;
    padding-left: 1px;
    padding-top: 3px;
}


#content .gallery-featured {
    display: block;
    font-size: 11px;
    line-height: 1;
    padding-left: 1px;
    padding-top: 3px;
}
#content #tabs {overflow:hidden;}
#content .expert-reviews {margin-top:25px;overflow:hidden;}