@charset "utf-8";
/* CSS Document */
/*//////////////////////////////////////*/
/*//////// Important Navigation ////////*/
/*//////////////////////////////////////*/
#navContainer {
	background: url(../images/cool-box/background_nav-cool-box.png) no-repeat center top!important;/*	height:100px;*/
}
.SloganCB {
	color: #ffffff!important;
}
.LinkAbout a {
	color: #ffffff!important;
}
.LinkAbout a:hover {
	color: #ffffff!important;
}
#mainProd li a {
	color: #ffffff!important;
}
#mainProd li:hover a {
	color:#ffffff!important;
	background:#41adf0!important;
	
}
#mainProd li:hover div a {
	color:#414d5a!important;
	background: url(https://carryboy.com/navigator/background_transparency.png) no-repeat center top!important;
}
#mainProd li:hover div a:hover {
	color:#41adf0!important;
}
.titleSub {
	color:#2e9cec!important;
}
.dropdown_WWW {
	color:#414d5a!important;
}
#navWWW li a {
	color:#414d5a!important;
}
#navWWW li:hover div a:hover {
	color:#41adf0!important;
}
/*//////////////////////////////////////*/
/*///// End Important Navigation ///////*/
/*//////////////////////////////////////*/
body {
	margin: 0px;
	width: 100%;
	height: 100%;
	background-image: url(../images/background_cargo-box.png), url(../images/background_2e3945.png);
	background-position: center top, center top;
	background-repeat: repeat, repeat;
	-webkit-margin-start: -1px;
}
/*(Top) - -webkit-margin-before
(Right) - -webkit-margin-end
(Bottom) - -webkit-margin-after
(Left) - -webkit-margin-start*/
img {
	border-bottom: 0px;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
}
img.rounded-corners {
  border-radius: 25px;
}
/*//////////////////////////////////////*/
/*////////////// All Fonts /////////////*/
/*//////////////////////////////////////*/
#fontStyleTH {
	width:auto;
	height:auto;
	font-family: ThaiSansLite;
	line-height:24px;
	font-size:22px;
	letter-spacing:0.3px;
	color:#414d5a;
}
/*//////////////////////////////////////*/
/*//////////////////////////////////////*/
#fontLink a:link {
	color: #0088cc;/* unvisited link */
	text-decoration: none;
}
#fontLink a:visited {
	color: #0088cc;/* visited link */
}
#fontLink a:hover {
	color: #0088cc;/* mouse over link */
	text-decoration: underline;
}
#fontLink a:active {
	color: #0088cc;/* selected link */
}
/*//////////////////////////////////////*/
/*//////////// Button Link /////////////*/
/*//////////////////////////////////////*/
.myButtonCool {
	margin-top:5px;
	background-color:#0171bb;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:8px 20px 12px 20px;
	text-decoration:none;
	text-shadow:0px 0px 0px #2f6627;
}
.myButtonCool:hover {
	background-color:#ed1c24;
}
.myButtonCool:active {
	position:relative;
	top:1px;
}
/*//////////////////////////////////////*/
/*///////// All Top Slide Show /////////*/
/*//////////////////////////////////////*/
.break {
	clear:both;
}
/* HEADER */
#headerTOPSHOW {
	height:535px;
}
.headerTOPSHOWimg {
	background-position: center top;
	background-repeat: no-repeat;
	width:100%;
	height:535px;
	position:absolute;
}
#DescriptionTOPSHOW {
	padding-top:13px;
	width:800px;
	height:30px;
	float:left;
	display:block;/*	font-size:18px;*/
}
/* CONTROLS */
.btn {
	height:50px;
	width:44px;
	float:left;
	cursor:pointer;
}
#backTOPSHOW {
	background-image:url("../images/cool-box/btn_circle-back.png");
	background-position: center;
}
#nextTOPSHOW {
	background-image:url("../images/cool-box/btn_circle-next.png");
	background-position: center;
}
#controlTOPSHOW {
	background-image:url("../images/cool-box/btn_circle-pause.png");
	background-position: center;
}
/* HEADER HAVIGATION */
#headerTOPSHOWnav-outer {
	position:relative;
	top:460px;
	margin:0 auto;
	width:950px;
