body {
	margin:0;
	text-align:center;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #81a0b4;
	line-height:normal;
	background: url(images/body-bg.jpg) white repeat-x;
	background-position: 0px -1px;
}
#container {
	position:relative;
	text-align:left;
	margin:0 auto;
}


body.medium #container {
	/* this sets the overall width of the page *//* 794px for 800 res, 1018px for 1024 res, 1274px for 1280 res */
	width: 970px;
	/*width: 995px;*/
}
body.large #container {
	width:1254px; /* this sets the overall width of the page *//* 794px for 800 res, 1018px for 1024 res, 1274px for 1280 res */
}
body.small #container {
	width:774px; /* this sets the overall width of the page *//* 794px for 800 res, 1018px for 1024 res, 1274px for 1280 res */
}


span.hot-spot, span.spot {
	display:block;
	position:absolute;
	top:0;
	right:0;
	height:0;
	width:0;
	
	/* temp until graphics are done */
	/*background-color:#fff;
	filter:alpha(opacity=75);
	opacity:.75;*/
}
span.hot-spot span.spot-container, span.spot span.spot-container {
	display:block;
	position:absolute;
	right: -10px;
	top:15px;
	width:11px;
	height:11px;
	overflow:hidden;
	margin:0;
	padding:0;
}

/* IE is class span.hot-spot, NOT span.spot */
span.hot-spot:hover span.spot-container {
/*	right:10px;  */
	top:-15px;
	height:73px;
	width:215px;
}
span#t5-e1.hot-spot:hover span.spot-container {
	top:10px;
	right:-130px;
}

/* will control layout if javascript is disabled */
/* IE 7 spot-container shift right for each rotator section */
body.small span#t2-e1.hot-spot:hover span.spot-container {
	top:-15px;
	right:-110px;
}
body.small span#t3-e1.hot-spot:hover span.spot-container {
	top:-15px;
	right:-130px;
}
body.small span#t4-e1.hot-spot:hover span.spot-container {
	top:-15px;
	right:-40px;
}
body.small span#t5-e1.hot-spot:hover span.spot-container {
	right:-106px;
}
body.small span#t6-e1.hot-spot:hover span.spot-container {
	top:-15px;
	right:-115px;
}
body.small span#t7-e1.hot-spot:hover span.spot-container {
	top:-15px;
	right:-20px;
}
body.small span#t8-e1.hot-spot:hover span.spot-container {
	top:-15px;
	right:-50px;
}

span.hot-spot:hover span.spot-container span.handle {
	background-position: 0px 50%;
}
span.hot-spot span.spot-container a, span.spot span.spot-container a {
	color:#6a8ca2;
	text-decoration:none;
	font-size:12px;
}

span.hot-spot span.spot-container span.content, span.spot span.spot-container span.content, span.hot-spot span.spot-container img, span.spot span.spot-container img, span.hot-spot span.spot-container span.handle, span.spot span.spot-container span.handle {
}
span.hot-spot span.spot-container span.content, span.spot span.spot-container span.content {
	display:block;
	width:92px;
	height:73px;
	background-color:#efefef;
	filter:alpha(opacity=89);
	opacity:.89;
	overflow:hidden;
	font-size:8px;
	font-weight:900;
	margin:0;
	padding:6px;
	position:absolute;
	top:0;
	right:16px;
}
span.hot-spot span.spot-container img, span.spot span.spot-container img {
	position:absolute;
	top:0;
	right:120px;
	border:1px solid #fff;
}
span.hot-spot span.spot-container span.handle, span.spot span.spot-container span.handle {
	width:16px;
	height:73px;
	background:url(images/hot-spot-handle.png) no-repeat 3px -31px;
	position:absolute;
	top: 0px;
	right:0;
}

