/* Body
================================================== */

body {
	background-color: #efefef;
	background-image: url('/assets/img/bg/square_bg.png');
}


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx)
{
	body {
		background-size: 200px 200px;
		background-image: url('/assets/img/bg/square_bg_@2X.png');
	}
}

/* Main Wrapper
================================================== */

.main-wrap {
	width: 1024px;
	min-width: 320px;
	margin: auto;
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

.wide .main-wrap {
	width: auto;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Top Header
================================================== */

.top-header {
	font-size: 11px;
	line-height: 30px;
	max-width: 1024px;
	min-width: 320px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: auto;
}

.wide .top-header {
	padding: 0 32px;
}

.top-header .top-header-left {
	float: left;
}

.top-header .top-header-right {
	float: right;
}

.top-header .social-list {
	margin: 0;
}

.top-header .social-list li {
	line-height: 30px;
	width: 30px;
	margin: 0;
	text-align: center;
}

.top-header .inline-list {
	line-height: 30px;
	margin: 0;
}

.top-header .top-header-left .inline-list li {
	margin-left: 16px;
	margin-right: 0;
}

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

.lt-ie8 .header {
	border: 1px solid #dfdfdf;
	border-width: 0 1px;
}

.header {
	border-bottom: 1px solid #e6e6e6;
	background-color: #ffffff;
}

.header .header-row {
	display: table;
	width: 100%;
	height: 130px;
}

.header .header-col {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

.header .toolzone {
	float:right; text-align:right; font-size:14px; margin:50px 0 0 0;
	display:inline-block;
	white-space:nowrap;
	z-index:9999;
}

.header .toolzone .fa {
	vertical-align:!important;
}

.header .toolzone a {
	line-height:22px;
}

.header .toolzone a:hover {
	text-decoration:underline;
}

/* Header Brand
================================================== */

.header .brand .logo {
	display: inline-block;
	vertical-align: middle;
}

.header .brand .logo img {
	vertical-align: top;
	max-height: auto;
	max-width: 100%;
}

.header .brand .tagline {
	font-size: 13px;
	line-height: 1.5;
	color: #888888;
	display: block;
	margin-top: 9px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.header .flags {
	position:absolute; top:1px; right:0; padding:0; text-align:right;
}

.header .flags a {
	color:#B3001F;
}

.header .flags a:hover {
	text-decoration:underline;
}

.header .flags .stamp {
margin:3px 0 0 0 ;
}

/* Navigation
================================================== */

.header .navigation {
	text-align: right;
	max-width:650px;
	height:40px;
	position:absolute;
	bottom:0px; right:0;
}

.header .navigation .tinynav {
	display: none;
	float:right;
	margin:20px;
	border: 1px solid #dddddd;
}

.header .navigation ul {
	margin: 0;
	padding: 0;
	float: right;
	line-height: 1;
	list-style: none;
	position: relative;
}

.header .navigation ul li {
	text-align: left;
}

.header .navigation > ul > li.nav-guide {
	position: absolute;
	height: 1px;
	bottom: -1px;
	display: block;
	background-color: #00704A;
}

.header .navigation > ul > li.nav-guide.animate {
	-webkit-transition:opacity 200ms ease 0.3s, left 100ms ease 140ms, width 170ms ease;
	-moz-transition:opacity 200ms ease 0.3s, left 100ms ease 140ms, width 170ms ease;
	transition:opacity 200ms ease 0.3s, left 100ms ease 140ms, width 170ms ease;
}

.header .navigation ul li a {
	display: block;
	outline: none;
	position: relative;
}

.header .navigation ul ul {
	top: -9999px;
	left: -9999px;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	border-top: 0;
	z-index: 388;
	-webkit-transition: .2s ease-out opacity, .2s ease-out padding-top;
	-moz-transition: .2s ease-out opacity, .2s ease-out padding-top;
	transition: .2s ease-out opacity, .2s ease-out padding-top;
}

.header .navigation ul ul li {
	min-width: 180px;
	position: relative;
	font-size: 12px;
	background-color: #ffffff;
	border: 1px solid #e8e8e8;
	border-top: 0;
	white-space: nowrap;
}

.header .navigation ul ul li [class*="icon-"] {
	margin-right: 3px;
	vertical-align: middle;
}

.header .navigation ul ul li a {
	color: #787878;
	padding: 12px 15px;
}

.header .navigation ul ul li:hover > a {
	background-color: #f0f0f0;
	color: #686868;
}

.header .navigation ul li:hover > ul {
	top: 100%;
	left: 0;
	padding-top: 9px;
	opacity: 1;
	pointer-events: auto;
}

.header .navigation > ul > li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 40px;
	line-height: 20px;
}

.header .navigation > ul > li:hover > a, 
.header .navigation > ul > li.active > a {
	color: #282828;
}

.header .navigation > ul > li > a {
	color: #686868;
	padding: 6px 0;
}

.header .navigation ul ul li > ul {
	border-top: 1px solid #ebebeb;
	-webkit-transition: opacity .15s ease-out;
	-moz-transition: opacity .15s ease-out;
	transition: opacity .15s ease-out;
}

.header .navigation ul ul li:hover > ul {
	left: 100%;
	opacity: 1;
	padding: 0;
	top: -1px;
}

/* Side bar
================================================== */

div.sidebar {
	width: 240px;
	float: right;
	min-height: 100px;
	padding:5px 5px 20px 5px;
	margin-left:10px;
}

div.sidebar div.spacer, div.related div.spacer {
	margin: 5px 0 10px 0;
}

div.sidebar ul#menul {
	padding:0;
	margin:0;
	width:100%;
}

div.sidebar ul#menul li {
	list-style:none;
	padding:4px 0 4px 2px;
}

div.sidebar ul#menul li a {color:#444;}
div.sidebar ul#menul li a {text-decoration:none;}
div.sidebar ul#menul li a div.active {font-weight:bold; color:#00704A;}
div.sidebar ul#menul li:hover {background:#f8f8f8;}

/* Related
================================================== */

ul#related {
	padding:0;
	margin:0;
	width:100%;
}