/*	z-index:99998;*/
}
#headerTOPSHOWnav {
/*	padding-left:0px;*/
}
/*//////////////////////////////////////*/
/*/////// All Top PNG Slide Show ///////*/
/*//////////////////////////////////////*/
#headerTOPNG {
	height:590px;
	float:left;
}
.headerTOPNGimg {
	width:950px;
	height:590px;
	position:absolute;
	background-position: center top;
	background-repeat: no-repeat;
}
/* HEADER TEXT */
#TOPNGText {
	padding-top:13px;
	width:800px;
	height:30px;
	float:left;
	display:block;
}
/* CONTROLS */
.btnTOPNG {
	height:50px;
	width:44px;
	float:left;
	cursor:pointer;
}
#backTOPNG {
	background-image:url("../images/blue_push_back.png");
	background-position: center;
}
#nextTOPNG {
	background-image:url("../images/blue_push_next.png");
	background-position: center;
}
#controlTOPNG {
	background-image:url("../images/blue_push_pause.png");
	background-position: center;
}
/* HEADER HAVIGATION */
#headerTOPNGnav-outer {
	position:relative;
	top:510px;
	margin:0 auto;
	width:950px;
	z-index:99998;
}
#headerTOPNGnav {
/*	height: 42px;*/
}
/*//////////////////////////////////////*/
/*//////// All Middle Slide Show ///////*/
/*//////////////////////////////////////*/
.break {
	clear:both;
}
/* HEADER */
#headerMIDDLESHOW {
	height:535px;
}
.headerMIDDLESHOWimg {
	background-position: center top;
	background-repeat: no-repeat;
	width:100%;
	height:535px;
	position:absolute;
}
#DescriptionMIDDLESHOW {
	padding-top:13px;
	width:800px;
	height:30px;
	float:left;
	display:block;/*	font-size:18px;*/
}
/* CONTROLS */
.btn {
	height:50px;
	width:44px;
	float:left;
	cursor:pointer;
}
#backMIDDLESHOW {
	background-image:url("../images/cool-box/btn_circle-back.png");
	background-position: center;
}
#nextMIDDLESHOW {
	background-image:url("../images/cool-box/btn_circle-next.png");
	background-position: center;
}
#controlMIDDLESHOW {
	background-image:url("../images/cool-box/btn_circle-pause.png");
	background-position: center;
}
/* HEADER HAVIGATION */
#headerMIDDLESHOWnav-outer {
	position:relative;
	top:460px;
	margin:0 auto;
	width:950px;
/*	z-index:99998;*/
}
#headerMIDDLESHOWnav {
/*	padding-left:0px;*/
}
/*//////////////////////////////////////*/
/*//////// All Below Slide Show ////////*/
/*//////////////////////////////////////*/
.break {
	clear:both;
}
/* HEADER */
#headerBELOWSHOW {
	height:535px;
}
.headerBELOWSHOWimg {
	background-position: center top;
	background-repeat: no-repeat;
	width:100%;
	height:535px;
	position:absolute;
}
#DescriptionBELOWSHOW {
	padding-top:13px;
	width:800px;
	height:30px;
	float:left;
	display:block;/*	font-size:18px;*/
}
/* CONTROLS */
.btn {
	height:50px;
	width:44px;
	float:left;
	cursor:pointer;
}
#backBELOWSHOW {
	background-image:url("../images/cool-box/btn_circle-back.png");
	background-position: center;
}
#nextBELOWSHOW {
	background-image:url("../images/cool-box/btn_circle-next.png");
	background-position: center;
}
#controlBELOWSHOW {
	background-image:url("../images/cool-box/btn_circle-pause.png");
	background-position: center;
}
/* HEADER HAVIGATION */
#headerBELOWSHOWnav-outer {
	position:relative;
	top:460px;
	margin:0 auto;
	width:950px;
