/* -------------------------------------------------------------- 
  
Site Name: Vale Caravan Sales
Description: Caravan Sales, by Vale Holiday Parks
Author: Bliss
Copyright(c) 2010 Bliss

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

/* --------------------------------------------------------------
  
General Styles

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

#footer {
	margin-top:-30px !important;
	
}

#strapline {
	position: static !important;
	left: 0 !important;
	top: 0 !important;
	float: right;
	clear: right;
	margin: 22px 2px 0 0;
}
#call-us { margin: 0 !important; }

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

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

#banner {
	width:950px;
	height:289px;
	margin: 0 0 30px;
	position:relative;
	overflow:hidden;
	float: left;
}

#slideshow {
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	float:left;
	position:relative;
	z-index:0;
}

#request-visit {
	position: absolute;	
	z-index:1;
	top:10px;
	left:700px;
	width:234px;
	height:257px;
	padding:72px 0 0 14px;
	background:url("../images/request-visit-bg.png") no-repeat;
}
#request-visit p {
	width: 165px;
	color: #6e5732;
}
#request-visit input, #request-visit textarea {
	font-family:Aria, Helvetica, sans-serif;
	font-size:12px;
	background:#d6be77;
	margin-bottom:5px;
	padding:5px;
	width:155px;
	color:#784927;
	border:none;
}

#request-visit input:focus, #request-visit textarea:focus {
	outline:1px solid #a67959; 
}

#request-visit textarea {
	height:40px;
}

#send {
	width:82px !important;
	height:23px !important;
	float:right;
	margin:3px 69px 0 0;
	background:url("../images/send-btn.png") !important;
	text-indent:-9999px;
	cursor:pointer;
	padding: 0 !important;
}

#send:focus {
	outline:none !important;
}
#requestVisitFormThanks { display: none; }
label.error {
	width: 190px;
	height: 20px;
	padding: 10px 15px;
	background: url("../images/errorMessage.png") no-repeat;
	position: relative;
	top: -36px;
	left: -190px;
	font: normal bold 0.85em arial, sans-serif;
	color: #c71700;
	line-height: 18px;
	display: block;
	letter-spacing: -0.2px;
	margin-bottom: -38px;
}


/* --------------------------------------------------------------
  
Content Styles

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

#content {
	overflow:hidden;
	width:917px;
	padding:20px 15px;
	background:#fff;
	border:1px solid #ded8cd;
	padding-bottom:50px;
	clear: both;
	margin-top: -3px;
}

#tabs {
	float:left;
	margin:0;
	padding:0;
}

#tabs li {
	float: left;
	margin-right:3px;
	padding: 0 0 0 8px;
	list-style:none;
	background: url("../images/tab-left.png") no-repeat left top;
}

#tabs li a {
	float: left;
	display: block;
	font-size:18px;
	padding: 10px 16px 10px 10px;
	text-decoration: none;
	color: #67604e;
	background: url("../images/tab-right.png") no-repeat right top;
}

#tabs a:hover {
	color:#3b6825 !important;
}

#tabs #active {
	background: url("../images/tab-left-active.png") no-repeat left top;
	height:45px;
	margin-top:-7px;
	margin-right:5px;
	padding: 0 0 0 7px;
	position:relative;
	top:1px;
}

#tabs #active a {
	background: url("../images/tab-right-active.png") no-repeat right top;
	height:25px;
	padding-top:17px;
	color:#963915;
}

#col-left {
	float:left;
	width:308px;
	padding-right:20px;
}

#col-right {
	float:left;
	width:300px;
	padding-right:20px;
}

#col-right.yellow-sidebar{
	background: url("../images/yellow-sidebar-list-advantage.png") no-repeat top left;
	background-position:16px 0;
	z-index:300;
	position:relative;
	margin-left:55px;
}

.yellow-sidebar-pic-2 {
	background: url("../images/yellow-sidebar-list-2.png") no-repeat top left !important;	
	
}

.yellow-sidebar-pic-3 {
	background: url("../images/yellow-sidebar-list-3.png") no-repeat top left !important;	
	height:500px;
}

.yellow-sidebar-pic-4 {
	background: url("../images/yellow-sidebar-list-4.png") no-repeat top left !important;	
	height:500px;
}

.view-the-faqs {
	margin-top:404px;
	margin-left:34px;	
}


.yellow-sidebar h3{
	margin:185px 0 0 40px;
	color:#9c4523;
}

.yellow-sidebar ul{
	color:#75613b;
	margin:0px 0 0 24px;
	width:223px;
	font-size:0.95em;
	line-height:1.5em;
	padding:0;
}

.yellow-sidebar ul li{
	border-bottom:solid 1px #d1ce9c;
	list-style:inside;
	padding:5px 10px 5px 17px;
	
}


#col-left img, #col-right img {
	position:relative;
	z-index:1;
}

#deals {
	float:left;
	width:605px;
	height:226px;
	padding:10px;
	border:1px solid #e4e6c1;
}

#deals > ul {
	position:relative;
	float:left;
	margin-top:-10px;
}

#deals ul li {
	list-style:none;
	width:162px;
	height:41px;
	margin: 0 0 0 -11px;
	padding:0;
	background:url("../images/deals-list-bg.png");
	cursor:pointer;
	border-left:1px solid #e5e2b7;
}
#deals ul ul li { margin-top: -12px; }

#deals ul li:hover {
	background:none;
	border-left:1px solid #fff;
}

#deals ul li:hover ul li {
	background:none;
}

#deals ul li h3 {
	text-transform:uppercase;
	font-size:12px;
	color:#40341c;
	padding:12px 0 0 18px;
	margin: 0;
}

#deals ul li:hover h3 {
	color:#963915;
}

#deal-1, #deal-2, #deal-3, #deal-4, #deal-5, #deal-6 {
	background:none !important;
	position:absolute;
	top:15px;
	left:185px;
	font-size:11px;
	line-height:1.4;
	border:0 !important;
	cursor:default !important;
}

.gallery {
	position:absolute;
	top:15px;
	left:240px;
}

#col-explore {
	float:right;
	margin-left:5px;
}

#explore-parks {
	padding:10px;
	width:242px;
	border:1px solid #d6ceb8;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#f5f1e8;
}

#explore-parks div {
	background:#953915 url("../images/explore-parks-bg.png");
	color:#fff;
	width:222px;
	height:20px;
	overflow:hidden;
	margin-bottom:5px;
	padding:4px 10px 1px 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	z-index: 999;
	position: relative;
}

#explore-parks div img {
	margin:10px auto;
	width:223px;
}

#explore-parks div p {
	font-size:11px;
	line-height:1.3;
	margin:0;
	padding:0;
}

#findlocation {
	display:block;
	position:relative;
	top:6px;
	margin:25px 0 0 25px;
	width:278px;
	height:278px;
	background:url("../images/findlocation.png");
}

#findlocation a {
	display:block;
	position:relative;
	top:100px;
	left:75px;
	width:125px;
	padding:15px;
	text-indent:-9999px;
}

#benefits-promo {
	width:202px; 
	height:171px;
	display:block;
	position:relative;
	z-index:1;
	background:url("../images/overview-content-panel-1.jpg");
	float:left;
	margin-right:6px;
}

#benefits-promo a {
	display:block;
	margin:130px 53px 0 0;
	width:125px;
	padding:3px;
	text-indent:-9999px;
}

#prices-promo {
	width:202px; 
	height:171px;
	display:block;
	position:relative;
	z-index:1;
	background:url("../images/overview-content-panel-3.jpg");
	float:left;

}

#prices-promo a {
	display:block;
	margin:130px 53px 0 0;
	width:125px;
	padding:3px;
	text-indent:-9999px;
}

#parks-promo {
	width:202px; 
	height:171px;
	margin-top:0px;
	display:block;
	position:relative;
	z-index:1;
	text-indent:-9999px;
	background:url("../images/overview-content-panel-2.jpg");
	float:left;
	margin-right:6px;
}

#parks-promo a {
	display:block;
	margin:130px 53px 0 0;
	width:125px;
	padding:3px;
	text-indent:-9999px;
}

#overview-body-content {
	background:url("../images/overview-content-bg-pic.jpg") no-repeat left 10px;	
	width:400px;
	padding-top:70px;
	padding-bottom:10px;
}


/* --------------------------------------------------------------
  
Typography Styles

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

h1 {
	font-size:24px;
	color:#3b6825;
	margin:0;
	padding:0;
}

h2 {
	position: relative;
	z-index:0;	
	width:625px;
	font-size:22px;
	color:#963915;
	margin:0;
	padding:0;
	border-bottom:1px solid #dbd1ba;
}

#deals ul h4 {
	font-size:12px;
	color:#963915;
	text-transform:uppercase;
	padding-top: 12px;
}

#explore-parks h4 {
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-size:12px;
	color:#fffbc9;
}

#col-explore h1 {
	color:#bbb5a6;
	text-transform:uppercase;
	font-size:18px;
	margin:9px 0 10px 0;
}




#ways-to-pay-list {
	margin:0px 0 0px 0;
	padding:0;
	float:left;
}


#ways-to-pay-list li {
	float:left;
	width:210px;
	list-style:none;
	margin:0;
	padding:0;
}

#ways-to-pay-list li.odd-block {
	float:left;
	width:205px;
	list-style:none;
	margin:0;
	padding:0;
	background:#f4f0c0;
	border-left:#dddab0 solid 1px;
	border-right:#dddab0 solid 1px;
}

#ways-to-pay-list h3 {
	margin:15px 14px 10px 14px;
	color:#9c4523;
	font-size:1.2em;	
}

#ways-to-pay-list p {
	color:#40341c;
	font-size:0.90em;
	margin:0px 14px 10px 14px;	
}

#col-bottom {
	float:left;
	width:630px;
}

#col-bottom .yellow-blocks {
	float:left;
	width:630px;
	margin-left:0px;
	background:#fffcd1;
	clear:left;
	border:solid 1px #d6d3af;
	margin-bottom:5px;
}


.green-content-slideshow {
	background: #3e6c24 url("../images/green-area.jpg") no-repeat top left;
	width:385px;
	float:left;
	overflow: hidden;
	padding-bottom: 10px;
	position:relative;
	z-index:400;
}

.green-content-slideshow h3{
	margin:22px 15px 15px 20px;
	color:#fffcde;
	font-size:1.4em;
	width:190px;
}

.green-content-slideshow p{
	color:#fff;
	margin:5px 5px 8px 20px;
}

div.green-content-slideshow-p-area{
	float:left;
	color:#fff;
	overflow: hidden;
	margin-right:5px;
}

div.green-content-slideshow-p-area ul{
	margin-left:33px;
	margin-right:10px;
}

div.green-content-slideshow-p-area p{
	margin-bottom:5px;
}
div.green-content-slideshow-p-area h3{
	width:340px;
}
.green-content-slideshow-p-area img { padding: 5px; margin-right: 10px; position: static !important; }

.slideshow-numbers {
	float:right;
	width:185px;
	clear:none;
	margin-top:-36px;
	margin-right:5px;
}

.slideshow-numbers a{
	background:#82bd66;
	margin-right:5px;
	padding:0px;
	float:left;
	width:15px;
	text-align:center;
	cursor:pointer;
}

.green-content-slideshow-area {
	float:left;
	clear:left;
	width: 100%;
}

.green-content-slideshow-area h3{
	font-size:1em;
	text-transform:uppercase;
	margin:8px 0 0px 20px;
}

.green-content-slideshow-area  a.num-link{
	background:#fffbc9;
	color:#3d6d26;
}

.read-more-but {
	float:right;
	margin-right:12px;
	
}


/* --------------------------------------------------------------
  
Misc Styles

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

.toggle {
	float:right;
	margin:-1px -7px 0 0;
	width:20px;
	height:19px;
	text-indent:-9999px;
}
.open {
	background:url("../images/show-more.png") no-repeat;
}

.close {
	background:url("../images/show-less.png") no-repeat;
}


.slideshow { 
	position:absolute;
	top:5px;
	left:186px; 
	background: #fff; 
	width:245px; 
	height:193px; 
	border:1px solid #e5e5e5; 
	cursor:default;
}

.slideshow img { 
	position: absolute; 
	top: 3px; 
	left: 3px; 
	z-index: 10; 
	background: #fff;
	cursor:default;
}

.bottom { 
	position: absolute; 
	top:199px;
	left:-1px;
	width:239px; 
	list-style: none; 
	z-index: 20;
	background:#ece7db;
	padding:4px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

ul.pagination {
	position:relative;
}

ul.pagination li { 
	display: inline !important; 
	border:none !important;
	background:none !important;
	margin:0 !important;
}

ul.pagination li a, ul.pagination li a:visited { 
	display: block; 
	float: left; 
	background: #82bd66; 
	padding: 4px 8px !important; 
	margin-right: 3px; 
	color: #f0f3bd; 
	text-decoration: none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 
}

ul.pagination li a:hover, ul.pagination li a:visited:hover, .floorplan:hover { 
	background: #666; 
	color: #fff; 
}

ul.pagination li a.current { 
	background: #6a2b13; 
	color: #fff; 
}

a.floorplan {
	position:absolute;
	left:165px;
	padding:4px;
	background:#82bd66;
	text-transform:uppercase;
	text-decoration:none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

/* --------------------------------------------------------------
  
Link Styles

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

a {
	outline:none;
	color:#fffbc9;
	text-decoration:underline;
}


/* New overlaying styles */

.contentLeft {
	width: 648px;
	float: left;
}
#col-explore {
	float: left;
}
#col-right.yellow-sidebar {
	width: 255px;
	margin-left: 45px;
}
ul#ways-to-pay-list li div {
	overflow: hidden;
	padding-bottom: 10px;
	height: 180px;
}
ul#ways-to-pay-list li.readMore div {
	height: auto !important;
}
a.readMore { 
	width: 90px;
	height: 24px;	
	cursor: pointer;
	background: url(../images/read-more-button.png) no-repeat top;
	float: right;
	margin: 10px 12px 10px 0;
}
a.readMore.active { background-position: bottom; }
a.readMore span { display: none; }

#deals ul ul { display: none; }
#deals ul li.active, #deals ul li:hover {
	background:none;
	border-left:1px solid #e4e6c1;
}

ul.exploreSlide {
	margin: 10px auto;
	padding: 0;
	width:221px;
	height: 103px;
	list-style: none;
	overflow: hidden;
	border-top: 1px solid #6e290f;
	border-left: 1px solid #6e290f;
	border-right: 1px solid #943915;
	border-bottom: 1px solid #943915;
}
ul.exploreSlide img { margin: 0 !important; }

.slideshow ul.pagination { display: block !important; }