/* hot spots */
#t2-el, #t3-el, #t4-el, #t5-el, #t6-el, #t7-el, #t8-el {
	border:2px solid #fff;
	/*background-color: transparent;*/
}
#t2-e1 {
	top: 47px;
	right: 165px;
	width: 37px;
	height: 45px;
}
body.small #t2-e1 {
	right: 116px;
}
body.large #t2-e1 {
	right: 237px;
}
#t3-e1 {
	top: 64px;
	right: 183px;
	width: 37px;
	height:45px;
}
body.small #t3-e1 {
	right: 135px;
}
body.large #t3-e1 {
	right: 255px;
}
#t4-e1 {
	top: 150px;
	right: 44px;
	width: 60px;
	height: 30px;
}
body.small #t4-e1 {
	top: 155px;
	right: 45px;
}
body.large #t4-e1 {
	right: 115px;
}
#t5-e1 {
	top: 0px;
	right: 154px;
	width: 43px;
	height: 35px;
}
body.small #t5-e1 {
	right: 107px;
}
body.large #t5-e1 {
	right: 218px;
}
#t6-e1 {
	top: 64px;
	right: 170px;
	width: 40px;
	height: 45px;
}
body.small #t6-e1 {
	right: 120px;
}
body.large #t6-e1 {
	right: 240px;
}
#t7-e1 {
	top: 120px;
	right: 62px;
	width: 53px;
	height: 42px;
}
body.small #t7-e1 {
	right: 22px;
}
body.large #t7-e1 {
	right: 119px;
}
#t8-e1 {
	top:30px;
	right: 97px;
	width: 48px;
	height: 118px;
}
body.small #t8-e1 {
	right: 55px;
}
body.large #t8-e1 {
	right: 167px;
}

div.panel img {
	float:left;
}
/* --------- additions -------- */



a:link, a:visited, a:hover, a:active {
	color: #3089cd;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.pdf, a.doc, a.cad, a.dwg, a.dxf, a.html {
	background-position: 0 0;
	background-repeat:no-repeat;
	padding-left:15px;
	margin:1px 0;
}
a.pdf {
	background-image: url(images/relres-icon-pdf.gif);
}
a.doc {
	background-image: url(images/relres-icon-doc.gif);
}
a.html {
	background-image: url(images/relres-icon-html.gif);
}
a.cad, a.dwg, a.dxf {
	background-image: url(images/relres-icon-cad.gif);
}
a.pdf:hover, a.doc:hover, a.html:hover, a.cad:hover, a.dwg:hover, a.dxf:hover {
	background-position: 0 -40px;
}

/* header */


#header {
    height:121px;
    position:relative;
}

#header h1 {
	margin: 0;
	width: 165px;
	height: 43px;
	position: absolute;
	top: 15px;
	left: 0;
}
#header h1 a {
	display: block;
	width: 165px;
	height: 43px;
	background: url(images/legrand-logo.gif) no-repeat;
}
#header h2 {
	margin: 0;
	width: 276px;
	height: 43px;
	position: absolute;
	top: 15px;
	left: 165px;
}
#header h2 a {
	display: block;
	width: 276px;
	height: 43px;
	background: url(images/legrand-sub.gif);
}
#header a.locator {
	display: block;
	width: 121px;
	height: 43px;
	background: url(images/legrand-locator.gif);
	position: absolute;
	top: 15px;
	right: 0;
}
#header h1 a span, #header h2 a span, #header a.locator span {
	position: absolute;
	top:  -9999px;
	left: -9999px;
}

/* search drop-down styling [HedgeHog classnames]  */
.ac_odd{
    background: #dddddd;
}

