html { height: 100%; }
body { margin: 0; padding: 0; border: none; background:#D8D8D8 url(../img/bokeh-light.jpg) repeat-x; height: 100%; font:14px/1.45 'open sans', Verdana, Geneva, sans-serif; color: #333333; }
img, form { margin: 0; padding: 0; border: none; background: none; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li { margin: 15px 0px 15px 0px; padding: 0; border: none; background: none; }
p{ line-height: 145%;Font-family: 'open sans', Verdana, Geneva, sans-serif; }
input, textarea, select, button { margin: 0; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 12px; }
h1 { margin-top: 0px; font-weight: normal; color: #333; font-size: 24px;}
li { margin: 5px 0px 10px 15px; padding: 0; list-style: disc; }
a { color: #335D97; text-decoration: none; }
a:hover { text-decoration: underline; }

/***** clear *****/
div.clear { margin: 0; padding: 0; border: none; font-size: 1px; line-height: 1px; height: 0px; clear: both; }

/***** hr *****/
div.hr { margin: 15px 0px 15px 0px; padding: 0; border: none; background: #CCCCCC; height: 1px; font-size: 1px; line-height: 1px; }

/***** Blurb Text *****/
div.ProductsBlurb { font-size: 16px; font-weight: bold; cursor: pointer; }

/***** wrapper *****/
div#wrapper { margin: 0; padding: 0px; border: none; background: none; min-height: 100%; position: relative; }

/*  client login */
#client-login
{
	position-relative;
}

#inner-client
{
width:984px;
margin:0 auto;
position:relative;
z-index:5;}

#client-login #inner-client a {
   
		background-color: #0102FD;
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#0102FD), to(#1213B1)); /* Saf4+, Chrome */
 	 background-image: -webkit-linear-gradient(top, #0102FD, #1213B1); /* Chrome 10+, Saf5.1+, iOS 5+ */
 	 background-image:    -moz-linear-gradient(top, #0102FD, #1213B1); /* FF3.6 */
 	 background-image:     -ms-linear-gradient(top, #0102FD, #1213B1); /* IE10 */
 	 background-image:      -o-linear-gradient(top, #0102FD, #1213B1); /* Opera 11.10+ */
 	 background-image:         linear-gradient(top, #0102FD, #1213B1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0102FD', EndColorStr='#1213B1'); /* IE6–IE9 */
    box-shadow: 0 0 4px #666666;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 10px;
    padding-top: 6px;
    position: absolute;
    right: 0px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #B80303;
    text-transform: uppercase;
    top: 0;
    width: 120px;
	letter-spacing:.03em;
}
#client-login #inner-client a:hover
{
	 background-color: #1213B1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1213B1), to(#0102FD)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #1213B1, #0102FD); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #1213B1, #0102FD); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #1213B1, #0102FD); /* IE10 */
  background-image:      -o-linear-gradient(top, #1213B1, #0102FD); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #1213B1, #0102FD);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1213B1', EndColorStr='#0102FD'); /* IE6–IE9 */
	text-decoration:none;
	box-shadow:0px 0px 3px #000;
	text-shadow: 1px 1px 1px #542203;
	border-top:2px solid #1213B1;
}



/***** header *****/
div#header { margin: 0; padding:0 0 10px 0; 	border-bottom:1px solid #ccc; background: #fff; }
div#header div#inner-header { margin: 0px auto 0px auto; padding: 30px 0px 0px 0px; border: none; width: 984px; height: 140px; position: relative; }
div#header div#inner-header a.logo { float: left; display: inline; width: 736px; height: 140px; background: url(../img/logo.jpg) left no-repeat; margin-left:-10px; }
div#header div#inner-header div.contact { float: right; display: inline; color: #999999; text-align: right; line-height: 20px; margin-top: 50px; }
div#header div#inner-header div.language { position: absolute; bottom: 0px; right: 0px; }


div#header div#inner-header div.contact { 
	float: right; 
	display: inline; 
	color: #999999; 
	text-align: right; 
	line-height: 20px; 
	margin-top: 50px; 
	margin-right:0px; }
div#header div#inner-header div.language { 
	position: absolute; 
	bottom: 25px; 
	right:0px; }

/***** nav *****/
/* ------ begin new dropdown nav css -------- */


/*
div#nav 
{
	margin: 0; 
	padding: 0; 
	border: none; 
	background: none; 
	text-transform:uppercase;
	height:40px;
	//box-shadow:inset 0px 0px 1px #0002B2;
	background: #C2C2C2;// -moz-linear-gradient(#C6C6C6, #666);  FF 3.6+  
	border:none;
	//background:#A7AAA8;
	border:1px solid #fff;
	border-right:none;
	border-left:none;
	background:#969696;
}

div#nav div#inner-nav 
{
	margin: 0px auto 0px auto; 
	padding: 0 0px 0px 0px; 
	border: none; 
	width: 984px;  
//	height: 45px; 
//	background: url(../img/topMenuBk.jpg) 0px 15px no-repeat; position: relative; for search box background only
}

#inner-nav{width:960px;}

#nav li:hover > a,
#nav ul ul :hover > a,
#nav a:focus {
	background: #5E5D62;
}


#navlist, #navlist ul 
{
	padding: 0;
	list-style: none;
}

#navlist
{
	width:739px;
	margin:0 auto 0;
	float:left;
}

#navlist a:hover{
	height:40px;
	background-color:#5E5D62;
	}

#navlist li
{
	list-style-type:none;
	display:inline;
	padding:0px
}

#navlist li ul
{
	display:block;
	margin: 0 auto;
}


#navlist li 
{
	float: left;
	padding:0 0 0 0;
	margin:0;
}

#navlist li a{
	display:block; 
	text-shadow:0px 0px 1px #333;
	margin:0 2px;
	line-height:40px;
	text-decoration:none;
	font-family:'Open Sans', sans-serif;
	color:#fff; 
	font-size:12px; 
	padding:0 10px;
	letter-spacing:0.08em; 
	line-height:40px;
	}
	

	
#navlist li a:hover
{
  text-decoration:none;
	text-shadow:1px 1px 1px #333;
}
*/	
	
/* --- drop down sub nav --- */
/*#navlist li ul 
{
	position: absolute;
	width: 8em;
	left:-999em;  //hide until hover
}

#navlist li:hover ul 
{
	left: auto;
	margin:0;
	padding:0;
}


#navlist li:hover ul, #nav li.sfhover ul // may need to add js for ie6 bug
{
	left: auto;
}

#subnavlist
{
	//margin-top:-15px;
	height:300px;
	width:186px;
	
}

#subnavlist li
{
	margin:0;
	padding:0;
	width:186px;
	height:30px;

	
}

#subnavlist li a
{
	background:url('../img/submenu-markets.jpg') 0px 0px no-repeat; width:186px; height:100%; display:block; height:30px;text-indent:-99999px; 
	margin:0;
	padding:0;
	margin-left:-2px;
	
}

.subnavlist, #subnavlist-products
{
	margin-top:0;
	height:300px;
	width:100%;
	z-index:100;
}

.subnavlist li, #subnavlist-products li
{
	margin:0 0 0 2px;
	padding:0;
	width:220px;
	height:39px;
}

.subnavlist, #subnavlist-products li
{width:230px;}

.subnavlist li a, #subnavlist-products li a
{
	margin:0;
	padding:0;
}

.subnavlist a:hover, #subnavlist-products a:hover{margin:0;border-left:0px solid transparent; height:39px;}

.subnavlist li a, #subnavlist-products li a
{
	background:#5E5D62;	
}

#navlist ul.subnavlist li a:hover, #subnavlist-products li a:hover
{
	background:#898989;	
}


*/


/*   ----- NEW DROP DOWN CODE 3 LEVELS    ------ */

div#nav li
{
	margin:0;
	padding:0;
	list-style:none;
}

#nav {
	background: #222; /* Show a solid color for older browsers */
	clear: both;
	display: block;
	float: left;
	width: 100%;
	margin:0; 
	text-transform:uppercase;
	box-shadow:none;
	/*height:40px;
	box-shadow:inset 0px 0px 1px #0002B2;*/
	border:1px solid #fff;
	border-right:none;
	border-left:none;
	background: #969696;
}

div#nav div#inner-nav 
{
	margin: 0px auto 0px auto; 
	padding: 0 0px 0px 0px; 
	border: none; 
	width: 984px; 
	/*background: url(../img/topMenuBk.jpg) 0px 15px no-repeat; position: relative; *//*for search box background only*/
}


#nav ul {
	font-size: 12px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
	
	
}
#nav li {
	float: left;
	position: relative;
}
#nav a {
	color: #fff;
	display: block;
	line-height: 3.333em;
	/*padding: 0 1.2125em;*/
	padding:0 1em;
	text-decoration: none;
	text-shadow:0px 0px 1px #333;
	letter-spacing:.08em;


	
}
#nav ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#nav ul ul ul {
	left: 100%;
	top: 0;
}
#nav ul ul a {
	background:#5E5D62;;
	font-size: 12px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 230px;
}

#nav li:hover > a,
#nav ul ul :hover > a,
#nav a:focus {
	background: #898989;
}
#nav li:hover > a,
#nav a:focus {
	background: #5E5D62; /* Show a solid color for older browsers */
	color: #fff;
}
#nav ul li:hover > ul {
	display: block;
}

