/*
Theme Name: Credit Crunch
Version: 1.0.2
Author: Nick, Marcus, Billion Studio
Author URI: 
Tags:
Description: Customised Waveriders Theme (based on Credit Crunch)

Paste minified CSS below this line  */


/*
Reset Styles (external @import file moved into main style.css)
*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, strong, b, ol, ul, li, fieldset, form, label, legend, table, tbody, thead, tr, th, td {
	border: 0;margin:0;padding:0;outline:0;font-size: 100%;vertical-align: baseline;}
body {line-height:1}
table {border-collapse: collapse; border-spacing: 0; }
a:focus, input:focus { outline: none; }
a img {border:none}
ol, ul {list-style:none}
input,textarea {margin:0}
/* End style reset */
/*
Common Element Styles  (external @import file moved into main style.css)
*/

p {padding:0 0 20px 0}
h1, h2, h3, h4, h5, h6 {font-weight: normal;padding: 0 0 12px}
h1, h2, h3 {line-height: 100%}
h3, h4, h5, h6 {font-weight: bold}

h1 { font-size: 260%; }
h2 { font-size: 240%; }
h3 { font-size: 200%; }
h4 { font-size: 160%; }
h5 { font-size: 140%; }
h6 { font-size: 120%;color: rgb(223, 31, 112)!important}

a, a:visited {color: #000;text-decoration: none;}
a:hover, a:active {text-decoration: none;}
ul { list-style-type: square; }
ol { list-style-type: decimal; }

code {
	display: block;
	white-space: pre;
	padding: 6px 12px 6px;
	margin: 0 0 20px 0;
	background-color: #fff;
	border: 1px solid #EAEAEA;
	border-left-width: 3px;
	font-size: 110%;
	font-family: "Monaco", monospace;
}
p code {
	display: inline;
	padding: 3px 6px;
	margin: 0;
	border: 0;
	white-space: normal;
}

hr {
	margin: 0 0 20px 0;
	border: 0;
	height: 1px;
	border-bottom: 1px solid #ccc;
}

/* FORMS
========================================== */
form {
	width: auto;
}

form input {
	margin: 0 0 6px;
}

table form input {
	margin: 3px 0;
}

form table {
	margin: 12px 0 20px;
}
form table th,
form table td {
	border: 0;
	border-collapse: collapse;
	padding: 6px 12px;
	text-align: left;
}
form table input {
	margin: 0 0 6px;
}
form table td textarea,
form table td select {
	width: 100%;
	margin: 0;
}

fieldset {
	width: auto;
	border: 0;
}

label {
	font-size: 90%;
	line-height: 100%;
	white-space: pre;
	display: block;
	color: #666;
	text-align: left;
	margin: 0 0 6px;
}
form p {
	line-height: 150%;
	clear: both;
	padding-bottom: 0px;
}
form p input {
	display: inline;
	float: left;
	clear: both;
	margin: 0;
	margin-right: 6px;
}
form p label {
	display: inline;
	clear: none;
	padding: 0;
	margin: 0;
	white-space: normal;
}

input, textarea, select, button {
	margin: 0 0 12px 0;
}

input.button {
	float: none;
	clear: both;
	margin: 3px 0 0 0;
	padding: 3px 6px;
	font-size: 100%;
	font-weight: normal;
}

/* TABLES
========================================== */
table {
	width: auto;
	margin: 0 0 20px 0;
}
table th {
	text-align: center;
	padding: 6px 12px;
	font-weight: bold;
	color: #666;
}
table tr {
	text-align: center;
}

table td {
	text-align: center;
	font-size: 1.0em;
	line-height: 100%;
	padding: 6px;
	vertical-align: middle;
}

/* FONTS AND COLOURS
========================================== */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea,select { 
	color: #000;
	font-family: Verdana, Arial, sans-serif;
}
h1, h2, h4, h5, h6 {
        letter-spacing: -1px;
	color: #000;
	margin-top: 10px;
	font-family: Verdana, Arial, sans-serif;
}

h3 {
	color: #FFF;
        font-spacing: -1px;
        font-size: 10px;
	margin-top: 12px;
	font-family: Verdana, Arial, sans-serif;
}

/* @group Layout */

/* LAYOUT
========================================== */
html {background: #fff url('images/pagebg.jpg') no-repeat center top;}
body {
	font-size: 77%;
	line-height: 150%;
}

#page {
	width: 900px;
	margin: 0 auto;
	background-color: #E5E5E5;
}

div.container {
	width: 880px;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
}

div.small {
	width: 160px;
	float: left;
}

div.large {
	width: 560px;
	float: left;
	margin-bottom: 10px;
}

div.full {
	width: 100%;
	float: left;
}

/* CUSTOM LAYOUT
========================================== */
div.container.body {
	padding-top: 10px;
}
div.container.body .large {
	position: relative;
	left: 160px;
}

/* LAYOUT LEFT */
#content div.large.left {
	float: right;
	position: static;
	width: 718px;
}
#content #sidebar-left {
	float: left;
        font-size: 12px;
}
#content #sidebar-left #sidebar-1 {
	position: relative;
	left: 0;
}

