/* ----- Video Page CSS ----- */


.headerBanner {
    height: 178px;
    width: 100%;
    background-image: url('img/headeryoutube.png');
	margin-bottom: 10px;
}

.videoItemSection { width: 90%; margin-top: 20px; }

.welcomeMessage { margin: 10px 0 20px; }

.greenHeader {
	color: #3d7e2e;
}
	
.youtubePlayer {
	width: 100%;
	border: #CDCFCF solid 1px;
}

.youtubePlayer p, .youtubePlayer h2 { padding: 10px 20px 10px 20px; }
	
.subscribeButton { 
	display: inline;
	float: right;
	padding: 5px;
}

.pageName { float: left; }

.caroselWrapper { overflow: hidden;}

.videoTitleWrapper { width: 100%; display: inline-block; }

.playlistCarousel {
	position: relative;
	display: inline-block;
	border-top: 1px solid #CDCFCF;
	width: 100%;
	
}

.playlistItem , .feedItem {
	width: 174px;
    margin: 23px 10px 0 0;
    position: relative;
    display: inline-block;
    border-radius: 3px;
	cursor: pointer;
    vertical-align: top;
	z-index:50;
}

.playlistItem img, .feedItem img {
    width:173px;
    height:125px;
}

.youtubeTitle {
	font-size: 14px;
	font-size: 1rem;
	color: #3d7e2e;
	display: block;
	padding: 5px 0;
}

.bold { font-weight: bold; }

.youtubeDescLower p { 
	display: inline; 
	font-size: 10px;
	font-size: 1rem;
}

.youtubeDescLower { padding-left: 15px;}

.playlistControl {
	display:block;
	font-weight: bolder;
	font-size: 2.0rem;
	position: absolute;
	top: 0;
	color: #54585a;
	width: 30px;
	cursor: pointer;
	height: 100%;
}

.playlistControl p {
	top: 50%;
	position: absolute;
}

.playlistControlNext { right: -30px; }

.playlistControlPrev { left: -20px; }

.playlists h3 { 
	font-size: 20px;
	font-size: 2rem;
}

section.breadcrumbSection { padding: 20px 0 0; }

section.bannerSection { 
	padding: 0;
	margin-bottom: 0;
}

#player { border: none; }
	
.videoTabs {
	display: inline-block;
	width: 100%;
	font-size: 18px;
	font-size: 1.8rem;
}
		
.videoTabs a {
	padding: 10px;
	display: inline-block;
	position: relative;
	top: 1px;
	width: 150px;
	text-align: center;
}
	
.videoTabs a:hover { text-decoration: underline; }
	
.playlistTab { margin-left: 40px; }

.playlistCarousel:first-of-type { border-top: none; }
	
section.tabSection { border-bottom: 1px solid #CDCFCF; }
section.tabSection .centralContent { padding: 0; }
	
.selectedTab {
	border-top: 1px solid #CDCFCF;
	border-right: 1px solid #CDCFCF;
	border-left: 1px solid #CDCFCF;
	border-bottom: 1px solid #FFF;
}


.plusIcon { 
	height: 17px;
	width: 17px;
	position: absolute;
	top:5px;
	right:5px;
	background-position: -3px -1px;
}
.minusIcon {
	height: 17px;
	width: 17px;
	position: absolute;
	top:5px;
	right:5px;
	background-position: -3px -20px;
}

.responsiveSearch { 
	display: none;
}

/* ----- Cost Guides tables CSS ---- */

.entry-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 25px 0;
}

.entry-content table th, .entry-content table td { 
	padding: 5px 0;
    vertical-align: middle;
	text-align: center;
	margin: 0;
}

.entry-content table th { 
	background: #F0F2EF;
	font-weight: normal;
}