#nav .current_page_item > a,
#nav .current_page_ancestor > a {
	font-weight: bold;
}


#nav a.current
{

background-image: linear-gradient(bottom, rgb(196,196,196) 21%, rgb(234,236,237) 83%);
background-image: -o-linear-gradient(bottom, rgb(196,196,196) 21%, rgb(234,236,237) 83%);
background-image: -moz-linear-gradient(bottom, rgb(196,196,196) 21%, rgb(234,236,237) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(196,196,196) 21%, rgb(234,236,237) 83%);
background-image: -ms-linear-gradient(bottom, rgb(196,196,196) 21%, rgb(234,236,237) 83%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.21, rgb(196,196,196)),
	color-stop(0.83, rgb(234,236,237))
);

background-image: linear-gradient(bottom, rgb(219,219,219) 8%, rgb(201,201,201) 69%, rgb(224,224,224) 100%);
background-image: -o-linear-gradient(bottom, rgb(219,219,219) 8%, rgb(201,201,201) 69%, rgb(224,224,224) 100%);
background-image: -moz-linear-gradient(bottom, rgb(219,219,219) 8%, rgb(201,201,201) 69%, rgb(224,224,224) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(219,219,219) 8%, rgb(201,201,201) 69%, rgb(224,224,224) 100%);
background-image: -ms-linear-gradient(bottom, rgb(219,219,219) 8%, rgb(201,201,201) 69%, rgb(224,224,224) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.08, rgb(219,219,219)),
	color-stop(0.69, rgb(201,201,201)),
	color-stop(1, rgb(224,224,224))
);


	color:#333;
	text-shadow:none;
	}
	



