/*
* @author: William Khoe
*/

.before-after-showcase:after
{
	display:block; clear:both; visibility: hidden;
	height:0;
	content:".";
}
.ie .before-after-showcase
{
	zoom:1;
}

input::-ms-clear {
    display: none;
}

/*  Testors Main Header  */
#header
{
	position:relative;
	width:100%;
	z-index:10;
	background:#8D8B82;
	/*background:-moz-linear-gradient(top, #F1F1F1 0%, #25bfcc 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F1F1), color-stop(100%,#25bfcc));
	background:-webkit-linear-gradient(top, #F1F1F1 0%,#25bfcc 100%);
	background:-o-linear-gradient(top, #F1F1F1 0%,#25bfcc 100%);
	background:-ms-linear-gradient(top, #F1F1F1 0%,#25bfcc 100%);
	background:linear-gradient(to bottom, #F1F1F1 0%,#25bfcc 100%);*/
	box-shadow:0 0 6px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.4);
}
#header-wrap
{
	width:960px;
	margin:0 auto;
}
#header .main-logo
{
	display:block; float:left;
	padding:20px 0 8px 0;
}
#header .main-logo img
{
	display:block;
	width:137px; height:75px;
}
#header #search
{
    display: none;
    overflow:hidden;
    margin: 0;
    border: 3px solid #40BAB4;
    padding:20px;
    background: #40BAB4;
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
            box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
#header #search .formRow { 
    position:relative; 
    float:left; 
    margin-bottom:15px;
    padding:0 20px;
    width:50%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#header #search .formRow label { display:block; margin-bottom:5px; font-family:'Yanone Kaffeesatz', Helvetica, Arial, sans-serif; font-size:1.5em; text-transform:uppercase; }
#header #search .formRow input[type="text"] { 
    display:block;
    width:100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#header #search .formRow input[type="button"] {
	position:absolute;
    bottom:0; right:20px;
    width:30px; height:27px;
	margin:0 0 0 -30px;
	background:url(/content/Testors/img/ui/icon-sprite.png) no-repeat 8px -447px;
	border:0;
	text-indent:-9999px;
	vertical-align:middle;    
}

/* Testors Main Footer */
#footer
{
	position:relative;
	background:#8D8B82;
	/*background:-moz-linear-gradient(left, #7e7d76 0%, #333333 50%, #7e7d76 100%);  FF3.6+ 
	background:-webkit-gradient(linear, left top, right top, color-stop(0%,#7e7d76), color-stop(50%,#333333), color-stop(100%,#7e7d76));  Chrome,Safari4+ 
	background:-webkit-linear-gradient(left, #7e7d76 0%,#333333 50%,#7e7d76 100%);  Chrome10+,Safari5.1+ 
	background:-o-linear-gradient(left, #7e7d76 0%,#333333 50%,#7e7d76 100%);  Opera 11.10+ 
	background:-ms-linear-gradient(left, #7e7d76 0%,#333333 50%,#7e7d76 100%);  IE10+ 
	background:linear-gradient(to right, #7e7d76 0%,#333333 50%,#7e7d76 100%);  W3C */
}
#footer-wrap
{
	width:960px;
	margin:0 auto; padding:30px 0;
}

#footer section.primary section
{
	margin:0 0 20px 0;
}
#footer section.primary section > h2
{
	margin:0 0 6px 0;
	color:#FFF; font-weight:700; font-size:11px; text-transform:uppercase;
}
#footer section.primary .col
{
	margin:0 0 0 30px;
	width:183px;
}

#footer .secondary-logo
{
	display:block; overflow:hidden;
	margin:0 0 30px 0;
	text-align:center;
}
#footer .secondary-logo img
{
	display:inline-block;
	width:207px; height:113px;
}
#footer .copyright
{
	margin:0 0 10px 0;
	font-size:10px; color:#666; font-weight:bold; text-align:center;
}
#footer .rpm-logo
{
	display:block; overflow:hidden;
	text-align:center;
}
#footer section.language .custom-select
{
	display:block;
}