/* LAYOUT FULL */
.container.body .full {
	width: 100%;
}

/* @end */

/* @group Header */

/* HEADER
========================================== */
#header {background:#fff;height:91px;padding:0 10px;}
#header #logo {float: left;padding: 15px 10px 15px 5px;}
#headlinks {
	color: #DF1958;
    float: right;
    font-weight: bold;
    margin-top: -30px;
	padding: 42px 0 0;
	position: relative;
	left:-5px;
	width:480px;
	text-align:right;
}
#headlinks a:hover {color: #DF1958;text-decoration: underline}
#phonenumber {margin-top:8px;float: right}
#phonenumber p {padding-bottom:0}
/* MAIN NAVIGATION
========================================== */
#navigation {
	clear:both;
	width:100%;
	margin:0 auto;
	background:#d36 url(images/navbak1.png) repeat-x left top;
	height:29px;
	width:900px;
	}

/* 3rd level drop from http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones2.html */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 150%;
	z-index:999;
	position:relative;
}
#nav li, #nav a {color:#fff}
#nav li {
	position: relative;
	float: left;
	height: 29px;
	font-size: 100%;
}
#nav li a {
	display:block;
	float:left;
	background:url(images/navsep.png) no-repeat right top;
	padding:6px 12px 3px 9px;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
}
#nav li ul {
	position: absolute;
	background:rgb(200, 24, 81);
	border:1px solid #ccc;
	border-bottom:none;
	top:29px;
	width:160px;
	left: -999em;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
}
#nav li ul a {font-weight:normal}
#nav ul.children a {background-image:none;width:160px}
#nav ul.children  {background-image:none;width:160px}
#nav ul li {border-bottom:1px solid #ccc;width:160px;}
#nav li ul ul { /* position third-and-above-level lists*/
margin: -30px 0 0 150px;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
.current_page_item ul li a,
.current_page_parent ul li a {
	text-decoration: none;
}
#nav li ul li a:hover,
.current_page_item ul li a:hover,
#nav .current_page_item a {color: #ddd;}
#nav .navquote {
	float:right;
	width:197px;
	}
#nav .navquote a {
	padding:0;
	background:none;
}


 
/* @end */

/* @group Content */

/* CONTENT
========================================== */
#content {
	clear: both;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}

/* fixes other content inside content box */

#content h2 {
	padding: 0 0 5px;
}
#content h2 a, 
#content h2 a:link, 
#content h2 a:visited {
	color: #000;
	text-decoration: none;
}
#content h2 a:hover{
	color: #DF1958;
	text-decoration: none;
}
#content h3 {
	padding: 0px 0 15px 0;
}

#content ul {
	list-style-type: none;
}
#content ul, #content ol {
	padding: 0 0 20px;
}
#content ul li,
#content ol li {
	background: url('images/arrow-6x9.png') no-repeat 15px 9px;
	padding: 3px 0 3px 30px;
}
#content ol { 
	margin-left: 30px;
}
#content ol li {
	padding-left: 0;
	background-image: none;
}

img.right,
img.align-right,
img.alignright {
	float: right;
	margin: 0 0 5px 10px;
	display: inline;
}
img.left,
img.align-left,
img.alignleft {
	float: left;
	margin: 0 10px 5px 0;
	display: inline;
}
img.centered { 
	display: block;
	margin: 0 auto 5px;
}
img.wp-smiley { border: none; }
.alignright { float: right; }
.alignleft { float: left; }

/* POST
========================================== */
.post,
.post-nav,
#comments,
#respond {
	clear: both;
	padding: 10px 24px 5px;
	height: 100%;
	overflow: auto;
	background-color: #fff;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.post-content a {
	color: #DF1958;
}
.post-content a:hover,
.post-content a:active {
	text-decoration: underline;
}

.post a.more-link {
	padding: 1px 4px;
	padding-right: 10px;
	background: url('images/icon-more.png') no-repeat right center;
	text-decoration: none;
}
.post a.more-link:hover {
	color: #fff!important;
	background-color: #DF1958;
	text-decoration: none;
}

.post-title p {
	font-size: 90%;
	font-weight: normal;
	padding: 0;
	text-transform: uppercase;
}
.post-title p.post-edit {
	padding-bottom: 0;
	float: right;
        font-weight: bold;
}