div#nav div#inner-nav div.search { float: right; display: inline; width: 180px; height: 20px; margin: 9px 0px 0px 0px; }
div#nav div#inner-nav div.search input[type="text"] { margin: 0; padding: 0; border: none; width: 120px; height: 20px; vertical-align: top; box-shadow:inset 0px 0px 2px #888; }
div#nav div#inner-nav div.search input[type="submit"] { margin: 0; padding: 0; border: none; width:45px; height: 20px; vertical-align: top;/* font-size: 1px; line-height: 1px; background: url(../img/inputSearchSubmit.jpg);*/ cursor: pointer; }


/***** content *****/
div#content { margin:0; padding: 0; border: none; background: none; border-top:1px solid #ccc; border-bottom:1px solid #ccc; clear:both;}
div#content div#inner-content { margin: 0px auto 0px auto; padding: 15px 10px 15px 10px; border: none; background: rgba(255,255,255,.5); width: 984px; }
div#content div#inner-content div#content-left { float: left; display: inline; margin: 0; padding: 0; border: none; background: none; width: 210px; }
div#content div#inner-content div#content-left div.menu { display: inline-block; margin: 0; padding: 0px 15px 0px 15px; border: none; background: none; width: 190px; font-size:12px; }
div#content div#inner-content div#content-left div.menu p{}
div#content div#inner-content div#content-left div.menu.home { background:rgba(0, 85, 255, 0.3); min-height: 350px; }
div#content div#inner-content div#content-left div.menu.home p.title { font-size: 14px; font-weight: bold; }
div#content div#inner-content div#content-left div.menu.common { background:rgba(0, 85, 255, 0.3); min-height: 250px; }
div#content div#inner-content div#content-left div.menu.common p.title { font-size:14px; font-weight:bold; }
div#content div#inner-content div#content-left div.menu.common a { color: #333; font-size: 14px; font-weight: bold; }
div#content div#inner-content div#content-left div.menu.common ul li { margin: 0 0 0 15px; padding:1px 0;}
div#content div#inner-content div#content-left div.menu.login { padding: 0; width: 100%; }
div#content div#inner-content div#content-left div.menu.login p.title { margin: 0; font-size: 14px; font-weight: bold; color: #151515; padding-bottom:1px;border-bottom: 2px solid #0000FE; }
div#content div#inner-content div#content-left div.menu.common h1 {font-size:20px; margin-top:10px;}
div#content div#inner-content div#content-left div.menu.login p.title.margin-top { margin-top: 25px; }
div#content div#inner-content div#content-left div.menu.login p { margin: 8px 0px 8px 0px;}
div#content div#inner-content div#content-left div.menu.login div.links { }
div#content div#inner-content div#content-left div.menu.login a { color: #333333; }
div#content div#inner-content div#content-right { float: left; display: inline; margin: 0px 0px 0px 24px; padding: 0; border: none; background: none; width: 750px; min-height:450px; }
div#content div#inner-content div#content-right div#flash { margin: 0; padding: 0; border: none; background: none; text-align: center; }
div#content div#inner-content div#content-right div#flash object { margin: 0; padding: 0; border: none; background: none; vertical-align: top; }
div#content div#inner-content div#content-right div#flash embed { margin: 0; padding: 0; border: none; background: none; vertical-align: top; }
div#content div#inner-content div#content-right div.content { margin: 15px 0px 15px 0px; }
div#content div#inner-content div#content-right div.content.text-right { text-align: right; }
div#content div#inner-content div#content-right div.content.submit .margin-left { margin-left: 15px; }
div#content div#inner-content div#content-right div.h1 { margin: 15px 0px 15px 0px; font-size: 18px; font-weight: normal; color: #0000FE; }