/*	z-index:99998;*/
}
#headerBELOWSHOWnav {
/*	padding-left:0px;*/
}
/*/////////////////////////////////////*/
/*/////////////////////////////////////*/
.HeadProductLines {
	background: url(http://www.carryboycanopy.com/images/background_head-product-lines.png) no-repeat center top!important;
	color:#ffffff;
}
.ProductLines {
	background: url(http://www.carryboycanopy.com/images/background_product-lines.png) no-repeat center top!important;
	color: #00324f;
}
.ProductLines a:link {
	color: #00324f;
	text-decoration: none;
}
.ProductLines a:active {
	color: #00324f;
	text-decoration: none;
}
.ProductLines a:visited {
	color: #00324f;
	text-decoration: none;
}
.ProductLines a:hover {
	color:#ff0000;
	text-decoration: underline;
}
.HeadColor {
	color:#2198dc;
}
/*///////////////////////////////////*/
/*//////// Download Brochure ////////*/
/*///////////////////////////////////*/
.downL {
	float:left;
	width:128px;
	margin:20px 0 0 0;
}
.downColor {
	color:#2198dc;
}
/*///////////////////////////////////*/
/*///////////// Footer //////////////*/
/*///////////////////////////////////*/
#fontFooter {
	width:auto;
	height:auto;
	font-family: ThaiSansLite;
	line-height:24px;
	font-size:22px;
	letter-spacing:0.3px;
	color:#414d5a;
}
#fontFooter a:link {
	color: #00bff3;/* unvisited link */
	text-decoration: none;
}
#fontFooter a:visited {
	color: #00bff3;/* visited link */
}
#fontFooter a:hover {
	color: #ff0000;/* mouse over link */
	text-decoration: underline;
}
#fontFooter a:active {
	color: #00bff3;/* selected link */
}
#backgroundSocial {
	background: url(http://www.carryboycargobox.com/images/cool-box/background_2-tone.png) no-repeat center top!important;
	color:#ffffff;
}
#backgroundAddress {
	background: url(http://www.carryboycargobox.com/images/background_1d2731.png) no-repeat center top!important;
}
/*////////// Cookie Link //////////*/
.cookie-load a:link {
  color: #00bff3; /* unvisited link */
  text-decoration: none;
}
.cookie-load a:visited {
  color: #00bff3; /* visited link */
}
.cookie-load a:hover {
  color: #ff0000; /* mouse over link */
  text-decoration: underline;
}
.cookie-load a:active {
  color: #00bff3; /* selected link */
}
/*/////////////////////////////*/
/*/////////// Zoom ////////////*/
/*/////////////////////////////*/
.zoom {
	float:left;
	overflow:hidden;
}
.zoom img {
	transform: scale(1);
	transition: transform 1s, opacity 1s;
}
.zoom:hover img {
	opacity: 1;
	transform: scale(1.09);
}
.text {
	position: relative;
}
.text-short {
	position: absolute;
	width: 100%;
	font-size: 20px!important;
}
/*/////////////////////////////*/
/*/////////// Tabs ////////////*/
/*/////////////////////////////*/
.tabs {
	display: flex;
	flex-wrap: wrap; /* make sure it wraps */
}
.tabs label {
	order: 1; /* Put the labels first */
	display: block;
	min-width: 33%;
	cursor: pointer;
	font-family: Abel-Regular;
	font-size: 35px;
	text-align: center;
	font-weight: bold;
	background: #ffffff;
	padding-top: 20px;
	padding-bottom: 20px; /* transition: background ease 0.2s; */
}
.tabs .tab {
	order: 99; /* Put the tabs last */
	flex-grow: 1;
	width: 100%;
	display: none;
	padding-top:20px; /* background: #90CAF9; */
}
.tabs input[type="radio"] {
	display: none;
}
.tabs input[type="radio"]:checked + label {
	background: #2e96cd; /* Menu */
	color: #ffffff;
}
.tabs input[type="radio"]:checked + label + .tab {
	display: block;
}
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:5px;
	right:80px;
	overflow:hidden;
	width:100px;
	height:100px;
	border:none;
	text-indent:100%;
	background:url(../images/cool-box/interface_totop.png) no-repeat left top;
	z-index:999999;
}
#toTopHover {
	background:url(../images/cool-box/interface_totop.png) no-repeat left -100px;
	width:100px;
	height:100px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
	outline:none;
}