/*------ Styles ----- */
.wpdberror { display:none; }

* {
	margin: 0;
	padding: 0;
	outline: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

header, nav, section, article, aside, footer {
   display:block;
}

a { outline: none; cursor: pointer; }

a img { border: 0; }
img { display: block; }
ul { list-style-type: none; }
legend { display: none; }

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both; }
.textReplace {
	text-indent:-999px;
	overflow:hidden;
}

.desktop-hide, .navigation-bar-mobile { display: none; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.hidden { display: none; }

html { font-size: 62.5%; }

body {
	font-family: 'Open Sans', sans-serif;
	min-width: 320px;
	color: #54585A;
}

h1 { font-weight: 300; }

h2 {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 300;
}

h4, h3 { font-weight: 300; }

section {
    font-size: 14px;
    font-size: 1.4rem;
}

/* ----- $Widths ----- */
.content100 { width: 100%; }
.content75 { width: 75%; }
.content66 { width: 66%; }
.content50 { width: 50%; }
.content45 { width: 45%; }
.content33 { width: 32%; } /* 32% to ensure we have 20px horizontal spacing between a 66/33 combo */
.content25 { width: 25%; }
.content15 { width: 15%; }

/* ----- $Header Styles ----- */

header .containerCentralContent {
    padding: 15px 0;
}

.imgLogo {
    background: url('img/logo_christmas.png') top left no-repeat;
    width: 270px;
    height: 69px;
    text-indent: -9000px; /* text on page for bot's and screen readers, but not in viewport for people */
}

/* ----- Footer Styles ----- */

#pageFooter {
	font-size:14px;
	font-size: 1.4rem;
	color: #86888c;
}
#pageFooter a {
	color: #86888c;
	text-decoration:none;
}
#pageFooter a:hover { text-decoration:underline; }
#pageFooter .socialIcons { margin-bottom:60px; }
#pageFooter .socialIcons li { margin-right:5px; }
#pageFooter .socialIcons a {
	display:block;
	width:43px;
	height:43px;
	background-image: url("img/footer.png");
	background-repeat: no-repeat;
}
#pageFooter .socialIcons a.twitter { background-position: -44px -175px; height: 36px; margin-top:3px; }
#pageFooter .socialIcons a.twitter:hover { background-position: 0 -175px; }
#pageFooter .socialIcons a.facebook{ background-position: -44px 0; }
#pageFooter .socialIcons a.facebook:hover  { background-position: 0 0; }
#pageFooter .socialIcons a.linkedin { background-position: -44px -88px; }
#pageFooter .socialIcons a.linkedin:hover  { background-position: 0 -88px; }
#pageFooter .socialIcons a.googleplus { background-position: -44px -44px; }
#pageFooter .socialIcons a.googleplus:hover  { background-position: 0 -44px; }
#pageFooter .socialIcons a.youtube { background-position: -44px -213px; }
#pageFooter .socialIcons a.youtube:hover  { background-position: 0 -213px; }
#pageFooter .socialIcons a.pinterest{ background-position: -44px -132px; }
#pageFooter .socialIcons a.pinterest:hover  { background-position: 0 -132px; }

#pageFooter .appIcons a {
	display:inline-block;
	width:132px;
	height:44px;
	margin-right:6px;
	background-image: url("img/footer.png");
	background-repeat: no-repeat;
}
#pageFooter .appIcons a.itunes { background-position: 0 -390px; }
#pageFooter .appIcons a.itunes:hover { background-position: 0 -346px; }
#pageFooter .appIcons a.googleplay { background-position: 0 -302px; }
#pageFooter .appIcons a.googleplay:hover { background-position: 0 -257px; }

#pageFooter div.right { width: 290px; }
#pageFooter div.right p { margin:0; line-height:130%; }
#pageFooter div.right ul li { display:inline; }
#pageFooter div.right ul li.seperator { padding:0 5px; }
#pageFooter dl {
	width: 200px;
	height:135px;
}
#pageFooter dl:nth-child(3) { border-right:1px solid #dfe0e0; }
#pageFooter dt {
	font-size:22px;
	font-size: 2.2rem;
	font-weight:300;
	line-height:100%;
	margin-bottom:15px;
}
#pageFooter dd li { margin-bottom:5px; }
#pageFooter ul, #pageFooter small {
	font-size:12px;
	font-size: 1.2rem;
}
#pageFooter small { display:inline-block; margin:20px 0; line-height:150%; }
#pageFooter .socialIcons p, #pageFooter .appIcons p { margin-top:6px !important; color: #54585A; }

/* ----- $Nav ----- */
.menuCollapsed, /*   off canvas menu */
.chkMainNav, /* 'checkbox hack' for triggering the off canvas nav (mobile menu) */
.toggleMenu, /* menu icon for triggering the off canvas nav (mobile menu) */
.lnkMobileLogin { display: none; }

#menuGlobal {
	margin-top: 12px;
	font-size: 12px;
	font-size: 1.2rem;
}

#menu { background-color: #F0F2F0; }
#menu li {
	float: left;
	padding: 10px;
	position: relative;
}
#menu a {
	font-weight: normal;
	text-decoration: none;
	color: #54585A;
	display: block;
	border-bottom: 1px solid #F0F2F0;
}
#menu a:hover { border-bottom: 1px solid #8FA633; }
#menu li ul { display: none; }
#menu li:hover ul {
	display: block;
	position: absolute;
	top: 31px;
	left: 0px;
	background-color: #F0F2F0;
	z-index: 50;
	min-width: 100%;
}
#menu li ul li {
	padding: 5px 10px;
	float: none;
}
#tmHeaderLink {
	height: 41px;
	line-height: 41px;
	margin: 0 0 0 8px;
	padding-top: 0;
	padding-bottom: 0;
}

/* ----- Tradesman - Free trial offer currently disabled ----- */
/*
#tmHeaderLink {
	position:relative;
}

#tmHeaderLink:before {
	content: 'FREE TRIAL';
	display: inline-block;
	background: #DE6A17;
	padding: 4px;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 10px;
	line-height: 9px;
	margin-top: -8px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
*/

/* ----- $Buttons ----- */