/* @end */

/* @group Sidebar */

/* MAIN SIDEBAR
========================================== */
#sidebar-1 {
	width: 160px;
}
#content .sidebar {
	color: #333;
	padding: 10px;
	margin: 0 0 10px 10px;
	clear: both;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	font-weight:bold;
}

#sidebar-1 {
	position:relative;
	right:560px;
}
#sidebar-1 .sidebar {
	margin-left:0;
	margin-right:10px;
}

#content .sidebar h3 {
	display: block;
	width: auto;
	background:gray url('images/sidenav-hed-bak.png');
	margin: -10px -10px 8px -10px;
	padding: 8px 10px 8px;
	font-size: 100%;
	border: 0;
	text-transform:uppercase;
}

#content .sidebar a:link,
#content .sidebar a:visited {color: #666;}
#content .sidebar a:hover,#content .sidebar a:active {color: #DF1958;text-decoration: none;}
#content .sidebar .current_page_item a {color: #DF1958}
#content .small ul {padding: 0}
#content .small ul li {
	color: #000;
	line-height: 125%;
	padding-left: 10px;
	background-position: 0 7px;
}
#content .small ul li a:link, #content .small ul li a:visited {text-decoration:none}
#content .small ul li a:hover, #content .small ul li a:active {text-decoration:none}
#content .sidebar ul li a:hover {text-decoration: none;}

/* @end */

/* @group Tabs */

/* TABBED WIDGETS
========================================== */

/* SEND LINK | PRINT PAGE 
========================================== */

#printpage {
        float: center;
        font-weight: bold;
        padding-left: 220px;
}

#printpage a:hover {
text-decoration: underline; 
color: #DF1958;
}

/* FOOTER
========================================== */
#footer {
	clear: both;
	background-color: #5D5D5D;
	border-top: 1px solid #FFF;
    overflow: auto;
    padding: 0 10px 5px 60px;
	}

#footer ul {
	clear:none;
	float:left;
	list-style:none!important;
	padding:10px 20px 0 0;
	width:150px;
	}
#stakka {float:left;width:150px}
#footer li {
	background:none!important;
	font-size:91%;
	line-height:1.1;
	padding:0 0 3px 0!important;
	}
#footer h3 {font-size:100%; margin:0; padding:0 0 5px 0;text-decoration:underline}
#footer a, #footer a:visited  {color:#fff}
#footer a:hover {color:#DF1958!important;border-bottom:1px solid #fff}

.socialnet {background:url(images/footer-logo-sprites.png);border:0;text-indent: -9009px;margin:0 0 10px 15px;}
#facebook {background-position:93px 0;display:block;height:34px;width:93px;border:0!important}
#twitter {background-position:187px 0;display:block;height:33px;width:94px;border:0!important}

#lowerfoot {margin-left:-35px}
#lowerfoot p {color:#fff;padding:0;float:left;font-size:11px;width:375px;}
#lowerfoot ul{float:right;padding:5px!important;width:260px;}
#lowerfoot a:hover {text-decoration:none!important}
#lowerfoot li {
	background:none!important;
	display:block;
	float:left;
	padding:0 0 3px 0!important;
	text-indent:-9009px;
	}
#footExternals {background:#fff;border-top:3px solid #DF1958;margin-top:2px; padding: 0 30px;overflow:auto;text-align:center;color:#444}
#footExternals p {color:#777;padding-top:10px}
#footExternals div {width:345px;margin:0 auto}
#skisaf {width:204px;display:block;float:left;margin-right:20px;;color:#777}
#freetrek {width:120px;display:block;float:left;color:#777;padding-top:18px}
	
	
	.logos {background: url(images/footer-logo-sprites.png);display:block}
#abta	{background-position:0 0;height:50px;width:92px}
#iata	{background-position:460px 0;height:50px;width:53px}
#aito	{background-position:341px 0;height:50px;width:63px}
#atol	{background-position:273px 0;height:50px;width:52px}
/*
#footer .sidebar {
	margin: 0;
	padding: 0;
	background-color: transparent;
}
#footer  {
	padding: 20px 0 0 30px;
}
#footer .grid .sidebar {
	float: left;
	clear: none;
	width: 120px;
	padding: 0 20px 20px 30px;
	background: transparent;
	border: 0;
}
#footer .grid .sidebar ul {
	padding-bottom: 0;
}
#footer .grid .sidebar a,
#footer .grid .sidebar a:visited {
	color: #FFF;
}
#footer .grid .sidebar a:hover {
	color: #DF1958;
}
#footer .grid .sidebar h3 {
	padding: 0 0 3px;
	margin: 0 0 3px;
	background: none;
	text-shadow: none;
	font-size: 100%;
	color: #FFF;
        text-decoration: underline;
}
#footer .grid .sidebar ul li {
	line-height: 125%;
	padding: 3px 0;
	background: none;
}
#footer .grid .sidebar:first-child {
	border: 0;
}

/* RESORT PAGE
========================================== */

