@media screen and (max-height: 680px) {
	body{}

	#quoteform{
		position: unset;
		transform: unset;
	}
}

@media only screen and (max-width: 1000px){
	body{}

	.quickbooking .inner{
		padding-left: 10px;
		padding-right: 10px;
		max-width: calc(100% - 20px);
	}
	.quickbooking .header{
		padding-top: 32px;
	}
	.quickbooking .header .logo{
		margin-bottom: 0px;
		width: 200px;
	}
	.quickbooking .header h1{
		text-align: center;
		width: 100%;
	}

	.quickbooking .tabs span.label{
		/*display: none;*/
	}
	.quickbooking .tabs span.active span.label{
		display: inline-block;
	}
	.quickbooking .tabs > span img{
		margin-right: 0;
	}
	.quickbooking .tabs > span.active img{
		margin-right: 10px;
	}



}


@media only screen and (max-width: 980px){
	body{}

	.header .inner{
		padding-left: 20px;
		padding-right: 20px;
		max-width: calc(100% - 40px);
	}
}




@media only screen and (max-width: 930px){
	body{}

	.banner p{
		font-size: 6vw;
	}

}







@media only screen and (max-width: 920px){
	body{}

	.header p.h1{
		font-size: 6.5vw;
		line-height: 6vw;
		padding-top: 2%;
	}
	.mainmenu{
		padding-bottom: 40px;
	}

}


@media only screen and (max-width: 810px){
	body{}

	.banner{
		width: calc(100% - 310px);
		padding-left: 280px;
		padding-right: 30px
	}

}






@media only screen and (max-width: 780px){
	body{}

	.mainmenu{
		text-align: right;
	}
	.mainmenu ul li.item{
		display: none;
	}
	.mainmenu ul li .mmenu-trigger{
		display: block;
	}

	.summary-inner .column1 p.h1{
		font-size: 60px;
	}

	.quickbooking .header h1{
		display: none;
	}

	.quote-input p.h{
		height: 35px;
	}
	.quote-input-wrapper{
		position: inherit;
	}

	.quickbooking .header{
		padding-top: 20px;
	}
	.quickbooking .header h1{
		font-size: 60px;
		line-height: 55px;
	}

	.breadcrumb{
		padding-left: 20px;
		padding-right: 20px;
	}
	.widecolumn{
		padding-left: 20px;
		padding-right: 20px;
	}

	.feature-carousel{
		padding-left: 20px;
		padding-right: 20px;
	}

	.footer-wrapper .col1{
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		width: calc(100% - 40px);
	}
	.footer-wrapper .col2{
		margin-left: 20px;
	}

	.footer-wrapper .col2,
	.footer-wrapper .col3,
	.footer-wrapper .col4{
		width: calc((100% - 60px) / 3 );
	}
	.footer-wrapper-b{
		border-top: none;
	}
	.footer-wrapper-b .col2{
		float: none;
	}
	.footer-wrapper-b .socialicon{
		margin-left: 0px;
		margin-right: 15px;
	}
	.footer-wrapper-b .col1{
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		width: calc(100% - 40px);
	}


}


