body{ background-position:0 286px; }

form,
label{ padding:0; margin:0;}

/* need to make things accessible! */
a:focus,
button:focus,
input:focus{ outline-style:solid; }

a:active,
button:active,
input:active{ outline:none; } /* IE override for click causing focus */


/* homepage update */
/* from html5 boilerplate */
#homepage .clearfix:before,
#homepage .clearfix:after{ content:" "; display:table; }
#homepage .clearfix:after{ clear: both; }

#topLeaderboard{ margin-bottom:20px; }

#homepage{ text-align:left; }
#homepage ul,
#homepage li{ padding:0; margin:0; }
#homepage a{ text-decoration:none; }
#homepage-upper a{ color:#0065a3; }
#homepage a:hover,
#homepage a:focus{ text-decoration:underline; }

#homepage .listing .photo-frame a{ display:inline-block; }
#homepage .listing-options{ display:none; }
#homepage .cad-list li{ width:230px; margin-right:22px; height:220px; margin-top:18px; }
#homepage .cad-list li:nth-of-type(3n){ margin-right:0; }

#homepage h1,
#homepage h2{ line-height:1em;padding:0; margin:0 0 6px; border:none; font-size:16px; color:#333; font-weight:bold; clear:both; }
#homepage h1{ font-size:18px; }
#homepage h1 a,
#homepage h2 a{ color:#333; }
#homepage h3{ line-height:1em;margin:0;padding:0;font-weight:normal;color:#595959;font-size:15px; }
#homepage h3 em{ font-weight:bold; }
#homepage p{ margin:10px 0; }

#homepage-upper-primary,
#sell-module,
#feature-module{ box-shadow:0px 1px 1px 0px rgba(0,0,0,0.7); }

#homepage-upper-primary{ float:left; clear:left; width:418px; border-radius:5px; background-color:#fef3cb; height:692px; } /** height has to be altered on this element to accommodate xmas shsop banner: make sure to change it back to 692px when xmas campaign is finished */
#homepage-upper-secondary{ float:right; clear:right; width:300px; }

#recent-cads-module{margin-top:28px;}
#recent-cads-module h2{ border:none; margin:2px 0 6px; font-size:18px; }

#recent-cads-module h2 a span{ color:#0065a3; font-size:16px; text-decoration:none; float:right; clear:right; font-weight:normal; }
#recent-cads-module h2 a:hover span{ text-decoration:underline; }

#popular-sections-module li{ display:inline-block; width:88px; text-align:center; vertical-align:top; margin:0 4px; }
#popular-sections-module li a{ font-size:14px; text-decoration:none; background:50% 0 no-repeat; background-size: 75px; padding-top:82px; display:block; }
#popular-sections-module li a:hover{text-decoration:underline;}

#main-sections-module .section-list li{ display:inline-block; width:129px; text-align:center; margin-bottom:10px;
	background-image:url(images/icons/mainsections-sprite.png); background-repeat:no-repeat;
}
#main-sections-module .section-list li a{ font-size:14px; text-decoration:none; display:inline-block; padding-top:66px; width:100%; }
#main-sections-module .section-list li a:hover{ text-decoration:underline; }
#main-sections-module .section-list li img{ display:inline-block; }
#main-sections-module{ border-radius:0 0 5px 5px; }