/* items relevant to every button */
.btn-tradesman, .btn-homeowner, .secondary-btn, .alert-btn, .edit-btn , .searchButton{ /*added edit-btn searchButton*/
	border-radius: 3px;
	font-size: 1em;
	text-decoration: none;
	padding: 0.4em 1em;
	margin: 0.7em 0;
	display: inline-block;
	border: none;
	color: #FFF;
	width: auto;
	text-align: center;
	cursor: pointer;
	font-family: arial, sans-serif;
	font-weight: normal;
}

.btn-tradesman.arrow, .btn-homeowner.arrow, .secondary-btn.arrow, .alert-btn.arrow, .edit-btn.arrow, .arrow-down { padding-right: 40px; } /*added edit-btn & alert-btn */

.arrow-down span {
	-webkit-transform: rotate(-270deg);
	-moz-transform: rotate(-270deg);
	transform: rotate(-270deg);
	margin: 0.2em 0.5em 0 0; /*button padding is 0.4 & 1em so halve that to position arrow */
}

/* setting colors of buttons ALL UPDATED (note code is based off the existing btn-tradesman as that was the cleanest) */
.btn-tradesman {
	background: #003057;
	background-image: linear-gradient(bottom, rgb(0,48,87) 27%, rgb(0,59,107) 64%);
	background-image: -o-linear-gradient(bottom, rgb(0,48,87) 27%, rgb(0,59,107) 64%);
	background-image: -moz-linear-gradient(bottom, rgb(0,48,87) 27%, rgb(0,59,107) 64%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,48,87) 27%, rgb(0,59,107) 64%);
	background-image: -ms-linear-gradient(bottom, rgb(0,48,87) 27%, rgb(0,59,107) 64%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.27, rgb(0,48,87)), color-stop(0.64, rgb(0,59,107)));
}

.btn-tradesman:hover {
	background: #003B6B;
	background-image: linear-gradient(bottom, rgb(0,59,107) 27%, rgb(0,48,87) 64%);
	background-image: -o-linear-gradient(bottom, rgb(0,59,107) 27%, rgb(0,48,87) 64%);
	background-image: -moz-linear-gradient(bottom, rgb(0,59,107) 27%, rgb(0,48,87) 64%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,59,107) 27%, rgb(0,48,87) 64%);
	background-image: -ms-linear-gradient(bottom, rgb(0,59,107) 27%, rgb(0,48,87) 64%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.27, rgb(0,59,107)), color-stop(0.64, rgb(0,48,87)));
}

.btn-homeowner {
	background: #8FA633;
	background-image: linear-gradient(bottom, rgb(143, 166, 51) 27%, rgb(155, 179, 55) 64%);
	background-image: -o-linear-gradient(bottom, rgb(143, 166, 51) 27%, rgb(155, 179, 55) 64%);
	background-image: -moz-linear-gradient(bottom, rgb(143, 166, 51) 27%, rgb(155, 179, 55) 64%);
	background-image: -webkit-linear-gradient(bottom, rgb(143, 166, 51) 27%, rgb(155, 179, 55) 64%);
	background-image: -ms-linear-gradient(bottom, rgb(143, 166, 51) 27%, rgb(155, 179, 55) 64%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.27, rgb(143, 166, 51)), color-stop(0.64, rgb(155, 179, 55)));
}

.btn-homeowner:hover {
	background: #9EB738;
	background-image: linear-gradient(bottom, rgb(155, 179, 55) 27%, rgb(143, 166, 51) 64%);
	background-image: -o-linear-gradient(bottom, rgb(155, 179, 55) 27%, rgb(143, 166, 51) 64%);
	background-image: -moz-linear-gradient(bottom, rgb(155, 179, 55) 27%, rgb(143, 166, 51) 64%);
	background-image: -webkit-linear-gradient(bottom, rgb(155, 179, 55) 27%, rgb(143, 166, 51) 64%);
	background-image: -ms-linear-gradient(bottom, rgb(155, 179, 55) 27%, rgb(143, 166, 51) 64%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.27, rgb(155, 179, 55)), color-stop(0.64, rgb(143, 166, 51)));
}   

/* ----- $ContentContainers ----- */
.containerCentralContent {
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
}

.contentWide {
    width: 100%;
    box-shadow: 0 5px 50px 1px #F7F7F7;
    margin-top: 0px !important;
    border-bottom: #CDCFCF solid 1px;
}
.centralContent {
    width: 1000px;
    margin: 0 auto 0 auto;
    position: relative;
    background: transparent;
    padding: 25px 0;
}

.hoverDrop:hover {
    /* box-shadow: 2px 2px 4px #CDCFCF;*/
	box-shadow: 0 0 15px #CDCFCF;
	
	
}

/* ----- $Footer ----- */

footer {
    box-shadow: 0 -2px 3px rgba(133, 136, 141, 0.3);
    padding: 10px 0;
    position: relative;
    line-height: 100%;
}
footer .containerCentralContent {
    padding: 20px; /* matches content so text aligns correctly */

}

footer ul { margin-bottom: 0; }
footer p { margin-bottom: 5px; }
footer a { font-weight: normal; }
.lnkFooter {
    float: left;
    margin: 0 50px 0 0;
}
.lnkFooter li {
    padding-bottom: 10px;
}
/* footer also gets a special H3 - it has a class though so we can change it away from H3 (as long as it's not needed for SEO) */
.txtFooterTitle {
    font-size: 18px;
    font-size: 1.8rem;
    border-bottom: 1px solid #CDCFCF;
    padding-bottom: 7.5px; /*50% of the standard margin bottom */
    margin-bottom: 7.5px;
}
.lnkFooter a {
    color: #54585A;
    text-decoration: none;
    font-size: 12px;
}

.lnkSocial {
    border-bottom: 1px solid #CDCFCF;
    padding-bottom: 10px;
    margin-bottom: 40px; /* this forces the copyright/legal/downloadApps to the bottom */
    }