/*  Testors Main Background  */
#main
{
	padding:20px 0 30px 0;
	background:#FFFFFF;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDNjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-moz-linear-gradient(top, #D4D3Cf 0%, #FFFFFF 50%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#D4D3Cf), color-stop(50%,#FFFFFF)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #D4D3Cf 0%, #FFFFFF 50%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #D4D3Cf 0%, #FFFFFF 50%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #D4D3Cf 0%, #FFFFFF 50%); /* IE10+ */
	background:linear-gradient(top, #D4D3Cf 0%, #FFFFFF 50%); /* W3C */	
}

.lt-ie9 #main { filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#D4D3Cf', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */ }

.scrollbar-measure
{
	position:absolute; overflow:scroll;
	top:-9999px;
	width:100px; height:100px;
}
section.collapsible > h2
{
	font-size:24px;
}
section.collapsible > h3
{
	display:none;
}

.before-after-showcase a.thumbnail
{
	float:left; position:relative;
}
.before-after-showcase .thumbnail.primary img,
.before-after-showcase .thumbnail.secondary img
{
	width:320px; height:auto;
}
.before-after-showcase .thumbnail .caption
{
	display:block; position:absolute;
	bottom:0; left:0;
	width:100%;
	background:#000; background:rgba(0,0,0,0.6);
}
.before-after-showcase .thumbnail .caption span
{
	display:block;
	margin:0 9px; padding:0 15px 0 0;
	background:url(/content/Testors/img/ui/icon-sprite.png) no-repeat 100% -3757px;
	line-height:34px; color:#FFF; font-weight:bold; font-size:12px; text-align:center; text-transform:uppercase;
}

/* Helpers */
.newline {
	display: block;
}
h1 > .newline {
	margin-bottom: 15px;
	font-weight: 700;
}

#page #main .mt-0 { margin-top: 0; }
#page #main .mr-0 { margin-right: 0;}
#page #main .mb-0 { margin-bottom: 0; }
#page #main .ml-0 { margin-left: 0; }

#page #main .pt-0 { padding-top: 0; }
#page #main .pr-0 { padding-right: 0;}
#page #main .pb-0 { padding-bottom: 0; }
#page #main .pl-0 { padding-left: 0; }


img.shadow {
  -webkit-box-shadow: 0px 1px 3px 1px #999;
          box-shadow: 0px 1px 3px 1px #999;
}

.box {
	padding:25px 30px;
	background:#EDEDED;
	background:-moz-linear-gradient(top, #EDEDED 0%, #DDDDDD 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#DDDDDD));
	background:-webkit-linear-gradient(top, #EDEDED 0%,#DDDDDD 100%);
	background:-o-linear-gradient(top, #EDEDED 0%,#DDDDDD 100%);
	background:-ms-linear-gradient(top, #EDEDED 0%,#DDDDDD 100%);
	background:linear-gradient(to bottom, #EDEDED 0%,#DDDDDD 100%);

	border:5px solid #FFF;
	box-shadow:0 0 6px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.4);
}

.box.box-2 {
	background: #efebdf;
}

/*Virtual Kitchen CSS*/

#try_it_overlay {z-index:10001;position:absolute;}
#try_it_backdrop {z-index:10000;position:absolute;background-color:#000000}
#try_it_container {clear:both;display:block;margin:0 auto;overflow:hidden;width:953px}
#try_it_social {height:93px;margin:-52px 125px;}

/*Browse Products Control CSS*/
.product-list-div {
    display:block;
    float:left;
    width:100%;
}

/* Regular Desktop */

@media only screen and (min-width:1024px)
{
    #footer { overflow: hidden; }

	#footer section.primary
	{
		float:right;
		width:669px;
		border-left:1px solid #444;
	}
	#footer section.secondary
	{
		float:left;
		width:290px;
		padding:64px 0 0 0;
	}
	#footer section.secondary .site-links li.last
	{
		border:none;
	}
}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px)
{
	#main
	{
		padding:20px 0 40px 0;
	}
	#header-wrap
	{
		width:708px;
	}
	#header .main-logo img
	{
		width:91px; height:50px;
	}


	#header form#search
	{
		position:absolute;
		top:-35px; right:0;
	}

	#footer-wrap
	{
		width:708px;
		margin:0 auto; padding:30px 0;
	}
	#footer section.primary
	{
		margin:0 0 30px 0; padding:0 0 15px 0;
		border-bottom:2px solid #444;
	}
	#footer section.primary .col
	{
		width:196px;
	}
	#footer section.primary section
	{
		margin:0 0 30px 0;
	}
	.before-after-showcase .thumbnail.primary img,
	.before-after-showcase .thumbnail.secondary img
	{
		width:218px; height:auto;
	}
}

/* Mobile Portrait & Landscape */

@media only screen and (min-width:768px) {
    #header #search {
        position:absolute;
        top:100%; right:0;
        border-radius:10px;
        width:250px;
    }
    
    #header #search .formRow { float:none; width:100%; padding:0; }
    #header #search .formRow input[type="text"] { width:100%; }
    #header #search .formRow input[type="button"] { right:0; }
    #header #search .formRow + .formRow { margin-top:15px;}
}

@media only screen and (max-width:767px)
{
	#main
	{
		padding:20px 0 30px 0;
	}
	#header-wrap
	{
		width:auto;
		margin:0;
	}
	#header .main-logo
	{
		float:none; display:block;
		width:180px;
		padding:57px 0 10px 20px;
	}
	#header .main-logo img
	{
		width:64px; height:35px;
	}

	#header form#search
	{
		float:none; display:none;
		margin:0;
		background:#40BAB4;
		border:3px solid #40BAB4;
		box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
		-moz-border-radius-topright: 10px;
		border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		border-top-left-radius: 10px;
	}
	.lte8 #header form#search { filter: none;}
	#header form#search fieldset
	{
		padding:20px;
	}
	#header form#search #input-search
	{
		width:100%;
		padding-right:39px;
	}

	.lte8 #header form#search #input-search {
		width: 80%;
	}

/*	Commenting this out, dunno what it's for as it broke the search button on small device header.
	#header form#search .btn-submit-search
	{
		width:40px; height:27px;
		margin:0 0 0 -40px; padding:0;
		background:#D71923;
		background:-moz-linear-gradient(top, #EC1C27 0%, #BF222B 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EC1C27), color-stop(100%,#BF222B));
		background:-webkit-linear-gradient(top, #EC1C27 0%,#BF222B 100%);
		background:-o-linear-gradient(top, #EC1C27 0%,#BF222B 100%);
		background:-ms-linear-gradient(top, #EC1C27 0%,#BF222B 100%);
		background:linear-gradient(to bottom, #EC1C27 0%,#BF222B 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#EC1C27', endColorstr='#BF222B',GradientType=0 );
		text-indent:0; color:#FFF; font-size:13px; font-weight:bold; text-transform:uppercase;
	}*/
	#header form#search .btn-submit-search.focus,
	#header form#search .btn-submit-search:focus,
	#header form#search .btn-submit-search:active
	{
		background-position:4px -512px;
	}
	#footer-wrap
	{
		width:auto;
		margin:0; padding:0;
	}
	#footer section.primary
	{
		margin:0 0 20px 0;
	}
	#footer section.primary .content
	{
		display:none;
		padding:0;
	}
	#footer section.primary section.open .content
	{
		display:block;
	}
	#footer section.primary .col
	{
		float:none;
		width:auto;
		margin:0;
	}
	#footer section.primary section
	{
		margin:0;
	}
	#footer section.primary section > h2
	{
		margin:0; padding:0 20px;
		font-size:14px; line-height:50px;
		border-top:1px solid #565656; border-bottom:1px solid #000;
		cursor:pointer;
	}
	#footer section.primary section > h2 span
	{
		display:block;
		background:url(/content/Testors/img/ui/icon-sprite.png) no-repeat 100% -1858px;
	}
	#footer section.primary section.open > h2 span
	{
		background-position:100% -1917px;
	}
	#footer section.secondary
	{
		width:auto;
		margin:0 0 25px 0; padding:0;
	}
	#footer section.language
	{
		padding:20px 20px 15px 20px;
	}
	#footer section.language .custom-select
	{
		height:43px;
	}
	#footer section.language .custom-select span
	{
		font-size:14px; font-weight:bold; line-height:43px;
		background-position:100% -2464px;
	}

	section.collapsible .content
	{
		display:none;
	}
	section.collapsible.active .content
	{
		display:block;
	}
	section.collapsible > h2
	{
		padding:15px 10px 15px 13px;

		background:#fdfdfd; /* Old browsers */
		background:-moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 100%); /* Opera 11.10+ */
		background:-ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 100%); /* IE10+ */
		background:linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 100%); /* W3C */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */

		border:1px solid #DDD;
		cursor:pointer;

		font-size:14px;
	}
	section.collapsible > h2 span
	{
		display:block;
		background:url(/content/Testors/img/ui/icon-sprite.png) no-repeat 100% -3153px;
	}
	section.collapsible.active h2 span
	{
		background-position:100% -3210px;
	}
	section.collapsible > h3
	{
		display:block;
		margin:0 -20px -2px -20px; padding:15px 10px 15px 13px;

		background:#FEFEFE; /* Old browsers */
		background:-moz-linear-gradient(top, #FEFEFE 0%, #F9F9F9 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#F9F9F9)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #FEFEFE 0%,#F9F9F9 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #FEFEFE 0%,#F9F9F9 100%); /* Opera 11.10+ */
		background:-ms-linear-gradient(top, #FEFEFE 0%,#F9F9F9 100%); /* IE10+ */
		background:linear-gradient(to bottom, #FEFEFE 0%,#F9F9F9 100%); /* W3C */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#F9F9F9',GradientType=0 ); /* IE6-9 */
		font-weight:bold; color:#444; text-transform:uppercase; text-align:center;
		cursor:pointer;
	}
	section.collapsible > h3 span
	{
		display:inline-block;
		padding:0 25px 0 0;
		background:url(/content/Testors/img/ui/icon-sprite.png) no-repeat 100% -1988px;
	}
	section.collapsible > h3 span em
	{
		font-style:normal;
	}
	section.collapsible.active h3
	{
		color:#ED1C27;
	}
	section.collapsible.active h3 span
	{
		background-position:100% -2164px;
	}

	.before-after-showcase a.thumbnail
	{
		float:none; display:block;
	}
	.before-after-showcase .thumbnail.primary img,
	.before-after-showcase .thumbnail.secondary img
	{
		width:100%; height:auto;
	}

    #header nav.secondary > ul > li.social {display: none;}
}

/* Spinner */
.spinner { position:absolute !important; z-index:10000; left:50%; top:50%; }
.spinner-loading { cursor:progress; position:relative; display:block; }
.spinner-loading:before { content:''; position:absolute; left:0; top:0; display:block; width:100%; height:100%; z-index:9999; background:#ccc;background:rgba(229, 229, 229, 0.60); }

/* UI Slider */
.ui-slider { position:relative; text-align:left; background-color:#4a4C59;}
.ui-slider .ui-slider-handle { position:absolute; z-index:2; width:1.2em; height:1.2em; cursor:default; background-color:#05b6de; }
.ui-slider .ui-slider-range { position:absolute; z-index:1; font-size:.7em; display:block; border:0; background-position:0 0; }

.ui-slider-horizontal { height:.8em; }
.ui-slider-horizontal .ui-slider-handle { top:-.3em; margin-left:-.6em; }
.ui-slider-horizontal .ui-slider-range { top:0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left:0; }
.ui-slider-horizontal .ui-slider-range-max { right:0; }

.ui-slider-vertical { width:.8em; height:100px; }
.ui-slider-vertical .ui-slider-handle { left:-.3em; margin-left: 0; margin-bottom:-.6em; }
.ui-slider-vertical .ui-slider-range { left:0; width:100%; }
.ui-slider-vertical .ui-slider-range-min { bottom:0; }
.ui-slider-vertical .ui-slider-range-max { top:0; }