/***** footer *****/

div#footer { margin:0, padding:0; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.09); border-top: 1px solid #FFFFFF; box-shadow: 0 0 1px #0002B2 inset; padding: 0;
}
div#footer div#inner-footer { margin: 0px auto 0px auto; padding: 15px 0px 15px 0px; border: none; width: 984px; }
div#footer div#inner-footer img { vertical-align: top; }
div#footer div#inner-footer div.left { float: left; display: inline; }
div#footer div#inner-footer div.middle { float: left; display: inline; margin-left: 234px;}
div#footer div#inner-footer div.right { float: right; display: inline; }

/***** system message *****/
div#content div#inner-content div#content-right div.system-message { margin: 15px 0px 15px 0px; padding: 14px 10px 10px 44px; border: 1px solid #CCCCCC; background: #EDEDED 10px 10px no-repeat; color: #333333; font-weight: bold; min-height: 20px; line-height: 16px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
div#content div#inner-content div#content-right div.system-message.success { color: #4F8A10; border-color: #4F8A10; background-color: #DFF2BF; background-image: url(../img/cms/icon-success.png); }
div#content div#inner-content div#content-right div.system-message.error { color: #D8000C; border-color: #D8000C; background-color: #FFBABA; background-image: url(../img/cms/icon-error.png); }
div#content div#inner-content div#content-right div.system-message.information { color: #00529B; border-color: #00529B; background-color: #BDE5F8; background-image: url(../img/cms/icon-information.png); }
div#content div#inner-content div#content-right div.system-message.warning { color: #9F6000; border-color: #9F6000; background-color: #FEEFB3; background-image: url(../img/cms/icon-warning.png); }

/***** box *****/
div#content div#inner-content div#content-right div.box { float: left; display: inline; margin: 0; padding: 0; border: none; background: none; width: 174px; }
div#content div#inner-content div#content-right div.box.margin-left { margin-left: 18px; }
div#content div#inner-content div#content-right div.box div.image { width: 172px; height: 172px; line-height: 172px; border: 1px solid #F0F0F0; text-align: center; }
div#content div#inner-content div#content-right div.box div.image img { vertical-align: middle; max-width: 100%; max-height: 100%; border:1px solid #ccc; }
div#content div#inner-content div#content-right div.box div.title { margin: 5px 0px 0px 0px; text-align: center; }
div#content div#inner-content div#content-right div.box div.brand { margin: 5px 0px 0px 0px; text-align: center; }
div#content div#inner-content div#content-right div.box div.price { margin: 5px 0px 0px 0px; text-align: center; }
div#content div#inner-content div#content-right div.box div.cart { margin: 5px 0px 0px 0px; text-align: center; }
div#content div#inner-content div#content-right div.box div.cart input[type="text"] { margin: 0; width: 30px; text-align: center; vertical-align: middle; }
div#content div#inner-content div#content-right div.box div.cart button { margin: 0px 0px 0px 5px; font-size: 10px; vertical-align: middle; }

/***** form table *****/
div#content div#inner-content div#content-right table.form { margin: 0; padding: 0; border: none; background: none; border-collapse: collapse; }
div#content div#inner-content div#content-right table.form tr th { margin: 0; padding: 3px 0px 0px 0px; border: none; background: none; text-align: left; vertical-align: top; }
div#content div#inner-content div#content-right table.form tr td { margin: 0; padding: 0px 0px 0px 10px; border: none; background: none; text-align: left; vertical-align: top; }
div#content div#inner-content div#content-right table.form tr td.spacer { height: 15px; font-size: 1px; line-height: 1px; }
div#content div#inner-content div#content-right table.form tr td input[type="text"] { margin: 0; width: 250px; }
div#content div#inner-content div#content-right table.form tr td input[type="password"] { margin: 0; width: 250px; }
div#content div#inner-content div#content-right table.form tr td button.margin-left { margin-left: 15px; }
div#content div#inner-content div#content-right table.form tr td div.error-message { margin: 5px 0px 0px 0px; color: #CC0000; }