.entry-content table td {  border-bottom: 1px solid #CDCFCF; }

.costGuidesList { display: inline-table; width: 100%; margin: 10px 0px 30px; }
.iconCostGuidesList { width: 10%; }
.textCostGuidesList { width: 90%; }
.textCostGuidesList ul {margin: -5px 0 0 20px; list-style-type: disc; }


/* -----  Tm pages ----- */

.tmFormMap{
		background: url("http://www.ratedpeople.com/c/wp-content/uploads/2014/07/coverage31.jpg") no-repeat scroll right rgba(0, 0, 0, 0);
		background-size: 400px 550px;
}
	
.howItWorks ul li {
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0 35px;
	width:33%;
	min-width: 265px;
}

.howItWorks h2 { margin-bottom: 15px;}

.howItWorks img { margin: 15px 0;}

.howItWorks ul li h3 { 
	color: #8FA633;
	font-weight: 500;
	padding-bottom: 10px;
}

.jobsLead {	background-image:url('/assets/reskin/images/tradesman-registration/1.gif'); }
.contactCustomer { background-image:url('/assets/reskin/images/tradesman-registration/2.gif'); }
.getRated { background-image:url('/assets/reskin/images/tradesman-registration/3.gif'); }

#tmLoginLink {
    background-color: #BFCED6;
    border-radius: 4px;
    float: left;
    height: 41px;
    line-height: 41px;
    margin: 0 0 0 8px;
    padding: 0 1em;
    text-decoration: none;
}

/***** Standard Page Template / Sidebar CSS *****/

.standardPage {
	float: left;
	width: 63%;
}

.standardPage a { 
	color: #8F993E;
	text-decoration: none;	
}

.standardSidebar a.titleLink {
	color: inherit;
	text-decoration: none;	
}

