body {
	font-size: 16px;
	line-height: 1.4;
	font-family: 'PT Serif Caption', "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	background: white;
	padding: 0;
	float: none !important;
	margin: 0;
	height: 100%;
    overflow-x: hidden;
}






ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


a{
	color: #0071bc;
	text-decoration: none;
	border-bottom: 1px solid #a3dbff;
}

a:hover{
	color: #134868;
	border-bottom-color: #0071bc;
}


a.nav{
	border: none;
}

.right{
	float: right !important;
}

.left{
	float: left !important;
}



#browser_container{
	float: left;
	width: 100%;
	background-image: -ms-linear-gradient(top, #ECECF9 0%, white 20%);
	background-image: -moz-linear-gradient(top, #ECECF9 0%, white 20%);
	background-image: -o-linear-gradient(top, #ECECF9 0%, white 20%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ECECF9), color-stop(.2, white));
	background-image: -webkit-linear-gradient(top, #ECECF9 0%, white 20%);
	background-image: linear-gradient(top, #ECECF9 0%, white 20%);
	border-top: 1px solid silver;

}

#menu_container{
	float: left;
	height: 1.75em;
	padding-top: 2em;
	padding-left: 4em;
}


#menu_container ul li{
	display: inline;
	margin-right: .5em;
	width: 10em;
	padding: .5em 1em;
	
}



#menu_container ul li a{
	font-size: .89em;	
}

#menu_container ul li.selected{
	background: white;
}
#browser{
	width: 100%;
	float: left;
	margin-bottom: 1em;
	behavior: url(styles/PIE.php);
	margin-top: -6em;
	position: relative;
	z-index: 200;
	min-width: 1200px;
}


#navigator_container{
	width: 100%;
	float: left;
	overflow: hidden;
}

#scrollbar1{
	background: #DDE4EA;
}






#navigator_container div.cat-area{
	font-size: .89em;
	font-weight: bold;
	position: relative;
	width: 100%;
	float: left;
	color: white;
	display: none;
}

#navigator_container div.cat-area a{
	color: black;
	border: none;
	padding: .5em 0;
	background: #88BBE7 url(../resource/images/left-area-bck.png) repeat-x;
	background-size: 17px 50px;
	text-indent: 1.75em;
	box-shadow: 0 2px 1px #444;
/* 	text-shadow: 0 1px 0 white; */
	width: 100%;
	float: left;
	border-top: 1px solid gray;
	display: none;
}

#navigator_container div.cat-area a:hover{
	background-position-y: -10px;
	color:#0062ae;
}

#navigator_container div.cat-area a.selected{
	background-position-y: -30px;
	color: white;
	background-color: #2B3A79;
	text-shadow: none;
}


#navigator_container ul li{
	font-weight: normal;
	font-size: .89em;
    width:100%;
    float:left;
        
}

#navigator_container ul li:first-child a{
	border-top: none;
}

#navigator_container ul li:last-child{
	/* padding-bottom: .5em; */
}

#navigator_container ul li a{
	border: none;
	color: black;
	padding: .5em 0;
	width: 100%;
	float: left;
	/*text-indent: 1.75em;*/
	padding-left: 1.75em; 
	text-decoration: underline;
	color: #0071BC;
}


#navigator_container ul li a:hover{
	background: #dedff2;
}

#navigator_container ul li a.selected{
	background: #2c2c2c;
	color: white;
	text-decoration: none;
	cursor: default;
}




#solutions_frame{
	width: 20em;
	height: 90%;
}

.solutions-list{
	width: 18em;
}

#browser_header{
	height: 3em;
	background: white url(../images/gradient_10x48.png) repeat-x;
	float: left;
	width: 100%;
	-webkit-box-shadow:0 1px 1px #999;
   -moz-box-shadow:0 1px 1px #999;
		box-shadow:0 1px 1px #999;
	position: relative;
	z-index: 110;
	border-bottom: 1px solid #999;
}