.ac_results{
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul{
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li{
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    font: menu;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
}

.ac_results li span.count{
    font-size: 10px;
    text-align: right;
}

.ac_loading{
    background: url(loading.jpg) right no-repeat;
}

.ac_over{
    background-color: #0A246A;
    color: white;
}

div.ac_results {
    border:none;
    margin:0;
	left:833px;
	width:205px;
}

.ac_results ul {
    border:1px #ccc solid;
	overflow:visible;
}

.ac_results ul li {
    font-size:10px !important;
	text-align:left;
	color:#3089cd;
	border-bottom:1px #fff solid;
	font-size:.9em;
	background:#eee;
}

.ac_results ul li.ac_over {
	text-decoration:underline;
	background:#F0EADA;
}

/* utility navigation */

ul#util-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	right: 0;
	bottom: 47px;
}
	ul#util-nav li {
		display: inline;
		font-size: 1.1em;
		color: #81a0b4;
		font-weight: bold;
		padding: 0 10px;
		border-right: 1px solid #aaa;
	}
	ul#util-nav li.active, ul#util-nav li.active a {
		color: #9f9f9f;
	}
	ul#util-nav li.last {
		border: 0;
	}
	ul#util-nav li.my-legrand {
		padding-left: 65px;
		background: url(images/my-legrand.gif) no-repeat;
		background-position: 0 -1px;
		color: #ccc;
	}
	ul#util-nav li.my-legrand a {
		color: #9c70ad;
		font-weight: normal;
		line-height: 1.4em;
	}

.printOnly {
	display:none;
}


/* main navigation */

#main-nav {
	width: 100%;
	background: url(images/main-nav-bg.jpg) repeat-x;
	position: absolute;
	bottom: 0;
}
#main-nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-right: #ccc;
}
#main-nav ul li {
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
	width: 18%;
	border-left: 1px solid #aaa;
	border-right: 1px solid #fff;
	position:relative;
	z-index:2000;
}
div.new-menu h4, #main-nav ul li h4 {
	width: 100%;
	height: 40px;
	font-size: 1em;
	overflow:hidden;
}
#main-nav ul li.first {
	background: url(images/nav-cnr-l.png) no-repeat 0 0;
	border-left: 0;
}
#main-nav ul li.last {
	border-right: 1px solid #aaa;
}
div.new-menu h4 a.main-nav, #main-nav ul li a.main-nav {
	display: block;
	width: 100%;
	height: 40px;
	padding-top: .8em;
	font-size: 1.5em;
	color: #494646;
}
div.new-menu h4 a.main-nav:hover,
#main-nav ul li a.main-nav:hover {
	text-decoration:none;
}

div.new-menu h4 a.main-nav span.nav-crt,
#main-nav ul li a.main-nav span.nav-crt {
	padding-right: 15px;
	background: url(images/main-nav-crt.gif) no-repeat 100% 51%;
}

div.new-menu h4 a.main-nav:hover span.nav-crt,
#main-nav ul li a.main-nav:hover span.nav-crt {
	background: url(images/main-nav-crt-on.gif) no-repeat 100% 51%;
}




/*
#brands-div h4 a.main-nav, #brands a.main-nav {
	background: url(images/nav-brands.png) no-repeat;
	background-position: 50% 0;
}
#products-div h4 a.main-nav, #products a.main-nav {
	background: url(images/nav-products.png) no-repeat;
	background-position: 50% 0;
}
#applications-div h4 a.main-nav, #applications a.main-nav {
	background: url(images/nav-applications.png) no-repeat;
	background-position: 50% 0;
}
#education-div h4 a.main-nav, #education a.main-nav {
	background: url(images/nav-education.png) no-repeat;
	background-position: 50% 0;
}
div.new-menu div.menu-content, #main-nav ul li div.menu-content {
	position:absolute;
	top:auto;
	left:-9999px;
	background:#fff;
	font-size:120%;
}
*/