#search-module{ padding:10px; border-radius:5px 5px 0 0; height:56px; border-top:1px solid #f3f3f3;
	background: #fee47f; /* Old browsers */
	background: linear-gradient(to bottom, #fee47f 0%,#feda70 100%);
	background: -webkit-linear-gradient(top, #fee47f 0%, #feda70 100%); /* Chrome10+,Safari5.1+ (iOS) */
}
#search-module h2{ font-size:18px; }

#search-module .search-query{ height: 22px; width: 265px; border-width:2px; }
#search-module .search-button{ width: 104px; vertical-align:middle; }

#popular-sections-module,
#main-sections-module{ padding:10px 10px 0; margin-top:10px; text-align:justify; }

#main-sections-module{ margin-top:20px; }

#sell-module {
    padding: 10px;
    height: 130px;
    border-radius: 5px;
    border-top: 1px solid #f3f3f3;
    margin-bottom: 20px;
    background: #e2feaf;
    /* Old browsers */
    background: linear-gradient(to bottom, #ecfecb 0%,#e2feaf 100%);
}
#sell-module p { font-size: 15px; text-indent: 5px; }
#sell-module p span { color: red; font-weight: bold; }
#sell-module a.manage-ads { padding-left: 8px; }
#sell-module a.pricing-details { float: right; padding-right: 8px; }

.placead-button{
	display:inline-block; line-height:32px; text-decoration:none; font-weight:bold; width:100%; color:#333 !important; font-size:15px;
	text-align:center; margin-bottom:3px; border:1px solid #aaa !important; border-radius:4px; cursor:pointer; text-shadow: 0 1px 0 rgba(255,255,255,0.7);
	background: #f4ff7d; /* Old browsers */
	background: -webkit-linear-gradient(top, #f4ff7d 0%, #a0d14f 100%); /* Chrome10+,Safari5.1+ (iOS) */
	background: linear-gradient(to bottom, #f4ff7d 0%,#a0d14f 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#f4ff7d", endColorStr="#a0d14f");
}

.placead-button:active{background:linear-gradient(to bottom, #87ba5e 0%, #bcdb60 10%, #d5e673 100%);}

#homepage .cad-list li.cad-list-row{ width:100%; margin:0; height:auto; float:none; clear:both; }

#main-sections-module .section-fashion{     background-position:0 -13px; }
#main-sections-module .section-babyandkids{ background-position:0 -529px; }
#main-sections-module .section-household{   background-position:0 -99px; }
#main-sections-module .section-sport{       background-position:0 -614px; }
#main-sections-module .section-homeelectronics{ background-position:0 -185px; }
#main-sections-module .section-music{       background-position:0 -701px; }
#main-sections-module .section-farming{     background-position:0 -274px; }
#main-sections-module .section-animals{     background-position:0 -784px; }
#main-sections-module .section-motor{       background-position:0 -357px; }
#main-sections-module .section-tickets{     background-position:0 -873px; }
#main-sections-module .section-business{    background-position:0 -441px; }
#main-sections-module .section-property{    background-position:0 -956px; }

#feature-module { border-radius:5px; height:520px; background-color:#fff; border-top: 1px solid #f3f3f3; }
.feature-module-content { padding:0 10px; }
.feature-module-image { margin-bottom:18px; margin-left:-10px; border-radius:5px 5px 0 0; max-width:300px; }
.feature-module-image.nursery { width: 300px; height: 314px;  }

#homepage .feature-module-content h3{ border-bottom:1px solid #ccc; padding:0 0 14px 5px; }
#homepage .feature-module-content h3 em{ font-style:normal; }

#feature-module-jobs ul{ margin-bottom:26px; }
#feature-module-jobs li{ border-bottom:1px solid #ccc; padding:16px 5px; line-height:1em;
	background:no-repeat url(/layout/images/homepage/features/jobs/jobsectors-sprite@2x.png);
	background-size:42px;
}
#feature-module-jobs li a{ padding-left:34px; }
#feature-module-jobs a{ color:#4484ad; font-size:15px; font-weight:bold; }

#feature-module-jobs a.feature-module-go-link{ float:right;font-size:14px;font-weight:normal; }

#feature-module-jobs li:nth-of-type(1){ background-position:0 5px; }
#feature-module-jobs li:nth-of-type(2){ background-position:0 -38px; }
#feature-module-jobs li:nth-of-type(3){ background-position:0 -76px; }
#feature-module-jobs li:nth-of-type(4){ background-position:0 -124px; }

#feature-module-community-social{ display:inline-block; float:left; }
#feature-module-community-social{ margin-bottom:30px !important; }
#feature-module-community-social li{ display:inline-block; margin-left:11px; }
#feature-module-community-social li:first-of-type{ margin-left:14px; }
#feature-module-community-social a{ display:inline-block; width:52px; text-align:center; line-height:1em; padding-top:37px;
	background:transparent url(/layout/images/pagewrap/footer/social-sprite.png) no-repeat;
}
#feature-module-community-social .facebook-icon{background-position: 8px -2px; }
#feature-module-community-social .blog-icon{    background-position: 8px -52px; }
#feature-module-community-social .youtube-icon{ background-position:  8px -102px; }
#feature-module-community-social .twitter-icon{ background-position:  8px -152px; }

#feature-module-community-comments{ font-size:16px; }
#feature-module-community-comments blockquote{ color:#333; font-family:Georgia, Serif; margin:0; box-sizing: border-box;
	overflow: hidden; text-overflow: ellipsis; max-height:98px;
	/*Fallback for non-webkit*/
	display: -webkit-box;
	-webkit-line-clamp: 4;
	/*change for required number of lines*/
	-webkit-box-orient: vertical;
}
#feature-module-community-comments blockquote p{ margin:0 0 8px; line-height:1.4em; }
#feature-module-community-comments blockquote p:last-of-type{ margin-bottom:0; }
#feature-module-community-comments-latest{ height:132px; padding-left:5px; font-style:italic; }
#feature-module-community-comments-latest .attribution{ color:#8c8b71; margin-top:4px; }
#feature-module-community-comments a{ font-size:14px; }
#feature-module-community-comments a:first-of-type{ float:left; clear:left; }
#feature-module-community-comments a:first-of-type{ float:right; clear:right; }

.cad-list-end-row{ float:right; clear:right; color:#1c74ad; font-size:16px; margin-top:6px; }

#feature-module-nursery ul { margin-bottom: 26px; }
#feature-module-nursery li { border-bottom: 1px solid #ccc; padding: 16px 5px; line-height: 1em; background: no-repeat url(/layout/images/homepage/features/promo/sections-sprite@2x.png); background-size: 42px; }
#feature-module-nursery li a { padding: 10px 100px 10px 34px; }
#feature-module-nursery li a.short { padding-right: 170px; }
#feature-module-nursery a { color:rgba(0,0,0,0.5); font-size:15px; font-weight:bold; }

#feature-module-nursery li:nth-of-type(1){ background-position:0 8px; }
#feature-module-nursery li:nth-of-type(2){ background-position:0 -35px; }
#feature-module-nursery li:nth-of-type(3){ background-position:0 -73px; }

.feature-module-intro{ font-size:19px; color:#000; text-align:center; padding:0 4px 20px; }
.feature-module-separator{ background-color:#ececec; width:72px; height:3px; margin:0 auto; }

#feature-module-freebie em{ color:#fc0d1b; font-weight:bold; font-style:normal; }
#feature-module-freebie ul{ margin:16px 0 25px; }
#feature-module-freebie li{ text-align:center; font-size:18px; color:#666; line-height:35px; }

#feature-module-jupiter { text-align: center; }
#feature-module-jupiter span { left: -56px; top: -77px; position: relative; height: auto; }
#feature-module-jupiter .feature-module-intro { font-size: 30px; opacity: 0.75; font-weight: bold; margin-top: 20px; }
#feature-module-jupiter .feature-module-image { margin-top: 30px; margin-left: -74px; }
#feature-module-jupiter .feature-description { width: 100%; font-size: 16px; opacity: 0.6; margin: 30px 0; }
#feature-module-jupiter a.btn-jupiter {
	border: 1px solid #0087cc;
	border-radius: 3px;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
	text-decoration: none;
	font-size: 18px;
	height: 44px;
	line-height: 44px;
	padding: 0 3ex;
	color: #ffffff;
	width: 100px;
}
#feature-module-jupiter a.btn-jupiter:hover {
	box-shadow : 0px 2px 1px rgba(0, 0, 0, 0.1);
	border-color: #0076b3;
	background: #0db7ff;
	background : -webkit-linear-gradient(90deg, rgba(25, 178, 255, 1) 0%, rgba(25, 197, 255, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#19B2FF', endColorstr='#19C5FF' ,GradientType=0)";
	background: linear-gradient(0deg, rgba(25, 178, 255, 1) 0%, rgba(25, 197, 255, 1) 100%);
}
.backgroundOverlay { display:none;position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; background:black; opacity: 0.8; }
.videoOverlay{ position: absolute; z-index: 1000; display:none; background-color: transparent; /* width: 560px; height: 335px; */ }
.videoOverlay_open:hover{ opacity:0.8; }
.videoOverlay_close{position: relative !important; right: 60px !important; top: -31px !important; background-color: #000;
	padding: 8px 10px 6px; border-radius: 8px 8px 0 0; opacity: 0.8; color:#fff !important; float:right;
}