#browser_footer{
	box-shadow:0 -2px 2px #999;
	position: relative;
	z-index: 100;
	height: 2em;
	float: left;
	width: 100%;
	
}

li.disabled a {
	color: gray !important;
}


#view_container{
	 float: left; 
	z-index: 100;
	position: relative;
	min-height: 100% !important;
	
}

.container{

}
.container_wrapper{
	float: left;
	width: 23%;
	margin-top: 4.5em;
	min-height: 800px;
}
.left_col{
	/* float: left; 
	/* width: 23%; 
	margin-top: 4.5em; */
	overflow-y: scroll;
	max-width: 300px;
	height: 100%;
    
}
.left_col.fixed{
	position: fixed;
	top: 0; 
}
#see_also{
	width: 85% !important;
    margin: auto;
    float: none !important;
}
.addthis_toolbox.addthis_default_style {
    display: block;
    width: 350px;
    margin-left: 35%;
    margin-bottom: 5em;
}
#see_also * {
    float: none;
}
#right_browser_header{
	border-left: 1px solid gray;
	background: white url(../images/gradient_10x48.png) repeat-x;
	height: 100%;
}

.right_col{
	float: left;
	width: 76.5%;
	overflow:hidden;
	
}


.main-container-full{
	width: 100%;
	background: white;
	float: left;
	position: relative;
	z-index: 100;
	
	
}


.main-container{
	width: 100%;
	background: white;
	float: left;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0 0 5px #909090;
	-moz-box-shadow: 0 0 5px #909090;
	box-shadow: 0 0 5px #909090;
	border: 1px solid white;
	position: relative;
	z-index: 100;
	behavior: url(styles/PIE.php);
	
}

.main-container + .main-container{
	margin-top: 1em;
	}



/* ---------------------- Submenu */

.submenu{
	float: left;
	width: 100%;
	background: #3b3b3b;
	-webkit-border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
	padding: .5em 0 0 0;
	behavior: url(styles/PIE.php);
	display: none;
}


.submenu ul {
	float: left;
	margin-left: 1em;
	padding-bottom: .5em;
	padding-right: 1em;
}

.submenu ul li{
	display: inline;
	
}

.submenu ul li a{
	padding: .5em 1em .5em 1em;
	*padding: 0 1em 0 1em;
	font-size: .89em;
	color: white;
	-webkit-border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	border-radius: 7px;
	border: none;
	line-height: 2.5;
	behavior: url(styles/PIE.php);
}

.submenu ul li a span{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: black; 
	color: silver;
	padding: .25em .5em;
	font-weight: bold;
	behavior: url(styles/PIE.php);
}

.submenu ul li a.selected{
	background: black;
	color: white;
	
}

.submenu ul li a:hover{
	background: black;
	
}


.submenu input.search{
	margin-right: 2em;
	width: 20em;
}




input.search{
	font: .89em 'PT Serif Caption', "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	padding: 5px 7px 3px;
	padding-left: 32px;
	line-height: 20px !important;
	/* border-radius: 20px;  */
	border: 1px solid silver;
	background: url(../resource/images/search.png) no-repeat 2px 2px;
	color: silver;
	font-weight: bold;
	width: 7em;
	margin-top:3px;
	behavior: url(styles/PIE.php);
	outline:none;
}


input.search-edited{
	color: black;
	font-weight: normal;
	-webkit-box-shadow: 0 0 2px #298edb;
}







hr{
	border: none;
	border-bottom: 1px solid silver;
	width: 100%;
	float:	 left;
}

.solution-header{
	float: left;
	margin-bottom: 2em;
	width: 100%;
	overflow: hidden;
        position: relative;

}

.solution-bage{
	padding: 1em 0 2em 1.5em ;
	float: left;
	position:relative;
	width: 100%;
	/* margin-top: 2em; */
	margin-top: -2.5em;
        
}