#resortright{
 width:200px; 
 float:right;
 padding-right: 3px; 
 position:relative; 
 background-color:#FFFFFF; 
 margin-bottom: 20px;
  
 }
 
 #resortleft{
 overflow:hidden;
 width:445px; 
 float:left; 
 position:relative; 
 background-color:#FFFFFF; 
 margin: 0 10px 0 5px;
 }

/* SPORT PAGE
========================================== */
 
 #resortleftsport{
 overflow:hidden;
 width:435px; 
 float:left; 
 position:relative; 
 background-color:#FFFFFF; 
 margin: 0 10px 0 0px;
 }

/* CHANGES
========================================== */

/*Homepage - 2011 update */
#email-bar {margin:17px auto}
#locations-box {
	background:url(images/locations-bak.png) no-repeat;
	float:left;
	height:386px;
	width:492px;
	}
#locations-box form {
	float:left;
	height:240px;
	margin:109px 0 0 40px;
	width:200px;
	color:#fff;
	}
#resortdrops div {margin:8px 0}
#locations-box form input {margin:0 5px 0 0;padding:0}
#view-destinations{
	float:right;
	margin:73px 11px 0 0;
	height:136px;
	width:215px;
	}
#view-wind-calendar{
	float:right;
	margin:30px 11px 0 0;
	height:135px;
	width:215px;
	}
#offers-box {
	background:url(images/offers-bak.png) no-repeat;
	float:right;
	margin:0 0 40px 0;
	height:386px;
	width:304px;
	}
#offer-link {display:block;height:59px;width:304px;}
#offers-box ul {margin:0 0 0 17px;padding-bottom:0}
#offers-box h2 {margin:0;padding:0 0 2px}
#offers-box h2 a,#offers-box h2 a:visited {
	color:#df1958!important;
	display:block;
	font-size:70%;
	width:270px;
	}
#offers-box h2 a:hover {color:#000}
#offers-box li {
	background:url(images/arrow-9x13.png) right 7px no-repeat!important;
	border-bottom:2px dotted #df1958;
	margin:5px 0!important;
	padding:0 0 5px!important;
	}
#offers-box li+li+li+li {border-bottom: 0}
#offers-box p {line-height:1.3;padding:0 0 7px;}
#home-content {
	width:492px;
	height:195px;
	overflow:auto;
	float:left;
	margin-top:40px;
	}
#home-content h1 {
	color:#df1958;
	font-size:150%;
	font-weight:bold;
	}
#home-content-more {
	background:url(images/arrow-9x13.png) right center no-repeat!important;
	font-weight:bold;
	padding:5px 20px 5px 0;
	}
#ks-box, #ws-box {
	background:url(images/home-ks-box.jpg);
	float:right;
	height:195px;
	width:303px;
	display:block;
	margin: 0;
	}
#ws-box {background:url(images/home-ws-box.jpg);
	clear:right;
	margin:40px 0 0;
	}
#blog-posts {
	background:url(images/blog-bak.png);
	float:left;
	height:137px;
	margin:40px 0 10px;
	padding:60px 20px 0!important;
	width:454px;
	}
#blog-posts li {
	background:url(images/arrow-9x13.png) left 5px no-repeat!important;
	margin:5px 0 0 10px;
	padding:5px 0 0 20px!important;
	}
#blog-posts h3 {
	font-size:100%;
	margin:0;
	padding:0 0 5px;
	}
/*Added by Paul 5/10/2010 for the At a glance and Resort scorecard, now driven by custom fields*/
/*div.cfttable {float: right; padding: 0 0 0 10px;} not need as it is within #resortright for now*/
#content table.cfttable {width:200px; border: 1px solid #c6c6c6;}
#content table.cfttable tr th {padding:0}
#content table.cfttable tr td {padding:8px 5px; font-weight:bold;font-size: 11px; text-align: left;width: 50%;}
#stats table.cfttable tr td {font-weight:normal}
#content table.cfttable tr td.cfttablenormal {font-weight: normal;}
#content table.cfttable tr td span {color: #c40e4b;}
#content table.cfttable tr.cfttabledark {background:#c6c6c6;}

