#commercial-home * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}
.leftCol {
	margin: 36px 10% 0 0;
	background-color: #009999;	
	height: 493px;
	border: 7px solid white;
	border-left: 0px;
	color: white;
	position: relative;
}
.midCol {
	border: 7px solid white;
	border-top: 0px;
}
.rightColHolder {
	margin: 36px 0 0 0;
	position: relative;
}
.rightCol {
/* 	border: 7px solid white; */
	border-right: 0px;
}
.ui-homepage-right-circle-button {
	background-position: 5% 10px;
    height: 20px;
    margin: 0;
    padding: 11px 20px 11px 50px;
}
.ui-homepage-right-circle-button.last {
/*     border-bottom: 7px solid white; */
}
.ui-homepage-right-blue-circle-button{
	position: absolute;
	bottom:0px;
}

.ui-home_right_round_button {
 	background: none;
 	display: none;
}
a.white-right-arrow {
	background: url(/03images/chameleon/white-right-arrow.png) no-repeat center left;
	padding-left:15px;
	text-decoration: none;
	font-size: 90%;
	color: #666666;
}
/*--------- Also available in globall css ---------*/
.ui-homepage-right-circle-button .ui-buttonLabel {
	top:top: 17%;
}
.commercial-right-content h2 {
	padding: 8px 24px;
}
.ui-homepage-right-bannerblock {
/*     background-color: #e7e7e7; */
    background-color: #E7E7E7;
    float: right;
    height: 100%;
    position: relative;
    width: 100%;
    
}


.ui-homepage-right-blue-circle-button {   
    border:none;
    width:100%;
    vertical-align:middle;
}

.ui-homepage-right-circle-button .ui-buttonLabel {
    position: relative;
    top: 15%;
}
.ui-economic_floatbox.leftbox {
    height: 241px;
}
/*--------- End ---------*/

/*--------- Also available in smallPort css ---------*/
html body #content .ui-buttonLabel {
    font-size: 14px;
    width: 100%;
    vertical-align:middle;
    float:right;
}
html body #content p {
    text-align: left;
}
html body #content .ui-homepage-rightcol .ui-homepage-right-blue-circle-button .ui-buttonLabel {
    left: 1%;
    width:87%;   
}

.ui-homepage-right-blue-circle-button .ui-buttonLabel{
	padding-right:25px;
}
/*--------- End ---------*/ 

.ui-table {background-color: transparent;}
.ui-homepage-right-blue-circle-button .ui-buttonLabel {}
.ui-homepage-right-blue-circle-button {background-position: 98% center;
	padding: 8px 0;
	margin: 0px;
/* 	height: 30px; --*/
}

.bx-wrapper .bxslider h4 {
	padding: 8px 0px;
}
.bannersTitle {
	color: #666666;
    font-size: 134%;
    line-height: 28px;
    padding: 12%;
}
.bottomBoxes{
	border-right: 7px solid white;
	height:auto;
}
.bx-bottomLine{
	height: 7px;
}
.rightLine{
	border-right: 7px solid white;
	height:auto;
}
.lefttLine{
	border-left: 7px solid white;
	height:auto;
}
.bxslider p{
	font-size: 80%;
}
/** RESET AND LAYOUT
===================================*/


.bx-wrapper {
	position: 			relative;
	margin: 			0 auto ;
	padding: 			0 14% 13.1%;
	*zoom: 				1;
}

.bx-wrapper img {
	max-width: 			475px;
	display: 			lock;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	left: 				-5px;
	background: 		#e7e7e7;
	color: #666;
	height: 400px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: 			absolute;
	bottom: 			5px;
	left: 					0px;
	width: 				100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: 		center;
	font-size: 			.85em;
	font-family: 		Arial;
	font-weight: 		bold;
	color: 				#666;
}
.bx-wrapper .bx-pager:after {
	content: " ";
	clear: both;
	height: 0;
}

.bx-wrapper .bx-pager .bx-pager-item,