.solution-button{
	margin-left: 2em;
}

a.big-button{
	border-radius: 7px;
	-o-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid silver;
	padding: 1em;
	color: white;
	background-color: gray;
	width: 28em;
	float: left;	
}

span.in-button-arrow{
	width: 100%;
	background: url(../resources/images/button-arrow-embed.png) no-repeat 100% .5em;
	padding: 1.5em 0;
	padding-right: 6em;
}



a.blue-button{
	background-color: #0071BC;
	border-color:  #00416B;
	border-width: 1px;
	background-image: url(../resources/images/noize-button-grad.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	box-shadow: inset 0 -1px 0 #00558D;
}

a.blue-button:hover{
	color: white;
	background-color: #1F8AD1;
}

a.blue-button:active{
	color: white;
	background-image: url(../resources/images/noize-button-grad-hover.png);
	background-position: 0 bottom;
	box-shadow: inset 0 1px 0 #00558D;
}

div.sl-title{
	color:#ef4136;
	float:left;
	font-size: 1.5em;
	line-height: 1;	
	font-weight: bold;
	/* min-width: 10em; */
	min-width: 10em;
	/*margin-top:6px;*/
	float:left; 
	margin-top: 8px; 
	margin-bottom: 16px;
}

.solution-bage div{
	float: left;
}

.solution_container {width:100%}
.solution {width:100%; position: relative;}
.solution-section {width:100%}

.bl_wrapper {
	width:92%;
	position: relative;
}

.story .bl_wrapper+.bl_wrapper {
	border-top: 1px dotted silver;
	margin-top-top: 2em !important;	
}

#main{
    

}

/* ….. Solution menu table */


table.sl-menu{
	border-collapse:separate;
	border-spacing:1px 0px 0px 0px;
	float: left;
	margin-left: 2em;
}

table.sl-menu td{
	vertical-align: middle;
	height: 2em;
	padding: 1em 0; 
}

table.sl-menu td:nth-child(1) {

width: 48px;
}
table.sl-menu thead tr td{
	border-bottom: 1px gray solid;
}

table.sl-menu tbody tr td{
	border-top: 1px white solid;
}


table.sl-menu a{
	border: none;
}



table.sl-menu div.sl-summary{
	text-shadow: 0 1px 0 white;
	color: #3B3B3B;
        
}
table.sl-menu {}
table.sl-menu td img {float:left;  margin-right:16px; margin-top:-4px;}
table.sl-menu td{
	width: auto;
}


ul.sl-menu-list{
	list-style: none;
	float: left;
	margin-top: 0em;
	margin-left: 2em;

}

ul.sl-menu-list li a{
	padding: .5em 1em;
	display: block;
	float: left;
	border-bottom:0px;
}
ul.sl-menu-list li{
	margin-bottom: .5em;
	margin-right: .75em;
	display: block;
	float: left;
}


ul.sl-menu-list li.selected{
	background-color: #1C75BC;
	
}