@media only screen and (max-width: 760px){
	body{}

	.quickbooking .tabs{
		display: none;
	}
	.inner .quote-input{
		padding-top: 40px;
	}
	.quickbooking .header h1{
		display: none;
	}

	.quote-input p.h{
		height: 35px;
	}
	.quote-input-wrapper{
		position: inherit;
	}

	.quickbooking .header{
		padding-top: 32px;
	}
	.quickbooking .header h1{
		font-size: 60px;
		line-height: 55px;
	}

	.price-blocks{
		margin-top: 40px;
	}
	.price-box{
		height: auto;
		width: calc(100% - 40px);
		margin-left: 0;
		margin-bottom: 10px;
	}
	.price-box-small{
		width: 100%;
	}
	.price-box .bottom {
    position: inherit;
    bottom: auto;
	}
	.price-box-1{
		width: calc(100% - 40px);
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.price-box-2{
		width: calc(100% - 40px);
		margin-bottom: 10px;
	}
	.price-box-2 .column1 {
    width: 100%;
    padding-right: 0;
    margin-bottom: 10px;
	}
	.price-box-2 .column2{
		width: calc(100% - 4px);
		padding: 20px 0px 0px 0px;
	}
	.price-box-2 p.h1{
		font-size: 43px;
	}

}






@media only screen and (max-width: 700px){
	body{}

	.mainmenu {
	  float: right;
	}
	.mainmenu.ticker{
		padding-top: 25px;
	}
	.header{
		height: auto;
		padding-bottom: 30px!important;
	}
	.header p.h1{
		display: none;
	}
	.quickbooking .header .logo{
		margin-top: 20px;
	}
	.header .headerwhich {
		right:20px;
		top:65px;
	}
	.banner{
		background-image: none!important;
		background-color: #486FA6;
		padding-left: 20px;
		padding-left: 30px;
		padding-right: 30px;
		width:  calc(100% - 60px);
	}
	.banner p{
		font-size: 55px;
	}

}







@media only screen and (max-width: 620px){
	body{}

	#quoteform{
		position: unset;
		transform: unset;
	}

	.quote-input p.h{
		height: auto;
	}
	.quote-input .column1{
		margin-right: 0;
		margin-bottom: 9px;
		width: 100%;
	}
	.quote-input .column2{
		margin-right: 0;
		margin-bottom: 9px;
		width: 100%;
	}
	.quote-input .column3{
		margin-right: 0;
		margin-bottom: 9px;
		width: 100%;
	}
	.quote-input .column4{
		margin-right: 0;
		margin-bottom: 9px;
		width: 100%;
	}
	.quote-input .column1 .ci #starthere{
		width: calc(100% - 100px);
	}
	.quickbooking .tabs > span{
		height: 20px;
		background-size: auto 40px;
	}
	.quickbooking .tabs img{
		display: block;
	}
	.quickbooking .tabs > span.active{
		height: 22px;
		background-size: auto 60px;
	}
	.quickbooking .tabs span.active span.label{
		display: none;
	}
	.quickbooking .tabs > span.active img{
		height: 22px;
		vertical-align: -3px;
		margin-right: 0;
	}
	.quickbooking .tabs > span img{
		height: 16px;
	}
	.stage ul li{
		width: 50%;
	}
	.stage ul li:last-child{
		width: 50%;
	}
	.btn-wrapper img{
		/*height: 32px;*/
	}

	.summary-inner{
		height: auto;
	}
	.summary-inner .column1{
		width: 100%;
		padding-right: 0px;
	}
	.summary-inner .column1 p.h1{
		font-size: 42px;
	}
	.summary-inner .column2{
		height: auto;
		padding: 20px 0px 0px 0px;
		width: 100%;
		margin-top: 10px;
	}


	.price-box .button-2.desktop{
		/*display: none;*/
	}
	.price-box .button-2.mobile{
		/*display: block;*/
	}




	.footer-wrapper .col2,
	.footer-wrapper .col3,
	.footer-wrapper .col4{
		float: none;
		width: calc(100% - 40px);
		margin: 0px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}


	.cookiepermissionprompt{
		padding: 10px 0px;
	}
	.cookiepermissionprompt .wrapper{
		background-color: transparent;
	}
	.cookiepermissionprompt .col1{
		float: none;
		width: calc(100% - 20px);
		padding: 0px 10px;
	}
	.cookiepermissionprompt .col1 p{
		font-size: 10px;
	}
	.cookiepermissionprompt .col2{
		clear: both;
	}
	.cookiepermissionprompt .col2 span {
		padding: 2px 5px;
		font-size: 12px;
	}
}





@media only screen and (max-width: 520px){
	body{	}

	.mainmenu {
    padding-bottom: 0px;
	}
	.header{
		height: 175px;
	}
	.quickbooking .header{
		height: 55px;
		/*height: 150px;*/
	}
	.quickbooking.home .header{
		height: 150px;
	}
	.header .headerwhich {
		right:20px;
		top:125px;
	}

	.banner p{
		font-size: 38px;
	}
	.banner .new-button{
		bottom: 15px;
	}
	.footer-wrapper .col1 img{
		height: 40px;
	}
	.addmeetgreet{
		bottom: -2px;
		width: 100%;
	}
}