.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: 			inline-block;
	*zoom: 				1;
	*display: 			inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: 		#099;
	text-indent: 		-9999px;
	display: 			block;
	width: 				8px;
	height: 			8px;
	margin: 			0 2px;
	outline: 			0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 		4px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: 		#055;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 				2%;
	background: url(/03images/chameleon/orange_arrow_left.png) no-repeat top left;
}

.bx-wrapper .bx-next {
	right: 				2%;
	background: url(/03images/chameleon/orange_arrow.png) no-repeat top left;
}

.bx-wrapper .bx-controls-direction a {
	position: 			absolute;
	top: 					55px;
	outline: 			0;
	width: 				8px;
	height: 			14px;
	text-indent: 		-9999px;
	z-index: 			100;
}
#content #ui-contentWrap .bx-wrapper h2,
#content #ui-contentWrap .bx-wrapper h4{
	color: #666;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: 			none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: 		center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: 			block;
	text-indent: 		-9999px;
	width: 				10px;
	height: 			11px;
	outline: 			0;
	background: url(/03images/pages/howToDemos/HowToDemos/controls.png) -86px -11px no-repeat;
	margin: 			0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(/03images/pages/howToDemos/HowToDemos/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: 		center;
    width: 				100%;
    margin-left: 		-20px;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 				0;
	width: 				35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: 			absolute;
	bottom: 			0;
	left: 				0;
	background:			#666\9;
	background: 		rgba(80, 80, 80, 0.75);
	width: 				100%;
}

.bx-wrapper .bx-caption span {
	color: 				#fff;
	font-family: 		Arial;
	display: 			block;
	font-size: 			.85em;
	padding: 			10px;
}
.bx-wrapper .bxslider .fullWidth {
	text-align: center;
	position: relative;
	overflow: hidden;
}
.bx-wrapper .bxslider .fullWidth img {
	position: relative;
	top: 0px;
	margin: 20px 0 0 0;
	width: 80%;
	z-index: 0;
}
.bx-wrapper .bxslider li a,
.bx-wrapper .bxslider li a * {
	color: #666;
}
#content .buttonHolder, #content .bxHolder1 .bx-right-block-content{
	width:47%;  /* 49% */
	bottom: 15%;
}
.bx-bottom-block-left{

}
.ui-homepage-middlecol .ui-homepage-col{
	height: 200px;
	border: 1px solid red;
}
.spacerCommercial{
	height:30px;
}
@media only screen and (max-width: 800px){
	html body #content .ui-buttonLabel {
	    font-size: 14px;
	    left: 6%;
	    top: 1%;
	    width: 100%;
	}
}
@media only screen and (max-width: 700px){
.ui-homepage-rightcol{
	height:auto;
}	
	.ui-col-right-subcol-right {
	    float: left;
	}
	.ui-homepage-right-circle-button {
	    background-position: 5% 50%;
	    height: auto;
	    margin: 0;
	    padding: 10px 10px 40px 40px;
	    width: 55%;
	}
	.ui-homepage-right-wrapper {
	    margin-top: 14px;
	}
	.bx-bottom-block-left {
	    border-bottom: 6px solid white;
	    border-top: 6px solid white;
	    float:none;
	   
	}
	.bx-bottom-block-right {
	    border-bottom: 6px solid white;
	    float:none;
	   
	}	
	.lefttLine {
	    border-left:none;
	    border-bottom:6px white solid;
	    height: auto;
	}
}
@media only screen and (max-width: 480px){
/* 	.ui-homepage-right-bannerblock { */
/* 	    background-color: #E7E7E7; */
/* 	    float: right; */
/* 	    height: 100%; */
/* 	    left: 3%; */
/* 	    position: relative; */
/* 	    width: 100%; */
/* 	} */
.ui-col-right-subcol-right {
	    float: left;
	}

}
/* @media only screen and (max-width: 380px){ */
/* 	.lefttLine { */
/* 	    border-left:0 none; */
/* 	    border-top: 7px solid white; */
/* 	    color:red; */
/* 	} */
/* } */