/*Added by Paul 7/10/2010 for the resort search form, amended 19/1/2011*/
#content form.resortsearch h3 {color:#fff; font-size:16px; width:130px; margin:0 0 6px 10px; padding:8px 0 0 0; border-bottom:2px solid white;}
/*#content #resortsearchright {margin: 0 0 0 15px; padding: 0; float: right;}*/
#content form.resortsearch p {color:#fff; margin:0; padding:0;}
#content form.resortsearch label {
	color:#fff;
	font-size:100%;
	display:block;
	margin:8px 0;
	padding:0;
    padding-left:15px;
    text-indent:-15px;
	}
#content form.resortsearch p.resortsearchdropdown label {display: none;} /*hide labels for drop downs*/
#content form.resortsearch select {color: #006; width: 175px; border: 1px solid #7f9db9; padding: 0; margin:0 0 10px;}
div.resortsearchboxes {margin:0!important}
#content form.resortsearch div.resortsearchboxes input { /*for checkboxes*/
	margin: 0 10px 0 0;
    width: 13px;
    height: 13px;
    padding: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
	}
#content form.resortsearch p.resortsearchsubmit input {border: none; float: right;margin:-40px 15px 0 0} /*the submit button*/
/* KS & WS homepages */
.kws #locations-box {
	background:url(images/kws-locations-bak.png) no-repeat;
	height:438px;
	width:491px;
	}
.kws #locations-box form {margin:135px 0 0 33px}
.kws #view-destinations{margin:100px 11px 0 0}

#offers-box.kws {background:url(images/kws-offers-bak.png) no-repeat;height:219px;margin:0 0 22px}
#offers-box.kws ul {margin-top:5px}
#offers-box.kws li+li {border-bottom:0}
#home-content.kws {height:386px}
#ks-lessons {
	background:url(images/learn-kitesurfing.png);
	float:right;
	height:196px;
	width:304px;
	display:block;
	margin: 0;
	} 
#ws-lessons {
	background:url(images/learn-windsurfing.png);
	float:right;
	height:196px;
	width:304px;
	display:block;
	margin: 0;
	} 
#blog-posts.kwsblog {
	background:url(images/kws-blog-bak.png);
	float:right;
	height:376px;
	width:303px;
	padding:10px 0 0!important}
#blog-posts.kwsblog li {margin-top:10px;padding:5px 5px 0 13px!important}
#blog-posts #ks-blog {background:none!important;margin:0!important;padding:0!important}
#blog-posts #ks-blog a {display:block; height:60px}
/*For the resort search results*/
#post-8660 .post-title h2 {margin-bottom:20px}
#content table.resortresult {width: 665px; height: 155px; margin: 0 0 10px; padding: 0 0 10px 0; background-color: white;}
#content table.resortresult tr th {background-color: #c40e4b; color: white; font-size: 12px; font-weight: bold; padding: 5px 10px; text-align: left; vertical-align: top;}
#content table.resortresult tr th.resortresultdetails {text-align: right; white-space: nowrap;}
#content table.resortresult tr th.resortresultdetails img {margin-bottom: -2px;} /*so the white arrow lines up*/
#content table.resortresult tr th a {color:#fff;}
#content table.resortresult tr th a:hover {color:#ddd;text-decoration:none}
#content table.resortresult tr td {text-align: left; vertical-align: top; padding: 0; font-size: 10px;}
#content table.resortresult tr td.resortresultextract {padding: 5px 5px 5px 8px; font-size:100%;line-height:1.7;height:37px}
#content table.resortresult tr td img {width: 109px; height: 109px; padding: 5px 0; margin:0;}
#content table.resortresult tr td div {margin: 0 0 0 5px; background:#ebebeb; width: 170px; padding: 4px; font-weight: bold;}
#content table.resortresult tr td div span {color: #c40e4b;}
#content table.resortresult tr td.resortresultmatch {font-size:100%;font-weight: bold; color: #c40e4b; padding:0 5px 5px 8px;}
#content table.resortresult tr td.resortresultmatch strong {color: black;}

/* Results sidebar search box */
.sresults  .small {float:none}
#srform	{background:url(images/sresults-search-bak.png);
	height:287px;
	width:153px;
	margin-top:-15px;
	padding:40px 0 0 4px;
	}
.sresults .resortsearch select {font-size:94%;width:140px!important}
.sresults .resortsearchboxes strong {display:none}
.sresults .resortsearchsubmit p {margin:0 50px 0 0}
.sresults .resortsearchsubmit input {margin:10px 50px 0 0!important}
/*Destinations*/
.destinations .resortsearch {
	background:url(images/destinations-rs-bak.png);
	height:93px;
	width:441px;
	float:left;
	margin:13px 0 10px;
	padding-top:35px;
	}