#main-nav ul li:hover div.menu-content {
    left:auto !important;
    z-index:4000;
}
div.new-menu div.menu-content ul li, #main-nav ul li div.menu-content ul li {
	float:left;
	margin:0;
	padding:10px;
	text-align:left;
	border:none;
	background:none;
}
#main-nav ul li div.menu-content {
	background:#fff none repeat scroll 0 0;
	font-size:120%;
	left:-9999px;
	position:absolute;
	top:auto;
}
#main-nav ul li div.menu-content ul li {
	width:132px;
}
div.new-menu div.menu-content ul li.first, #main-nav ul li div.menu-content ul li.first {
	background-image:none;
}
div.new-menu div.menu-content ul li.last, #main-nav ul li div.menu-content ul li.last {
	border:none;
}
div.new-menu div.menu-content ul li ul li, #main-nav ul li div.menu-content ul li ul li {
	float:none;
	display:block;
	padding:0;
}


li.t3-nav ul {
	margin-bottom: 5px;
	}


div.new-menu div.menu-content ul li:hover ul li, #main-nav ul li div.menu-content ul li:hover ul li {
	background-color:#eee;
}

div.new-menu div.menu-content ul li.t3-nav:hover ul li, #main-nav ul li div.menu-content ul li.t3-nav:hover ul li {
	background-color: transparent;
}

div.new-menu div.menu-content ul li.t3-nav ul:hover li, #main-nav ul li div.menu-content ul li.t3-nav ul:hover li {
	background-color: #eee;
}




#brands-div h4 a.main-nav, #products-div h4 a.main-nav, #applications-div h4 a.main-nav, #education-div h4 a.main-nav {
	background-position: 50% -40px;
}


/*
div.new-menu h4 a.main-nav span, #main-nav li a.main-nav span {
	position: absolute;
	top:  50%;
	left: 50%
}
*/

#training-login {
	float:left;
	clear:none;
	width: 160px;
}

#training-login label {
	float:left;
	clear:left;
	width: 140px;
	margin: 3px 0;
}

#training-login input, #training-login select {
	float:left;
	clear:left;
	width: 140px;
	margin-bottom: 8px;
}

#training-login input.submit {
	float:left;
	clear:left;
	width: 100px;
	margin-top: 5px;
}
/* main menu customizing */



div.new-menu div.menu-content, #main-nav ul li div.menu-content {
	padding: 10px;
}
div.new-menu div.menu-content ul li h5, #main-nav ul li div.menu-content ul li h5 {
	margin-bottom: 5px;
	background-color: #f0eada;
	padding: 5px 10px 4px 10px;
	border-bottom: 1px solid #d5dee3;
}
div.new-menu div.menu-content ul li.first h5, #main-nav ul li div.menu-content ul li.first h5 {
	background: #f0eada url(images/cnr-w-tl.gif) no-repeat left top;
}
div.new-menu div.menu-content ul li.last h5, #main-nav ul li div.menu-content ul li.last h5 {
	background: #f0eada url(images/cnr-w-tr.gif) no-repeat right top;
}
div.new-menu div.menu-content ul li, #main-nav ul li div.menu-content ul li {
	margin: 0;
	padding: 0;
}
div.new-menu div.menu-content ul li ul li, #main-nav ul li div.menu-content ul li ul li {
	margin: 0;
	border-bottom: 1px solid white;
}
div.new-menu div.menu-content ul li ul li.first, #main-nav ul li div.menu-content ul li ul li.first {
	border-top: 1px solid white;
}
div.new-menu div.menu-content ul li ul li a, #main-nav ul li div.menu-content ul li ul li a {
	display: block;
	padding: 2px 10px;
	background-color: transparent;
}
div.new-menu div.menu-content ul li ul li a:hover, #main-nav ul li div.menu-content ul li ul li a:hover {
	background-color: #f0eada;
	color: #1868a5;
}

div.new-menu div.menu-content ul li h6,
#main-nav ul li div.menu-content ul li h6 {
	padding: 2px 10px;
	margin: 0;
	border: 0;
	font-weight: bold;
	color: black;
	background-color: white;
}