/***** data table *****/
div#content div#inner-content div#content-right table.data { margin: 0; padding: 0; border: 1px solid #CCCCCC; background: none; border-collapse: collapse; width: 100%; }
div#content div#inner-content div#content-right table.data tr th { margin: 0; padding: 5px 8px 5px 8px; border: 1px solid #CCCCCC; background: #335D97; color: #FFFFFF; font-weight: bold; text-align: left; vertical-align: middle; }
div#content div#inner-content div#content-right table.data tr th.text-center { text-align: center; }
div#content div#inner-content div#content-right table.data tr th.text-right { text-align: right; }
div#content div#inner-content div#content-right table.data tr th.min-width { width: 1%; }
div#content div#inner-content div#content-right table.data tr td { margin: 0; padding: 5px 8px 5px 8px; border: 1px solid #CCCCCC; background: none; text-align: left; vertical-align: middle; }
div#content div#inner-content div#content-right table.data tr td.even { background: #F0F0F0; }
div#content div#inner-content div#content-right table.data tr td.odd { background: #FFFFFF; }
div#content div#inner-content div#content-right table.data tr td.hover { background: #FFFFCC; cursor: pointer; }
div#content div#inner-content div#content-right table.data tr td.text-center { text-align: center; }
div#content div#inner-content div#content-right table.data tr td.text-right { text-align: right; }
div#content div#inner-content div#content-right table.data tr td.min-width { width: 1%; }
div#content div#inner-content div#content-right table.data tr td.no-wrap { white-space: nowrap; }
div#content div#inner-content div#content-right table.data tr td span { margin: 0px 5px 0px 5px; color: #999999; }
div#content div#inner-content div#content-right table.data tr td input[type="text"] { margin: 0; width: 30px; text-align: center; }

/***** info table *****/
div#content div#inner-content div#content-right table.info { margin: 0; padding: 0; border: 1px solid #CCCCCC; background: none; border-collapse: collapse; }
div#content div#inner-content div#content-right table.info caption { margin: 0; padding: 7px 10px 7px 10px; border: 1px solid #CCCCCC; border-bottom: none; background: #335D97; text-align: left; vertical-align: top; color: #FFFFFF; font-weight: bold; }
div#content div#inner-content div#content-right table.info tr th { margin: 0; padding: 7px 10px 7px 10px; border: 1px solid #CCCCCC; border-right: none; background: none; text-align: left; vertical-align: top; font-weight: normal; width: 1%; white-space: nowrap; }
div#content div#inner-content div#content-right table.info tr th.text-center { text-align: center; }
div#content div#inner-content div#content-right table.info tr th.text-right { text-align: right; }
div#content div#inner-content div#content-right table.info tr th.even { background: #FFFFFF; }
div#content div#inner-content div#content-right table.info tr th.odd { background: #F0F0F0; }
div#content div#inner-content div#content-right table.info tr td { margin: 0; padding: 7px 10px 7px 10px; border: 1px solid #CCCCCC; border-left: none; background: none; width: auto; text-align: left; vertical-align: top; }
div#content div#inner-content div#content-right table.info tr td.text-center { text-align: center; }
div#content div#inner-content div#content-right table.info tr td.text-right { text-align: right; }
div#content div#inner-content div#content-right table.info tr td.even { background: #FFFFFF; }
div#content div#inner-content div#content-right table.info tr td.odd { background: #F0F0F0; }

/***** login header *****/
div#content div#inner-content div#content-right div.login-header { margin: 15px 0px 15px 0px; padding: 0px 0px 15px 0px; border: none; border-bottom: 1px solid #CCCCCC; background: none; }
div#content div#inner-content div#content-right div.login-header div.logo { margin: 0; padding: 0; border: none; background: none; }
div#content div#inner-content div#content-right div.login-header div.logo img { vertical-align: top; }
div#content div#inner-content div#content-right div.login-header div.info { margin: 15px 0px 0px 0px; padding: 0; border: none; background: none; }
div#content div#inner-content div#content-right div.login-header div.info span.welcome { margin: 0px 10px 0px 0px; }
div#content div#inner-content div#content-right div.login-header div.info span.separator { margin: 0px 10px 0px 10px; color: #999999; }
div#content div#inner-content div#content-right div.login-header div.breadcrumbs { margin: 15px 0px 0px 0px; padding: 0; border: none; background: none; font-weight: bold; }
div#content div#inner-content div#content-right div.login-header div.breadcrumbs a { font-weight: normal; }
div#content div#inner-content div#content-right div.login-header div.breadcrumbs span { margin: 0px 10px 0px 10px; color: #999999; font-weight: normal; }

