@import url(/css/trex-umbraco-2.less.min.css);
.icon-trex-logo:before {
  content: "\e019";
}

li.quickSearch input[type=text], form.search input[type=search] {
  -webkit-border-radius: 1em 0 0 1em;
  -moz-border-radius: 1em 0 0 1em;
  -o-border-radius: 1em 0 0 1em;
  border-radius: 1em 0 0 1em;
  float: left;
  position: relative;
  border-bottom: 1px solid #ada59b;
  border-left: 1px solid #ada59b;
  border-right: none;
  border-top: 1px solid #ada59b;
  height: 2em;
  width: 85%; }
li.quickSearch button[type=submit] {
  -webkit-border-radius: 0 1em 1em 0;
  -moz-border-radius: 0 1em 1em 0;
  -o-border-radius: 0 1em 1em 0;
  border-radius: 0 1em 1em 0;
  float: left;
  position: relative;
  border-bottom: 1px solid #ada59b;
  border-left: none;
  border-right: 1px solid #ada59b;
  border-top: 1px solid #ada59b;
  height: 2em;
  background-color: #FFFFFF;
  width: 15%;
  padding-right: 0.75em;
  text-align: right; }
  form.search button[type=submit] .icon-search {
    color: #ada59b;
  }

#GSAHeaderQueryText{
	font-size:inherit;
}
#nav_secondary{
	top:-39px;
}
#nav_secondary li {
	margin-top:6px;
}
#nav_secondary li.quickSearch{
	margin-right:0px;
	width:170px;
	margin-top:0px;
}
/*@media screen and (min-width: 1000px) {*/
	#topright_mobilelogo {
		display:none;

	}
/*}  */

@media screen and (max-width: 999px) {
	#topright_mobilelogo {
		display:block;
    	position: absolute;
    	float:right;
    	right: 0px;
    	top: 10px;
    	display: block;


    	/*text-indent: -999em;
    	text-decoration: none;*/
	}
}



#topright_logo {
    position: relative;
    float:left;
    right: 0px;
    top: 12px;
    display: inline;
    height: 50px;
    width: 49px;
    /*background: url(/trex/groups/content/@mktg/documents/image/trexmd_012180.png) no-repeat;*/

    /*text-indent: -999em;
    text-decoration: none;*/
}

/* JC New logo. */
/* Remove if we ever return to having a font icon logo. */
h2.trex_logo {
	background:url(/media/1299/trexmd_014793.jpg) center no-repeat;
	background-size: contain;
    height:auto;
}
@media only screen and (max-width: 999px) { /* JC H8UD624185 09/2017 Australia updates: changed from 1000px to avoid overlapping logos. */
	.icon-trex-logo::before {
		content: "\00a0 " !important;
		width: 100px;
		background:url(/media/1299/trexmd_014793.jpg) center center no-repeat;
		background-size: contain;
	}
	h2.trex_logo a.logo {
		overflow: visible;
	}
}
@media only screen and (min-width: 1000px) {
	.icon-trex-logo::before {
		content: " ";
	}
}

@media only screen and (max-width: 999px) and (min-width: 600px) {
    #header .position .container .trex_logo {
        position: static;
        margin: auto;
    }
}

@media only screen and (min-width: 600px) {
	#header .trex_logo .logo {
		top: -15px;
	}
}

.gsaSearchInputHeader {
    font-size: 10pt;
    height: 20px;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    margin: 0;
    outline: medium none;
    padding: 3px 5px;
    padding-left: 7px;
    width: 115px;
}

.ui-autocomplete {just
	position: absolute; 
	cursor: default; 
	font-size: 10pt;
	font-family: "proxima-nova",Helvetica,Arial,sans-serif;
	color: #34704B;
}

.ui-widget-content a {
	color: #34704B;
}

.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
	font-family: "proxima-nova",Helvetica,Arial,sans-serif;
	font-size: 10pt;
	color: #34704B;
	background:#FFFFFF;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }


.products-detail-enhance-decking-and-railing .very-best,
.products-detail-transcend-decking-and-railing .very-best,
.products-detail-railing-detail .very-best,
.products-detail-traditional-composites .very-best,
.products-detail-framing-and-drainage-elevations .very-best,
.products-detail-trex-trim .very-best,
.products-detail-lighting-fascia .very-best,
.products-detail-lighting-decklighting .very-best,
.products-detail-porch .very-best,
.products-collections-detail .very-best {
    padding-bottom: 2.5em;
}