.standardPage .entry-title { margin-bottom: 20px; }
.standardPage .entry-content h2 { color: #8F993E; }
.standardSidebar .widget-container { padding: 20px; }
.standardSidebar .btn-homeowner, .standardSidebar .btn-tradesman { width: 100%; }

.disc-list { 
	list-style-type: disc; 
	padding: 10px 0 0 15px;
}

/***** Other Page CSS *****/

.webGains {
	background: url('img/webgains.jpg') no-repeat center;
	background-size: 75%;
	height: 64px;
}

.affiliateLogos {
	background: url('img/affiliate.png') no-repeat center;
	background-size: 100%;
	height: 190px;
}

/*---- new template ----*/
.tmFormsSidebar h2.green, .tmFormsSidebar p {
	margin: 20px 0;
	text-align: left;
}

.tmFormsSidebar img {
	width: 100%;
}

.agreement a { color: #8FA633; }

.agreement { margin: 30px 0; }

/*--- css changes WP-05 ---*/
hr { 
border: 0;
height: 1px;
background: #CDCFCF; 
}

ul.bullet-list { 
list-style-type:disc; 
margin-left: 15px;
line-height: 24px;
}

.ticks-list li { 
background: url("/assets/reskin/images/tick-sml.png") no-repeat scroll 0 7px transparent;
padding-left: 20px;
margin-bottom: 5px;
}

table.checkbox-list td { 
text-align:left;
border: none; 
vertical-align: top;
}
table.checkbox-list img { 
margin-top: 3px;
max-width: 30px; 
}

.standardSidebar li.widget-container { padding: 0; }
.findATradesman p, .iAmATradesman p { margin: 10px 0; }

.btn-homeowner span, .btn-tradesman span, .edit-btn span {
background: url('/assets/reskin/images/arrow.png');
background-repeat: no-repeat;
position: absolute;
height: 15px;
width: 12px;
margin-left: 21px;
margin-top: 2px;
}

.secondary-btn {
  color: #54585a !important;
  border: 1px solid #cdcfcf;
  padding: 4px 15px 6px 15px;
  background-color: #f1f1f1;
  background-image: linear-gradient(bottom, #f1f1f1 27%, #f5f5f5 64%);
  background-image: -o-linear-gradient(bottom, #f1f1f1 27%, whitesmoke 64%);
  background-image: -moz-linear-gradient(bottom, #f1f1f1 27%, whitesmoke 64%);
  background-image: -webkit-linear-gradient(bottom, #f1f1f1 27%, whitesmoke 64%);
  background-image: -ms-linear-gradient(bottom, #f1f1f1 27%, whitesmoke 64%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.27, #f1f1f1), color-stop(0.64, whitesmoke));
}

.secondary-btn:hover {
  background-color: whitesmoke;
  background-image: linear-gradient(bottom, #f5f5f5 27%, #f1f1f1 64%);
  background-image: -o-linear-gradient(bottom, whitesmoke 27%, #f1f1f1 64%);
  background-image: -moz-linear-gradient(bottom, whitesmoke 27%, #f1f1f1 64%);
  background-image: -webkit-linear-gradient(bottom, whitesmoke 27%, #f1f1f1 64%);
  background-image: -ms-linear-gradient(bottom, whitesmoke 27%, #f1f1f1 64%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.27, whitesmoke), color-stop(0.64, #f1f1f1));
}

.edit-btn {
  background-color: #cb6015;
  background-image: linear-gradient(bottom, #cb6015 27%, #de6417 64%);
  background-image: -o-linear-gradient(bottom, #cb6015 27%, #de6417 64%);
  background-image: -moz-linear-gradient(bottom, #cb6015 27%, #de6417 64%);
  background-image: -webkit-linear-gradient(bottom, #cb6015 27%, #de6417 64%);
  background-image: -ms-linear-gradient(bottom, #cb6015 27%, #de6417 64%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.27, #cb6015), color-stop(0.64, #de6417));
}

.edit-btn:hover {
  background-color: #de6417;
  background-image: linear-gradient(bottom, #de6417 27%, #cb6015 64%);
  background-image: -o-linear-gradient(bottom, #de6417 27%, #cb6015 64%);
  background-image: -moz-linear-gradient(bottom, #de6417 27%, #cb6015 64%);
  background-image: -webkit-linear-gradient(bottom, #de6417 27%, #cb6015 64%);
  background-image: -ms-linear-gradient(bottom, #de6417 27%, #cb6015 64%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.27, #de6417), color-stop(0.64, #cb6015));
}

/*---- Member benefits----*/
.memberBenefitBox{ 
width: 265px !important; 
display: inline-block; 
float: left; 
margin-top: 5px;
}
.memberBenefitDescription {
width: 73.5% !important; 
display: inline-block; 
float: left; 
}

.memberBenefitDescription h2 { 
text-align: left; 
border-top: 0px;
margin: 0px; 
padding: 0px;
}

.memberBenefitDescription h2 a {
color: #54585a; 
text-decoration: none;
}

.memberBenefitDescription img {
padding-left: 40px; 
padding-bottom: 10px;
float: right;
}

.memberBenefitDescription p { text-align: left; }

.memberBenefitDescription p a { 
color: #8fa633;
text-decoration: underline;
}

.memberBenefitDescription p a.btn-homeowner { 
margin-bottom: 1em; 
color: #ffffff;
text-decoration: none;
}

.borderNone { border: none !important; }

.alignLeft { text-align: left; }

/*--- TrustMark Pages CSS ---*/

h2 span.redTM, h2 span.blueTM { font-weight: bolder; }
h2 span.redTM { color:  #d71920; }
h2 span.blueTM { color:  #00395e; }



/******** New footer for Advice and tips********/


@font-face {
	font-family: "HelveticaNeueLight";
	font-style: normal;
	font-weight: normal;
	src: url("/local/bundles/coreassets/fonts/HelveticaLight.eot?#iefix") format("eot"), url("/local/bundles/coreassets/fonts/HelveticaLight.woff") format("woff"), url("/local/bundles/coreassets/fonts/HelveticaLight.ttf") format("truetype"), url("/local/bundles/coreassets/fonts/HelveticaLight.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
}

footer {
	font-family: "HelveticaNeueLight";
	font-size: 1.18rem !important;
}

footer a {
	color: #54585a !important;
	text-decoration: none;
}
footer a:hover {
	text-decoration: underline;
}

footer ul, footer small { float: none; }

footer small {
	display: inline-block;
	margin: 40px 0 5px;
	font-size: 1.18rem;
}

footer a:hover { text-decoration: underline; }

footer .responsiveFooter { display: none; }


.footerSprite, footer .socialIcons a, footer .appIcons a {
	background-image: url("img/sprites/footer.png");
	background-repeat: no-repeat;
	display: inline-block;
}

footer .socialIcons { margin-bottom: 40px; }
footer .socialIcons a {
	height: 43px;
	margin-right: 2px;
	width: 43px;
}
footer .socialIcons a.twitter {
	background-position: -44px -175px;
	height: 36px;
	margin-bottom: 3px;
}
footer .socialIcons a.twitter:hover { background-position: 0 -175px; }
footer .socialIcons a.facebook { background-position: -44px 0; }
footer .socialIcons a.facebook:hover { 	background-position: 0 0; }
footer .socialIcons a.linkedin { background-position: -44px -88px; }
footer .socialIcons a.linkedin:hover { background-position: 0 -88px; }
footer .socialIcons a.googleplus { background-position: -44px -44px; }
footer .socialIcons a.googleplus:hover { background-position: 0 -44px; }
footer .socialIcons a.youtube { background-position: -44px -213px; }
footer .socialIcons a.youtube:hover { background-position: 0 -213px; }
footer .socialIcons a.pinterest { background-position: -44px -132px; }
footer .socialIcons a.pinterest:hover { background-position: 0 -132px;
}
footer .appIcons a {
	height: 44px;
	margin-left: 2px;
	width: 132px;
}
footer .appIcons a.itunes { background-position: 0 -390px; }
footer .appIcons a.itunes:hover { background-position: 0 -346px; }
footer .appIcons a.googleplay { background-position: 0 -302px; }
footer .appIcons a.googleplay:hover { background-position: 0 -257px; }

footer .socialIcons p, footer .appIcons p {
	color: #54585a;
	font-size: 1.4rem;
	margin-top: 10px;
	margin-bottom: 15px;
}

footer .textReplace {
	font-size: 1px;
	overflow: hidden;
	text-indent: -9999px;
}
footer div.right { width: 290px; }

footer dl { width: 200px; }
footer dt {
	font-size: 2rem;
	font-weight: 300;
	line-height: 100%;
	margin-bottom: 15px;
}
footer dl dd { padding: 0 !important; }
footer dd li {
	padding-bottom: 0;
	margin-bottom: 6px;
}

footer .copyRight ul li { display: inline; }
footer .copyRight ul li:after {
	content: "|";
	padding: 0 5px 0 8px;
}
footer .copyRight ul li:last-child:after {
	content: "";
	padding: 0;
}


@media (max-width: 650px) {
.carouselControl { display: none; }

.youtubeCarrousel {
		margin-left: 15px;
		margin-top: -10px;
	}

.playlists { text-align: center; }
	.videoDesc , .bannerSection, .sideContentm, .playlistControl { display: none; }

.playlistItem, .feedItem { 
		width: 100%;
		margin: 0;
		border-top: 1px solid #CDCFCF;
		border-bottom: 1px solid #CDCFCF;
		margin-bottom: 5px;
		text-align: left;
	}
	
	.playlistItem img, .feedItem img {
		display: inline-block;
		float: left;
		width: 50%;
		height: 110px;
		max-width: 180px;
	}
	
	.playlistItem p, .playlistItem span, .feedItem p, .feedItem span {
		color: #3d7e2e;
		font-size: 12px;
		font-size: 1.2rem;
		padding: 10px;
		display: inline-block;
		width: 50%;
		height: 72px;
	}
	
	.playlistCarousel {
		padding: 0;
		display:inline;
	}
	
	.playlistCarousel h3 {
		padding: 10px;
		margin: 5px 0 5px;
	}
}