/***** paragraph table *****/
div#content div#inner-content div#content-right p.table span.th { display: inline-block; font-weight: normal; }
div#content div#inner-content div#content-right p.table span.td { display: inline-block; margin-left: 25px; }
div#content div#inner-content div#content-left div.menu.home 
{
	background:rgba(119,202,21,0.2);
	background:rgba(0, 85, 255, 0.3);
	min-height:551px;
}

div#content div#inner-content div#content-right div.login-header div.breadcrumbs
{display:none;}
/* --------------  index page grid gallery --------------*/

div.pp_social
{
	display:none;
	}
.gallery-wrap
{
	padding:0px;

	
	}
.gallery-box
{
	float:left;
	width:365px;
	margin:1px 8px 8px 0;
	padding:0;
	height:250px;
	background:#ccc;
	position:relative;
	overflow:hidden;
	background-size:cover;
	box-shadow:0 0 3px #333;
	border:1px solid #777;
	}
	
.gallery-box img
{
	padding:0;
	}
	
.gallery-box span, .gallery-box a span
{
	position:absolute;
	bottom:0;
	left:0;
	padding:10px 0 10px 10px;
	display:block;
	width:100%;
	background-color:rgba(0,0,0,.6);
	color:#ccc;
	font-size:13px;
	text-decoration:none;
	-moz-transition:padding .3s ease-out;
	}
	
.gallery-box span:hover, .gallery-box a span:hover
{
	padding:12px 0 12px 10px;
	background:rgba(0,0,0,.8);
	color:#fff;
}
#img1
{
	background-image:url(../img/led-corp.jpg);
	background-size:cover;

	}
	
#img2
{
	background-image:url(../img/05-400.jpg);
	background-size:cover;
	}
	
#img3
{
	background-image:url(../img/03-400.jpg);
	}
	
#img4
{
	background-image:url(../img/04-400.jpg);	
}

#img5
{
	background-image:url(../img/Industrial02-400.jpg);	
}

#img6
{
	background-image:url(../img/Property-Management-400.jpg);	
}



/*   -------   end index images  -------   */


#slider {
    width: 740px; /* important to be same as image width */
    height: 572px; /* important to be same as image height */
    position: relative; /* important */
		overflow: hidden; /* important */
		
		margin:0 auto;
}
#sliderContent {
    width: 740px; /* important to be same as image width or wider */
    position: absolute;
		top: 0;
		margin: 0;
		padding:0;
}
li.sliderImage {
    float: left;
    position: relative;
		display: none;
		margin:0;
		padding:0;
}
.sliderImage span {
    position: absolute;
    padding: 10px 13px;
    width: 60%;
background-color:rgba(0,0,0,.7);
    color: #efefef;
    display: none;

}

#sliderContent li.sliderImage span a
{
	background:rgba(255,255,255,.3);
	padding:2px 4px;
	color:#333;
	display:inline-block;
	margin:5px 0;
	text-decoration:none;
}
#sliderContent li.sliderImage span a:hover
{
	background:rgba(150, 150, 150,.8);
	}

.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 50px;
	left: 0px;
}
.bottom {
	bottom: 50px;
    right: 0px;
}	


#frame
{
	width:740px;
	height:453px;
	border:3px solid #fff;
	overflow-x:hidden;
	overflow-y:auto;
	position:relative;
	z-index:5;
	box-shadow:1px 1px 5px #999;
}

#frame2
{
	width:740px;
	height:495px;
	border:3px solid #fff;
	overflow-x:hidden;
	overflow-y:auto;
	position:relative;
	z-index:5;	
	box-shadow:1px 1px 5px #999;
	}

#frame3
{
	width:740px;
	height:625px;
	border:none;
	overflow-x:hidden;
	overflow-y:auto;
	position:relative;
	z-index:5;	
	box-shadow:none;

	}

div#frame ul#slides,
div#frame2 ul#slides,
div#frame3 ul#customslides {
		list-style: none;
		padding:0;
		margin:0;
					top:0;
			left:0;
	}
		div#frame ul#slides li,
		div#frame2 ul#slides li,
		div#frame3 ul#customslides li {
			margin: 0 0 0px 0;

		}


