/** Base document layout */
body, html {height: 100%;}
#wrapper {
	margin: 0;
	min-height: 100%;
	padding: 0;
	position: relative;
	font-family: 'Maven Pro', sans-serif;
}



/**============================================================================================================*/


/** Apply styling common to all grid columns */
.grid100, .grid110, .grid111,
.grid010, .grid011,
.grid001 {
	float: left;
}


/** Define the width specific to each grid column */
.grid100 {width: 190px;}
.grid110 {width: 730px;}
.grid111 {width: 940px;}
.grid010 {width: 540px;}
.grid011 {width: 770px;}
.grid001 {width: 230px;}
/*#advertList {width: 520px;}*/



/** Restricted-width container is effectively grid010 with implicit padding */
#restricted_width {
	float: left;
	padding-right: 20px;
	width: 690px;
}


/**------------------------------------------------------------------------------------*/


/** Define general grid-padding values for each side */
.gridPad-Right	{padding-right: 20px;}
.gridPad-Top	{padding-top: 20px;}
.gridPad-Bottom	{padding-bottom: 20px;}


/** Define column-specific grid-padding values on left side */
.grid011 .gridPad-Left {padding-left: 13px;}

.grid010 .gridPad-Left {padding-left: 13px;}
.grid001 .gridPad-Left {padding-left: 0;}


/**------------------------------------------------------------------------------------*/


/** Inner-container common to all layout blocks provides centre-aligned fixed width */
.layoutInner {
	margin: 0 auto;
	width: 940px;
    position: relative;
}

#topBanner {
	width: 970px;
}

#topBanner > div {
	padding: 0 0 0 0;
}

#topSection {
	position: relative;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.fixed #topSection {
	position: fixed;
}

.fixed #layoutBody {
	padding-top: 133px;
}


/**============================================================================================================*/


/** Comment */
#layoutCap {
	background-color: #b13257;
	color: #fff;
	letter-spacing: -0.05em;
}


/** Comment */
#layoutCap ul.pipeList {
	padding: 0;
	text-align: right;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	min-height: 34px;
}
#layoutCap ul.pipeList li,
#layoutCap .pipeList .li {
	background: none;
	padding: 8px 22px;
	display: inline-block;
}
#layoutCap ul.pipeList li.search {
	float: left;
	width: auto;
	padding: 0;
}
#layoutCap ul.pipeList li.facebook,
#layoutCap ul.pipeList li.twitter,
#layoutCap ul.pipeList li.instagram,
#layoutCap ul.pipeList li.google_plus,
#layoutCap ul.pipeList li.youtube {
	float: left;
	width: auto;
	padding: 0;
	margin: 0;
	border-right: 1px solid #000;
}
#layoutCap ul.pipeList li.facebook a,
#layoutCap ul.pipeList li.twitter a,
#layoutCap ul.pipeList li.instagram a,
#layoutCap ul.pipeList li.google_plus a,
#layoutCap ul.pipeList li.youtube a {
	width: 35px;
	height: 34px;
	display: block;
	padding: 0;
	text-indent: -999em;
	text-align: left;
	float: left;
}
#layoutCap ul.pipeList li.facebook a {
	background: url(/images/buttons/facebook.png) 50% 50% no-repeat;
}
#layoutCap ul.pipeList li.twitter a {
	background: url(/images/buttons/twitter.png) 50% 50% no-repeat;
}
#layoutCap ul.pipeList li.instagram a {
	background: url(/images/buttons/instagram.png) 50% 50% no-repeat;
}
#layoutCap ul.pipeList li.google_plus a {
	background: url(/images/buttons/google_plus.png) 50% 50% no-repeat;
}
#layoutCap ul.pipeList li.youtube a {
	background: url(/images/buttons/youtube.png) 50% 50% no-repeat;
}
#layoutCap .pipeList a {
	color: #e7b9cd;
	padding-top: 6px;
	padding-bottom: 6px;
	text-decoration: none;
}
#layoutCap .pipeList a:hover {
	color: #e7b9cd;
	text-decoration: underline;
}


/**============================================================================================================*/