.destinations #resortdrops {float:left;margin-left:16px;width:165px;}
.destinations #resortdrops select{width:165px}
.destinations .resortsearchboxes {color:#fff;float:right;width:240px;}
.destinations .resortsearchboxes strong {display:none}
.destinations .resortsearch label {margin:2px 0!important}
.destinations .resortsearchboxes div {float:left;width:120px;margin-bottom:5px}
.destinations .resortsearchboxes #topblock {float:left;width:120px}
.destinations .resortsearchboxes #bottomblock {float:right;width:120px}

#destinations-calendar {float:right;margin-top:10px}

#destinations-sub {margin:167px 0 0 0!important;width:130px;}

/* End 2011 restyles */
#leftcol{
 overflow:hidden;
 height:auto;
 min-height: 400px;
 width:100%; 
 float:left; 
 margin-top: 0px;
 margin-bottom:20px;
 background: #CCC;
 background: url('images/main-image.jpg') no-repeat center top;
 }

#mainimgcol{
 overflow:hidden;
 height:auto;
 min-height: 400px;
 width:831px; 
 float:left; 
 margin-top: 10px;
 margin-bottom:20px;
 }

#rightcol{
 overflow:hidden;
 height: auto;
 line-height: 120%;
 width:45%; 
 float:right; 
 background: #FFF;
 padding: 0 0px 0 10px;
 margin-bottom: 10px;
}

#maininfo{
 overflow:hidden;
 width:53%; 
 float:left; 
 min-height: 621px;
 margin-bottom: 20px;
 } 

/*WS & KS offers boxes*/
#ksofferstext{height:125px;left:87px;top:257px;}
#wsofferstext{height:125px;left:553px;top:253px;}
* html .offtxt li a {width:270px;}/* make hover effect work in IE */
.offtxt {
	color:#DF1958;
	font-size:22px;
	font-weight:bold;
	letter-spacing:-2px;
	list-style-type:none;
	line-height:120% !important;
	margin:0;
	padding:0;
	position:absolute;
	width:270px;
	float:left;
	z-index:1000;
	}
.offtxt li {
	background:none !important;
	padding:0 !important;
	margin:0 0 15px 0 !important;
	text-align:left;
	}
.offtxt li a { 
	color:#DF1958 !important;
	font-weight:normal!important;
	display:block;
	margin:0 !important;
	padding:0 !important;
	}
.offtxt li a:hover {
	color:#333 !important;
	text-decoration:none !important;
	}
.offtxt a span {
	color:#333;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:140% !important;
	}
.offtxt a:hover span {color:#DF1958;}


#destinations{
 overflow:hidden;
 background: url('images/destinations.jpg') no-repeat center top;
 width:440px; 
 float:left; 
 height: 158px;
 margin-bottom: 10px;
 } 
.locations-ws{
	width:440px;
  margin-bottom: 20px;
 float: left;
}

.locations-p{
 font-weight: bold;
 margin: -1px 20px 0 0;
 width: 200px;
 float: left;
}

.locations-ws li{
	background: url('images/button-destination.png') no-repeat !important;
	padding:5px !important;
	height:23px;
	width:200px;
	margin:0 0 4px 0 !important;
}
.locations-ws li a {display:block;height:23px;width:186px;padding-left:25px;}
.locations-ws li a:link,
.locations-ws li a:visited,
.locations-ws li a:active{
      color: #000 !important;
}
.locations-ws li a:hover {color: #C11C54 !important }
.calendarbox {height:84px;}
.featurebox {height:180px;}
.featurebox a { 
	position: relative;
	bottom:0;
	right:0;
}
.buttonbox {height:40px;}

#clickhere{
 float: right;
 padding-right:39px;
 position: relative;
 top:343px;
}

#stats{
 overflow:hidden;
 float:right;
 width:200px; 
 margin: 10px 0 10px 0;
 }

/* Calendar */

#calendar{
 width: 190px;
 height: 182px;
 float: left;
 background:url('images/calendarbg.jpg') no-repeat;
 padding: 10px 25px 0 10px;
 margin: 10px -4px 0px 0;
 line-height: 105%;
}

/* Specialist Sentence */

#sentence{
 width: 445px;
 height: 70px;
 margin-bottom: 20px;
 border: 0px;
 background-color: #FFF;
 padding: 0px;
 font-size: 90%;
 line-height: 160%;
}

#sentence a:hover {
text-decoration: underline; 
color: #DF1958;
}

#hotelgallery{
 width: 352px;
 height: 352px;
 margin-left: 20px;
 background:url('images/accommodation-bg.gif') no-repeat;
 padding: 50px 10px 10px 10px;
 float: right;
 position: relative;
      right: 15px;
}

#largegallery{
 height: 310px;
}

#greybox{
 border: 1px solid #ccc;
 background-color: #F7F7F7;
 padding: 10px 10px 0 10px;
}