ul#related li {
	list-style:none;
	padding:4px 0 4px 2px;
}

ul#related li a {color:#444;}
ul#related li a {text-decoration:none;}
ul#related li a div.active {font-weight:bold;}
ul#related li:hover {background:#f8f8f8;}


/* file lists
================================================== */

/* file lists
================================================== */

div#filelist {
		margin:0 0 20px 0;
		float:left;
		width: 100%;
}

div#filelist a:hover {
		text-decoration: none;
}

div#filelist ul.ln-list {
	margin:0;
	padding-left:0;
	padding-bottom:6px;
	float:left;
	width:100%;
	list-style:none;
	display:block;
	
}
div#filelist ul.ln-list li {
	float:left;
	list-style:none;
	width:100%;
	cursor:pointer;
}
div#filelist ul.ln-list li:nth-child(odd) {background:#fafafa;}
div#filelist ul.ln-list li a div {padding:6px 0 8px 5px;}
div#filelist ul.ln-list li:hover {background:#f8f8f8;}
div#filelist ul.ln-list li a {color:#666;}
div#filelist ul.ln-list li a span {font-size:11px; color:#999; margin:0 10px 0 5px; float:right;}

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

.content {
	padding-bottom: 10px;
	background-color: #ffffff;
}

.lt-ie8 .content {
	border: 1px solid #dfdfdf;
	border-width: 0 1px;
}

.content > .container.main {
	padding-top: 20px;
}

.full7 h2{
	font-size: 14px;
}

.one_half {
	float: left;
	width: 47%;
	margin-bottom:20px;
}

.one_half.last {
	/*position: relative;
	left: 5%;*/
	margin-right: 0;
}

.one_third {
	width: 31%;
	float: left;
	min-height: 50px;
	margin-right: 3%;
	margin-bottom:20px;
}

.one_third.last {
	margin-right: 0;
	float:right;
	width:32%;
}
.one_fourth {
	width: 22%;
	float: left;
	margin-right: 4%;

	margin-bottom:20px;	
}

.one_fourth.last {margin-right: 0;}