/** Comment */
#layoutHeader {
	background: #fff;
	border-bottom: 1px solid #f7b932;
	overflow: hidden;
}


/** Comment */
#layoutHeader .headerBg {
	margin: 0 auto;
	width: 100%;
	float: left;
}


/** Comment */
#layoutHeader .headerBg a.logoAnchor {
	display: block;
	float: left;
	height: 26px;
	overflow: hidden;
	text-indent: -999.9em;
	width: 197px;
	background-image: url('/images/pe_logo.png');
	margin-top: 27px;
}


/** Comment */
#layoutHeader ul.mainTabs {
	float: right;
	font-size: 15px;
}
#layoutHeader ul.mainTabs li {
	float: left;
	width: auto;
}
#layoutHeader ul.mainTabs li a {
	color: #4D4D4D;
	line-height: 1em;
	padding: 30px 11px 30px 11px;
	float: left;
	text-decoration: none;
}
#layoutHeader ul.mainTabs li.tabVIP a {
	color: #f7b932;
}
#layoutHeader ul.mainTabs li a.active,
#layoutHeader ul.mainTabs li a:hover,
#layoutHeader .headerBg-Home ul.mainTabs li.tabHome a,
#layoutHeader .headerBg-Reviews ul.mainTabs li.tabReviews a,
#layoutHeader .headerBg-CarseatReviews ul.mainTabs li.tabCarSeatReviews a,
#layoutHeader .headerBg-Buy ul.mainTabs li.tabBuy a,
#layoutHeader .headerBg-Awards ul.mainTabs li.tabAwards a,
#layoutHeader .headerBg-News ul.mainTabs li.tabNews a,
#layoutHeader .headerBg-New ul.mainTabs li.tabNew a,
#layoutHeader .headerBg-Win ul.mainTabs li.tabCompetitions a,
#layoutHeader .headerBg-VIP ul.mainTabs li.tabVIP a,
#layoutHeader .headerBg-Video ul.mainTabs li.tabVideo a {
	color: #fff;
	background: #f7b932;
	text-decoration: none;
}


/**============================================================================================================*/


/** Layout-body contains page-centric content */
#layoutBody {
	background: #f2f2f2;
	padding-bottom: 234px;
}



/**============================================================================================================*/


/** Layout-footer is a dark-green area absolutely positioned at the bottom of the page */
#layoutFooter {
	background: #4d4d4d;
	color: #d1fc00;
	font-size: 85.71%;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	padding: 0 0 17px 0;
	text-align: center;
	width: 100%;
	float: left;
	border-top: 4px solid #5bb7a6;
	color: #5CB7A6;
}
#layoutFooter .layoutFullInner {
	background: #565656;
	float: left;
	width: 100%;
}
#layoutFooter .layoutInner {
	padding-top: 40px;
}

#baseFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-top: 0;
}
	#baseFooter ul li {
		float: right;
		padding-top: 18px;
	}
	#baseFooter ul li.copyright {
		float: left;
	}
	#baseFooter a {
		color: #5CB7A6;
	}

/**------------------------------------------------------------------------------------*/


/** Override styling of the standard pipelist element */
#layoutFooter .pipeList {
	padding-bottom: 45px;
	width: 213px;
	margin-right: 27px;
	float: left;
}


/** Main-pipelist in the footer is coloured white */
#layoutFooter ul.pipeList li,
#layoutFooter .pipeList .li {
	padding-bottom: 4px;
	float: left;
	width: 100%;
	background: none;
	border: none;
	padding: 4px 0;
	text-align: left;
}
#layoutFooter .pipeList a {
	color: #fff;
	text-decoration: none;
}
#layoutFooter .pipeList a:hover {
	color: #fff;
	text-decoration: underline;
}

#layoutFooter .pipeList li.zoot {
	background: #95c16c none;
	font-weight: bold;
}



/**============================================================================================================*/


/** Breadcrumb trail is a horizontal list divided by white chevrons */
ul#breadcrumbs {
	background-color: #daf0bf;
	font-size: 85.71%;
	height: 20px;
    margin-bottom: 8px;
}
ul#breadcrumbs li {
	float: left;
	height: 20px;
}
ul#breadcrumbs li.first {
    overflow: hidden;
}