div#search {
	background: url(images/nav-cnr-r.png) no-repeat right top;
	width:270px;
	text-align: right;
	padding-top: 3px;
	position:absolute;
	top:0;
	right:0;
}
body.small div#search {
	width:210px;
}
body.large div#search {
	width:340px;
}
div#search input.entry {
	padding: 1px;
	margin: 6px 5px 0 0;
	font-size: 0.9em;
	border: 1px solid #aaa;

	/*background: url(images/form-bg-search.gif) white no-repeat 0 50%;*/
	font-family: tahoma;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 4px;
	color: #777777;

	width: 75%;
	float:right;
	display:block;
}
div#search input:focus {
	background: white;
}
div#search input.submit {
	padding-top: 5px;
	display:block;
	float:right;
}
#panel-ds {
	width: 100%;
	height: 14px;
	background: url(images/panel-ds.png) repeat-x;
	background-color: transparent;
}
/* legrandRotator.css */

div.scroller {
	position:relative;
	height:422px;
	width:100%;
	margin:0 0 10px 0;
	padding:0;
	overflow:hidden;
}
div.scroll-Container {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	overflow:auto;
	z-index:1000;
}
img.scrollButtons {
	padding:109.5px 0;
	cursor:pointer;
}
img.left {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1500;
}
img.right {
	position:absolute;
	right:0px;
	top:0px;
	z-index:1500;
}
ul.tabs {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:200%;
}
ul.tabs li {
	float:left;
	display:block;
	height:273px;
	margin:0;
	padding:0;
	width:12.48%;
	position:relative;
}
ul.tabs li a.tab-button {
	width:100%;
	display:block;
	height:244px;
	margin:0;
	padding:0;
}

ul.tabs li a img {
	position: relative;
}

ul.tabs li span.heading-bg, ul.tabs li span.linkText {
	position: absolute;
}
ul.tabs li a.tab-button span.linkText {
	position:absolute;
	bottom:29px;
	left:0;
	margin-left:10px;
}
ul.tabs li span.heading-bg {
	filter:alpha(opacity=25);
	opacity:.25;
	bottom:29px;
	left:0;
	width:100%;
	display:block;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	background-color:#11acee;
	display:block;
	height:29px;
}
ul.tabs li.selected span.heading-bg {
	bottom:0;
	filter:alpha(opacity=100);
	opacity:1.0;
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
}
ul.tabs li.selected  a span.linkText {
	bottom:0;
}
ul.tabs li a span.linkText {
	bottom: 4px;
	font-size: 17px;
	display: block;
	color: #ffffff;
	margin-left: 12px;
}
	ul.tabs li a span.linkText .bg {
		background-image: url(images/img_carrotUp.png);
		background-repeat: no-repeat;
		background-position: top left;
		padding-left: 8px;
	}
ul#homeTabs li a:hover {
	text-decoration: none;
}
ul.tabs li.selected a span.linkText {
	
}
	ul.tabs li.selected a span.linkText .bg {
		background-image: url(images/img_carrotDown.png);
	}

/* Rotator Tab images */
#tab1, #tab2, #tab3, #tab4, #tab5, #tab6, #tab7, #tab8 {
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#tab1 {
	/*background-image: url(images/better.jpg);*/
	background-image: url(images/img_better.jpg);
	background-position: 20% 50%;
}
#tab2 {
	background-image: url(images/img_inspiring.jpg);
	background-position: 0% 50%;
}
body.small #tab3 {
	background-position: 7% 52%;
}
#tab3 {
	background-image: url(images/img_productive.jpg);
	background-position: 0% 52%;
}
#tab4 {
	background-image: url(images/img_green.jpg);
	background-position: 2% 52%;
}
body.small #tab4 {
	background-position:20% 52%;
}
#tab5 {
	background-image: url(images/img_flexible.jpg);
	background-position: 8% 52%;
}
#tab6 {
	background-image: url(images/img_safe.jpg);
	background-position: 0% 52%;
}
#tab7 {
	background-image: url(images/img_inventive.jpg);
	background-position: 20% 54%;
}
#tab8 {
	background-image: url(images/img_reliable.jpg);
	background-position: 15% 56%;
}