@media only screen and (max-width: 460px){
	body{
		/*height:auto!important;*/
	}

	p{
		width:auto!important;
	}
	#wrapper{
		width:100%;
	}


	/* booking stage */
	.booking-stage ul li.label{
		width:90px;
	}
	.booking-stage input{
		width:160px;
	}
	.booking-stage input.small{
		width:69px;
	}
	.booking-stage select{
		width:172px;
	}
	#column2 table.admin{
		width:100%;
	}

	/* login */
	form#loginform{
		width:auto;
	}
	form#loginform .booking-stage{
		width:auto!important;
	}
	form#loginform .booking-stage li.label{
		width:95px!important;
	}

	form.regform{
		width:auto;
	}
	form.regform .booking-stage{
		width:auto!important;
	}
	form.regform .booking-stage li.label{
		width:95px!important;
	}
	form.regform .booking-stage li input[type="checkbox"]{
		width:10px!important;
	}

	.admin table{
		width:auto!important;
	}
	.admin table.pageview{
		width:auto!important;
	}

	/* booking */
	.booking-stage ul{
		width:auto!important;
	}
	.admin #itemdetailsedit table tbody img{
		padding-top:10px;
	}
	.booking-stage select.small{
		width:81px;
	}
	.booking-stage input#to, .booking-stage input#from{
		direction:RTL;
	}
	.r1{
		width:49%!important;
	}
	#mgr{
		width:100%;
	}
	p.booking-mark{
		margin-right:0px;
	}
	.booking-stage-block, .booking-stage-block2{
		display: block;
		width:auto;
		padding:10px 0px 0px 0px!important;
		margin-left:0px;
	}
	input.button-quote{
		width:100%!important;
	}
	.popup-inner #regname_temp, .popup-inner #regname, .popup-inner #regemail_temp, .popup-inner #regemail, .popup-inner #regfirstname_temp, .popup-inner #regfirstname{
		margin-left:10px!important;
		width:90%!important;
	}
	#email-agree-popup{
		width:auto;
	}
	#button-submit-signup{
		margin-left:10px!important;
	}

	/* summary */
	.summary-label{
		width:200px!important;
	}
	.summary-label3{
		width:auto!important;
	}
	#confirmationprint{
		display:none;
	}

	/* feedback */
	.feedback .select1{
		width:37px;text-align:right;
	}
	.feedback ul li.label{
		width:70px;
	}
	.feedback .break{
		display:block;
	}
	.feedback textarea{
		width:170px;
		margin-left:2px;
	}
	.feedback input.agree{
		width:auto;
		margin-right:5px;
	}
	.feedback p.agree{
		width:auto;
		margin-right:0px;
	}
	.feedback .question{
		width:auto;
	}

	/* popup */
	#mask{
		position:absolute;
		left:0;
		top:0;
		z-index:9000;
		background-color:#fff;
		opacity:1;
		display:none;
	}
	.popup{
		z-index:9001;
		display:none;
		position:absolute;
		left: -10px!important;
		top: -10px!important;
		background:#0091A7;
		background-size:100%;
		height:100%;
		width:100%;
		padding-bottom: 20px;
		border:solid 10px #fff;
	}
	.popup-inner{
		padding: 10px 10px 0px 10px!important;
	}
	.popup-inner{
		padding:60px 70px 0px 80px;
	}
	.popup-inner div{
		margin-left:0px!important;
		padding-right: 10px;
		height:300px!important;
	}
	.popup-inner p{
		width:auto;
		color:#fff;
	}
	.close-popup{
		position:absolute;
		top:5px;
		right:5px;
		cursor:pointer;
	}

	/* directions */
	#map-canvas{
		width:auto!important;
		height:300px!important;
	}
	p#directions{
		padding-top:0px!important;
	}
	#btn-getdirections{
		position: relative;
		top:-20px;
	}
	#directionsprint{
		display:none!important;
	}

	/* footer */
	#s2{
		display:none;
	}

	#footer_inner{
		width:auto;
	}
	#footer_inner ul{
		width:auto;
	}
	#footerwrapper img{
		max-height: 48px;
	}
	.ver{
		display:inline-block!important;
	}


	/* feefo */
	#feefobar {
		position: relative;
		right: auto;
		top: 0px;
		width: calc(100% - 20px);
		min-height: 46px;
		padding: 0px 10px 10px 10px;
		background-color: #0091ad;
	}
	#feefobar .overallscore {
		position: absolute;
		top: 0px;
		right: auto;
		left: 10px;
		height: auto;
		width: 70px;
		overflow: hidden;
		box-shadow: none;
	}
	#feefobar .overallscore span {
		color: #f5911e;
		font-size: 12px;
	}
	#feefobar .expandtrigger {
		position: relative;
		top: 5px;
		right: auto;
		margin: 0px 0px 0px 85px;
		width: calc(100% - 130px);
	}
	#feefobar .expandtrigger p {
		position: relative;
		padding: 0px;
		margin: 0px;
		font-size: 14px;
		line-height: 38px;
		white-space: nowrap;
		width: 100%;
	}
	#feefobar .expandtrigger p a {
		display: block;
		color: #fff;
		-ms-transform: none; /* IE 9 */
		-webkit-transform: none;
		transform: none;
		padding: 0px 35px 0px 10px;
		margin: 0px 0px 0px 0px;
		width: 100%;
		height: 36px;
		background: url(../furniture/icon-feefoexpanddown.png) right center no-repeat #67becb;
		background-size: 36px 36px;
	}

	#feefobar .expandedoverview {
		position: relative;
		top: auto;
		right: auto;
		width: calc(100% - 40px);
		padding-bottom: 55px;
		box-shadow: none;
		overflow: hidden;
		border-radius: 0px;
	}
	#feefobar .expandedoverview .feefostarswrapper {
		margin-top: 10px;
		margin-left: 80px;
	}
	#feefobar .expandedoverview .feefostars {
		display: inline-block;
		background: url(../furniture/icon-feefo-star.png) repeat-x left top transparent;
		height: 100%;
	}
	#feefobar .expandedoverview ul {
		list-style-type: none;
		margin: 30px 0px 20px 0px;
		padding: 0px;
	}
	#feefobar .expandedoverview ul li {
		font-size: 16px;
		color: #fff;
		width: 100%;
		margin: 7px 0px 0px 0px;
	}
	#feefobar .expandedoverview ul li:nth-child(2),
	#feefobar .expandedoverview ul li:nth-child(3),
	#feefobar .expandedoverview ul li:nth-child(4),
	#feefobar .expandedoverview ul li:nth-child(5) {
		margin-left: 0px;
	}
	#feefobar .expandedoverview ul li .feefoscorewrapper {
		display: inline-block;
		margin-top: 5px;
		width: calc(100% - 75px);
		height: 12px;
		background-color: #007798;
	}
	#feefobar .expandedoverview ul li .feefoscorewrapper .feefoscore {
		display: inline-block;
		background: #faea22; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(left, #f9ae3b, #faea22); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(left, #f9ae3b, #faea22); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(left, #f9ae3b, #faea22); /* For Firefox 3.6 to 15 */
		background: linear-gradient(left, #f9ae3b, #faea22); /* Standard syntax */
		height: 100%;
	}
	#feefobar .expandedoverview ul li .feefoscorecount {
		font-size: 9px;
	}
	#feefobar .expandedoverview p.feefoallreviews {
		font-size: 14px;
		padding: 0px;
		left: 10px !important;
		top: 250px;
	}
	#feefobar .expandedoverview p.feefopower {
		left: 10px !important;
		top: 260px;
	}
	#feefobar .expandedoverview p.feefocloser {
		top: 255px;
	}
	#feefobar .expandedoverview p.feefoupdated {
		top: 215px;
	}



	#column2 #feefodetailsummary p.overallscore {
		float: none;
		width: 100%;
	}
	#column2 #feefodetailpanel {
		float: none;
		width: calc(100% - 20px);
	}
	#column2 #feefodetailpanel1,
	#column2 #feefodetailpanel2 {
		float: none;
		width: 100%;
	}
	#column2 #feefodetailpanel1 {
		margin-right: 0%;
	}



}