.lnkSocial li {
    display: block;
    float: left;
    margin-left: 5px;
}
.lnkSocial li a {
    display: inline-block;
    vertical-align: middle;
}
.spriteSocial {
    background-image: url('img/social-media-sprite.png'); /* sprite isn't used on our tablet or mobile views so no retina version */
    background-repeat: no-repeat;
    background-position: 0 0;
    background-attachment: scroll;
    background-color: transparent;
    height: 25px;
}
.imgBlog { /*blog image is no longer part of the sprite */
    background-image: url('img/blog.png');
    background-repeat: none;
    width: 50px;
    height: 25px; /* image height is 22px but it needs to match the height of the sprite which is 25px */
}
.spriteSocial.imgTwitter {
    background-position: -31px 0;
    width: 25px;
}
.spriteSocial.imgFacebook {
    background-position: -56px 0;
    width: 25px;
}
.spriteSocial.imgGoogleplus {
    background-position: -81px 0;
    width: 25px;
}
.spriteSocial.imgYoutube {
    background-position: -106px 0;
    width: 25px;
}
.txtCopyright {
    font-weight: bold;
    font-size: 11px;
    font-size: 1.1rem;
}
.lnkLegal {
    max-width: 350px;
    text-align: right;
}
.lnkLegal a {
    color: #86888C;
    font-size: 11px;
    font-size: 1.1rem;
    text-decoration: none;
}
.lnkLegal ul li {
    border-right: 1px solid #CDCFCF;
    display: inline-block;
    padding: 0 5px 0;
    margin: 0 0 5px 0;
}
.lnkLegal ul li:last-child { border-right: none; }
.lnkDownloadApp {
    height: 35px;
    width: 300px;
    margin: 10px 0 0 0;
    text-align: right;
    float: right;
}
.imgAppStore {
    background: url('img/app-store.png');
    height: 34px;
    width: 104px;
    display: inline-block;
}
.imgGooglePlay {
    background: url('img/google-play.png');
    height: 34px;
    width: 104px;
    display: inline-block;
}

.lnkFooter a:hover, .lnkFooter a:focus, .lnkFooter a:active,
.lnkLegal a:hover, .lnkLegal a:focus, .lnkLegal a:active { text-decoration: underline; }

/* ----- $AdviceTips Landing ----- */

.divGrid { margin-top: 20px; }
.divGrid article { border-top: #CDCFCF solid 1px; }

.adviceLink {
    text-decoration: none;
    color: inherit;
    font-weight: normal;
}
.adviceLink:hover article h4 { color: #8F993E; text-decoration:underline; }
.adviceLink:hover article { border-color: #8F993E !important; }

.adviceContent {
    width: 295px;
    padding: 0 !important;
    height: 205px; 
}
.adviceContentSpacing { margin-right: 45px; }

.adviceLink article h4 {
    margin: 18px 0 10px 0;
    font-size: 18px;
    font-size: 1.8rem;
}

.spriteImg { background-image: url("img/AT-sprite.png"); }

.adviceImg {
    height: 64px !important;
    width: 300px;
    background-repeat: no-repeat;
}

.blog { background-position: 0 -452px; }
.adviceLink:hover .blog { background-position: 0 6px !important; }

.diy { background-position: 0 -517px; }
.adviceLink:hover .diy { background-position: 0 -59px !important; }

.costGuide { background-position: 0 -805px; }
.adviceLink:hover .costGuide { background-position: 0 -347px !important; }

.reg { background-position: 0 -665px; }
.adviceLink:hover .reg { background-position: 0 -207px !important; }

.trade-insight { background-position: 0 -737px; }
.adviceLink:hover .trade-insight { background-position: 0 -279px !important; }

.expert { background-position: 0 -582px; }
.adviceLink:hover .expert { background-position: 0 -124px !important; }

.newsletter { background-position: 0 -910px; }
.adviceLink:hover .newsletter { background-position: 0 -1209px !important; }

.social-media { background-position: 0 -1106px; }
.adviceLink:hover .social-media { background-position: 0 -1402px !important; }

.videos { background-position: 0 -1001px; }
.adviceLink:hover .videos { background-position: 0 -1301px !important; }

/* ----- $CaroselStyles ----- */

.getInspired {
    width: 300px;
    height: 340px !important;
    border: 1px solid #CDCFCF;
    margin: 23px 0 0 30px;
    position: relative;
    display: inline-block;
    border-radius: 3px;
    right: 30px;
    vertical-align: top;
}

.getInspired img {
    width:300px;
    height:220px;
}

.getInspired .overlay {
    background-image: url('img/play-video.png') ;
    opacity: 0.3;
    width: 300px;
    height: 220px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.getInspired .overlay:hover { opacity: 0.7; }

.getInspired p { padding-left:15px; }

.youtubeTitle { 
    padding: 5px 10px 10px 10px;
	font-size: 15px;
    font-size: 1.5rem;
}

.youtubeDate {
    padding: 20px 10px 5px 10px;
    color: #888B8D;
}

.getInspired a {
    text-decoration: none;
    color: #54585A;
}

.getInspiredContainer section {
    height: 540px;
    position: relative;
}

#caroselNext { 
    float: right;
    right: 0;
}

#caroselPrev {  
    left: 0;
    float: left;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
}

.carouselControl:hover { opacity: 0.5; }

.carouselControl {
    height: 100%;
    width: 30px;
    background-image: url('img/Arrow-button.png');
    position: absolute;
    opacity: 0.2;
    top: 0;
    z-index: 100;
    cursor: pointer;
}

#carosel {
    width: 100%;
    left: 0 ;
}

.caroselWrapper { position: relative; }

.blogTitle {
    padding: 15px;
    display:block;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.8rem;
}

/* ----- $AskExpertQuestion ----- */

.searchBorder {
    border: 1px solid #D8D8D8;
    display: inline-block;
}

.askAnExpertQuestion { margin: 20px 0 90px; }

.askExportSection p {
    line-height: 150%;
    margin-bottom: 10px;
}

.diyExpertSearch {
    width: 280px;
    color: #8D9091;
    border: none;
}

.askExpertDescription {
	padding: 0 40px 0 40px;
	font-size:1.2rem;
	margin-top: -10px;
}

.diySearchButton {
    width: 140px;
    border-radius: 0;
    margin: 0;
 }
 
 .askExportSection a {
	text-decoration: none;
	font-weight: bold;
	color: #8F993E;
 }

/* ---- Header ---- */

.page-header {
    box-shadow: 0 -1px 5px #85888D;
    padding: 0.7em 0;
    font-size: 14px;
    
}
header {
    width: 1000px;
    margin: 0 auto;
    padding: 0.3em 0;
    font-family: arial, sans-serif;
}

a.site-logo {
    background: url("img/logo.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 63px;
    text-indent: -9000px;
    width: 270px;
}

header a {
    color: #54585A;
    text-decoration: none;
    cursor: pointer;
}

header h4 {
    	font-size: 1.143em;
    	font-weight: normal;
	color: #54585A;
	margin: 0 0 1em;
}

header ul {
    margin: 0 0 1em;
    list-style: none outside none;
    margin-left: 20px;
}

header ul.login.login-main-site { display: none; }
header ul.login {
    position: absolute;
    right: 0;
    top: 0;
}

header ul.login li:last-child {
    border-right: medium none;
    padding: 0 0 0 8px;
}

header ul.login li {
    border-right: 1px solid #E8E8E8;
    display: inline;
    list-style: none outside none;
    padding: 0 10px;
}

header ul.login a { text-decoration: underline; }

#breadcrumb {
	margin-bottom: 18px;
	font-size: 12px;
	font-size: 1.2rem;
}
#breadcrumb a { color: #54585A; }
#breadcrumb .current-item {
	color: #8F993E;
	font-weight: bold;
	text-decoration:none;
	cursor:default;
}
ul#breadcrumb li {
	list-style-type: none;
	float: left;
	margin-right: 3px;
}
ul#breadcrumb li:after {
	display: inline-block;
	content: '>';
	margin-left: 3px;
}
ul#breadcrumb li.current_item:after { display: none !important; }