div.panels {
	background-color: white;
	top:0px;
	left:0px;
	height:415px;
	overflow: hidden;
}
div.panels div.panel {
	width: 100%;
	height:450px;
	background-color:#fff;
	padding-top: 290px;
}
div.panels div.panel h3 {
	margin-bottom: 0px;
}

h3.col-title {
	font-size: 2em;
	font-weight: normal;
	color: #81a0b4;
	padding-bottom: 3px;
	background:#fff;
	}

div.col1 {
	margin: 0 450px 0 23px;
	font-size: 1.1em;
	color: #6a8ca2;
	font-weight: normal;
}
div.col1 img {
	margin-bottom: 4px;
}
ul.col2, ul.col3
{
	list-style-type: none;
	list-style-position: outside;
	float: right;
	color: #2e8acd;
	display: inline;
}
ul.col2 {
	width: 170px;
	padding: 0 2% 0 2%;
	border-left: 1px solid #ccc;
}
ul.col3 {
	width: 170px;
	padding: 0;
	padding: 0 2% 0 2%;
	margin-right: 1%;
	border-left: 1px solid #ccc;
}

 div.col1, ul.col2, ul.col3 {
 margin-top: 0px;
/*  height: 300px; */
}
div.panel ul li ul {
	list-style-type: none;
	margin-bottom: 4px;
}
div.panel ul li ul.sublist li {
	font-weight: bold;
	padding: 0 5px;
	border-right: 1px solid #aaa;
	display: inline;
	font-size: 1em;
}
div.panel ul li ul.sublist li.first {
	padding-left: 0;
}
div.panel ul li ul.sublist li.last {
	padding-right: 0;
	border: 0;
}
div.panel ul li h4 {
	color: #656262;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 4px;
}
div.col1 a.learn-more {
	margin-top: 8px;
	display: block;
	padding-left: 14px;
	background: url(images/learn-more-btn.gif) no-repeat 0 1px;
	color: #6e8ea3;
	font-size: .9em;
	font-weight: bold;
}



/* div.panels div.panel h3 span {
	position: absolute;
	left: -9999px;
	top: -9999px;
}
*/



div.panels div.panel p {
	clear: left;
}

/* buzz /rss block */

#buzz {
      width: 100%;
      background-color: #f2f4f5;
      margin:10px 0 1px;
      padding: 10px 0;
      overflow: hidden;
      height: 12px;
}
#buzz h4 {
      font-family: Century, Arial, Helvetica, sans-serif;
      font-weight: normal;
      color: #3089cd;
      margin: 0 10px 0 23px;
      padding-right: 10px;
      border-right: 1px solid #ccc;
      float: left;
      display: inline;
}
#buzz ul {
      margin-left:72px;
}
#buzz li {
      background-color: transparent !important;
      margin: 0;
      padding: 0 0 16px 0;
}
#buzz li a {
      padding-right:15px;
      background: url(images/buzz-crt.gif) no-repeat center right;
}
#buzz a.rss {
      display: block;
      float: right;
      border-left: 1px solid #aaa;
      padding: 0 15px 0 10px;
      color: #3089cd;
      text-transform:uppercase;
      font-size:110%;
}
/* features section */


#features {
	width: 100%;
	padding: 10px 0 20px 0;
	margin-bottom: 10px;
	background-color: white;
	float: left;
}


/* features layout 1 */

.feature-layout {
	width: 30%;
	margin-left:23px;
	float: left;
	display: inline;
}

.feature-layout h4 {
	font-size: 1.2em;
	margin: 10px 0;
}

.feature-layout span {
	display:block;
	float:left;
	height:83px;
	overflow:hidden;
	width:155px;
}

body.small .feature-layout span.feature-wraper-1 {
	width:96px;
}

body.large .feature-layout span.feature-wraper-1 {
	width:240px;
}