/* VIEWPORT < 524px */
@media only screen and (max-height: 700px) and (min-width: 460px){

	#feefobar {
		position: fixed;
		z-index: 999;
		right: 0px;
		top: 170px;
	}

}
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0{opacity:1}100%{opacity:0}}@keyframes fadeOut{0{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;height:100%}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;z-index:1000;-webkit-transform:translate3d(0,0,0);height:100%}.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;height:100%;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.owl-carousel .owl-item img{display:block;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}
.owl-theme .owl-controls{margin:10px auto 0 auto;text-align:center;position:relative;width:100%;z-index:1000}.owl-theme .owl-controls .owl-dots{width:100%}.owl-theme .owl-controls .owl-nav [class*="owl-"]{color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin:5px 0;padding:0}.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover{background:none repeat scroll 0 0 #869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{cursor:default;opacity:.5}.owl-theme .owl-dots .owl-dot{display:inline-block}.owl-theme .owl-dots .owl-dot span{background:none repeat scroll 0 0 #d6d6d6;border-radius:30px;display:block;height:10px;margin:5px 7px;transition:opacity 200ms ease 0;width:10px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:none repeat scroll 0 0 #869791}.owl-theme .owl-controls .owl-nav{width:100%;text-align:right}.owl-theme .owl-controls .owl-prev{float:left;width:70px}.owl-theme .owl-controls .owl-right{float:right;width:70px}
/*
 * simplyScroll 2 - a scroll-tastic jQuery plugin
 *
 * http://logicbox.net/jquery/simplyscroll
 *
 * Copyright (c) 2009-2012 Will Kelly - http://logicbox.net
 *
 * Dual licensed under the MIT and GPL licenses.
 *
 * Last revised: 31/01/2012
 *
 */

/* Default/Master classes 

Example markup format (for horizontal scroller)
Note all DIVs are generated and should not be hard-coded

<div class="your-custom-class simply-scroll-container">
	<div class="simply-scroll-btn simply-scroll-btn-left"></div>
	<div class="simply-scroll-btn simply-scroll-btn-right"></div>
	<div class="simply-scroll-clip">
		<ul class="simply-scroll-list">
			<li>...</li>
			...
		</ul>
	</div>
</div>


*/

.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}

	.simply-scroll-clip { /* Clip DIV - automatically generated */
		position: relative;
		overflow: hidden;
	}

	.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		.simply-scroll-list li {
			padding: 0;
			margin: 0;
			list-style: none;
		}
	
		.simply-scroll-list li img {
			border: none;
			display: block;
		}
	
	.simply-scroll-btn {
		position: absolute;
		background-image: url(buttons.png);
		width: 42px;
		height: 44px;
		z-index:3;
		cursor: pointer;
	}
	
	.simply-scroll-btn-left {
		left: 6px;
		bottom: 6px;
		background-position: 0 -44px;
	}
	.simply-scroll-btn-left.disabled {
		background-position: 0 0 !important;
	}
	.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus {
		background-position: 0 -88px;
	}
	
	.simply-scroll-btn-right {
		right: 6px;
		bottom: 6px;
		background-position: -84px -44px;
	}
	.simply-scroll-btn-right.disabled {
		background-position: -84px 0 !important;
	}
	.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus {
		background-position: -84px -88px;
	}
	
	.simply-scroll-btn-up {
		right: 6px;
		top: 6px;
		background-position: -126px -44px;
	}
	.simply-scroll-btn-up.disabled {
		background-position: -126px 0 !important;
	}
	.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus {
		background-position: -126px -88px;
	}
	
	.simply-scroll-btn-down {
		right: 6px;
		bottom: 6px;
		background-position: -42px -44px;
	}
	.simply-scroll-btn-down.disabled {
		background-position: -42px 0 !important;
	}
	.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus {
		background-position: -42px -88px;
	}
	
	.simply-scroll-btn-pause {
		right: 6px;
		bottom: 6px;
		background-position: -168px -44px;
	}
	.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {
		background-position: -168px -88px;
	}
	
	.simply-scroll-btn-pause.active {
		background-position: -84px -44px;
	}
	.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {
		background-position: -84px -88px;
	}