/** Style block-level anchors and hover states in breadcrumb trail */
ul#breadcrumbs li a,
ul#breadcrumbs li a:hover {
	color: #222744;
	text-decoration: none;
}
ul#breadcrumbs li a,
ul#breadcrumbs li div.tail {
	background: url('/images/misc/layout-breadcrumb.png') no-repeat 0 0;
	display: block;
	float: left;
	height: 20px;
	line-height: 1.6;
	margin-left: -15px;
	overflow: hidden;
	padding: 0 26px 0 26px;
}
ul#breadcrumbs li a:hover {
	background-position: 0 -20px;
}



/**============================================================================================================*/


/** Main site-navigation menu is coloured green and stacked vertically */
/*ul#siteNav {
	background: #cbea89 url('/images/bg/gradient-navmenu.png') repeat-x 0 0;
	width: 170px;
}
ul#siteNav li {
	border-top-color: rgba(0, 0, 0, 0.15) !important;
	border-bottom-color: rgba(255, 255, 255, 0.25) !important;
	border-top: 1px solid #98b35b;
	border-bottom: 1px solid #d3ec9d;
	width: 170px;
}*/


/** Remove borders from the first and last items in the navigation menu */
/*ul#siteNav li:first-child,
ul#siteNav li.first {
	border-top: 0 none;
}
ul#siteNav li:last-child,
ul#siteNav li.last {
	border-bottom: 0 none;
}*/


/** Style anchors and hover/selected states in navigation menu */
/*ul#siteNav li a,
ul#siteNav li a:hover {
	color: #222744;
	text-decoration: none;
}
ul#siteNav li a {
	display: block;
	padding: 5px 8px;
	width: 154px;
}
ul#siteNav li a:hover {
	background-color: rgba(83, 139, 34, 0.25) !important;
	background-color: #9bc24e;
}
ul#siteNav li.selected a,
ul#siteNav li.selected a:hover {
	background-color: #538b22 !important;
	color: #fff;
}*/

.VIPHelp h2 { margin-bottom: 10px; font-size: 128.57%; }
.VIPHelp p { margin-bottom: 10px; }

#renewLaterLink { margin: 0 0 0 10px; font-size: 13px; border-left: 1px solid #000; padding-left: 9px; }


#headerSearchBox {
    width: auto;
}

#headerSearchBox input {
    width: 174px;
    height: 34px;
    padding: 0 0 0 45px;
    border: 0;
    color: #B01657;
    font-size: 16px;
    background: #efd0dd url('/images/buttons/search.png') 13px 50% no-repeat;
}

::-webkit-input-placeholder {
   color: #B01657;
}

:-moz-placeholder { /* Firefox 18- */
   color: #B01657;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #B01657;
}

:-ms-input-placeholder {  
   color: #B01657;
}

#headerSearchBox input#googleSubmit {
    width: auto;
    border: 0;
    height: auto;
    padding: 0;
    top: 0;
    position: relative;
    height: 26px;
    width: 26px;
}

#headerSearchBox label {
    position: relative;
    top: 5px;
}



#cookiePrompt {
	background: #ffffff;
	border-top: 3px solid #a2435c;
	color: #4D4D4D;
	display: none;
	font-size: 15px;
	height: 64px;
	line-height: 1.375;
	padding-top: 14px;
	position: fixed;
	left: 0; bottom: 0;
	width: 100%;
	z-index: 999;
}
#cookiePrompt > div {
	margin: 0 auto;
	text-align: center;
	width: 950px;
}
#cookiePrompt p {
	margin: 0;
}
#cookiePrompt p + p {
	color: #fff;
	padding-top: 4px;
}
#cookiePrompt a {
	color: #4D4D4D;
	font-weight: bold;
	text-decoration: none;
}
#cookiePrompt a:hover {
	color: #4D4D4D;
	font-weight: bold;
	text-decoration: underline;
}