.feature-layout .feature-container{
    display: block;
	height: 83px;
	background:url(images/feature-crt-1.gif) no-repeat top right;
	padding:0 41px 0 0;
	border-right: 1px solid #3089cd;
    }

.blue-arrow-link{ float:right;
                  display:inline;
                  width:41px;
                  height:83px;
                  margin-right:-41px;
                 }


.feature-layout a img.feature-img {
	border-left: 4px solid white;
	border-right: 4px solid white;
}

.feature-layout p {
	margin-top: 10px;
}

/* features layout 2 */

.feature-layout span.feature-wraper-2 {
	width:245px;
}

body.small .feature-layout span.feature-wraper-2 {
	width:190px;
}

body.large .feature-layout span.feature-wraper-2 {
	width:330px;
}

/* features layout 3 */

.feature-layout span.feature-wraper-3 {
	float:none;
	width:290px;
}

body.small .feature-layout span.feature-wraper-3 {
	width:220px;
}

body.large .feature-layout span.feature-wraper-3 {
	width:400px;
}

/* CLEARFIX */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

	.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

/*
.leftTextBox p{
	font-size: 1.2em;
	line-height: 1.6em;
	padding-bottom:10px;
	margin-right:3px;
	width:300px;
}
*/

#footer {
	clear: both;
	width: 100%;
	background: url(images/footer-bg.jpg) repeat-x 0 0;
	color: #81a0b4;
	min-height: 60px;
}

#footer-inner {
	width: 962px;
	/*width: 980px;*/
	padding: 15px 0 0 10px;
	margin: 10px auto;
}

body.small #footer-inner {
	width: 800px;
	}

body.large #footer-inner {
	width: 1230px;
	}


#footer div.copy-contact {
 	width: 40%;
	margin-right: 60%;
	display:inline;
}
#footer div.copy-contact span.copyright {
	padding: 0 10px;
	float: left;
}
#footer div.copy-contact span.contact {
	border-left: 1px solid #aaa;
	padding: 0 20px 0 10px;
	float: left;
	display:inline;
}
body.small #footer div.copy-contact span.contact {
	border-left-width: 0px;
	clear: left;
}
#footer div.terms-form {
	float: right;
	width:59%;
}
body.small #footer div.terms-form {
	width: 69%;
}
#footer div.terms-form ul.ftr-links {
	list-style-type: none;
	margin: 0;
	padding: 0 30px;
	float: right;
	border-left: 1px solid #aaa;
}
#footer div.terms-form ul.ftr-links li {
	display: inline;
	padding-right: 20px;
}
#footer div.terms-form ul.ftr-links li.last {
	padding-right: 0;
}
#footer div.terms-form ul.ftr-links li a {
	color: #3089cd;
	font-weight: bold;
}
div#esignup {
	float: right;
	margin-right: 10px;
	padding-left: 20px;
	border-left: 1px solid #aaa;
}
div#esignup input.entry {
	font-size: 1em;
	padding: 1px;
	margin: 0 5px;
	border: 1px solid #aaa;
}
div#esignup input:focus {
	background: white;
}


.pngFix *
{
	behavior: url(/iepngfix.htc);
}

.pngFix
{
	behavior: url(/iepngfix.htc);
}


/* footer css from main */
#footer
{
height: 84px;
}

#footer #footer-inner
{
	padding: 14px 0px 4px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #90acbd;
	/* border: 1px solid #f00; */
}

/* for some reason the #footer-inner widths set in legrand.css are different from the widths set for #container - we need to make them the same to ensure certain alignments in the footer on content pages */

#footer #footer-inner
{
	width: 995px;
}

body.large #footer #footer-inner
{
	width: 1254px;
}

body.small #footer #footer-inner
{
	width: 774px;
}

