/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_3 {
  width: 220px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_6 {
  width: 460px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_9 {
  width: 700px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

.container_12 .grid_12 {
  width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_3 {
  padding-left: 240px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_3 {
  left: 240px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_6 {
  left: 480px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_9 {
  left: 720px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_3 {
  left: -240px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_6 {
  left: -480px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_9 {
  left: -720px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}








body {
	font-family: 'Roboto Condensed', sans-serif;
	background: url(../img/clouds.png) repeat-x;
	background-position: 0 82px;
	color:#4d4d4d;
}

a {
	outline:none;
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6, ul.nav {
	font-family: 'Oswald', sans-serif;
}

h1 {
	font-size:2.5em;
	font-weight:normal;
	margin:0;
	padding-bottom:15px;
	line-height:40px;
}

h2 {
	font-size:1.9em;
	font-weight:normal;
}

.logo {
	display:block;
	margin-top:23px;
}

.top_bar {
	background:#383838;
	height:82px;
}

ul.nav {
	float:right;
	margin-top:26px;
}

ul.nav li {
	display:inline-block;
	margin-left:25px;
}

ul.nav li a {
	color:white;
	font-size:0.77em;
	text-transform:uppercase;
	padding: 0 2px 1px 2px;
	border-bottom:3px solid transparent;
	transition: border-bottom .15s ease-in-out;
    -moz-transition: border-bottom .15s ease-in-out;
    -webkit-transition: border-bottom .15s ease-in-out;	
	
}

ul.nav li a:hover, ul.nav li.active a{
	border-bottom:3px solid #46bad3;
}

.head {
	text-align:center;
	padding-top:160px;
}

.clouds {
	background: url(../img/clouds_2.png) repeat-x 0 75px;
	height:450px;
	overflow:hidden;
}

.home_bg {
	background: url(../img/home_bg.jpg) no-repeat center 80px;
	min-height:750px;
}

.home_bg p {
	font-size:0.85em;
	line-height:18px;
	padding-bottom:10px;
}

.home_button, .more_button {
	display:block;
	width:380px;
	height:33px;
	background:#46bad3;
	-webkit-border-radius:4px;
	border-radius:4px;
	color:white;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	text-align:center;
	padding-top:13px;
	border-bottom:3px solid #389aaf;
	transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -webkit-transition: background .15s ease-in-out;	
}

.home_button:hover, .more_button:hover {
	background:#55c3db;
}

.home_button:active, .more_button:active {
	background:#47b6ce;
}

.share {
	float:left;
	height:16px;
	padding-left:22px;
	background: url(../img/share.png) no-repeat;
	cursor:pointer;
	margin-top:2px;
	color:#d0d0d0;
	font-family: 'Oswald', sans-serif;
	line-height:18px;
	margin-top:10px;
	font-size:0.7em;
}

.share:hover {
	background-position:0 -16px;
	color:#46bad3;
}



.share_box {
	margin-left:68px;
	margin-top:6px;
	width:110px;
	background:white;
	position:absolute;
	display:none;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:14px;
	border:1px solid #d8d8d8;

}

.share_box .fb-like {
	margin-bottom:10px;
}

.more_button {
	padding-top:9px;
	width:130px;
	height:23px;
	float:right;
	font-size:0.8em;
    margin-top: 38px;
}

.product {
	margin-bottom:35px;
	border-bottom:1px solid #e8e8e8;
	padding-bottom:35px;
    overflow: auto;
}

ol {
	padding:20px;
	list-style-type:decimal;
	font-size:0.82em;
	margin-bottom:20px;
}

.no-border {
	border:0;
}

.rst {
	margin-top:-45px;
	margin-bottom:40px;
}


.product p {
	font-size:0.85em;
	line-height:18px;
	margin-top:10px;
}

.product h3 {
	font-size: 1.3em;
	color:#505050;
    margin-top: 16px;
}

.home_router {
	margin-bottom:210px;
}

.home_router img{
	float:right;
	margin-top:28px
}

.home_switch img{
	margin-top:28px
}

.home_switch p, .home_switch h1 {
	text-align:right;
}

.home_switch .home_button {
	float:right;
}
.bottom {
	background: url(../img/grass.png) repeat-x bottom;
	min-height:272px;
	padding-bottom:30px;
}

.footer {
	background:#2a2a2a;
	padding-bottom:22px;
	padding-top:42px;
	border-top:2px solid #1b1b1b;
    margin-top: 10px;
}

.footer h3 {
	color:white;
	font-size:1.25em;
	font-weight:normal;
}

.footer ul li a {
	color:#a1a1a1;
	transition: color .15s ease-in-out;
    -moz-transition: color.15s ease-in-out;
    -webkit-transition: color .15s ease-in-out;		
	font-size:0.9em;
}

.footer ul li a:hover {
	color:white;
}

.footer ul {
	margin-top:12px;
}

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

.foot_sep {
	margin-top:28px;
	border-top:1px solid #3f3f3f;
}

ul.footer_nav {
	float:right;
	margin-top:26px;
}

.footer_nav li {
	display:inline-block;
	margin-left:10px;
}

.rotate_s {
    -webkit-transition-duration: 0.15s;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;   
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;   
    overflow:hidden;
}  
 
.rotate_s:hover {
    -webkit-transform:rotate(30deg);
    -moz-transform:rotate(30deg);
    -o-transform:rotate(30deg);
}

.feat {
	color:white;
	text-align:center;
}

.feat h3 {
	font-weight:normal;
	font-size:1.2em;
	margin-bottom:3px;
}

.feat p {
	font-size:0.84em;
	line-height:14px;
}

.feat a {
	display:block;
	width:50px;
	height:50px;
	background:url(../img/see.png) no-repeat;
	text-indent:-99999px;
	position:absolute;
	margin-top:-85px;
	margin-left:85px;
}
.home_h2 {
	margin-bottom:80px;
}

.about p, .ctable {
	font-size:0.85em;
	line-height:18px;
	padding-bottom:20px;
}

.spaceer {
	height:30px;
	width:100%;
}

thead td {
	vertical-align:middle;
}

.space h2:first-child {
	margin-top:40px;
}

.ctable td a {
	color:#46bad3;
}

p a {
	color:#46bad3;
}

p a:hover {
	text-decoration:underline;
}

p a:hover, .ctable td a:hover {
	text-decoration:underline;
}

.about h3 {
	margin-bottom:5px;
}

.ctable {
	margin-bottom:50px;
	width:410px;
}

.ctable td {
	padding: 7px 15px 7px 0;
	border-bottom:1px solid #e2e2e2;
}

.product_bg {
	width:300px;
	height:300px;
	background: #73eaff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM3M2VhZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTBjZGUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  #73eaff 0%, #50cde2 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#73eaff), color-stop(100%,#50cde2)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #73eaff 0%,#50cde2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #73eaff 0%,#50cde2 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #73eaff 0%,#50cde2 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #73eaff 0%,#50cde2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73eaff', endColorstr='#50cde2',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	-webkit-border-radius:200px;
	border-radius:200px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}

.products p {
	font-size:0.85em;
	padding-bottom:20px;
}

.products h2 {
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:10px;
}

.zoom {
	display:block;
	width:42px;
	height:42px;
	background: url(../img/zoom.png) no-repeat;
	opacity:0.8;
	position:absolute;
	margin-top:-42px;
	text-indent:-99999px;
	transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;	
}

.zoom:hover {
	opacity:1;
}


.parameters_table,.clearance_table {
	border-collapse:collapse;
	border-color:#dcdcdc;
	color:#4F6B72;
	margin-bottom:10px;
	width:100%;
}

.parameters_table {
	border-width:0px;
}

.clearance_table {
	border-width:1px;
}

.clearance_table td {
	font-size:0.85em;
	border:none;
	border-bottom:1px solid #dcdcdc;
	padding:7px;
}

.parameters_table th {
	padding:5px;
	border-bottom:1px solid #dcdcdc;
}

.parameters_table thead td {
	font-weight:bold;
}

.parameters_table td {
	font-size:0.85em;
	border:none;
	border-bottom:1px solid #dcdcdc;
	padding:7px;
}

.parameters_table tr:nth-child(even){
	background:#fcfcfc;
}

.ita {
	font-style:italic;
}

#cboxContent {
	padding:20px;
}

.imgz {text-indent: -99999px; height: 110px; overflow: hidden}