ul.sl-menu-list li.selected a{
	text-shadow:0  1px 1px #000000;
	filter: dropshadow(color=#000000, offx=-1, offy=0);
	color: white;
	border: none;

}
ul.sl-menu-list li.selected {
 	border-bottom: white 1px solid;
	border-top: #10436C 1px solid;   
}



.sol_bage_text{
	float:left; 
	width:490px; 
	color:#58595b; margin-left:26px;
	font-size:13px; 
	line-height:1.35em; 
	margin-top:10px;
}

div.sl-summary{
	font-size: .89em;
	line-height: 1.4;
	color: gray;
	display: 
}



img.cheat{
	margin-top: 3em;
	margin-left: 4%;
}

a.arr-cat{
	left: 85%;
	top: -1.75em;
	border: none !important;
	padding: 0 !important;
	height: 0;
	width: 1em !important;
	position: relative;
        *top:-1.6em;
}


/*
-----------------------------Buttons
*/


a.link-button{
	background: url(../resource/images/sp-grad-transp.png) repeat-x 0 -29px;
	background-size: 5px 175px;
	padding: 8px 1em;
	border-radius: 5px;
        display:block;
	font-weight: normal;
	border-width: 3px;
	border-style: solid;
	box-shadow: inset 0 1px 1px #D7E8F6;
/*	behavior: url(styles/PIE.php);*/
}


a.add-to-cart{
	background-color: #368DD4; 
	text-decoration:none;
	color: white;
	text-shadow:  0 -1px 1px black;
	border-color: #1A5584;
	margin-top: 3em;
	margin-right: 3em;
	float: right;
    
}

a.add-to-cart:hover{
	box-shadow: inset 0 1px 0px #071d2f;
	padding-top: 9px;
	padding-bottom: 7px;
	color: white;
	background-color: #186eb5;
}

a.add-to-cart img{
	position: relative;
	top: 4px;
	margin-left: .5em;
	
}

   .solution h1{
   font-size: 1.1em;
    line-height: 1em;
    margin: 8px 0 0;
   }
 
   .solution h2{
		font-family: 'DroidSansRegular','PT Serif Caption',"Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;   
		font-size: 1.2em;
   }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Adaptive to Screens Sizes Styles */
@media only screen and (min-width: 1400px) {
  
}
@media only screen and (min-width: 1100px) and (max-width: 1400px) {
  
}
@media only screen and (max-width: 960px) {
	.addthis_toolbox {
		display: none !important;
	}
}



@media only screen and (max-width: 1070px) {
   .solution-bage{

   }
   .solution-menu{

   }
   
   .solution-menu ul li{

   }
   
   ul.secondary-menu li{

	}
	
	.solution-menu ul.secondary-menu, .solution-menu hr {

	}
	
	.solution-bage ul.secondary-menu{

	}
	.solution-bage hr{

	}
   
}



@media only screen and (min-width: 1071px) and (max-width: 1281px) {
   .solution-bage{

   }
   .solution-menu{

   		
   }
   
   .solution p{
   		
   }
   
 
   
}

.index-table {width:100%;}

.sl-menu_top { width:100%; border-bottom:1px solid #808080; padding-top:1em;  overflow: hidden; display: table-cell; //white-space:nowrap;}
.sl-menu_top_icon {
	width:48px;
	display: none;
}

.sl-button-icon{
	width: 32px;
	background:	#e1e4ed;
	height: 32px;
	padding: 6px;
	border-radius: 3px;
	margin-right: 1em;
	border: 1px solid #00416B;
}

.sl-button-icon img{
	position: relative;
	right: 0px;
	top: 0px !important;
	margin: 0 !important;
	width: 32px !important;
	height: 32px !important; 
}

.sl-menu_bott {border-top:1px solid #ffffff;}
.sl-menu_bott .sl-summary {color: #3b3b3b; margin-top:1em; margin-bottom:1em;}

.sl-menu {margin-left:2em;}



.sign-up-button {
   /* background: url("../resources/images/button_gradient_big.png") repeat-x scroll center bottom #C4151B; */
   background: url("../resources/images/button_gradient_big.png") repeat-x scroll center bottom #00619E;
    border-radius: 0 0 0.5em 0.5em;
    box-shadow: 0 1px 2px #888888;
    color: white;
    float: right;
    font-size: 0.89em;
    line-height: 1.4;
    margin-right: 50px;
    margin-top: 12px;
    padding: 0.5em;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 7em;
    z-index: 100;
}
a.sign-up-button:hover {
   /* background-color: #DD000C; */
   background-color: #0071BC;
    color: #FFFFFF;
}
a.sign-up-button:active {
   /* background: none repeat scroll 0 0 #DD000C; */
   background: none repeat scroll 0 0 #0071BC;
   
}