.homepage .featured .thumb_info .thumb > a > img {
	width: auto;
}

/* Classes added to allow for removal of specific areas of padding and margin */
.page_content section.no-bottom-padding {
  padding-bottom: 0!important; }

/* Overwrite left margin in header.css */
ul.subnav{
    margin-left: 0;
}

/* Override vertical alignment override in trex.css */
.social .fb-like span {
    vertical-align: bottom !important;
}

/* Hide server name by default. */
#server-number-container { 
    display: none; 
}

/* JC H2SG163736 mobile nav updates */

#mobile-cta { display: none; }

@media only screen and (max-width: 999px) {
    iframe[name='google_conversion_frame'] {
        /* Make sure Google iframe doesn't take up space. https://stackoverflow.com/questions/18467529/google-remarketing-tag-iframe-height-issue/18588271#18588271 */
        height: 0 !important;
        width: 0 !important; 
        line-height: 0 !important; 
        font-size: 0 !important;
        margin-top: -13px;
        float: left;
    }
    #mobile-cta {
        margin: 1em;
        display: block;
    }
    #mobile-cta, #mobile-cta a {
        color: #34704b;
        font-size: 96%;
    }
    #mobile-cta a[href='/find-trex/']::before {
        /* /media/6879/retailer.png */
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTIzNTExQzRGMkU2MTFFNjk1M0JGRTc1Qzc1MDM2MjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTIzNTExQzVGMkU2MTFFNjk1M0JGRTc1Qzc1MDM2MjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMjM1MTFDMkYyRTYxMUU2OTUzQkZFNzVDNzUwMzYyMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMjM1MTFDM0YyRTYxMUU2OTUzQkZFNzVDNzUwMzYyMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlYpddIAAABdSURBVHjaYjQo8GSgBmCB0v8pNIcRZhAjpS5iOt+/jQHJVeRgFK8xkOkyuEFMDFQCLPhsweJCnHI0dRG+cGIkxSBcXsFrEDFeYyQmNmkWRv8JeO8/MQZRlE0AAgwAZogZHmHYqmkAAAAASUVORK5CYII=);
        vertical-align: -10%; 
        margin-right: 4px;
    }
    #mobile-cta a.sample-order-cta-link::before {
        /* /media/6880/cart.png */
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTIzNTExQzhGMkU2MTFFNjk1M0JGRTc1Qzc1MDM2MjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDVENTY2NkFGMkY3MTFFNjk1M0JGRTc1Qzc1MDM2MjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMjM1MTFDNkYyRTYxMUU2OTUzQkZFNzVDNzUwMzYyMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMjM1MTFDN0YyRTYxMUU2OTUzQkZFNzVDNzUwMzYyMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpOs0ZUAAAC5SURBVHjaYvz//z8DKcCw0AurOKNBgScDmQDZBYwsDJQBRhiDCUofh9pACr6LbCLMRdOA+CMQexDpkgoglgQxzvdvQ3HRSiDWBWItIg0CWbgLWQBm0C8gngXE2UQYwg+KPCDeh80gBqhBEUAsQMAgFyA+CsTfcRn0HIi3AnEyEd7agS6IHv3ToDHYQ8AwFUIGnUBOGyQlKFgWQUr6xOQZRli043IRRoolkDXwGsSInNCwZFislgAEGADY4DDa6icmEQAAAABJRU5ErkJggg==);
        vertical-align: -10%;
        margin-right: 4px;
    }
    #mobile-cta-divider {
        margin: 0 10px;
    }
    /* Nav menu item changes are in _Layout.cshtml because they are for US only. */
}

/* JC 4/5/2017 UK site updates */

#nav_secondary li.nav-cta {
    margin-top: 0;
}

#nav_secondary li.nav-cta a.button {
    color: #ffffff; 
    padding-top: 7px; 
    padding-bottom: 5px;
}

/* H4D94A1274  JC */

form.search button[type=submit] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    float: unset;
    position: unset;
    width: 100px;
    border-bottom: unset;
    border-left: unset;
    border-right: unset;
    border-top: unset;
    height: 3em;
    background-color: unset;
    padding-right: unset;
    text-align: unset; 
    color: #FFF;
    background: #8dc63f;
    font-size: 0.875em;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 20px;
    letter-spacing: 1px;
    display: inline-block;
}

form.search button[type=submit]:hover {
    color: #FFF;
    background: #34704b;
}