/* ---------------Retail Lighting------------------*/

#grid-wrap
{
	width:736px;
	display:block;
	margin: 0 auto;
	
}

div.grid-box
{
	/*width:355px;
	height:235px;*/
	padding:0;
	margin: 0 3px 3px 0;
	float:left;
	overflow:hidden;
	border:2px solid #fff;
	box-shadow:1px 1px 3px #777;
	width:237px;
  height:156px;
	
	}
div.grid-box a img
{
	width:100%;
	height:auto;
	max-width:100%;
	}



/* -------------- contact page ------------------*/

.contact-details
{
	width:44%;
	float:left;
	padding:15px;
	margin:0 5px;
	background:rgba(218, 218, 237, 0.2);
	min-height:220px;
	}
	
p.office
{
	color:#888;
	font-size:18px;
	margin-top:0;
	letter-spacing:.02em;
	}
	
div.video iframe {
    border: 3px solid #444;
    box-shadow: 0 0 3px #666666;
    display: block;
    margin: 0 auto;
}



/*  -------- new features ----------*/

.product-feature
{
	padding:0 20px;	
}

ol
{

}

ol.product-text li
{
	list-style:upper-latin outside;
	color:#333;
	margin-left:18px;



	}
	
ol.product-text li span.letter
{


}


/*  ---  news -----*/


div.video
{
	z-index:-1;
	}
	
div.video iframe
{
	border:2px solid #666;
	}


/*   ---------- energy savings  -------------*/

div.collage
{
	width:740px;
	height:546px;
	background:#fff url(../img/Collage-energy-savings.jpg);
	border:1px solid #ccc;
	box-shadow:0 0 4px #555;
	}

div.centered
{
	width:380px;
	margin:0 auto;
	padding:255px 0 0 0 ;
}

div.centered p
{
	margin:5px 0;	
}
div.centered p.heading-title
{
	font-size:22px;
	margin:10px 0 5px 0;
	color:#158E0C;	
	}

div.centered ul
{
	margin:0;	
}

div.centered ul li
{
	margin:0;
	list-style:inside;
	line-height:1.5;
	padding:1px 0;
	}
	
span.added-value
{
	color:#158E0C;	
	
}
/*------------
news page----
-------------*/
ul.pdf-links
{
	margin-top:0;
	}

ul.pdf-links li
{
	list-style:none;
	display:inline-block;
	margin-right:0 4px 0 0;
	width:225px;
	}

ul.pdf-links li img
{
	border:2px solid #fff;
	display:block;
	}

ul.pdf-links a
{
	display:block;
	padding:5px;
	}
ul.pdf-links a:hover
{
	text-decoration:underline;
	}
	
/*------------------------
brands scroller
------------------------*/	

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
div#content div#inner-content div#content-right div#featured-brands
{
	padding:0 0 25px 0;
	}


div#content div#inner-content div#content-right div.list_carousel {
	padding:0 !important;
	margin:0;
	background-color:#fff;
	box-shadow: 0 0 2px #CCCCCC;
}
div#content div#inner-content div#content-right div.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
div#content div#inner-content div#content-right div.list_carousel li {

	width: 150px;
	height: 75px;
	padding: 0;
	margin:0;
	display: block;
	float: left;
}

/*------------------------------------------
Calculator
------------------------------------------*/
#calc-table
{
	padding:25px;
	background:rgba(255,255,255,0.5);
	}

#calc-table td.table-heading
{
	background:rgba(0, 46, 255, 0.1);
	padding:5px;
	}
	
#calc-table select
{
	padding:4px 0px 4px 10px;
	border:none;
	box-shadow:0 0 1px #ccc;
	}
input.calc
{	
width:40px;
}

td.inputs
{
	text-align:right;
	padding-right:5px;
	}
	
#calc-table td.divider
{
	border-bottom:1px dashed #666;
	height:15px;
	margin-bottom:5px;
	}
	
#calc-table tr > td.divider
{
	margin-bottom:15px;
	}
	
#calc-table td.small-desc
{
	font-size:80%;
	color:#666;
	}
	
	
#totalSavingsLamp, #totalSavings, #kwhReduction, td.results
{
	font-weight:bold;
	}
	
	
	
/*  hydro credit  */	
/*  hydro credit  */	
a.hydro-credit
{
	 display:block; 
	 background:#333 url(../img/hydro.png) top left no-repeat; 
	 margin: 0 -15px 5px -15px; 
	 padding:10px 10px 15px 95px;
	 font-size:13px;	
	 color:#fff;
	 text-decoration:none;
	 line-height:1.4;
}