#quotelinks{
 height: 40px;
 width:44%; 
 float: right; 
 padding: 15px 10px 0 10px;
 margin-bottom: 10px;
 border-top: 1px solid #999;
}

#accomm {
overflow:auto 
}

/* @end */

#sidebar-1 #text-4 {background:none; border:0; padding:0;margin-bottom:10px;}

/* fix the wayward resort thumbnails */
img.thumb[style] {margin-left:0 !important;margin-top:0 !important;}

/* Gallery Reloaded Tweaks */

.gallery-thumbs li {list-style:none !important; background:none !important;}
#gr_tooltip {display:none !important} /*Remove thumbs hovering rectangle*/

.gallery_reloaded_container a, .thickbox {display:none !important} /*Remove zoom button*/
 
.caption {display:none !important} /*Stop caption from flashing up on new img load*/
.gallery-thumbs li {padding:0 !important}

/* Tabs Slides Stuff
(added here rather than the tabs_slides.css
so it doesn't get overwritten when updating the plugin) */

/*.jwts_tabbertab h5 was in the list below, removed to get rid of scrolling titles in safari*/
.jwts_tabberlive .jwts_tabbertab {overflow:auto !important} /*stop the content area collapsing when DIVs floated inside it */
/*The tabbernav classes sort out the tabs- sidebar navs were conflicting*/
.jwts_tabbernav {padding:0 0 8px !important}
.jwts_tabbernav li  { background-image:none !important;padding:10px 0 !important; margin:0 10px 0 -1px !important;}
.jwts_tabbernav a {color:#333 !important}
.jwts_tabbertab h5 {display:block;}

.SimpleSideNav h3 {font-size:100% !important}

/* Offers */

	/*Listing Pg*/
		/*Jump Lists*/
#offer-desc {width:150px; float:left;padding-top:2px; font-weight:bold;}
/* #offer-jumps {float:left;width:380px;} Was causing the drops onto 2 lines */
#offer-jumps input {padding:0!important}
		/*Table*/
#offers {border:0 !important;width:660px;}
#offers th {background:#ddd url('images/orderside.png') 6px center no-repeat ;text-align:left;padding:0;border-right:1px solid #bbb !important;}
#offers th a {color:#000 !important;
	display:block !important;
	width:100%;
	height:100%;
	padding:6px 0 6px 14px !important;
	}