#footer #footer-inner div.footer-top
{
	text-align: left;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#footer #footer-inner div.footer-top p.esignuptagline
{
	margin: 0px 0px 0px 0px;
	float: right;
	display: inline;
}

#footer #footer-inner div.footer-top p.esignuptagline
{
	margin-right: 36px;
}

body.large #footer #footer-inner div.footer-top p.esignuptagline
{
	margin-right: 80px;
}

body.small #footer #footer-inner div.footer-top p.esignuptagline
{
	margin-right: 83px;
}

#footer #footer-inner div.footer-top a.feedbacklink
{
	float: left;
	display: inline;
	margin: 0px 0px 0px 12px;
	height: 15px;
	width: 69px;
	background: transparent url(images/v2/button_feedback.gif) no-repeat 0 0;
	text-transform: uppercase;
	text-indent: -5463px;
}

#footer #footer-inner div.footer-top a.feedbacklink:link	{ color: #fff; font-weight: normal; text-decoration: none; background-position: 0 0; }
#footer #footer-inner div.footer-top a.feedbacklink:visited	{ color: #fff; font-weight: normal; text-decoration: none; background-position: 0 0; }
#footer #footer-inner div.footer-top a.feedbacklink:hover	{ color: #fff; font-weight: normal; text-decoration: none; background-position: 0 -15px; }
#footer #footer-inner div.footer-top a.feedbacklink:active	{ color: #fff; font-weight: normal; text-decoration: none; background-position: 0 -15px; }
		
#footer #footer-inner div.copy-contact
{
float: left;
display: inline;
padding: 0px 0px 0px 12px;
margin: 3px 0px 0px 0px;
width: auto;
}

body.small #footer #footer-inner div.copy-contact
{
	width: 204px;
}

#footer #footer-inner .copy-contact span.copyright
{
	padding: 0px 10px 0px 0px;
	margin: 0px;
}

#footer #footer-inner .copy-contact span.copyright a:link	{ color: #90acbd; font-weight: normal; }
#footer #footer-inner .copy-contact span.copyright a:visited	{ color: #90acbd; font-weight: normal; }
#footer #footer-inner .copy-contact span.copyright a:hover	{ color: #90acbd; font-weight: normal; }
#footer #footer-inner .copy-contact span.copyright a:active	{ color: #90acbd; font-weight: normal; }

#footer #footer-inner .copy-contact span.contact {
    border-left:1px solid #D9E3E9;
    margin:0;
    padding:0 0 0 10px;
    white-space:nowrap;
}

body.small #footer #footer-inner .copy-contact span.contact
{
	padding-left: 0px;
	border-left: 0px;
}

#footer #footer-inner div.terms-form
{
float: right;
display: inline;
padding: 0px;
margin: 0px;
}

body.small #footer #footer-inner div.terms-form
{
	width: 545px;
}

#footer #footer-inner div.terms-form div#esignup
{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: right;
	display: inline;
	width: 250px; /* this exact width gets the 1px right border on .ftr-links to align with the 1px left border on the extras column */
	text-align: left;
	border-left: 0px;
}

#footer #footer-inner div.terms-form div#esignup span
{
	padding: 0px 0px 0px 13px;
}

#footer #footer-inner div.terms-form div#esignup input.entry
{
		
}
	
body.medium #footer #footer-inner div.terms-form div#esignup input.entry
{
	width: 58%;
}
	
#footer #footer-inner div.terms-form div#esignup input.submit
{

}

#footer #footer-inner div.terms-form ul.ftr-links
{
	border: 0px;
	padding: 0px;
	margin: 3px 0px 0px 0px;
	border-right: 1px solid #d9e3e9;
}

#footer #footer-inner div.terms-form ul.ftr-links li
{
	padding: 0px 7px 0px 0px;
	margin: 0px;
}
	
#footer #footer-inner div.terms-form ul.ftr-links li.last
{
	padding-right: 13px;
}

#footer-inner .footer-top a {
    display:inline-block;
    width:200px;
    float:left;
    margin-left:10px;
}