a.hydro-credit:hover
{

	 color:#ffdc52;
	 background-position:0 -90px;
}


/* calculator-link*/

div#content div#inner-content div#content-left div.menu.common p.menu-header,
div#content div#inner-content div#content-left div.menu.home p.menu-header
{
	 display:block; 
	 background:#333; 
	 width:100%;
	 /*height:2em;*/
	 font-size:16px;	
	 color:#fff;
	 text-decoration:none;
	 padding:15px 15px 20px 15px;
	 margin-left:-15px;
	 margin-top:0;
	 text-align:center;
	 font-weight:normal;
	 
}

div#content div#inner-content div#content-left div.menu.home p.menu-header
{
	padding:0 15px;	
}

div#content div#inner-content div#content-left div.menu.common a.calculator-link
{
	color:#fff;
	font-weight:normal;
	border-bottom:1px solid #ccc;
}

div#content div#inner-content div#content-left div.menu.common a.calculator-link:hover
{

	 color:#ffdc52;
	 letter-spacing:.012em;
	 border-bottom:1px solid #ffdc52;
	 text-decoration:none;
}

span.small-note
{
	font-size:11px;
	line-height:1;
	display:block;
	}
span.hydro-partners
{
	display:block;
	font-size:9px;
	text-transform:uppercase;
	letter-spacing:.1em;
	line-height:1.2;
	color:#eee;
	padding:5px 0;
	margin-left:-15px;
	margin-right:-15px;
	background:#666;
	border-top:1px solid #888;
	border-bottom:1px solid #555;

}


/* calculator slide link*/
.calculator-link-wrap {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid #AAAAAA;
    border-top: 1px solid #CCCCCC;
    margin: 10px -17px;
    padding: 5px 12px;
    width: 200px;
		box-shadow:0 2px 4px -1px #6D82A8;
}


.calculator-link-wrap #slide_calculator {
    background: url('../img/slider-bg1.png') repeat scroll 0 0 ;
    float: left;
    height: 85px;
    margin-top: 6px;
    width: 200px;
}
.calculator-link-wrap #slide_calculator .currency {
    font-family:'MyriadWebProRegular', arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
}
.calculator-link-wrap #slide_calculator .input.currency {
    color: #25AAE1;
		color:#fff;
}
.calculator-link-wrap #slide_calculator .output.currency {
    color: #8DC63F;
		color:#fff;
		
}

#slide_calculator .ui-slider .ui-slider-handle
{
	height:12px;
	width:12px;
	}
	
#slide_calculator .slider .ui-slider
{
	height:6px;	
}
.calculator-link-wrap a.calc-learn-more
{
	color:#618401;
	display:inline-block;
	width:90%;
	text-align:right;
	text-transform:uppercase;
	letter-spacing:.03em;
	font-size:80%;
}

/*New Hydro Link*/
.hydro-wrapper
{
	display:block;
	width:214px;
	margin-left:-17px;
	box-shadow:0px 1px 6px -2px #6D82A8;
	border-bottom: 1px solid #AAAAAA;
  border-top: 1px solid #CCCCCC;
	margin-top:5px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
  box-shadow:0 2px 4px -1px #6D82A8;

	}
.slideshow
{
	display:block;
	width:100%;
	height:50px;
	background:#fff;
	padding:0 5px;
	/*border-top:1px solid #555;
	border-bottom:1px solid #555;*/
	
}

.administer
{
	display:block;
	width:100%;
	background:#fff;
	color:#222;
	font-family:'open sans',sans-serif;
	font-size:13px;
	font-weight:normal;
	line-height:1.3;
	padding:5px;
	text-align:center;
	}
	
.partners
{
    /*background: none repeat scroll 0 0 #666666;
    color: #EEEEEE;*/
    display: block;
		width:100%;
    font-size: 8px;
    letter-spacing: 0.15em;
    line-height: 1.1;
    padding: 8px 5px;
    text-transform: uppercase;
		font-family:'open sans',sans-serif;
		text-align:center;
		background: #fff;
    color: #777;
	}
	
	
	
a.hydro
{
	display:block;
	height:50px;
	width:210px;
	/*margin:0 20px;*/
	text-indent:-9999px;
	}
	
a.hydro-quebec
{
	background:#fff url(../img/hydro-logos.png) no-repeat 0 0;
	}
	
a.hydro-quebec:hover
{
	background-position:0 -49px;
	}
a.hydro-one
{
	background:#fff url(../img/hydro-logos.png) no-repeat -210px 0;	
}

a.hydro-one:hover
{
	background-position:-210px -49px;	
}