#tmHeaderLink {
    float: left;
    font-size: inherit;
    height: 41px;
    line-height: 41px;
    margin: 0 0 0 8px;
    padding-bottom: 0;
    padding-top: 0;
    text-decoration: none;
    width: auto;
}

.edit-btn {
    background: -moz-linear-gradient(center bottom , #003057 27%, #003B6B 64%) repeat scroll 0 0 #003057;
    background-image: -webkit-gradient(
 		linear,
 		left bottom,
		left top,
		color-stop(0.27, rgb(0,48,87)),
		color-stop(0.64, rgb(0,59,107))
 	);
    background-image:-ms-linear-gradient(bottom, rgb(0, 48, 87) 27%, rgb(0, 59, 107) 64%)
}

.edit-btn {
    -moz-box-sizing: border-box;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1em;
    display: inline-block;
    font-family: arial,sans-serif;
    font-weight: normal;
    margin: 0.7em 0;
    min-width: 100px;
    padding: 0.4em 1em;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: auto;
}

header nav { 
	float:right; 
	margin: 2em 0 0; 
	float:right; 
	width:auto; 
	margin:0; 
	/*padding:12px 0px 0 5px; */
	padding:15px 0px 0 5px;
	height:42px; 
	font-size: 12px;
	font-size: 1.2rem;
}

header nav ul { 
	position:relative; 
	list-style-type:none; 
	left:0; 
	height:42px; 
	background: #F0F2F0; 
	padding: 0.7em 0; 
	-webkit-border-radius:4px; 
	-moz-border-radius:4px; 
	border-radius:4px;
}

header nav li { padding-left: 15px; }
header nav ul li { 
	float:left; 
	display:block; 
	margin-top:.3em; 
	text-align:center; 
}

header nav .regular { 
	width:auto; 
	margin:.3em 0 0 0; 
	padding:0 10px 0 10px;
}

header nav .menus { 
	padding:0 7px 0 7px; 
	width: 114px; 
}

header nav .narrow-menu { width: 72px; }
header nav .push { padding-right:10px; }
header nav .pull { padding:0 10px 0 12px; }
header nav ul li.active a { border-bottom:1px solid #8FA633; }
header nav ul li.active ul a { border-bottom: 1px solid #F0F2F0; }
header nav ul li.active ul a:hover { border-bottom:1px solid #8FA633; }

header nav ul li a { 
	padding:0 0 0 0; 
	margin:0; 
	width:100%; 
	display:block; 
	border-bottom: 1px solid #F0F2F0; 
}

header nav ul li a:hover { 
	text-decoration:none; 
	border-bottom:1px solid #8FA633; 
}

header nav ul li:hover { text-decoration:none; }
header nav ul li ul { 
	-webkit-border-radius:4px; 
	-moz-border-radius:4px; 
	border-radius:4px; 
	background: #F0F2F0; 
	position:relative; 
	left:-7px; top:0; 
	width:110%; 
	height:93px; 
	margin:0; 
	padding:0 7px 0 7px; 
	display: none; 
	line-height: 1.62em;
}

header nav ul li.narrow-menu ul { 
	height: 122px; 
	width: 104px; 
	z-index: 1;
}

header nav ul li.am-a-tradesman ul { height: 122px; }
header nav ul li  ul li { 
	float:left; 
	display:block; 
	width:95%; 
	margin:0 0 0 -7px; 
	padding:0 10px 0 10px; 
	text-align:left; 
}

header nav ul li  ul li a { 
	padding:8px 0 0 0; 
	width:100%; 
	margin:0; 
}

header nav ul li ul li:hover { border-bottom:none; }


 /* ----- Section Landing Pages ----- */
 
.tradeIconGrid {
    width: 66%;
	float: left;
    margin-bottom: 20px;
    height: auto;
    display:inline-block;
}

.tradeIconItem, .tradePictureItem {
    position:relative;
    width: 96px;
    height: 135px;
    margin-bottom: 10px;
    margin-right: 10px;
    border: 2px solid #EEE;
	overflow:hidden;
}
.tradeIconItem a, .tradePictureItem a {
    color: #54585A;
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: none;
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 90px;
    position: relative;
}

.tradeIconItem:before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    background-image: url('img/Icons-MEDIUM.png');
    position: absolute;
    left: 50%;
    top: 15px;
    margin-left: -30px;
}

.tradeIconItem:hover a { color: #8FA633; }


/*
.tradePictureItem:before {
    width: 100%;
    height: 100%;
    margin-left: -43px;
	top: 0px;	
	opacity: 0.45;
}*/

.tradePictureItem:hover { 
	opacity: 1; 
	transition: opacity .30s ease-in-out;
   	-moz-transition: opacity .30s ease-in-out;
    	-webkit-transition: opacity .30s ease-in-out;
}
.tradePictureItem  a{
   	color: #FFFFFF;
	display: block;
    	position: absolute;
	font-size: 1.2rem;
}

.tradePictureSprite {
	opacity: 0.7;
	background: url('img/DIY-sprite.png');
}

.tradePictureItem  .diyTitle {
	background-color: rgba(0, 0, 0, 0.7);
	height: 100%;
   	padding: 2px;
	display: block;
}

.tradePictureItem:hover .diyTitle { 
	text-decoration: underline;
	background-color: rgba(0, 0, 0, 0.8);
	transition: background-color .30s ease-in-out;
    	-moz-transition: background-color .30s ease-in-out;
    	-webkit-transition: background-color .30s ease-in-out;
}

.findTradesman {
    width: 100%;
    color: #8F993E;
    font-size: 24px;
    font-size: 2.4rem;
    border: 2px solid #EEE;
    margin-bottom: 10px !important;
    text-align: center;
    padding: 10px;
}

.findTradesman p { margin-top:10px; }

.findTradesmanBtn {
    border-radius: 0;
    font-size: 12px;
    font-size: 1.2rem;
    width: 80%;
    margin-top: 30px;
}

.complexText {
    font-size: 15px;
    font-size: 1.5rem;
    color: #54585A;
    font-weight: bold;
    width: 85%;
    margin: 0 auto 10px auto;
}

 
.liabilityText {
    font-size: 12px;
    font-size: 1.2rem;
    width: 100%;
    margin-top: 40px;
}

.tradeIconGrid h2 { margin-bottom: 20px; }
.landingGridText { margin-bottom: 50px; }

 /* ----- Trade Icons Sprite Positions - DIY Guides----- */

 
.guides-bathroom { background-position: 188px -409px; }

.guides-kitchen { background-position: 288px -274px; }

.guides-loft-conversion { background-position: 380px -274px; }

.guides-roofing { background-position: 385px -139px; }

.guides-windows-and-conservatory { background-position: 0 0; }

.guides-building { background-position: 96px -409px; }

.guides-security { background-position: 478px -139px; }

.guides-traditional-crafts { background-position: 372px 0; }

.guides-specialist-tradesman, .guides-specialist-tradesmen { background-position: 96px 0; }

.guides-bricklaying { background-position: 96px -267px; }

.guides-flooring { background-position: 285px -409px; }

.guides-tiling { background-position: 285px 0; }

.guides-carpentry-and-joinery { background-position: 288px -544px; }

.guides-painting-and-decorating { background-position: 96px -135px; }

.guides-plastering-and-rendering { background-position: 188px -149px; }

.guides-plumbing { background-position: 288px -139px; }

.guides-stonework { background-position: 188px 0; }

.guides-metalwork { background-position: 478px -270px; }

.guides-aerial-and-network, .guides-aerial-network { background-position: 188px -267px; }

.guides-gardening { background-position: 384px -409px; }

.guides-drainage { background-position: 380px -539px; }

.guides-electrics { background-position: 0 -544px; }

.guides-heating { background-position: 477px -409px; }

.guides-swimming-pool { background-position: 188px -540px; }


 /* ----- Trade Icons Sprite Positions - Trade Insights & Regulations ----- */

.insights-bathroom:before, .insights-bathrooms:before  { background-position: -645px -190px; }
.insights-bathroom:hover:before , .insights-bathrooms:hover:before { background-position: 88px -190px; }

.insights-kitchen:before, .insights-kitchens:before { background-position: -645px -267px; }
.insights-kitchen:hover:before, .insights-kitchens:hover:before { background-position: 88px -267px; }

.insights-loft-conversion:before, .insights-loft-conversions-and-extensions:before { background-position: -462px -190px; }
.insights-loft-conversion:hover:before, .insights-loft-conversions-and-extensions:hover:before { background-position: 271px -190px; }

.insights-roofing:before { background-position: -463px -35px; }
.insights-roofing:hover:before { background-position: 270px -35px; }

.insights-windows-and-conservatory:before, .insights-windows-conservatories:before { background-position: -460px -266px; }
.insights-windows-and-conservatory:hover:before, .insights-windows-conservatories:hover:before { background-position: 273px -266px; }

.insights-building:before { background-position: -460px -525px }
.insights-building:hover:before { background-position: 273px -525px; }
 
.insights-security:before { background-position: -272px -191px; }
.insights-security:hover:before { background-position: 461px -191px; }

.insights-traditional-crafts:before { background-position: -72px -229px; }
.insights-traditional-crafts:hover:before { background-position: 404px -229px; }

.insights-specialist-tradesman:before { background-position: -179px -70px; }
.insights-specialist-tradesman:hover:before { background-position: 297px -70px; }

.insights-bricklaying:before { background-position: -234px -123px; }
.insights-bricklaying:hover:before { background-position: 242px -123px; }

.insights-flooring:before { background-position: -361px -111px; }
.insights-flooring:hover:before { background-position: 372px -111px; }

.insights-tiling:before { background-position: -360px -35px; }
.insights-tiling:hover:before { background-position: 373px -35px; }

.insights-carpentry-and-joinery:before { background-position: -18px -172px; }
.insights-carpentry-and-joinery:hover:before { background-position: 458px -172px; }

.insights-painting-and-decorating:before { background-position: -28px -353px; }
.insights-painting-and-decorating:hover:before { background-position: 705px -353px; }

.insights-plastering-and-rendering:before { background-position: -27px -109px; }
.insights-plastering-and-rendering:hover:before { background-position: 706px -109px; }

.insights-plumbing:before { background-position: -28px -35px; }
.insights-plumbing:hover:before { background-position: 705px -35px; }

.insights-stonework:before { background-position: -18px -123px; }
.insights-stonework:hover:before { background-position: 458px -123px; }

.insights-metalwork:before { background-position: -128px -286px; }
.insights-metalwork:hover:before { background-position: 348px -286px; }

.insights-aerial-and-network:before { background-position: -178px -399px; }
.insights-aerial-and-network:hover:before { background-position: 298px -399px; }

.insights-gardening:before { background-position: -112px -192px; }
.insights-gardening:hover:before { background-position: 621px -192px; }

.insights-drainage:before { background-position: -179px -22px; }
.insights-drainage:hover:before { background-position: 297px -22px; }

.insights-electrics:before { background-position: -275px -266px; }
.insights-electrics:hover:before { background-position: 458px 592px; }

.insights-heating:before { background-position: -273px -526px; }
.insights-heating:hover:before { background-position: 460px -526px; }

.regulations-bathroom:before, .regulations-bathrooms:before  { background-position: -645px -190px; }
.regulations-bathroom:hover:before, .regulations-bathrooms:hover:before  { background-position: 88px -190px; }

.regulations-kitchen:before , .regulations-kitchens:before { background-position: -645px -267px; }
.regulations-kitchen:hover:before, .regulations-kitchens:hover:before { background-position: 88px -267px; }

.regulations-loft-conversion:before, .regulations-loft-conversions:before { background-position: -462px -190px; }
.regulations-loft-conversion:hover:before, .regulations-loft-conversions:hover:before { background-position: 271px -190px; }

.regulations-roofing:before { background-position: -463px -35px; }
.regulations-roofing:hover:before { background-position: 270px -35px; }

.regulations-windows-and-conservatory:before, .regulations-windows-and-conservatories:before { background-position: -460px -266px; }
.regulations-windows-and-conservatory:hover:before, .regulations-windows-and-conservatories:hover:before  { background-position: 273px -266px; }

.regulations-building:before { background-position: -460px -525px }
.regulations-building:hover:before { background-position: 273px -525px; }
 
.regulations-security:before { background-position: -272px -191px; }
.regulations-security:hover:before { background-position: 461px -191px; }

.regulations-traditional-crafts:before { background-position: -72px -229px; }
.regulations-traditional-crafts:hover:before { background-position: 404px -229px; }

.regulations-specialist-tradesman:before { background-position: -179px -70px; }
.regulations-specialist-tradesman:hover:before { background-position: 297px -70px; }

.regulations-bricklaying:before { background-position: -360px -190px; }
.regulations-bricklaying:hover:before { background-position: 372px -190px; }

.regulations-flooring:before { background-position: -361px -111px; }
.regulations-flooring:hover:before { background-position: 372px -111px; }

.regulations-tiling:before { background-position: -360px -35px; }
.regulations-tiling:hover:before { background-position: 373px -35px; }

.regulations-carpentry-and-joinery:before { background-position: -18px -172px; }
.regulations-carpentry-and-joinery:hover:before { background-position: 458px -172px; }

.regulations-painting-and-decorating:before { background-position: -28px -353px; }
.regulations-painting-and-decorating:hover:before { background-position: 705px -353px; }

.regulations-plastering-and-rendering:before { background-position: -27px -109px; }
.regulations-plastering-and-rendering:hover:before { background-position: 706px -109px; }

.regulations-plumbing:before { background-position: -28px -35px; }
.regulations-plumbing:hover:before { background-position: 705px -35px; }

.regulations-stonework:before { background-position: -18px -123px; }
.regulations-stonework:hover:before { background-position: 458px -123px; }

.regulations-metalwork:before { background-position: -128px -286px; }
.regulations-metalwork:hover:before { background-position: 348px -286px; }

.regulations-aerial-and-network:before { background-position: -178px -399px; }
.regulations-aerial-and-network:hover:before { background-position: 298px -399px; }

.regulations-gardening:before { background-position: -112px -192px; }
.regulations-gardening:hover:before { background-position: 621px -192px; }

.regulations-drainage:before { background-position: -179px -22px; }
.regulations-drainage:hover:before { background-position: 297px -22px; }

.regulations-electrics:before { background-position: -275px -266px; }
.regulations-electrics:hover:before { background-position: 458px 592px; }

.regulations-heating:before { background-position: -273px -526px; }
.regulations-heating:hover:before { background-position: 460px -526px; }

.regulations-aerial-and-network:before { background-position: -274px -610px; }
.regulations-aerial-and-network:hover:before { background-position: 459px -610px;}

.regulations-carpentry-and-joinery:before { background-position: -27px -267px; }
.regulations-carpentry-and-joinery:hover:before { background-position: 706px -267px;}

.regulations-drainage:before { background-position: -282px -35px; }
.regulations-drainage:hover:before { background-position: 451px -35px;}


/* ----- Newsletter Styles ----- */
.newsletter br { display:none; }
.newsletter * { margin: auto; }

.footerIcons li{
	height: 40px;
	width: 40px;
	background-color: #000;
	display: inline-block;
	margin-right: 5px;
}

/* ----- Widget Styles ----- */
.sideContent  { margin-bottom: 35px; }

.searchForm {
    border: 1px solid #CDCFCF;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

.searchFormText {
    border: medium none;
    color: #8D9091;
    width: 280px;
    padding: 5px;
    width: 70%;
    height: 30px;
}

.searchButton {
    border-radius: 0 0 0 0 !important;
    float: right;
    margin: 0 0 0 -10px;
    text-align: right;
    width: 30%;
    height: 30px;
}

.searchIcon { 
	
	background: url("/c/wp-content/uploads/2013/09/AT-sprite.png") no-repeat -8px -428px, -moz-linear-gradient(bottom, rgb(143, 166, 51) 27%, rgb(155, 179, 55) 64%);
	background: url("/c/wp-content/uploads/2013/09/AT-sprite.png") no-repeat -8px -428px, -webkit-linear-gradient(bottom, rgb(143, 166, 51) 27%, rgb(155, 179, 55) 64%);
	background: url("/c/wp-content/uploads/2013/09/AT-sprite.png") no-repeat -8px -428px, -ms-linear-gradient(bottom, rgb(143, 166, 51) 27%, rgb(155, 179, 55) 64%);
	background: url("/c/wp-content/uploads/2013/09/AT-sprite.png") no-repeat -8px -428px, -webkit-gradient(linear, left bottom, left top, color-stop(0.27, rgb(143, 166, 51)), color-stop(0.64, rgb(155, 179, 55)));
	background: url("/c/wp-content/uploads/2013/09/AT-sprite.png") no-repeat -8px -428px, linear-gradient(bottom, rgb(143, 166, 51) 27%, rgb(155, 179, 55) 64%);
	background: url("/c/wp-content/uploads/2013/09/AT-sprite.png") no-repeat -8px -428px, -o-linear-gradient(bottom, rgb(143, 166, 51) 27%, rgb(155, 179, 55) 64%);
}

.searchIcon:hover { 
	background: url("/c/wp-content/uploads/2013/09/AT-sprite.png") no-repeat -8px -428px, -moz-linear-gradient(bottom, rgb(155, 179, 55) 27%, rgb(143, 166, 51) 64%);
	background: url("/c/wp-content/uploads/2013/09/AT-sprite.png") no-repeat -8px -428px, -webkit-linear-gradient(bottom, rgb(155, 179, 55) 27%, rgb(143, 166, 51) 64%);
	background: url("/c/wp-content/uploads/2013/09/AT-sprite.png") no-repeat -8px -428px, -ms-linear-gradient(bottom, rgb(155, 179, 55) 27%, rgb(143, 166, 51) 64%);
	background: url("/c/wp-content/uploads/2013/09/AT-sprite.png") no-repeat -8px -428px, -webkit-gradient(linear, left bottom, left top, color-stop(0.27, rgb(155, 179, 55)), color-stop(0.64, rgb(143, 166, 51)));
	background: url("/c/wp-content/uploads/2013/09/AT-sprite.png") no-repeat -8px -428px, linear-gradient(bottom, rgb(155, 179, 55) 27%, rgb(143, 166, 51) 64%);
	background: url("/c/wp-content/uploads/2013/09/AT-sprite.png") no-repeat -8px -428px, -o-linear-gradient(bottom, rgb(155, 179, 55) 27%, rgb(143, 166, 51) 64%);
}

.widget-title { display: none; }

.textwidget {
	text-align: center;
}
	
h2.green { color: #8F993E; }

.findATradesman {
	
	padding: 20px;
}

.findATradesman a, .iAmATradesman a {
	margin-top: 20px;
	width: 100%;
}
.iAmATradesman , .needHelp { padding: 20px; }

.askExpertDesc {
    font-size: 12px;
    font-size: 1.2rem;
    color: #54585A;
    text-align: center;
}

.askAnExpert {
    text-align: center;
    padding: 20px;
}
 
.askAnExpert p  {
    text-align: left;
    padding: 10px 5px 5px 5px;
    font-size: 14px;
    font-size: 1.4rem;
}

.askAnExpert p a {
    color: #8FA633;
	font-weight: bold;
	text-decoration: none;
}

.askAnExpert p a:hover {
    text-decoration: underline;
}
 
.askExpertForm textarea {
    width: 100%;
    resize: none;
    border-color: #EEE;
    padding: 10px;
    font-family: open sans;
    font-size: 12px;
}
 
.askExpertForm button {
    width: 100%;
    border-radius: 0px;
    margin-top: 0;
}

.error {
    color: #C8102E;
    font-size: 0.857em !important;
    float: left;
}
 
.needHelp a { color: inherit; }
.needHelp p { margin-top: 15px; }

.menu-advice-and-tips-container a {
	text-decoration: none;
	color: inherit;
	padding-left: 20px;
	display: block;
}

.menu-advice-and-tips-container a:hover {
	color: #8F993E;
	text-decoration: underline;	
}

.widget-container {
	border: 1px solid #CDCFCF;
	margin-bottom: 10px;
}
	
.menu-advice-and-tips-container li { margin-bottom: 14px; }
	
#menu-advice-and-tips li:first-of-type { margin-top: 14px; }
.widget_nav_menu .widget-title, .mwm-aal-sidebar-container h2 {
	display:block;
	border-bottom: 1px solid #CDCFCF;
	width: 100%; 
	padding: 14px 20px 15px; 
	font-size: 1.8rem;
}

.widget_nav_menu { position:relative; }
.widget_nav_menu:hover { box-shadow: 0 0 15px #CDCFCF; }

/*  -- Social Share -- */

#counters_hupso_counters_0 {
	width: 100%;
}

.hupso_email, .hupso_print {
	float:right !important;
}

/* -- Cost Guides css-- */

.costGuidesCat {
	float: left;
	width: 24%;
	border: 1px solid #CDCFCF;	
	margin: 0px 5px 0 0;
	position: relative;
}

.costGuidesCatImg  {
	height: 115px;
	background-image: url('img/Costguides.png');
}

.costGuideOpacity { opacity: 0.4; }

.costGuidesCatHover:hover .costGuidesCatImg { 
	opacity: 1;
	transition: opacity .30s ease-in-out;
    -moz-transition: opacity .30s ease-in-out;
    -webkit-transition: opacity .30s ease-in-out;
}

.costs-repairs { background-position: 0 360px; }
.costs-rooms { background-position: 0 120px; }
.costs-renovation{ background-position: 0 240px; }
.costGuidesCatText li { margin: 12px 10px 12px; }

.costGuidesCatText a{
	font-size: 12px;
	color: #54585A;
	text-decoration: none;
}

.costGuidesCatText a:hover {
	color: #8F993E;
	text-decoration: underline;

}

.costGuidesCatTitle {
	font-weight: bold;
	border-bottom: #CDCFCF solid 1px;
	line-height: 3em;
	padding-left: 10px;
}

.costGuidesIconSprite {	background-image: url('img/plusminusround.png'); }

/* ---- Search Results CSS ---- */

.searchResult {
	margin: 0 0 70px;
	text-align: justify;
}

.searchResult  h2 { padding: 2px 2px 2px 0px; } 
.resultPost { margin: 15px 0; }
.postTitle { margin-bottom: 8px; }

.postTitle a { 
	font-size: 1.4rem; 
	color: #8F993E;
	text-decoration: none;
}

.postTitle a:hover { text-decoration: underline; }

.more a, .showMore{ 
	font-size: 1.2rem;
	color: #8F993E;
	text-decoration: none; 
}

.showMore { 
	cursor: pointer; 
	float: left; 
	width: 50%;
}
.more { 
	float: right; 
	margin-top: -2px;
}
.more a:hover, .showMore:hover { text-decoration: underline; }
.searchWord { font-weight: bold; }

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

/* ---- Articles DIY CSS ---- */

.hupso_twitter { margin-left: 0px !important; }

.hupso_email { 
	margin-right: 0px !important; 
	width: 60px !important;
}

.entry-content p { margin-bottom: 15px; }

#articleDIY { width: 99%; }
#articleDIY h2, .category-trade-insights h2 { color: #8FA633; } 
#articleDIY .entry-title, .category-trade-insights .entry-title { color: #54585A; } 
#articleDIY li, .category-trade-insights li { line-height: 1.7em; }
#articleDIY a, .category-trade-insights a { color: #8FA633; text-decoration: none; }
#articleDIY a:hover, .category-trade-insights a:hover { text-decoration: underline; }
#articleDIY p, .category-trade-insights p { margin-top: 20px; }

#articleDIY img, .category-trade-insights img { 
	border: 5px solid #FFF;
	outline: 1px solid #CDCFCD;
}

.entry-content h6 { 
	font-size: 11px; 
	font-weight: normal;
}

.entry-content ol li { margin: 15px 0 15px 20px; }
.entry-content ul { margin: 15px 0 15px 0px; }
.entry-content img { max-width: 100%; }


/* ---- Category Page CSS ---- */
.categories {
	border-bottom: 1px solid #CDCFCF;
	padding: 20px 0;
}

.categories:nth-of-type(1) {
	border-top: 1px solid #CDCFCF;
}

.categories h2 { color: #8FA633; }

.categoryDescription {  margin: 20px 0; }
.postByCategory { padding: 5px 0; }

.postByCategory a { 
	color: #54585A;
	text-decoration: none;
}

.postByCategory a:hover { 
	text-decoration: underline;
}

/* ---- Category Post Article Sidebar ---- */

#related  .widget-title, .mwm-aal-sidebar-container h2 {
	color: #8FA633;
	text-align: center;
}
.categoryName , .year, .yearSidebar, .mwm-aal-sidebar-container li , .categorySearch{
	border-top: 1px solid #CDCFCF;
	padding: 5px 10px 5px 20px;
	cursor: pointer;
}

.categoryName:nth-of-type(1), .mwm-aal-sidebar-container li:nth-of-type(1), .relatedArticles .yearSidebar:nth-of-type(1), .categorySearch:nth-of-type(1) { border-top: none; }

.relatedArticles {
	text-align: left;
}

.postLink  {
	font-size: 12px;
    	padding: 5px 0;
}

.relatedArticles  a, .postLink a, .mwm-aal-sidebar-container li a {
	text-decoration: none;
	color: #54585A;
}

.relatedArticles   a:hover, .postLink a:hover, .mwm-aal-sidebar-container li a:hover {
	text-decoration: underline;
	color: #8FA633;
}
.currentCategory { color: #8FA633; }

.currentPost{ 
	color: #8FA633;
	text-decoration: underline;
	cursor: text;
	display: none;
}

/* ---- Social Media Page ---- */

.socialMediaGrid .contentWide {
	border-top: 1px solid #CDCFCF;
	border-bottom: none;
}

.socialMediaGrid .contentWide:last-child { border-bottom: 1px solid #CDCFCF; }

.centralContentSM {
    	margin: 0 auto;
	width: 1000px;
}

.spriteSocialMedia {
	background-image: url("img/Social-sprite.png");
	width: 60px;
}

.youtubeCarrousel {
	background-position: -21px -232px;
	margin-top: 10px;
	background-repeat: no-repeat;
   	height: 70px;
}

.twitterImg, .googleImg, .facebookImg {
    height: 58px;
    float: left;
	margin-top: 85px;
}

.twitterImg { background-position: -21px -1px; margin-top: 30px; }
.googleImg { background-position: -21px -169px; }
.facebookImg { background-position: -21px -62px; }
.twitter-timeline {  margin: 30px 0;  }
.social { display: block; }
#twitter { min-height: 170px; }

.social img {
   margin: 10px 0;
   height: 225px;
}

.textSM { 
    display: table;
    float: left;
    height: 68px;
    margin-right: 20px;
    margin: 80px 10px 80px 0;
    width: 52%;
	color: #54585A
}

.textSM p {
	display:table-cell;
	vertical-align:middle; 
	padding-left: 15px;
	word-wrap: break-word;
}


/* ---- Newsletter Page CSS ---- */
.month{ margin: 0px 0px 10px 15px; }
.relatedArticles .yearSidebar .postLink , .categorySearch{ padding-left: 15px;}

.month .postLink {   
    width: 198px; 
    margin: 10px 7px 0 0;
}

.month .postLink img {   
    width: 198px; 
}

.newsletterTitle {
    border-top: 1px solid #CDCFCF;
    padding-top: 10px;
}

.entry-content .year { padding-left: 10px; }

.postLink:hover .newsletterTitle { border-top: 1px solid #8FA633; }
.landingNewslettersText { margin-bottom:20px; }
.newsletterTitle { margin-bottom: 20px; }
.newsletterTitle a { 	color: #8FA633; }


/* ----- Anchor Links CSS ----- */
.mwm-aal-container { display: none; }

.entry-content h2 { 
	border-top: 1px solid #CDCFCF; 
	padding: 10px 0; 
 	margin: 25px 0 10px;
}

.entry-content h3 {
	padding: 15px 0 0;
	font-size: 1.8rem;
}


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

.videoItemSection { width: 930px; }

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

h2.greenHeader { color: #8F993E; }
	
.youtubePlayer {
	width: 642px;
	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%;
	padding: 10px 0 0 10px;
}

.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: 1.4rem;
	color: #8F993E;
	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: 3.0rem;
	position: absolute;
	top: 0;
	color: #86888C;
	width: 30px;
	cursor: pointer;
	height: 100%;
}

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

.playlistControlNext { right: -40px; }

.playlistControlPrev { left: -30px; }

.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;
}