.readmore {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	border-radius: 3px;
	background-color: #00704A;
	background-image: -moz-linear-gradient(top, #00704A, #005537);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00704A), to(#005537));
	background-image: -webkit-linear-gradient(top, #00704A, #005537);
	background-image: -o-linear-gradient(top, #00704A, #005537);
	background-image: linear-gradient(to bottom, #00704A, #005537);
	border: 1px solid #409e33;
	background-repeat: repeat-x;
	color: #ffffff;
	padding: 2px 12px;
	margin:10px 0 0 0;
	line-height: 18px;
	font-size: 12px;
	outline: none;
	font-weight: normal;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.readmore:hover,
.readmore:focus {
	color: #ffffff;
	text-decoration: none;
	background-position: 0 35px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}

/* Page Header
================================================== */

.page-header {
	border-bottom: 1px solid #e6e6e6;
	padding: 25px 0;
	margin-bottom: 10px;
	background-color: #fefefe;
	background-image: -webkit-linear-gradient(60deg, #ffffff, #fefefe);
	background-image: -moz-linear-gradient(60deg, #ffffff, #fefefe);
	background-image: -ms-linear-gradient(60deg, #ffffff, #fefefe);
	background-image: linear-gradient(60deg, #ffffff, #fefefe);
}

.page-header .page-title {
	color: #282828;
	margin: 0;
	font-size: 20px;
	line-height: 1.5;
	float: left;
	font-weight: normal;
}

.page-header .page-title > span {
	font-size: 13px;
	color: #888888;
}

.page-header .page-title > span:before {
	content: '/ ';
}

.page-header .breadcrumb {
	margin: 0;
	padding: 0;
	float: right;
	line-height: 30px;
	list-style: none;
}

.page-header .breadcrumb > li {
	display: inline-block;
}

.page-header .breadcrumb > li > .divider {
	padding: 0 2px;
	color: #888888;
}

.page-header .breadcrumb > li > span {
	width: 40px;
	height: 40px;
	font-size: 20px;
	color: #686868;
	text-align:center;
	border: 0;
	margin-left:10px;
}

.page-header .breadcrumb > .active {
	color: #888888;
}

/* Sidebar
================================================== */

.sidebar .sidebar-block {
	margin: 0 0 30px;
}

/* Footer
================================================== */

.footer {
	font-size: 12px;
	color: #dddddd;
	background-color: #464646;
}

.main-wrap.wide .footer {
	margin: 0;
}

.footer h1, 
.footer h2, 
.footer h3, 
.footer h4, 
.footer h5, 
.footer h6 {
	color: #ffffff;
}

.footer-top {padding: 30px 0 20px 0;}
.footer-top a {color:#fff;}
.footer-top a:hover {text-decoration:underline;}
.footer-top .fa {font-size:30px!important; margin:5px 10px 0 0;}
.footer-top .fa:hover {color:#00704A;}
.footer-logo {margin-bottom: 20px;}
.footer-bottom {
	padding: 20px 0;
	color: #bbbbbb;
	background-color: #3d3d3d;
}

.footer-bottom .footer-nav {
	margin: 0;
	padding: 0;
	text-align: left;
	list-style: none;
	line-height: 1.8;
}

.footer-bottom .footer-nav li {
	display: inline-block;
	margin-right: 10px;
}

.footer-bottom .footer-nav li a:hover {
	text-decoration:underline;
}

.footer-bottom a {
	color: #ffffff;
	-webkit-transition: color 0.15s ease-in-out;
	-moz-transition: color 0.15s ease-in-out;
	transition: color 0.15s ease-in-out;
}

.footer-bottom a:hover {color: #dddddd;}

.footer-bottom .pwrdby { text-align:right; float:right;}

/* Products
================================================== */
.footer ul {margin:0 0 0 20px; padding:0;}
.footer ul li {list-style:square; color:#dddddd; text-align:left; line-height:18px; margin:0; padding:0;}
.footer ul li a {color:#dddddd; text-decoration:none;}
.footer ul li a:hover { text-decoration:underline;}
.footer ul li a.active-pag {font-weight:bold;}

/* Misc.
================================================== */

.fit-vids-style {
	width: 0; height: 0;
	position: absolute;
	overflow: hidden;
}

.mosaic {border:1px solid #e6e6e6; padding:1px; margin:0 10px 10px 0!important;}
.mosaic .inner {background-color:#292929;}
.mosaic a:hover, .mosaic h4:hover{text-decoration:none;}
.mosaic .common {border-top:1px solid #e6e6e6; text-align:center; color:#fff;}
.mosaic .inner1 {background-color:#B4D88B; padding:16px 0;}
.mosaic .inner2 {background-color:rgb(126,208,224); padding:16px 0;}
.mosaic .inner3 {background-color:rgb(241,111,145); padding:8px 0;}
.mosaic .inner4 {background-color:rgb(166,180,172); padding:8px 0;}
.mosaic .inner5 {background-color:#B5BBD5; padding:8px 0;}
.mosaic .inner6 {background-color:#70CBD3; padding:8px 0;}
.mosaic .inner7 {background-color:#F89D56; padding:8px 0;}
.mosaic .inner8 {background-color:#FEB719; padding:16px 0;}
.mosaic .inner9 {background-color:#E2B7B3; padding:16px 0;}
.mosaic .inner10 {background-color:#E1A56C; padding:16px 0;}
.mosaic .inner11 {background-color:#F89D56; padding:8px 0;}
.mosaic .family {text-transform:uppercase; text-align:center; color: white; font-weight: bold; font-size:14px; width:100%; margin:0;}

.imageO img {max-width:250px; height:auto!important;}
.imageO:hover img, .imgborder:hover {
  opacity:.9
}
.mosaic:hover {cursor:pointer;}
.mosaic:hover img {
  opacity:.6
}
.imgborder {border:1px solid #e6e6e6; padding:1px;}

#login,#reclogin,#signup {background:#FFF; padding:20px; text-align:left; min-width:320px; max-width:470px; margin:10px;}
#login, #reclogin { min-width:320px!important;}
#signup {}
#fancybox-content {background:#fff!important;}

/* Media Queries
================================================== */

@media only screen and (max-width: 1024px) {

	.main-wrap {
		width: auto;
		margin: auto;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}

/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.header .navigation > ul > li {
		margin-left: 10px;
	}
	.header .navigation > ul > li:last-of-type {margin-right: 20px;}
.header .flags {
    position: absolute;
    top: 1px;
    right: 20px;
}
.header-col {padding:0 0 0 20px;}
.toolzone {padding-right:10px;}
div.sidebar {
	float: left;
	padding:5px 5px 20px 0px;
	margin-left:0;
}
}

/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	.header .navigation > ul {
		display: none;
	}

	.header .navigation .tinynav {
		display: inline-block;
		width: 100%;
	}
div.sidebar {
	float: left;
	padding:5px 5px 20px 0px;
	margin-left:0;
}
	.footer .footer-bottom, 
	.footer .footer-bottom .footer-nav {
		text-align: center;
	}

	.footer .footer-bottom .footer-nav {
		padding: 10px 0;
	}

	.footer-bottom .footer-nav li {
		margin: 0 10px;
	}

	.page-header .breadcrumb {
		/*display: none;*/
	}

}

/* Note: Design for a width of 480px */
@media only screen and (min-width: 481px) and (max-width: 767px) {
.header .container {
    width: 100%;
}
.header .flags {
    position: absolute;
    top: 1px;
    right: 20px;
}
.header-col {padding:0 0 0 20px;}
.toolzone {padding-right:20px;}
.header .navigation {
	text-align: center;
	max-width:100%!important;
	position:absolute;
	top:70px;
}
.mosaic .common {height:60px; padding:10px 0 6px;}
}

@media only screen and (max-width: 480px) {

	.top-header {
		text-align: center!important;
	}

	.top-header .top-header-left, 
	.top-header .top-header-right {
		float: none;
	}

	.header, .header .header-row {
		height: auto!important;
	}
.header .brand .logo img {
	vertical-align: top;
	max-height: auto;
	max-width: 200px;
}
	.header .header-col {
		display: block;
		height: auto;
		padding: 35px 0 5px 0;
	}

.header-col .brand { margin-top:10px!important;}
.header .brand {
		text-align: center;
		margin-top:10px!important;
	}
	
	.header .flags {
	position:absolute; top:1px; right:0; padding:0;
}


	.page-header .page-title > span {
		display: block;
	}

	.page-header .page-title > span:before {
		display: none;
	}

.header .toolzone {
	width:100%!important;
	text-align:center!important;
	float:none;
	display:block!important;
	margin:15px 0!important;
	padding-bottom:5px;
	position:inherit!important;
	white-space:normal!important;
}

.header .toolzone input {
margin:30px 0 5px 0!important;
width:100%!important;
}


.header .navigation {
	text-align: center;
	margin:0!important;
	max-width:100%!important;
	position:relative;
	top:-30px;
}
.header .navigation .tinynav {
	display: none;
	float:none;
	margin:0;
	width:100%;
}
#login,#reclogin,#signup  {padding:10px; margin:0;}
div.sidebar {
	float: left;
	padding:5px 5px 20px 0px;
	margin-left:0;
}
.slider-wrap {
    padding-top: 20px;
}
#products .product-wrapper {
	width:100%!important;
 min-height:auto!important;
	padding:15px 25px!important;
}
.footer-bottom .pwrdby {text-align:center!important;}
.footer-bottom .pwrdby img {margin-top:20px!important;}
}