/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll { /* Customisable base class for style override DIV */
	width: 100%;
	height: auto;
	/*margin-bottom: 1em;*/
}

	.simply-scroll .simply-scroll-clip {
		width: 100%;
		height: auto;
	}
	
		.simply-scroll .simply-scroll-list {
			height: 32px;
		}
		
		.simply-scroll .simply-scroll-list li {
			float: left;
			width: 290px;
			height: 200px;
		}
		.simply-scroll .simply-scroll-list li img {}
	
	.simply-scroll .simply-scroll-btn {}
	
	.simply-scroll .simply-scroll-btn-left {}
	.simply-scroll .simply-scroll-btn-left.disabled {}
	.simply-scroll .simply-scroll-btn-left:hover {}
	
	.simply-scroll .simply-scroll-btn-right {}
	.simply-scroll .simply-scroll-btn-right.disabled {}
	.simply-scroll .simply-scroll-btn-right:hover {}
	
	.simply-scroll .simply-scroll-btn-up {}
	.simply-scroll .simply-scroll-btn-up.disabled {}
	.simply-scroll .simply-scroll-btn-up:hover {}
	
	.simply-scroll .simply-scroll-btn-down {}
	.simply-scroll .simply-scroll-btn-down.disabled {}
	.simply-scroll .simply-scroll-btn-down:hover {}
	


/* Vertical scroller example */

.vert { /* wider than clip to position buttons to side */
	width: 340px;
	height: 400px;
	margin-bottom: 1.5em;
}

	.vert .simply-scroll-clip {
		width: 290px;
		height: 400px;
	}
	
		.vert .simply-scroll-list {}
		
		.vert .simply-scroll-list li {
			width: 290px;
			height: 200px;
		}
		.vert .simply-scroll-list li img {}
	
	.vert .simply-scroll-btn {}

	.vert .simply-scroll-btn-up { /* modified btn pos */
		right: 0;
		top: 0;
	}
	.vert .simply-scroll-btn-up.disabled {}
	.vert .simply-scroll-btn-up:hover {}
	
	.vert .simply-scroll-btn-down { /* modified btn pos */
		right: 0;
		top: 52px;
	}
	.vert .simply-scroll-btn-down.disabled {}
	.vert .simply-scroll-btn-down:hover {}
	
	/* NOTE left-right classes wouldn't be needed on vertical scroller */