.orderdown {background:#ddd url('images/orderdown.png') 4px center no-repeat !important ;}
.orderup {background:#ddd url('images/orderup.png') 4px center no-repeat !important;}
#offers th.orderdown a,#offers th.orderup a{color: #DF1958 !important;}
#offers tr {border:0 !important; border-bottom:1px solid #ddd !important}
#offers td {border:0 !important; text-align:left; color:#444;padding:6px 0 6px 14px !important; white-space:nowrap;}
#offers tr.highlight{background-color:#eee; cursor:pointer;}
#offers .offer-chevron {padding-left:2px}
	/*Detail Pg*/
#offenqr{width:200px;padding-right:25px}
#offenql{width:350px;padding-right:12px}
		/*Style the top table*/

table.offerview {border:0 !important; width:660px;margin:0 0 30px 0 !important}
table.offerview th {
	text-align:left !important;
	color:#000 !important;
	border:0 !important;
	padding-left:0!important;
	margin-left:0!important;
	}
table.offerview td {
	text-align:left !important;
	color:#000 !important;
	border:0 !important;
	}
td.viewresort {padding-left:0!important}
.picell {width:367px;vertical-align:top;}
img.offerpicture {border:1px solid #999;padding:5px;}

/* Destinations coming soon*/
#post-5546 {overflow:hidden!important}
.destBlock {width: 660px; margin-bottom: 15px; height: 170px;}
.destImg {padding-bottom:5px; margin:0;}


.SimpleSideNav a {display:block}
.SimpleSideNav h3 {background:url("images/bg-groove.jpg") repeat-x scroll left top #444!important;line-height:100%!important}

#highlight{
        border: 1px solid #DF1F70;
        background-color: #FDEEF4;
        width: 95%;
        padding: 10px;
        margin-bottom: 10px;
}

/* Facebook review box */
#leavereview {
	background:#fff url("images/sidebar-leave-a-review.png") no-repeat;
	color:#000!important;
	display:block;
	font-size:10px;
	font-weight:normal!important;
	padding:32px 5px 5px;
	margin:-10px;
	width:141px;
	}

/* Generics */
.pink {color: #DF1958 !important;}
.bold {font-weight:bold}
#post-250{overflow:hidden}
.imgmid {vertical-align:middle}
.right{float:right;text-align:right;}
.left{float:left:text-align:left;}


.page-item-176 ul {width:149px!important}
.page-item-178 ul {width:157px!important}

#editLink {
	top:0;
	left:0;
	position:fixed;
	z-index:1275;
	width:100px;
	height:20px;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
	-moz-box-shadow: 2px 2px 10px #000;
	-webkit-box-shadow: 2px 2px 10px #000;
	filter: 
        progid:DXImageTransform.Microsoft.Shadow(color=#eee,direction=0,strength=7)
        progid:DXImageTransform.Microsoft.Shadow(color=#ddd,direction=90,strength=10)
        progid:DXImageTransform.Microsoft.Shadow(color=#ddd,direction=180,strength=10)
        progid:DXImageTransform.Microsoft.Shadow(color=#eee,direction=270,strength=7);
	text-align:center;
	}
#editLink a{
	color:rgb(223, 18, 85);
	display:block;
	font-weight:bold;
	}

	

/*
Plugin Stuff - moved here from plugin files to reduce no. of external files/loading times.
*/

/* from image-gallery-reloaded-style.php
- originally used PHP calls to get sizes from settings made in admin. copied the below code from the rendered page header - this will need redoing if gallery sizes are changed. */

.gbackgr {border: 5px solid #FFFFFF;width:660px;background:#FFFFFF;text-align:center;}
.caption{color:#FFFFFF;display:block;font-style:italic;padding:0 8px 8px 0;float:left;}
.gallery_reloaded {width:660px;margin:auto;}
.main_image {width:660px;height:auto;/*In testing - max-height:240px;*/overflow:hidden;}
.main_image img{ margin-bottom:10px;max-width:660px;height:auto;width:auto;max-height:240px;}
.gholder{position: relative;width: 660px;overflow: auto;/* For plugin to work on RTL sites */direction:ltr;padding: 0 0 5px 0;}
.gallery_reloaded {width: 10000px;margin: 0 !important;padding: 0 !important;list-style: none;}
.gallery_reloaded li {display:block;float:left;height:30px;margin:0 8px 0 0;overflow:hidden;width:80px;background:none;list-style:none;}
.gallery_reloaded li img.thumb {cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
* html .gallery_reloaded li div span {width:660px;} /* MSIE bug */
.gallery_reloaded_container a{color: #666666; text-indent:-9999px;background:url('http://waveriders.co.uk/wp-content/plugins/image-gallery-reloaded/images/larger.png') no-repeat;height:12px;width:12px;display:block;float:right;text-decoration:none;}
#gr_tooltip{display:none;}
.loading{-moz-border-radius:4px;background:#FFFFFF;border:1px solid #FFFFFF;color:#FFFFFF;padding:10px;text-align:center;width:100px;}


/*
Tabs Slides CSS moved here from /wordpress-tabs-slides/ts/tabs_slides.css
Removed all unused background img url() links
*/
/* --- Generic --- */
a:active,a:focus {outline:0;}
.jwts_clr {clear:both;height:0;line-height:0;}

/* --- Tabs --- */
.jwts_tabberlive {margin:4px 0px;padding:0px;}
.jwts_tabberlive .jwts_tabbertab {margin:0;padding:6px;border:1px solid #bbb;border-top:0;}
.jwts_tabberlive .jwts_tabbertab h2, .jwts_tabberlive .jwts_tabbertabhide {display:none;}
.jwts_tabbernav {margin:0px;padding:3px 4px;list-style:none;list-style-image:none;background:none;border-bottom:1px solid #bbb;line-height:normal;height:auto;}
.jwts_tabbernav li {margin:0px;padding:0px;list-style:none;list-style-image:none;background:none;display:inline;}
.jwts_tabbernav li a,
.jwts_tabbernav li a:link {font-size:12px;font-weight:bold;margin:0px 1px;padding:8px 10px;color:#333;border:1px solid #bbb;border-bottom:none;background:#eee url(/wp-content/plugins/wordpress-tabs-slides/ts/slide_bg.png) repeat-x top;}
.jwts_tabbernav li a:visited {color:#333;}
.jwts_tabbernav li a:hover {color:#000}
.jwts_tabbernav li a:active, .jwts_tabbernav li a:focus {outline:0;}
.jwts_tabbernav .jwts_tabberactive a {background:#fff!important;border-bottom:1px solid #fff!important;}
.jwts_tabbernav .jwts_tabberactive a:hover {text-decoration:none!important;}
.jwts_tabbernav .jwts_tabberactive,
.jwts_tabbernav li.jwts_tabberinactive {background:none;padding:0px;margin:0px;}
.jwts_tabberlive .jwts_tabbertab, .jwts_tabbernav {text-align:left;}
.sidebar h3 {color:#fff}.sidebar .current_page_item {color: rgb(223, 31, 112)}