@import "variables.scss";

#js-maincontainer-bot-block {
	clear:both;
	overflow:visible;
	margin-top:55px;

	#js-search {
		@include one-border-radius(64px);
		background-color: $call-to-action;
		width:652px;
		height:80px;
		overflow:hidden;
		clear:both;
		color:#fff;

		label {
			line-height:80px;
			font-size: $font-size-header;
			float:left;
			padding:0;
			width:auto;
			padding:0 15px 0 30px;
		}

		form {
			float:left;
			width:210px;
			background:url("#{$image-base}landingpage/search-box-two.png") 0 0 no-repeat;
			height:36px;
			display:block;
			overflow:hidden;
			margin-top:22px;
		}
	}
}

#js-slideshow {
	padding:0 30px;
	position:relative;

	a.prev {
		@include clickyarrows();
		background:url("#{$image-base}landingpage/arrow-left.png") 0 0 no-repeat;
		left: 0;
	}

	a.next {
		@include clickyarrows();
		background:url("#{$image-base}landingpage/arrow-right.png") 0 0 no-repeat;
		right: 0;
	}
}

.spacer {
	float: left;
	margin: 0 4px;
}


#js-search input {
	&.inputbox {
		border:none;
		color:#66942e;
		@include height(26px);
		font-size: $font-size-default;
		float:left;
		padding:0;
		margin:5px 0 5px 20px;
		width: 149px;
        outline: none;
	}

	&.greenbutton {
		background:url("#{$image-base}landingpage/search-button-two.png") 0 0 no-repeat;
		width:40px;
		height:40px;
		padding:0;
		margin:0;
		border:none;
		display:block;
		float: right;
		text-indent:-10000px;
		font-size:0;
	}
}

#js-slide .jsmodule > h3 {
	background:url("#{$image-base}landingpage/bg-slide.png") bottom center no-repeat;
	padding-bottom:7px;
	padding-left:35px;

	span {
		background:$bright-blue;
		color:#fff;
		padding:10px 20px;
		@include border-radius(10px, 10px, 0, 0);
		font-size: $font-size-header;
		overflow:hidden;
		display:inline-block;
		font-weight:normal;
	}
}