.bgSplitLightToDarkV	{ 
background: linear-gradient(
    to bottom,
    #FFF 0%,
    #FFF 50%,
    #27C4F4 50%,
    #27C4F4 100%
  );
}

.wShadow {    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);}


h1 .colDark						{	color: #171717;	}
h2 .colDark						{	color: #171717;	}

.bgGrey1					{	background-color: #DEDEDE;	}
.bgGrey2					{	background-color: #CCCCCC;	}
.bgGrey3					{	background-color: #999999;	}
.bgGrey4					{	background-color: #4C4C4C;	}
.bgGrey5					{	background-color: #171717;	}
.bgDark					{	background-color: #171717;	}
.bgLight					{	background-color: #DEDEDE;	}
.bgWhite					{	background-color: #FFFFFF;	}



a.hpFocus				{background-color:#C00; color:#fff;text-align:center;display:block;text-decoration:none;font-weight: 900;line-height:2em;}
a.hpFocus:hover		{background-color:#900;}

a.buttonLink					{display: block;width: 50%;margin: 1em auto;background-color: rgba(122,192,65,1); color: #FFF; text-transform:uppercase;text-align:center; padding: 0.5em;font-weight:bold; transition: background-color 250ms ease;}
a.buttonLink:hover			{background-color: rgba(122,192,65,0.5);}


a.asButton											{	display: block; width: 100%; max-width:250px; padding: 10px 0; border: 1px solid #27C4F4; border-radius:50px; background-color: #27C4F4; color: #FFF; text-decoration:none;	 transition: background-color 250ms ease, color 250ms ease; margin: 20px auto; text-align:center;	}
a.asButton.hp									{	width:60%;	}

a.asButton.wide									{	max-width:500px;	}
a.asButton:hover									{	background-color: #FFF; color: #1B3A1D;	}

a.asButton.sGhost									{	background-color: #FFF; color: #C00;	}
a.asButton.sGhost:hover							{	background-color: #C00; color: #FFF;	}
a.asButton.ctaSolid								{	border: 1px solid #27C4F4; background-color: #27C4F4; color: #FFF;	}
a.asButton.ctaSolid:hover						{	background-color: #FFF; color: #27C4F4;	}
a.asButton.ctaGhost								{	border: 1px solid #27C4F4; background-color: #FFF; color: #27C4F4;	}
a.asButton.ctaGhost:hover						{	background-color: #27C4F4; color: #FFF;	}
a.asButton.altSolid								{	border: 1px solid #900; background-color: #900; color: #FFF;	}
a.asButton.altSolid:hover						{	background-color: #FFF; color: #900;	}
a.asButton.altGhost								{	border: 1px solid #900; background-color: #FFF; color: #900;	}
a.asButton.altGhost:hover						{	background-color: #900; color: #FFF;	}

a.bfButton											{	display: inline-block; padding: 10px 20px; border: 1px solid #171717; border-radius:50px; background-color: #171717; color: #FFF; text-decoration:none;	 transition: background-color 250ms ease, color 250ms ease; margin: 20px 20px 20px auto; text-align:center;	}
a.bfButton:hover											{	background-color: #FFF; color: #171717;	}


.highlight				{	color: #27C4F4;	}
.highlight10			{	color: #27C4F4;	}
.highlight8				{	color: #27C4F4; font-size: 80%;	}


.toPointer:hover			{	cursor: pointer;	}

div.openTextPanel1															{	margin: 0;	}
div.openTextPanel2															{	margin: 0;	}
#slidesContainer																{	margin: 0;	}




div.inStockAlert {
    background-color: #27C4F4;
    color: #FFF;
    text-align:center;
}
div.inWarehouseAlert {
    background-color: #595959;
    color: #FFF;
    text-align:center;
}

div.bespoke.model h3	{	
	margin: 0 0 1em 0;
	padding: 0.5em 0 0 0;
}
div.bespoke.nav ul			{	margin: 20px auto;	padding: 0;	list-style: none;	width: 100%;	}
div.bespoke.nav ul li		{	margin: 0;	padding: 0;	display: block; float: left; width:25%; text-align: center;	}
div.bespoke.nav ul li a		{	font-size: 110%; font-weight: normal; text-decoration: none; display: block; margin: 10px; padding: 10px 0; color: #101010; background-color: #999999; border:0;	}
div.bespoke.nav ul li a:hover		{	color: #fff; background-color: #101010;	}

div#randomProductPanel1List,
div#randomProductPanel2List,
div#randomProductPanel3List,
div#randomProductPanel4List,
div#randomProductPanel5List,
div#randomProductPanel6List					{	background-color:transparent;display:flex;flex-wrap:wrap;	} 
div#randomProductPanel1List > .highlightContainer2Up,
div#randomProductPanel2List > .highlightContainer2Up,
div#randomProductPanel3List > .highlightContainer2Up,
div#randomProductPanel4List > .highlightContainer2Up,
div#randomProductPanel5List > .highlightContainer2Up,
div#randomProductPanel6List > .highlightContainer2Up	{ flex: 1 1 40%; text-align:center;border:1px solid #27C4F4;background-color:#FFF;margin: 0 10px 20px 10px; }
div#randomProductPanel1List > .highlightContainer,
div#randomProductPanel2List > .highlightContainer,
div#randomProductPanel3List > .highlightContainer,
div#randomProductPanel4List > .highlightContainer,
div#randomProductPanel5List > .highlightContainer,
div#randomProductPanel6List > .highlightContainer	{ flex: 1 1 30%; text-align:center;border:1px solid #27C4F4;background-color:#FFF;margin: 0 10px 20px 10px; }
div#randomProductPanel1List > .highlightContainer4Up,
div#randomProductPanel2List > .highlightContainer4Up,
div#randomProductPanel3List > .highlightContainer4Up,
div#randomProductPanel4List > .highlightContainer4Up,
div#randomProductPanel5List > .highlightContainer4Up,
div#randomProductPanel6List > .highlightContainer4Up	{ flex: 1 1 20%; text-align:center; border:1px solid #27C4F4;background-color:#FFF;margin: 0 10px 20px 10px; }

div#randomProductPanel1List > .highlightContainer2Up.offer,
div#randomProductPanel2List > .highlightContainer2Up.offer,
div#randomProductPanel3List > .highlightContainer2Up.offer,
div#randomProductPanel4List > .highlightContainer2Up.offer,
div#randomProductPanel5List > .highlightContainer2Up.offer,
div#randomProductPanel6List > .highlightContainer2Up.offer,
div#randomProductPanel1List > .highlightContainer.offer,
div#randomProductPanel2List > .highlightContainer.offer,
div#randomProductPanel3List > .highlightContainer.offer,
div#randomProductPanel4List > .highlightContainer.offer,
div#randomProductPanel5List > .highlightContainer.offer,
div#randomProductPanel6List > .highlightContainer.offer,
div#randomProductPanel1List > .highlightContainer4Up.offer,
div#randomProductPanel2List > .highlightContainer4Up.offer,
div#randomProductPanel3List > .highlightContainer4Up.offer,
div#randomProductPanel4List > .highlightContainer4Up.offer,
div#randomProductPanel5List > .highlightContainer4Up.offer,
div#randomProductPanel6List > .highlightContainer4Up.offer 	{ border-color:#27C4F4;}


.hpProduct.container	{ height: 100%; position:relative; }
.hpProduct.image	{ margin:0 10px;}
.hpProduct.image img	{ display:block;width:100%;}
.hpProduct.detail	{ margin:0 10px 4rem 10px; }
.hpProduct.pricing	{ position:absolute; bottom: 0; width:100%; }


.hpProduct.pricing section.pricing									{		}
.hpProduct.pricing div.highPrice										{	text-decoration: line-through;background-color: #27C4F4; color: #1B3A1D;	}
.hpProduct.pricing span.rrp											{	font-size:80%;text-decoration: line-through;color:#7B7B7B; font-weight:normal;	}
.hpProduct.pricing div.fillerPrice									{		}
.hpProduct.pricing div.midPrice										{	background-color: #27C4F4; color: #1B3A1D;font-weight: bold; font-size: 110%;	}
.hpProduct.pricing div.midPrice a									{	background-color: transparent; color: #FFF;	}
.hpProduct.pricing div.onOfferPrice									{	background-color: transparent; color: #27C4F4; border: 0; text-decoration: line-through; font-size: 90%;	}
.hpProduct.pricing div.lowPrice										{	background-color: #27C4F4; color: #FFF; border: 0; font-weight: bold; font-size: 110%;	}
.hpProduct.pricing div.savingsDisplay								{	background-color: transparent; font-size: 80%;	}

div.pageSuperHighlightContainer											{	margin: 0 0 20px 0;	}

#siteFooters #footerColumns #footerColumnsCol2 dl dt	{	display: block; margin: 0; padding: 0; width: 50%; float: left; clear: left;	}
#siteFooters #footerColumns #footerColumnsCol2 dl dd	{	display: block; margin: 0; padding: 0; width: 50%; float: left;	}



table#service_matrix							{	width: 100%;	border: 1px solid #999999;	border-collapse: collapse;	border-spacing: 0px; }
table#service_matrix tbody tr				{	background-color: #ffffff;  color: #000000; }
table#service_matrix tbody tr.tswOddRow	{	background-color: #e6e6e6; }
table#service_matrix td						{	border: 1px solid #cccccc;	padding: 5px; text-align: center; }
table#service_matrix thead					{	background-color: #808080;	color: #ffffff;	}
table#service_matrix th						{	text-align: center;	border: 0px solid #cccccc;	padding: 5px;	}
table#service_matrix th.tcw5				{	width: 5%;	}
table#service_matrix th.tcw15				{	width: 10%;	}
table#service_matrix th.tcw15				{	width: 15%;	}
table#service_matrix th.tcw20				{	width: 20%;	}
table#service_matrix th.tcw25				{	width: 25%;	}
table#service_matrix th.tcw30				{	width: 30%;	}
table#service_matrix th.tcw35				{	width: 35%;	}
table#service_matrix th.tcw40				{	width: 40%;	}
table#service_matrix th.tcw45				{	width: 45%;	}
table#service_matrix th.tcw50				{	width: 50%;	}
table#service_matrix th.tcw55				{	width: 55%;	}
table#service_matrix th.tcw60				{	width: 60%;	}
table#service_matrix th.tcw65				{	width: 65%;	}
table#service_matrix th.tcw70				{	width: 70%;	}
table#service_matrix th.tcw75				{	width: 75%;	}
table#service_matrix th.tcw80				{	width: 80%;	}
table#service_matrix th.tcw85				{	width: 85%;	}
table#service_matrix th.tcw90				{	width: 90%;	}
table#service_matrix th.tcw95				{	width: 95%;	}
table#service_matrix th[scope=row]		{	text-align: left;	font-weight: normal;	border: 1px solid #cccccc;	}


div#renovationRates						{}
div#renovationRates div:nth-child(3n+1)						{clear:left;}
@media only screen 
and (max-width : 767px) {
	div#renovationRates div:nth-child(2n+1)						{clear:left;}
	div#renovationRates div:nth-child(3n+1)						{clear:none;}
}
table.renoRates							{	width: 100%;	border: 1px solid #999999;	border-collapse: collapse;	border-spacing: 0px; }
table.renoRates tbody tr				{	background-color: #ffffff;  color: #000000; }
table.renoRates td						{	border: 1px solid #cccccc;	padding: 5px; text-align: right; }
table.renoRates thead					{	background-color: #808080;	color: #ffffff;	}
table.renoRates th						{	text-align: center;	border: 0px solid #cccccc;	padding: 5px;	}
table.renoRates th.tcw5				{	width: 5%;	}
table.renoRates th.tcw15				{	width: 10%;	}
table.renoRates th.tcw15				{	width: 15%;	}
table.renoRates th.tcw20				{	width: 20%;	}
table.renoRates th.tcw25				{	width: 25%;	}
table.renoRates th.tcw30				{	width: 30%;	}
table.renoRates th.tcw35				{	width: 35%;	}
table.renoRates th.tcw40				{	width: 40%;	}
table.renoRates th.tcw45				{	width: 45%;	}
table.renoRates th.tcw50				{	width: 50%;	}
table.renoRates th.tcw55				{	width: 55%;	}
table.renoRates th.tcw60				{	width: 60%;	}
table.renoRates th.tcw65				{	width: 65%;	}
table.renoRates th.tcw70				{	width: 70%;	}
table.renoRates th.tcw75				{	width: 75%;	}
table.renoRates th.tcw80				{	width: 80%;	}
table.renoRates th.tcw85				{	width: 85%;	}
table.renoRates th.tcw90				{	width: 90%;	}
table.renoRates th.tcw95				{	width: 95%;	}
table.renoRates th[scope=row]		{	text-align: left;	font-weight: normal;	border: 1px solid #cccccc;	}

/*	Added by Si (16/1/2016 for custom form)	*/

form#customForm											{	margin: 20px 10px;	padding: 0; }
form#customForm fieldset								{	margin: 20px 0;	padding: 10px; border: 1px solid #707070; border-radius: 10px; background-color:#ebebeb; }
form#customForm legend									{	font-weight: bold; padding: 10px; border: 1px solid #707070; border-radius: 10px; background-color:#707070; color: #FFFFFF;	}
form#customForm fieldset div						  	{	margin: 0;	padding: 0;	}
form#customForm fieldset div.requiredField,
form#customForm fieldset div.optionalField	  	{	clear: both; margin: 0 0 20px 0	}
form#customForm fieldset div.obfuscField		  	{	position: absolute; left: -5000px; }
form#customForm fieldset div.fieldOptions		  	{	clear: none; width: 70%; float: left; }
form#customForm fieldset div label					{	display: block; float: left; width: 28%; padding: 0; margin: 0 2% 20px 0; text-align: right; font-size: 100%; }
form#customForm fieldset div label.req 			{	font-weight: bold; }
form#customForm fieldset div label.rg	 			{	font-weight: bold; }
form#customForm fieldset div label.cbg	 			{	font-weight: bold; }
form#customForm fieldset div label.lblta			{	display: block; float: none; width: auto; text-align: left; }
form#customForm fieldset div label.lblrb			{	display: inline-block; float: none; width: auto; text-align: center; }
form#customForm fieldset div label.lblcb			{	display: inline-block; float: none; width: auto; text-align: center; }
form#customForm select									{	width: 50%; background: #FFFFFF none repeat scroll 0 0; border: 1px solid #c2c2c2; padding: 2% 1%; border-radius: 5px;	}
form#customForm select.short							{	width: auto; margin-bottom: 20px;	}
form#customForm input[type="text"],
form#customForm input[type="search"],
form#customForm input[type="email"],
form#customForm input[type="url"]					{	padding: 10px;	margin: 0;	border: 1px solid #c2c2c2; border-radius: 10px; background-color:#FFFFFF; font-size: 120%;	}

form#customForm input[type="text"]					{	width: 50%;	}
form#customForm input[type="email"]					{	width: 50%;	}
form#customForm input[type="url"]					{	width: 50%;	}
form#customForm input[type="radio"] 				{	display:none;	}
form#customForm fieldset div label.lblrb			{	display: inline-block; float: none; background-color:#707070; color: #FFFFFF;	padding: 5px 10px;	font-size:120%; border: 2px outset #707070; border-radius: 5px; }
form#customForm input[type="radio"]:checked + label	{	background-color:#27C4F4; border: 2px inset #27C4F4;	}
form#customForm input[type="checkbox"] 				{	display:none;	}
form#customForm fieldset div label.lblcb			{	display: inline-block; float: none; background-color:#707070; color: #FFFFFF;	padding: 5px 10px;	font-size:120%; border: 2px outset #707070; border-radius: 5px; }
form#customForm input[type="checkbox"]:checked + label	{	background-color:#27C4F4; border: 2px inset #27C4F4;	}
form#customForm input#customFormButton				{	width: 50%; text-align: center; font-size: 120%; background-color: #27C4F4; border: 2px outset #27C4F4; border-radius: 10px; color: #FFFFFF; line-height: 180%; font-weight: bold;	}
form#customForm input.price							{	width: 15%;	}
form#customForm input.amount							{	width: 15%;	}
form#customForm input.pcode							{	width: 15%;	}
form#customForm input.tel								{	width: 25%;	}
form#customForm textarea								{	width: 98%; height: 3em; padding: 10px 1%;	margin: 0;	border: 1px solid #c2c2c2; border-radius: 10px; background-color:#FFFFFF; font-size: 120%;	}
form#customForm textarea.tarea5005					{	width: 50%; height: 5em;	}
form#customForm textarea.tarea1002					{	height: 2em;	}
form#customForm textarea.tarea1003					{	height: 3em;	}
form#customForm textarea.tarea1004					{	height: 4em;	}
form#customForm textarea.tarea1005					{	height: 5em;	}
form#customForm textarea.tarea1006					{	height: 6em;	}
form#customForm textarea.tarea1007					{	height: 7em;	}
form#customForm textarea.tarea1008					{	height: 8em;	}
form#customForm textarea.tarea1009					{	height: 9em;	}
form#customForm textarea.tarea10010					{	height: 10em;	}
form#customForm textarea#matchComments				{	width: 98%; height: 7em;	}
form#customForm textarea#matchAddress				{	width: 50%; height: 5em;	}





.flexGroup													{	display:flex; flex-direction: row; flex-wrap: wrap;justify-content: flex-start;align-items: center;align-content: stretch;	}
.flexGroup.flexWrap										{	flex-wrap: wrap;	}
.flexGroup.flexNoWrap									{	flex-wrap: nowrap;	}
.flexReverse												{	flex-direction: row-reverse;	}
.flexRow2													{	flex-direction: row;	}
.flexPair													{	flex: 1 1 50%;	}
.flexTriplet												{	flex: 1 1 33.33%;	}
.flexQuad													{	flex: 1 1 25%;	}
.flexTextWrapper											{	display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: transparent;	height: 100%; padding:10%;}

.flex05p													{	flex: 1 1 5%;	}
.flex10p													{	flex: 1 1 10%;	}
.flex15p													{	flex: 1 1 15%;	}
.flex20p													{	flex: 1 1 20%;	}
.flex25p													{	flex: 1 1 25%;	}
.flex30p													{	flex: 1 1 30%;	}
.flex35p													{	flex: 1 1 35%;	}
.flex40p													{	flex: 1 1 40%;	}
.flex45p													{	flex: 1 1 45%;	}
.flex50p													{	flex: 1 1 50%;	}
.flex55p													{	flex: 1 1 55%;	}
.flex60p													{	flex: 1 1 60%;	}
.flex65p													{	flex: 1 1 65%;	}
.flex70p													{	flex: 1 1 70%;	}
.flex75p													{	flex: 1 1 75%;	}
.flex80p													{	flex: 1 1 80%;	}
.flex85p													{	flex: 1 1 85%;	}
.flex90p													{	flex: 1 1 90%;	}
.flex95p													{	flex: 1 1 95%;	}
.flex100p												{	flex: 1 1 100%;	}

.flexQuad													{	flex: 1 1 25%;	}


.withShad { box-shadow: 3px 3px 5px #e1e1e1; }
.withShad { box-shadow: none; }

.noShad { box-shadow: 0px 0px 0px #e1e1e1; }
.noShad { box-shadow: none; }

/* Fixed height content areas */
.fhContentArea	{height:6em;}
.h7em	{height:7em;}
.h8em	{height:8em;}
.h9em	{height:9em;}
.h10em	{height:10em;}
.h15em	{height:15em;}
.h16em	{height:16em;}
.h17em	{height:17em;}
.h18em	{height:18em;}
.h18em	{height:19em;}
.h20em	{height:20em;}
.ofh	{overflow:hidden;}
/* end */


/* *********************** buttons ************************ */

/* Product header button */
.productHeaderButton { display: block; background-color: #FFF; border: 1px solid #27C4F4; color:#27C4F4;text-decoration: none;text-align:center; padding:1rem; font-size:140%; margin: 10px; }
.productHeaderButton i { color:#27C4F4;}
.productHeaderButton.nlm { margin-left: 0; }
.productHeaderButton.nrm { margin-right: 0; }
.productHeaderButton { -webkit-transition-duration: 0.4s;     transition-duration: 0.4s;}
.productHeaderButton:hover { background-color: #27C4F4;	color: #FFF;}
.productHeaderButton:hover i { color: #FFF;}
/* end */

/* Slide button ghost */
.slideButtonGhost {    display: block;    width:	 50%;    max-width: 200px;    padding: 10px 20px;    border:	 1px solid #ffffff;    background-color: transparent;    color: #ffffff;    text-decoration: none;    margin: 10px auto;    text-align: center;}
.slideButtonGhost {    -webkit-transition-duration: 0.4s;    transition-duration: 0.4s;}
.slideButtonGhost:hover {    background-color: #ffffff;    color: #363636;}
/* end */

/* Slide button solid */
.slideButtonSolid {   display: block;    width: 50%;    max-width: 200px;    padding: 10px 20px;    border: 1px solid #ffffff;    background-color: #ffffff;    color: #363636;    text-decoration: none;    margin: 10px auto;    text-align: center;}
.slideButtonSolid {    -webkit-transition-duration: 0.4s;    transition-duration: 0.4s;}
.slideButtonSolid:hover {    background-color: transparent;    color: #ffffff;}
/* end */

/* CTA button ghost */
.ctaButtonGhost {    display: block;    width: 50%;    max-width: 200px;    padding: 10px 20px;    border: 1px solid #27C4F4;    background-color: transparent;    color: #27C4F4;    text-decoration: none;    margin: 10px auto;    text-align: center;}
.ctaButtonGhost {    -webkit-transition-duration: 0.4s;    transition-duration: 0.4s;}
.ctaButtonGhost:hover {    background-color: #27C4F4;    color: #ffffff;}
/* end */

/* CTA button solid */
.ctaButtonSolid {    display: block;    width: 50%;    max-width: 200px;    padding: 10px 20px;    border: 1px solid #27C4F4;    background-color: #27C4F4;    color: #FFF;    text-decoration: none;    margin: 10px auto;    text-align: center;}
.ctaButtonSolid {    -webkit-transition-duration: 0.4s;    transition-duration: 0.4s;}
.ctaButtonSolid:hover {    background-color: #ffffff;    color: #27C4F4;}
/* end */

/* Primary button ghost */
.ghostButtonPrimary {    display: block;    width: 50%;    max-width: 200px;    padding: 10px 20px;    border: 1px solid #27C4F4;    background-color: transparent;    color: #27C4F4;    text-decoration: none;    margin: 10px auto;    text-align: center;}
.ghostButtonPrimary {    -webkit-transition-duration: 0.4s;    transition-duration: 0.4s;}
.ghostButtonPrimary:hover {    background-color: #27C4F4;    color: #ffffff;}
/* end */

/* Primary button solid*/
.solidButtonPrimary {    display: block;    width: 50%;    max-width: 200px;    padding: 10px 20px;    border: 1px solid #27C4F4;    background-color: #27C4F4;    color: #FFF;    text-decoration: none;    margin: 10px auto;    text-align: center;}
.solidButtonPrimary {    -webkit-transition-duration: 0.4s;    transition-duration: 0.4s;}
.solidButtonPrimary:hover {    background-color: #ffffff;    color: #27C4F4;}
/* end */


/* Alt button ghost */
.ghostButtonAlt {    display: block;    width: 50%;    max-width: 200px;    padding: 10px 20px;    border: 1px solid #363636;    background-color: transparent;    color: #363636;    text-decoration: none;    margin: 10px auto;    text-align: center;}
.ghostButtonAlt {    -webkit-transition-duration: 0.4s;    transition-duration: 0.4s;}
.ghostButtonAlt:hover {    background-color: #363636;    color: #ffffff;}
/* end */


/* Alt button solid*/

.solidButtonAlt {    display: block;    width: 50%;    max-width: 200px;    padding: 10px 20px;    border: 1px solid #363636;    background-color: #363636;    color: #ffffff;    text-decoration: none;    margin: 10px auto;    text-align: center;}
.solidButtonAlt {    -webkit-transition-duration: 0.4s;    transition-duration: 0.4s;}
.solidButtonAlt:hover {    background-color: #ffffff;    color: #363636;}
/* end */

/* Ad button ghost */
.adButtonPrimary {    display: block;    padding: 10px 10px;    border: 1px solid #27C4F4;    background-color: #27C4F4;    color: #ffffff;    text-decoration: none;    margin: 0px auto;    text-align: center;}
.adButtonPrimary {    -webkit-transition-duration: 0.4s;    transition-duration: 0.4s;}
.adButtonPrimary:hover {    background-color: #ffffff;    color: #27C4F4;}
/* end */

/* Product button solid */
.productButtonSolid {    display: block;    padding: 10px 20px;    border: 1px solid #27C4F4;    background-color: #27C4F4;    color: #ffffff;    text-decoration: none;    margin: 0px auto;    text-align: center;}
.productButtonSolid {    -webkit-transition-duration: 0.4s;    transition-duration: 0.4s;}
.productButtonSolid:hover {    background-color: #ffffff;    color: #27C4F4;}
/* end */

/* *********************** boxes ************************ */

/* Content zone */
.contentZone{width:	 80%;max-width: 600px;display: block;margin: 0px auto;}

.contentZone a {    text-decoration: none;  }
  
.contentZone a:hover {    text-decoration: none;    color: #acacac;  }

.contentZone i {margin-left: 5px;}
/* end */


/* Ad box */
.adBox {width:	 90%;display: block;border: 0px solid #acacac;padding: 0px;margin: 10px auto;background-color:#27C4F4;text-align:center;-webkit-transition-duration: 0.4s;   transition-duration: 0.4s;}
.adBox:hover	{background-color:#FFF;}.adBox a	{color:#FFF; text-decoration:none;}.adBox:hover a	{color:#27C4F4;}.adBox span	{display:block;padding:10px 0;border: 1px solid #27C4F4;}
/* end */

/* Product box */
.productBox {width:	 90%;display: block;border: 1px solid #27C4F4;padding: 0px;margin: 10px auto;background-color:#27C4F4;text-align:center;-webkit-transition-duration: 0.4s;   transition-duration: 0.4s;}
.productBox:hover	{background-color:#FFF;}
.productBox a	{color:#fff; text-decoration:none;}
.productBox:hover a	{color:#27C4F4;}
.productBox span	{display:block;padding:10px 0;border-top: 1px solid #27C4F4;}
.productBox p {color: #7d7d7d;margin:0px;padding:5px;}
.productBox img {width: 95%; margin: 0 auto;}
.productBox h2 {color: #27C4F4;font-size: 130%; margin:0px;padding:5px;}
/* end */







@media only screen and (max-width : 767px) {
	.flexGroup													{		}
	.flexGroup.flexWrap										{		}
	.flexReverse												{		}
	.flexRow2													{		}
	.flexPair													{		}
	.flexTriplet												{		}
	.flexQuad													{		}
	.flexTextWrapper											{	}

	.flex05p													{		}
	.flex10p													{		}
	.flex15p													{		}
	.flex20p													{		}
	.flex25p													{	flex: 1 1 50%;	}
	.flex30p													{		}
	.flex35p													{		}
	.flex40p													{	flex: 1 1 60%;	}
	.flex45p													{		}
	.flex50p													{		}
	.flex55p													{		}
	.flex60p													{	flex: 1 1 100%;	}
	.flex65p													{		}
	.flex70p													{		}
	.flex75p													{		}
	.flex80p													{		}
	.flex85p													{		}
	.flex90p													{		}
	.flex95p													{		}
	.flex100p												{		}

	.flexQuad													{	flex: 1 1 25%;	}
}