@charset "UTF-8";
/* CSS Document */
/*=================================== CSS Document =============================================*/
html, div, ul, li, input, select, textarea, form, p, dl, dt, dd, h1, h2, h3, h4, h5, h6 {	margin:0;	padding:0; }
body {font-family:'Open Sans', Arial, sans-serif; background:#f1f1f1 ; margin:0px 0 0 0; padding:0;color: #666;font-size: 14px;}


/*===================================Global Styles starts here=============================================*/
a {text-decoration:none;  outline:none; color:#006D9A; cursor:pointer; }
a:hover {text-decoration:none;}
a img {border:none}
.clear {clear:both !important; }
.u{text-decoration:underline !important;}
.u-none{text-decoration:none !important;}
.b{font-weight:bold !important;}
.em{ font-style:italic !important;}
.hand{cursor:pointer !important;}
.no-border{border:none !important;}
.no-bg{background:none !important;}
h3 a { color:#565959 !important;}
h3 a:hover { color:#565959 !important; text-decoration:underline;}
/*===================================overflow=============================================*/
.o-hidden{overflow:hidden !important;}
.o-auto{ overflow:auto !important; }

/*===================================alignment=============================================*/
.a-left{text-align:left !important;}
.a-center{text-align:center !important;}
.a-right{text-align:right !important;}

/*===================================float=============================================*/
.f-left {float:left !important;}
.f-right {float:right !important;}
.f-none {float:none !important;}
.c-left{clear:left !important;}

/*===================================margin=============================================*/
.m-zero{ margin:0 !important}
.m-left5{margin-left:5px !important;}
.m-top5{margin-top:5px !important;}

/*===================================padding=============================================*/
.p-left0{ padding-left:0 !important}


/*===================================fonts=============================================*/
.f-size13{ font-size:13px !important}
 


/*==================== ===============fields=============================================*/
input, select, textarea{font-family:'Open Sans', Arial, sans-serif;}

/*---------------------------------title--------------------------- */
h1 {font-family:'Open Sans', Arial, sans-serif; color:#333333; font-size: 1.8em; font-style: normal; font-weight: normal; padding: 20px; line-height: 30px;}
.store_category_product h3 { font-family: 'Open Sans'; color:#e46c0a !important; font-size:24px; line-height:24px; letter-spacing: 1px;}
.store_category_product h3 a{ font-family: 'Open Sans'; color:#e46c0a !important;}
.store_category_product h3 a:hover{ font-family: 'Open Sans'; color:#e46c0a !important;}
#outerwrapper {
	background-color: #fff;
	margin-top: 0px;
	padding: 0 0px;
	min-height:600px;
}


/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#main,
#outerwrapper {margin: 0 auto;width: 100%;}
#branding{margin: 0 auto;  height: 120px; width: 100%; background-position: center top;}
#content {
	background-color:#fff; 
	font-size:12px;
	margin-left:auto; margin-right:auto; margin-bottom:21px;
	min-height:300px;max-width: 800px; padding: 53px 50px 50px 50px;}
	

/* =Header
-------------------------------------------------------------- */

#header {padding: 0px;}
#site-title {float: left;font-size: 30px;line-height: 36px;margin: 0 0 18px 0;width: 700px;}
#site-title a {color: #000;font-weight: bold;text-decoration: none;}
#site-description {clear: right;float: right;font-style: italic;margin:0px;margin-right:-28px;margin-top:-10px;width: 220px;padding:0px;}
#branding img {display: block;float: left;
}
/* =Menu
-------------------------------------------------------------- */

#access {display: block;float: left;margin:auto; width: 100%; background-color:#303743;}
#access .menu-header,
div.menu {font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; font-weight:600; width: 928px;margin-left:-60px; text-align:center;}
#access .menu-header ul,
div.menu ul {list-style: none; margin:0px 0px 0px 5%; text-align:left;}
#access .menu-header li,
div.menu li {float: left;position: relative; text-align:left;}
#access a {color: #e2e2e2;display: block;line-height: 60px;padding: 0px 25px 5px 25px;text-decoration: none;}
#access ul ul {box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);display: none;position: absolute;top: 65px;left: 0;float: left;
width: 160px;z-index: 99999;}
#access ul ul li {min-width: 180px; text-align:left;}
#access ul ul ul {left: 100%;top: 0; text-align:left;}
#access ul ul a {background: #303743;line-height: 1.3em;padding: 10px;width: 160px;height: auto; text-align:left;}
#access li:hover > a,
#access ul ul :hover > a {background:#f47e3c;color: #e2e2e2;}
#access ul li:hover > ul {display: block;}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
color: #fff;}
#access .menu-header, div.menu, #colophon, #branding, #main, #outerwrapper {margin: -18px auto 0px auto;width: 100%;}
#server_commands{display:none;}

/* =Content
-------------------------------------------------------------- */

#middle {clear: both;overflow: hidden;padding: 12px 0 0 0; margin:0 0 23px 2px}
#bottom {color: #000000; height: 127px;}
#bottom a {color: #333333; text-decoration:underline;}
#bottom a:hover {color: #006699;text-decoration:underline;}
.signup{ float:left; margin:-6px 0 0 0; text-decoration: none; font-weight: bolder; font-style: normal;  font-size: 14px;}
.signup a{color: #cccccc; text-decoration:none}
#footer {background-color:#303743; padding-top:70px; padding-bottom:90px;text-align:center;font-family:'Open Sans', Arial, sans-serif; font-size:14px; color:#5E729B;}
#footer a {color:#DDD; text-decoration:none;}

/* =shop css
-------------------------------------------------------------- */
.search-bg {background-color:#ffffff; padding:5px; }
.store_search { background-color: #ffffff; float: left;  height: 17px; margin-top: 10px; padding: 5px; position: relative; width: 100%; }
.searchtext {  color: #666666; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; }
.search_field { background: none repeat scroll 0 0 #F9F9F9; padding:2px;  border: 1px solid #CCCCCC; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset; color: #000; font-family: Arial,Helvetica,sans-serif; font-size: 11px; }

.loginlinks  { font-size:16px; color: #666666; background-color:#ffffff; padding:5px; padding-right:10px; }
.loginlinks a {color: #666666; text-decoration:none;}
.loginlinks a:hover {color: #e2e2e2; text-decoration:none;}
.crumb {  font-size: 12px }
.crumb { color: #FFFFFF; text-decoration:none; }
.crumbover { color: #cccccc; text-decoration:none; }
.crosslinktext, .crosslinktextul, .crosslinktitle, a.newbar { font-size: 12px; font-weight: normal; padding: 0 8px; }


#store_title {  color: #000; font-size: 20px; margin-bottom: 10px;    }
#store_column1 { /*border-right: 1px dotted #333333;*/ float: left;  position: relative; width: 490px; }
.store_product {   /*border-top: 1px solid #CCCCCC;*/   float: left; height: auto;   padding-bottom: 10px; padding-top: 10px;  width: 397px; }
.img_product {  float: left;   width: 150px; }
.store_product p.price { width: 50px; }
.store_product p { }
.price { float: right; font-weight: bold; font-size:14px; margin-right: 10px;  margin-top: 8px; color:#E87511; }
.store_category_product { padding-bottom: 10px; border: 1px solid #CCCCCC; float: left; margin: 5px; padding: 10px; width: 233px; min-height: 225px;}
.store_category_product p{   margin-bottom: 5px; margin-top:5px;}
#store_column2 { float: right; margin-top: -15px; position: relative; width: 280px; }

#store_column1_product { height: auto; min-height: 100%;  position: relative;  width: 280px; margin-left:auto; margin-right:auto; text-align:center; }
#store_column2_specs { margin-top: 15px;  padding-left: 30px; position: relative; width: 95%; }
ul { list-style: square outside none;  margin: 0 0 18px 1.5em; }
.title{color: #e46c0a; font-size: 40px; font-family: 'Open Sans';   text-align:center; letter-spacing:2px;  }
.title-right{color: #000; font-size: 14px; margin-bottom:7px; font-weight:bold;  }

*:first-child+html .title{
	margin-top:10px;
}
.subtitle { color: #E87511; font-family:'Open Sans', Arial, sans-serif;  font-size: 14px;  font-weight: bold; }
.input, .inputreq { background: none repeat scroll 0 0 #fff !important;  -moz-border-bottom-colors: none; -moz-border-image: none;  -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #7B7B7B #7B7B7B #DCDCDC;    border-width: 1px; padding: 5px 4px; margin-top:5px; margin-bottom: 3px; }
.input, .inputreadonly, .inputtotalling, .totallingcurrency { color: #000000; font-size: 12px; }
.buy_items { }
.buy_items .none {margin-top: 15px;}
.none { border: medium none; }
input, textarea { color: #000000; font-size: 14px; line-height: 18px; padding:2px;}

.cartbutton {border:2px solid #000000; padding:10px; background-color:white; cursor:pointer; -webkit-appearance: none; -moz-appearance: none; appearance:none; margin-right:10px; margin-bottom:10px;}
.product-page-cartbutton {border:2px solid #000000; padding:10px; background-color:white; cursor:pointer; -webkit-appearance: none; -moz-appearance: none; appearance:none;}
.infobutton {border:2px solid #e46c0a; padding:10px; background-color:white; cursor:pointer; text-decoration:none; font-size:14px; line-height:18px; color:#e46c0a; -webkit-appearance: none; -moz-appearance: none; appearance:none;}
.infobutton a:hover{text-decoration:none;}
.infobutton-pbs {border:2px solid #649600; padding:10px; background-color:white; cursor:pointer; text-decoration:none; font-size:14px; line-height:18px; color:#649600; -webkit-appearance: none; -moz-appearance: none; appearance:none;}
.infobutton-pbs a:hover{text-decoration:none;}
.infobutton-chargers {border:2px solid #2083B4; padding:10px; background-color:white; cursor:pointer; text-decoration:none; font-size:14px; line-height:18px; color:#2083B4; -webkit-appearance: none; -moz-appearance: none; appearance:none;}
.infobutton-chargers  a:hover{text-decoration:none;}
.infobutton-lighting {border:2px solid #B9AA0A; padding:10px; background-color:white; cursor:pointer; text-decoration:none; font-size:14px; line-height:18px; color:#B9AA0A; -webkit-appearance: none; -moz-appearance: none; appearance:none;}
.infobutton-lighting a:hover{text-decoration:none;}

.greytitle {  color: #000; font-size: 20px; margin-bottom: 15px; line-height: 30px; text-align:left;}
.smalltextnolink { font-size: 12px; text-decoration: none; color:#000; }
.greytitle { font-size: 14pt; }
.bgbutton { background-color:#fd6734; font-size:14px;  color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px;	border-radius:3px; border:0; padding:5px 10px; cursor:pointer; font-weight:bold; }
.nlbutton { background-color:#000; font-size:14px;  color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px;	border-radius:3px; border:0; padding:5px 10px; cursor:pointer; font-weight:bold; }
.bglt { background-color: #fff; }
.bgmd { background-color: #fff; }
.textboldnolink {color: #000; font-size: 20px; margin-bottom:7px; text-decoration: none;}
/*#handle_portlet_-521{display:none; }*/

#carttable #carttableheader td, .listheadernosort { background: none repeat scroll 0 0 #dedede !important; color: #000 !important; font-size:13px; font-weight:bold;  }
table { border-collapse: collapse; border-spacing: 0; }
.table_fields td { text-align:left; }
#address td { text-align:left; }
.checkoutprogresstext { text-align:left; }
#servercontentneg519_splits td { text-align:left; }
.listheadernosort { height:100%; padding: 5px 5px 5px 5px; vertical-align: top; color: #666666; background-color:#DDDDDD; }
.listheadernosortwht { height:100%; padding: 2px 5px 2px 5px; vertical-align: top; color: #666666; background-color: #FFFFFF; }
#carttable td {  background: none repeat scroll 0 0 #FFFFFF !important; }
#carttable #carttableheader td, .texttable, .texttablert, .texttablectr{ 
	background:#FFF !important;
	color:#333 !important;
	border:none;
	border-bottom: solid 1px #dedede;
}


.smalltextul {font-size:12px; }
.extcartborder { border-top: 1px solid #dedede; font-size: 8pt; }
.extcartbordershaded { background-color: #dedede; border-top: 1px solid #dedede; font-size: 8pt; }
.extcarttotal { border-top: 1px solid #dedede; font-size: 10pt; }
.extcarttotalshaded { background-color: #dedede;  border-top: 1px solid #dedede; font-size: 10pt; }
.pt_body { background: none repeat scroll 0 0 #FFFFFF;  border-bottom: 1px solid #B5B5B5;  border-top: 1px solid #B5B5B5; height: 26px; padding-right: 10px; }
.pt_head, .pt_end { height: 28px; outline: medium none;  position: absolute; text-indent: -999999px;  width: 10px; background-image:none; }
.main_col0 { padding-bottom: 5px;  padding-top: 5px; width: 25%; }
.listheader { height: 100%;  padding: 2px;  vertical-align: top; background-color:#dedede; background-image:none;}
.pt_body { border-bottom: 0px solid #B5B5B5;}
.texts{  font-family:'Open Sans', Arial, sans-serif; font-size:12px; color:#333; text-decoration:none; }
/*td { vertical-align: middle !important; }*/

#thirdPartyCheckoutButtons{text-align:right; padding-right: 0px !important; float:right;}
#searchportlettag{ margin:0px !important; padding:0px !important;}
#tbl_checkout{ display:block !important;}
#tbl_cancel{ display:block !important;}
#tbl_recalc{ display:block !important;}

#storefront {text-align:center; margin-bottom:40px; font-family:'Open Sans', arial, sans-serif; font-size:28px; color:#000000; font-weight:400;}
.solio2014-store-title {font-size:30px; color:#e46c0a; text-align:center; line-height:normal;}
.solio2014-pbs-store-title {font-size:30px; color:#649600; text-align:center; line-height:normal;}
.solio2014-chargers-store-title {font-size:30px; color:#2083B4; text-align:center; line-height:normal;}
.solio2014-lighting-store-title {font-size:30px; color:#B9AA0A; text-align:center; line-height:normal;}
#solio2014-store-tile {font-family:'Open Sans', Arial, sans-serif; font-size: 14px; max-width:300px; padding:40px;}
.cellimage {width:90%; margin: 20px auto 20px auto;}
.solio2014-description {margin-top:20px; margin-bottom:20px; text-align:justify; color:#666;}
.solio2014-description h3{font-size:14px; color:#333; margin-bottom:10px;}
.storeline {max-width:800px; border-top:1px solid #e46c0a;}
.storeline-pbs {max-width:800px; border-top:1px solid #649600;}
.storeline-chargers {max-width:800px; border-top:1px solid #2083B4;}
.storeline-lighting {max-width:800px; border-top:1px solid #B9AA0A;}
.storeprice {font-size:22px; margin-bottom:20px; color:#999;}
.storebuttonrow {margin-bottom:30px;}
.storebuttonrow form {display:inline;}
.solio-products {width:85%; margin: 10px auto 0px auto; text-align:left; color:white; font-size: 32px; background-color:#ff960c; padding:10px;}
.pbs-products {width:85%; margin: 10px auto 0px auto; text-align:left; color:white; font-size: 32px; background-color:#8ed500; padding:10px;}
.charging-products {width:85%; margin: 10px auto 0px auto; text-align:left; color:white; font-size: 32px; background-color:#08BFF7; padding:10px;}
.lighting-products {width:85%; margin: 10px auto 0px auto; text-align:left; color:white; font-size: 32px; background-color:#F3DF00; padding:10px;}
.category-description {width:85%; margin: 10px auto 0px auto; text-align:left; color:#212121; font-size: 14px; padding:10px;}
.solio2014-store-title {font-size:30px; color:#e46c0a; text-align:center; line-height:normal;}
#solio2014-product-page {margin-top:10px; margin-bottom:0px;}
#solio2014-product-header {width:100%; margin:20px auto; text-align:center;}
.product-center {width:100%; margin:20px auto;}
.product-center img{display:inline; margin-top:20px; margin-bottom:30px;}
.store-detailed-description {font-family:'Open Sans', Arial, sans-serif; font-size: 14px;}
.store-detailed-description h2{font-family:'Open Sans', Arial, sans-serif; font-size: 22px; color:#E46C0A; margin-bottom:10px;}
.related-items {border-top:1px solid #e46c0a; font-family:'Open Sans', Arial, sans-serif; font-size:16px; padding-top:40px;}
.related-items-pbs {border-top:1px solid #649600; font-family:'Open Sans', Arial, sans-serif; font-size:16px; padding-top:40px;}
.product-page-box {font-family:'Open Sans', Arial, sans-serif; font-size: 14px; color:#666; width:100%; margin:auto; min-height:20px; border-bottom:1px solid #e7e7e7; padding-top:50px; padding-bottom:50px; -webkit-appearance: none; -moz-appearance: none; appearance:none;}
.product-page-box-pbs {font-family:'Open Sans', Arial, sans-serif; font-size: 14px; color:#666; width:100%; margin:auto; min-height:120px; padding-top:50px; padding-bottom:30px; -webkit-appearance: none; -moz-appearance: none; appearance:none;}
.specs-box {font-family:'Open Sans', Arial, sans-serif; font-size: 14px; color:#666; width:100%; margin:auto; padding-top:50px; padding-bottom:50px; -webkit-appearance: none; -moz-appearance: none; appearance:none;}
.specs-box-pbs {font-family:'Open Sans', Arial, sans-serif; font-size: 14px; color:#666; width:100%; margin:auto; padding-top:50px; padding-bottom:50px; -webkit-appearance: none; -moz-appearance: none; appearance:none;}
.specs-box-pbs h6{font-family:'Open Sans', Arial, sans-serif; font-size: 14px; color:#64900;}
.product-page-box h1{font-family:'Open Sans', Arial, sans-serif; color:#333333; font-size: 1.8em; font-style: normal; font-weight: normal; padding-bottom: 20px; line-height: 30px;}
.product-page-box h2{font-family: 'Open Sans', arial, sans-serif; color: #e46c0a; font-size: 1.6em; font-weight: normal; margin-bottom: 10px;}
.product-page-box-pbs h5{font-family: 'Open Sans', arial, sans-serif; color: #649600; font-size: 16px; font-weight: bold; margin-bottom: 10px; margin-top:35px;}
.product-page-box-pbs h6{font-family: 'Open Sans', arial, sans-serif; color: #000; font-size: 16px; font-weight: normal; margin-bottom: 10px;}
.product-page-box img{border:1px solid #cccccc;}
.specs {font-family: 'Open Sans', Arial, sans-serif; font-size: 1em; color: #e46c0a; line-height: 30px; font-weight: bold;}
.emp {color:black; font-weight:bold;}
.img-left {float:left; margin-right:30px; margin-top:10px; margin-bottom:30px;}
.img-right {float:right; margin-left:30px; margin-top:10px; margin-bottom:30px;}