form.search input[type=text], form.search input[type=search] {
    -webkit-border-radius: 1em 1em 1em 1em;
    -moz-border-radius: 1em 1em 1em 1em;
    -o-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em;
    float: left;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ada59b;
    border-left: 1px solid #ada59b;
    border-right: 1px solid #ada59b;
    border-top: 1px solid #ada59b;
    height: 2em;
    width: 85%; 
}

h5.search-radius {
    padding-bottom: 5px; 
    margin-bottom: 1em; 
    font-weight: bold;
}

label.search-radius {
    padding-bottom: 5px; 
    margin-bottom: 1em;
}

.find_retailers .aside form.search .searchbox {
    margin-bottom: 1em;
}

/* JC H5GD675638 */
@media only screen and (min-width: 1000px) {
    .homepage .aside_left div.translated_column_content {
        width: 100%;
    }
}


/* JC H6C919244A Increase min height of #content to always have space for the mega menu items. */

/*@media only screen and (min-width: 1000px) {
    #content {
        min-height: 500px;
    }
}*/


/* JC H8UD624185 09/2017 Australia updates: center nav to reflect trex.com */

iframe[name="google_conversion_frame"] {
	height: 0;
	float: left;	
}

#topright_logo {
    float: right;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 5px;
}

#nav_global {
    float: none;
    margin-left: 235px;
}

#nav_global > li > a {
    font-size: 17px;
}

/*Firefox Only: Bug Fix on Firefox - JJC 6/5/18 Marathon Consulting*/
@-moz-document url-prefix() {
    #nav_global li.has_subnav > .subnav:before {
        margin-left: -100%;
        left: 0;
    }
}

#nav_secondary {
    text-align: center;
    float: none;
    top: -39px;
    /*margin-left: 210px;*/

}

#nav_secondary li {
    float: none;
    display: inline;
}


.icon-youtube {
    
}

.icon-youtube:before {
  font-size: 30px;
  /*line-height: .45;*/ 
  vertical-align: text-bottom;
}

@media screen (-ms-high-contrast:active), all and (-ms-high-contrast:none) { /*and (min-width:1000px) and*/ 
    .icon-youtube:before {
        font-size: 35px;
        line-height: 1 !important;
        /*margin-top: 10px;*/ 
        vertical-align: bottom;
    }
    /*.icon-youtube {
        margin-top: 10px; 
    }*/
    #nav_secondary {
        top: -45px;
    }
}

#nav_secondary li {
    font-size: 0.85em;
}

#nav_secondary li.social.last-icon {
    margin-right: 0;
}

@media only screen and (min-width: 600px) {
    
}
    

@media screen and (min-width: 1000px) {
    #nav_global li.has_subnav > .subnav {
        left: -180px;
    }
    #header .trex_logo {
        background: url(/media/7696/bun696_trexlogo_large_notag-resize.jpg) center no-repeat;
        background-size: 135px auto;
        bottom: 8px;
        width: 140px;
        bottom: 0;
        margin-top: 5px;
    }
    #header .trex_logo .logo {
        top: 0;
        width: 140px;
    }
}

@media screen and (max-width: 999px) {
    #topright_logo {
        display: none;
    }
}

/* JC H46C39552A Styling for photo icon for contractor results page. */

@font-face{
	font-family:icomoon;
	src:url(/Custom/fonts/helveticons/helveticons.eot?raw=true);
	src:url(/Custom/fonts/helveticons/helveticons.eot?raw=true?#iefix) format('embedded-opentype'),url(/Custom/fonts/helveticons/helveticons.ttf) format('truetype'),url(/Custom/fonts/helveticons/helveticons.svg#icomoon) format('svg');
	font-weight:400;font-style:normal
}

.contractor-photo-count-container {
    /*background-color: rgba(0,0,0,0.6);*/
    /*border: 1px solid rgba(0,0,0,0.3);*/
    color: #726658;
    margin-right: 7px;
    /*padding: 2px;*/
    padding-left: 2px;
    padding-right: 2px;
}

.icon-pictures {
    font-family: icomoon;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 20px; 
    vertical-align: text-bottom;
}

.icon-pictures:before {
    content: "\e0d8";
}

.tpItems {
    border-top-style: solid; 
    border-color: lightgray; 
    border-width: 1px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .icon-pictures {
        vertical-align: top;
    }
}

/* JC HBGH314A76 Match international gallery count to US. */

.galleria-counter {
    background-color: #000 !important;
    color: #fff !important;
    opacity: 0.8 !important;
    padding: 3px !important;
}