#slider1_container {
	position: relative; 
	margin: 0 auto;
    left: 0px;
    width: 1300px;
    height: 471px; 
	overflow: hidden;
}

     /* jssor slider arrow navigator skin 21 css */
            /*
            .jssora21l                  (normal)
            .jssora21r                  (normal)
            .jssora21l:hover            (normal mouseover)
            .jssora21r:hover            (normal mouseover)
            .jssora21l.jssora21ldn      (mousedown)
            .jssora21r.jssora21rdn      (mousedown)
            */
            .jssora21l, .jssora21r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 55px;
                height: 55px;
                cursor: pointer;
                background: url(/images/buttons/a21.png) center center no-repeat;
                overflow: hidden;
                top: 221px !important;
            }
            .jssora21l { background-position: -3px -33px; }
            .jssora21r { background-position: -63px -33px; }
            .jssora21l:hover { background-position: -123px -33px; }
            .jssora21r:hover { background-position: -183px -33px; }
            .jssora21l.jssora21ldn { background-position: -243px -33px; }
            .jssora21r.jssora21rdn { background-position: -303px -33px; }

             /* jssor slider bullet navigator skin 21 css */
            /*
            .jssorb21 div           (normal)
            .jssorb21 div:hover     (normal mouseover)
            .jssorb21 .av           (active)
            .jssorb21 .av:hover     (active mouseover)
            .jssorb21 .dn           (mousedown)
            */
            .jssorb21 {
                position: absolute;
            }
            .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
                position: absolute;
                /* size of bullet elment */
                width: 19px;
                height: 19px;
                text-align: center;
                line-height: 19px;
                color: white;
                font-size: 12px;
                background: url(../img/b21.png) no-repeat;
                overflow: hidden;
                cursor: pointer;
            }
            .jssorb21 div { background-position: -5px -5px; }
            .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
            .jssorb21 .av { background-position: -65px -5px; }
            .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

            .slide iframe {
            	width: 100%;
            	height: 100%;
            	position: absolute;
            	top: 0;
            	left: 0;
            }

            .slide .caption {
            	color: #333333;
            	font-size: 26px;
            	position: absolute;
            	max-width: 400px;
            	top: 320px;
            	left: 0;
            }

            	.slide .caption span {
					background: #69C9BA;
					padding: 0 13px 5px 13px;
					display: inline-block;
            	}

            	.slide .caption span.top {
            		padding-top: 5px;
            	}

            	.slide .caption span.middle {
            		
            	}

            	.slide .caption span.bottom {
            		
            	}

            	.slide .caption .date {
					color: #69C9BA;
					background: #4d4d4d;
					padding: 3px 13px;
					font-size: 15px;
					display: inline-block;
					top: -7px;
					position: relative;
            	}

#searchReviews,
#searchPushchairs {
	background: #5CB7A6;
	min-height: 10px;
	margin-bottom: 24px;
	padding: 15px 0;
}

	#searchReviews .testFilters,
	#searchPushchairs .testFilters {
		background: url(/images/buttons/search_roadtest.png) 0 50% no-repeat;
		padding-left: 52px;
	}

	#searchReviews .testFilters h2,
	#searchPushchairs .testFilters h2 {
		float: left;
		width: auto;
		color: #fff;
		font-size: 25px;
		margin-top: 4px;
		font-weight: normal;
		margin-right: 25px;
	}

	#searchReviews .testFilters form,
	#searchPushchairs .testFilters form {
		float: left;
		width: auto;
	}

#searchPushchairs {
	top: -20px;
	margin-bottom: 0;
	position: relative;
}

@media only screen and (max-width: 768px) {
  .mc-banner { z-index: 99999999 !important; }
  
  .mc-layout__bannerContent iframe {
	  min-height: 155px !important;
  }

  .shopNowHeader{
	position: fixed !important;
	bottom: 0px !important;
	width:100% ;
	z-index:1000;
   }
}

.shopNowHeader{
	background-color: #fdc84b;
    position: relative;
    width: 100%;
    z-index: 1000;
}

.shopNowHeader .layoutInner a{
	display: flex;
	flex-direction: row; 
	align-items: center;
	justify-content: center;
	color: #575656;
}

.shopNowHeader .layoutInner a:hover{
	text-decoration: none;
}