/* Celtic Campervans palette 


Defaults
================================================================*/
* { margin: 0; padding: 0; }
img { border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
a { color: #903; text-decoration: none; }
#content a { font-weight: bold; }
#content a:hover { color: #600;  }
.clear { clear: both; height: 0; line-height: 0; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 
ul, ul li { list-style: none; }
address { font-style: normal; }
html { overflow: -moz-scrollbars-vertical; } 
body { margin: 0; font: 1em arial,sans-serif; color: #fff; background: url(../images/template/bg-page.png) top left repeat; }

/* Headings,text
================================================================*/

#content { font-size: 0.9375em; /*15/16*/ line-height: 1.2em; /*18/15*/ }
.features p { font-weight: bold; margin-bottom: 1em; font-size: 0.8em; /*12/15*/ }

footer.global { font-size: 0.75em; /*12/16*/ }
footer.global a, footer.global a:visited { color: #fff; }
footer.global a:hover { color: #ff0; }
footer address { font-size: 1.25em; /*15/12*/ line-height: 1.2em; /*18/15*/ }
footer address strong { font-size: 1.33333em; /*20/15*/ }
footer h4 { margin-bottom: 0.53333em; /*8/15*/ font-size: 1.25em; /*15/12*/ font-weight: bold; }

#primary, .features h3, h1 { font-family: 'Open Sans','arial narrow',sans-serif; font-weight: normal; text-transform: uppercase; }
#primary ul ul { font-family: arial,sans-serif; font-weight: bold; } 
header nav { font-size: 0.9375em /*15/16*/; }
.features h3 { margin-bottom: 0.363636em; /*15/22*/ font-size: 1.33333em; /*20/15*/ line-height: 1em; }
#quote h3 { font-size: 1.46667em; /*22/15*/ }

h1 { padding-bottom: 0.53846em /*14/26*/; margin-bottom: 0.38462em /*10/26*/; font-size: 1.73333em; /*26/15*/ line-height: 1.30769em; /*34/26*/ color: #9a0031; border-bottom: 2px solid #000; }
.section-book h1 { margin-bottom: 0.19231em /*5/26*/; }
.section-home h1 { border: 0; padding-bottom: 0; margin-bottom: 0.30769em /*8/26*/; margin-right: 1em; /*26*/  }

h2 { margin-bottom: 0.8em; /*20/25*/ font-size: 1.66667em; /*25/15*/ color: #000; line-height: 1.2em; }
#content h2 a, #content h2 a:visited { color: #000; }

h2.major { padding-bottom: 0.66667em; border-bottom: 2px solid #000; }
h3, h4 { margin-bottom: 0.4em; font-size: 1em; font-weight: bold; }

.features .plain h3 { font-size: 1.8em; /*27/15*/ padding-top: 3px; padding-bottom: 0; margin-bottom: 0.22222222em; /*6/27*/ border-bottom: 2px solid #000; }
.features h3 a { font-family: Arial, Helvetica, sans-serif; font-size: 0.444444em;  /*12/27*/ text-transform: none; }


#logo img, aside img, section img { max-width: 100%; }

.main p, .main ul, .main ol { margin: 0 5em 1em 0; /*75/15*/ }
.main .full p, .main .full ul, .main .full ol, .main .full  { margin-right: 0; }

/* Structure
================================================================*/
#wrapper { width: 1000px; margin: 0 auto; }

header.global, #content { background: #fff; color: #4A4A4A; }


#logo { float: left; width: 11.3125em; /*181/16*/ margin: 1.8125em 0 0 1.9375em; /*29 0 0 31/16*/ }

header.global { position: relative; height: 8.75em; /*140/16*/ margin: 0 10px; }
header nav { background: url(../images/template/bg-nav.png) bottom left repeat-x;  }
header nav#primary { position: absolute; right: 1em; /*15/15*/ top: 5.66667em; /*85/15*/ max-width: 47.0625em; /*753/16*/ }
header nav li { float: left; margin: 0 0 0 1.66667em; /*25/15*/ }
header nav li#nav-home { margin-left: 0; }
header nav li#nav-news { padding-right: 1em; }
header nav a, header nav a:visited { color: #000; }

header nav a { padding-bottom: 1px; border-bottom: 2px solid #f0f0f0; display: block; }
header nav .current a, header nav li:hover a, header nav a:hover, #page-book nav li.s2 a, #page-info nav li.s3 a, #page-pay nav li.s4 a { border-color: #903; }

#primary ul ul { position: absolute; left: -999em; padding: 0 0.6em; background: #f6f6f6; z-index: 100; }
#primary li:hover ul, #nav li.sfhover ul { left: auto; }

header nav li li { float: none; margin: 0; border-bottom: 1px solid #e1e1e1; }
header nav li li a { border: 0; padding: 0.53333323em 0 0.4em; }
header nav li#nav-news li { white-space: nowrap; }

header nav .current > a , header nav .current > a:visited, header nav a:hover { color: #b5033e; }


header .share { position: absolute; top: 1.3125em; /*21/16*/ right: 13em; /*208/16*/ }

#google_translate_element { position: absolute; top: 0.75em; /*12/16*/ right: 1.25em; /*20/16*/ border: 5px solid #ececec; }

header nav.international { background: none; position: absolute; top: 1.5em; right: 1.25em; }
header nav.international a { padding-bottom: 0; border: 0; }

#content { margin: 0 10px; clear: both; }

#sidebar { float: left; width: 20.66667em; /*310/15*/ margin: 0 0 2em 1em; /*0 0 30 15*/ }

.features section { position: relative; margin-bottom: 0.66667em; /*10/15*/ padding: 0.866667em 0.333333em 2em 0.6em; /*13 5 30 9*/ border: 4px solid #ececec; background: #282624; color: #fff; min-height: 14em; }

.features section.bgimage { background: #999 url(../images/features/bg-interior.jpg) top center no-repeat; }

/*feature box background images -- not dynamic set via inline styles because ie8 printing crashes!!*/
.features section.bg-early { background-image: url(../images/features/bg-early.jpg); }
.features section.bg-interior { background-image: url(../images/features/bg-interior.jpg); }
.features section.bg-spring { background-image: url(../images/features/bg-spring.jpg); }
.features section.bg-summer { background-image: url(../images/features/bg-summer.jpg); }
.features section.bg-winter { background-image: url(../images/features/bg-winter.jpg); }

article.main,div.main { float: right; width: 39.3333em; /*590/15*/ margin: -5px 1em 3em 0; } 

footer.global { clear: both; margin-bottom: 2.5em; /*30/12*/ background: #903; padding: 1.916667em 3.75em 2.33333em; /*23 45 28*/ }

footer.global address, footer.global nav, footer.global .social { float: left; }
footer.global .social {  width: 22em; /*264/12*/ }
footer.global address { width: 17.6em; /*264/15*/ margin-right: 3.8em; /*57/15*/ }
footer.global nav { width: 23em; /*276/12*/ margin-right: 3.583333em; /*43/12*/ }
footer.global li { margin-bottom: 0.83333em; /*10/12*/ }
footer address p { margin-bottom: 1.2em; /*18/15*/ }
footer address a, footer address .value { font-weight: bold; }

footer.global .social a { padding-left: 2em; }

footer.global .wrap { background: url(../images/template/bg-footer-dividers.png) center center no-repeat; }

/* Tables
================================================================*/
td, th { vertical-align: top; padding:5px; font-size:1em; }
table { margin-bottom: 1em; border-collapse:collapse; }

/* Forms
================================================================*/
input,select,textarea,button { font-family: arial,verdana,sans-serif; font-size: 1em; color: #333; }
#formQuote input, #formQuote select { font-weight: bold; }
.folaigh { display: none; }
label { float: left; display: inline; width: 130px; margin-right: 0.86666em; /*13/15*/ }
label.major { margin-bottom: 1.2em; float: none; width: auto; display: block; }

/*em padding causes pie issues*/
button, .button, #commentform #submit { padding: 5px 30px; background-color: #92002f; color: #fff; font-weight: bold; font-size: 1em; cursor: pointer; }
.features button, .features .news .button { padding: 0.3em 0.4em; background-color: #262626; }
.features .alt { background-color: #666; }
#formQuote button { color: #ff0; }
.section-book .main .actions button { padding: 0.3em 3em; }
button:hover, #content a.button:hover { color: #fff; }
div.status { margin-bottom: 1em; padding: 0.5em 1em; font-weight: bold; font-size: 1.0833em; background-color: #fc6; }

#formQuote button, #formQuote input, /*#formQuote select,*/ #ui-datepicker-div { border: 5px solid #950032;  }
button, .button, .features .news .button, #commentform #submit { border: 5px solid #d6d6d6; }
.features .button { border: 5px solid #211f1d; }
.features .bgimage .button { border: 0; }
.features .bgimage .actions { border: 5px solid rgba(00, 00, 00, .2) }
#formQuote input, #formQuote select { padding: 0.4em; border-color: #87002D;  }

#formQuote input { display: block; margin-bottom: 2px; width: 11.73333em; /*176/15*/ }

#formQuote .item {clear: both; margin-bottom: 0.6em; }
#formQuote select { width: 4em; border: 0; }
#formQuote .wrap { border: 5px solid #87002d; float: left; margin: 0 0.4em 0.6em 0; }

.datepicker { background-image: url(../images/icons/dateicon.png); background-position: top right; background-repeat: no-repeat; }
.datepicker:hover { background-position: bottom right; }
#ui-datepicker-div { z-index: 100 !important; }

.section-book article.main label { padding-top: 2px; font-weight: bold; color: #333; }
.section-book form label strong { color: #903; }
.section-book .explain { width: 34em; margin: -0.25em 0 0.75em; color: #666; font-weight: normal; }
.section-book p { clear: both; margin-bottom: 0.6em; }
.section-book .standard { padding: 0 2px; width: 13.75em; /*165/12*/ }
.section-book select.standard { padding: 0; width: 16.666667em; /*200/12*/ }
#formPay select.standard { width: 14.25em; }
#formInfo textarea { height: 4em; }
#birthday { width: 3.5em; /*42/12*/ }
#birthmonth, .month { width: 8em; /*96/12*/ }
#birthyear, .year { width: 4.5em; /*54/12*/ }
#information { margin-bottom: 2em; }

input.tick { float: left; margin-right: 1em; width: auto !important;  }
label.long { width: 90% !important; padding: 0 0 1em; margin-right: 0; font-weight: normal !important; }

em.error { margin-left: 5px; color: #903; font-weight: bold; font-style: normal; }
form p.error { border: 2px solid #903; padding: 5px;}
input.error, select.error, textarea.error { border: 2px solid #903; }

input.narrow { width: 4em; }

form.standard { padding-top: 1em; font-size: 1em; }
form.standard .standard { font-size: 1em; }
form.standard label { font-weight: bold; width: 10em; }
form.standard label.error { color: #903; }
form.standard .actions { margin: 0 0 2em 10.866666em; }
form.standard textarea, form.standard input { width: 15em; }
form.standard p { clear: both; }

/*css3*/

#google_translate_element { 
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
behavior: url(/css/PIE.htc);
 }

#formQuote input, #formQuote .wrap, #ui-datepicker-div, .slide { 
border-radius: 6px; 
-moz-border-radius: 6px; 
-webkit-border-radius: 6px;
}

#formQuote input { 
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.quoteOption, .wrap-slider { 
border-radius: 12px; 
-moz-border-radius: 12px; 
-webkit-border-radius: 12px;
}


.bgimage .actions { 
border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px;
/*fix for mysterious gap between transparent border and button!*/
box-shadow: inset 0 0 3px #000; -moz-box-shadow: inset 0 0 3px #000; -webkit-box-shadow: inset 0 0 3px #000;
}


/*pie causes problems for quoteOption*/
.wrap-slider { behavior: url(/css/PIE.htc); }

.slide {
box-shadow: 0 0 4px #999; -moz-box-shadow: 0 0 4px #999; -webkit-box-shadow: 0 0 4px #999;
}

#primary ul ul {
border-radius: 0 0 12px 12px;
-moz-border-radius: 0 0 12px 12px; 
-webkit-border-radius: 0 0 12px 12px;
box-shadow: 1px 1px 2px #b3b3b3; -moz-box-shadow: 1px 1px 2px #b3b3b3; -webkit-box-shadow: 1px 1px 2px #b3b3b3;
behavior: url(/css/PIE.htc);

}

button, .button, #commentform #submit { 
border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px;
box-shadow: inset 0 0 1px #666; -moz-box-shadow: inset 0 0 1px #666; -webkit-box-shadow: inset 0 0 1px #666;
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
background-image: -webkit-gradient(linear, left top, left bottom, from(#c20047), to(#92002f)); 
background-image: -webkit-linear-gradient(top, #c20047, #92002f); 
background-image:    -moz-linear-gradient(top, #c20047, #92002f); 
background-image:     -ms-linear-gradient(top, #c20047, #92002f); 
background-image:      -o-linear-gradient(top, #c20047, #92002f); 
background-image:         linear-gradient(top, #c20047, #92002f);
-pie-background: #c20047, linear-gradient(#c20047, #92002f);
}

button, .button, #quote button, .features button, .features .news .button { position: relative; behavior: url(/css/PIE.htc); }

button:hover, .button:hover, #commentform #submit:hover {
background-image: -webkit-gradient(linear, left top, left bottom, from(#71001f), to(#ad0037)); 
background-image: -webkit-linear-gradient(top, #71001f, #ad0037); 
background-image:    -moz-linear-gradient(top, #71001f, #ad0037); 
background-image:     -ms-linear-gradient(top, #71001f, #ad0037); 
background-image:      -o-linear-gradient(top, #71001f, #ad0037); 
background-image:         linear-gradient(top, #71001f, #ad0037);
-pie-background: #71001f, linear-gradient(#71001f, #ad0037);
}

.features button, .features .news .button {
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
background-image: -webkit-gradient(linear, left top, left bottom, from(#2f2f2f), to(#202020)); 
background-image: -webkit-linear-gradient(top, #2f2f2f, #202020); 
background-image:    -moz-linear-gradient(top, #2f2f2f, #202020); 
background-image:     -ms-linear-gradient(top, #2f2f2f, #202020); 
background-image:      -o-linear-gradient(top, #2f2f2f, #202020); 
background-image:         linear-gradient(top, #2f2f2f, #202020);
-pie-background: #2f2f2f, linear-gradient(#2f2f2f, #202020);


}

/*chrome/safari tweak*/
.features .news .button { border-radius: 17px; -moz-border-radius: 17px; -webkit-border-radius: 17px; }

.features .news .alt {
background-image: -webkit-gradient(linear, left top, left bottom, from(#686868), to(#434343)); 
background-image: -webkit-linear-gradient(top, #686868, #434343); 
background-image:    -moz-linear-gradient(top, #686868, #434343); 
background-image:     -ms-linear-gradient(top, #686868, #434343); 
background-image:      -o-linear-gradient(top, #686868, #434343); 
background-image:         linear-gradient(top, #686868, #434343);
box-shadow: inset 0 0 2px #000; -moz-box-shadow: inset 0 0 2px #000; -webkit-box-shadow: inset 0 0 2px #000;
-pie-background: #686868, linear-gradient(#686868, #434343);
}

.features button:hover, .features .news .button:hover {
background-image: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#000)); 
background-image: -webkit-linear-gradient(top, #282828, #000); 
background-image:    -moz-linear-gradient(top, #282828, #000); 
background-image:     -ms-linear-gradient(top, #282828, #000); 
background-image:      -o-linear-gradient(top, #282828, #000); 
background-image:         linear-gradient(top, #282828, #000);
-pie-background: #282828, linear-gradient(#282828, #000);
}

.features .actions .button { 
background: url(../images/icons/arrow-white.gif) 90% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#c20047), to(#92002f));
background: url(../images/icons/arrow-white.gif) 90% center no-repeat, -webkit-linear-gradient(top, #c20047, #92002f); 
background:  url(../images/icons/arrow-white.gif) 90% center no-repeat,  -moz-linear-gradient(top, #c20047, #92002f); 
background:  url(../images/icons/arrow-white.gif) 90% center no-repeat,   -ms-linear-gradient(top, #c20047, #92002f); 
background:  url(../images/icons/arrow-white.gif) 90% center no-repeat,    -o-linear-gradient(top, #c20047, #92002f); 
background:   url(../images/icons/arrow-white.gif) 90% center no-repeat,  linear-gradient(top, #c20047, #92002f);
-pie-background: #c20047 url(../images/icons/arrow-white.gif) 90% center no-repeat, linear-gradient(#c20047, #92002f); 
}

.features .actions .button:hover { 
background: url(../images/icons/arrow-white.gif) 90% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#71001f), to(#ad0037)); 
background: url(../images/icons/arrow-white.gif) 90% center no-repeat, -webkit-linear-gradient(top, #71001f, #ad0037); 
background: url(../images/icons/arrow-white.gif) 90% center no-repeat,   -moz-linear-gradient(top, #71001f, #ad0037); 
background:  url(../images/icons/arrow-white.gif) 90% center no-repeat,   -ms-linear-gradient(top, #71001f, #ad0037); 
background:  url(../images/icons/arrow-white.gif) 90% center no-repeat,    -o-linear-gradient(top, #71001f, #ad0037); 
background:  url(../images/icons/arrow-white.gif) 90% center no-repeat,       linear-gradient(top, #71001f, #ad0037);
-pie-background: #71001f url(../images/icons/arrow-white.gif) 90% center no-repeat, linear-gradient(#71001f, #ad0037); 
}

.features section { 
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
box-shadow: inset 0 0 3px #8d8d8d; -moz-box-shadow: inset 0 0 3px #8d8d8d; -webkit-box-shadow: inset 0 0 3px #8d8d8d;
/*stop bg colour leaking outside rounded border css3please.com*/
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
behavior: url(/css/PIE.htc);

}

.features section.plain, .section-blog .features section {
border-radius: 0;
-moz-border-radius: 0; 
-webkit-border-radius: 0;
box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
-webkit-box-shadow: 0 0 0;
}

/*quote panel*/
#sidebar #quote { 
border-radius: 0 8px 8px 0; 
-moz-border-radius: 0 8px 8px 0; 
-webkit-border-radius: 0 8px 8px 0; 
box-shadow: 1px 2px 3px #999;
-moz-box-shadow: 1px 2px 3px #999;
-webkit-box-shadow: 1px 2px 3px #999; 

}

footer.global
{
	box-shadow: 0px 2px 3px #000000;
	-moz-box-shadow: 0px 2px 3px #000000;
	-webkit-box-shadow: 0px 2px 3px #000000;
	behavior: url(/css/PIE.htc);
}


/*gradients*/
#quote, footer.global
{
	/*position for ribbon*/
	position: relative;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#990033), to(#b4003c)); 
	background-image: -webkit-linear-gradient(top, #990033, #b4003c); 
	background-image:    -moz-linear-gradient(top, #990033, #b4003c); 
	background-image:     -ms-linear-gradient(top, #990033, #b4003c); 
	background-image:      -o-linear-gradient(top, #990033, #b4003c); 
	background-image:         linear-gradient(top, #990033, #b4003c);
	-pie-background: #990033, linear-gradient(#990033, #b4003c);
	behavior: url(/css/PIE.htc);
}

/*recap*/
/*pie causes issues here*/
.recap, h1.tagline
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f3f3f3)); 
	background-image: -webkit-linear-gradient(top, #fdfdfd, #f3f3f3); 
	background-image:    -moz-linear-gradient(top, #fdfdfd, #f3f3f3); 
	background-image:     -ms-linear-gradient(top, #fdfdfd, #f3f3f3); 
	background-image:      -o-linear-gradient(top, #fdfdfd, #f3f3f3); 
	background-image:         linear-gradient(top, #fdfdfd, #f3f3f3);
} 

/*ribbons*/
#quote:before, footer.global:before, footer.global:after
    {
        content: '';
        position: absolute;
        border-style: solid;
        border-color: transparent;
        top:-10px;
    }
#quote:before 
{
	top: auto;
	bottom: -10px;
	border-width: 0 10px 10px 0;
	border-right-color: #4b4b4b;
	left: 0;
}

footer.global:before
{
	border-width: 10px 10px 0 0;
	border-right-color: #4b4b4b;
	left: 0;
}

footer.global:after
{
	border-width: 10px 0 0 10px;
	border-left-color: #4b4b4b;
	right: 0;
}



/* Special cases
================================================================*/

article section, div.text, #strip { clear: both; }

.social a { background-repeat: no-repeat; background-position: top left; }
a.fb { background-image:url(../images/icons/fb.png); }
a.tw { background-image:url(../images/icons/tw.png); }
a.yt { background-image:url(../images/icons/yt.png); }

.checklist li { margin-left: 3px; padding-left: 27px; background: url(../images/icons/tick.png) 0 4px no-repeat; line-height: 1.25em; }
 .section-home article.main li { margin-bottom: 1em; margin-left: 1em; background: url(../images/icons/tick.png) 0 2px no-repeat; padding-left: 32px; line-height: 1.5em; min-height: 25px; }
 .section-home article.main ul { padding-top: 1em; }
.notice, .alert { clear: both; padding: 0.16666em 0.5em; /*2/12*/ font-weight: bold; background: #ff0; color: #000; }

article p.alert, div.actions p { margin-right: 0; }
.main section { padding-bottom: 0.6em; /*9/15*/ margin-bottom: 0.666667em; /*10/15*/ border-bottom: 1px dotted #000; }

#content a.top { background: url(../images/icons/arrow-top.gif) center left no-repeat; padding-left: 9px; }
#content a.top, #content a.back { font-weight: normal; float: right; }

.info { clear: both; float: left; width: 26em; /*390/15*/ margin-right: 1em; }
.side { float: right; width: 10.466667em; }
.side img { max-width: 100%; }


.recap, .breakdown, .vangroup, .smallprint, header .highlight, #formInfo .driver .explain, #formPay .card .explain, form .standard, .section-book article select, em.error, .action-charge p, .wrap-slider, .features h4, .features time, .features li, .top, .back, .specs, .cal-avail, .pagination { font-size: 0.8em; /*12/15*/ }

.smallprint { clear: both; font-weight: bold; color: #333 !important; }
article p.smallprint { margin-right: 3em; }

/*paging*/
.pagination {  clear: both; border-top: 1px dotted #000000; padding-top: 0.5em; }
.pagination li { display: inline; padding-right: 1em; color: #aaa; }
#content .pagination li a { color: #000; font-weight: normal; }
.pagination li.current { font-weight: bold; color: #000; }
#content .pagination li a:hover { color: #903; }


/*feature boxes*/
.features h4 { margin-bottom: 0; }
.features li h4 { font-size: 1em; }
.features li { margin-bottom: 0.75em; }
.features time { font-weight: bold; }

#sidebar #quote { margin-left: -1.66667em; /*25/15*/ margin-bottom: 1.06667em; /*16/15*/ padding-left: 2.6em; /*39/15*/ padding-top: 1.2em; /*18/15*/ padding-bottom: 1em; background-color: #9a0033; border: 0; }
#quote h3 { color: #ff0; }
#quote h4 { margin-bottom: 0.6em; font-size: 1em; }
#quote p { clear: both; font-weight: normal; }
#formQuote { padding-bottom: 0.6em; }
#content #quote a, #content #quote a:visited { color: #fff; }
#content #quote .alert a, #content #quote .alert a:visited { color: #000; }

.features section.plain, .section-blog .features section { padding: 0; border: 0; background: #fff; color: #000; }


.features section article { margin-bottom: 0.466666em; /*7/15*/ padding-right: 1.8em; /*27/15*/ border-bottom: 1px dotted #000; line-height: 1em; }
.features footer { padding-top: 3px; }
.features .news a.button { display: block; padding: 0.4em 2em; /*6/15*/ margin: 0 2.2666666em 0.1333333em 0; /*34 2/15*/ text-align: center;  }
.features article p { margin-bottom: 0.5em; font-weight: normal; } 
.features.news img { float: left; margin-right: 1em; }
.news-fb { padding-left: 2.8em; /*42/15*/ background: url(../images/icons/news-fb.gif) top left no-repeat; } 
/*long facebook links etc*/
.news { overflow: hidden; }

.features .actions { position: absolute; right: 0.6em; bottom: 0.6em; text-align: right; line-height: 2em; }
.features .actions .button { padding-left: 0.6em; padding-right: 2.4em; }

/*home page*/
#page-home .main { padding-bottom: 1em; margin-bottom: 0; }
/*home feature boxes - horizotal*/
#strip { margin-left: 1em; padding-bottom: 1em; }
#strip section { float: left; width: 19.2em; /*288/15*/ }
#strip #feature2 { margin-left: 0.66667em; margin-right: 0.666667em; }

/*image sliders*/
.wrap-slider { position: relative; background: #ececec; padding: 9px; margin-bottom: 0.6em; /*9/15*/ }
.slider .slide { display: none; padding: 8px; background: #fff; }
.slider #slide1, .slider img { display: block; }
#content .slider .caption { margin: 1.166667em 0.5em 0.5em; /*14 6 6/12*/ font-weight: bold; }
#content .slider a .caption, #content .slider a:visited .caption { color: #4a4a4a; }
#page-home .wrap-slider { margin-left: -0.666666em; /*10/15*/ }

/*.slider-count { position: absolute; bottom: 2em; right: 2em; z-index: 10; font-style: italic; color: #999; }*/

.slider-nav { display: none; position: absolute; top: 40%; left: 16px; width: 23px; height: 28px; z-index: 100; }
.wrap-slider .next { right: 16px; left: auto; }

/*booking section
=========================================*/
.section-book .main { color: #000; }
.section-book #content form { clear: both; }
.section-book form .actions { padding-top: 9px; }
.section-book article p.summary { padding: 0.6em 0 1.2em; font-weight: bold; color: #903; }
.summary span { font-weight: normal; }

/*recap*/
.recap { float: left; padding-top: 0.75em; /*9/12*/  border: 1px solid #ebebeb; margin-bottom: 3em; /*36/12*/ }
.recap dt { clear: both; float: left; text-align: right; width: 13.5em; /*162/12*/ margin-right: 0.5em; /*6/12*/ margin-bottom: 1.25em; /*15/12*/ }
.recap dd { float: left; font-weight: bold; margin-right: 1.5em; /*18/12*/ }

/*notes beside recap - extra nights, model etc*/
.section-book .highlight { float: right; width: 19.5em; /*234/12*/ color: #903; margin-top: -3px;  }
.section-book .note-charge { padding-bottom: 1em; }
.section-book article .highlight p { margin: 0 0 0.33333em 0; }

/*stage*/
header nav.stage { clear: both; float: left; font-weight: bold; width: 100%; font-size: 1em; margin-bottom: 0.6666em; /*10/15*/ color: #7f7f7f; }
header nav.stage a { padding-bottom: 3px; }
nav.stage a, nav.stage a:visited { color: #7f7f7f; }
#content nav.stage li a:hover, #page-book nav.stage li.s2 a, #page-book nav.stage li.s2 a:visited , #page-info nav.stage li.s3 a, #page-info nav.stage li.s3 a:visited, #page-pay nav.stage li.s4 a, #page-pay nav.stage li.s4 a:visited { color: #000; }
.main nav.stage ol { margin: 0; }
header nav.stage ol li { list-style: none; margin-left: 0; margin-right: 1.3333em; /*20/15*/ }
nav.stage span { display: none; }
#page-book nav.stage .s2 span, #page-info nav.stage .s3 span, #page-pay nav.stage .s4 span { display: inline; }

/*quote tables*/
.breakdown { clear: both; margin-bottom: 0.83333em; /*10/12*/ color: #333; }
.breakdowns .breakdown { margin-bottom: 0; }
.breakdown tr { font-weight: bold; background-color: #e5e5e5; }
.breakdown tr:nth-of-type(even) { background-color: #f0f0f0; } 
.breakdown td, .breakdown th { padding: 0.5em; /*6*/ border-bottom: 1px solid #fff; }
.breakdown th { width: 14em; /*168/12*/ border-right: 1px solid #fff; text-align: left; }
.breakdown td { width: 5.75em; /*69/12*/ padding: 0.5em 0.4166666em; /*6 5*/ text-align: right; }
.breakdown tr.total { color: #fff; font-size: 1.25em; /*15/12*/ }
.breakdown tr.total td { width: 4.6em; padding: 0.4em 0.33333em;  }
.breakdown tr.total th { width: 11.2em; padding: 0.4em; } 
.breakdown tr.subtotal { background-color: #999; }
.breakdown tr.grandtotal { background-color: #000; text-transform: uppercase; }
.breakdown tr.dquote { background-color: #666; }
.breakdown tr.grandtotal th.blend { text-transform: none; }


/*special offer highlight*/
.breakdown th strong { color: #b5033e; }

/*side by side quotes*/
/*px needed for pie*/
.quoteOption { float: left; display: inline; width: 18.2em; /*273/15*/ margin-bottom: 1.2em; /*18/15*/ padding: 0.46666em 0 0.6em 0.6em; /*7 0 9/15*/  border: 4px solid #ececec; }
.breakdowns .quoteOption { margin-bottom: 0.4em; }

.quoteOption h3 { color: #000; margin-bottom: 0.66666em /*10/15*/; }
.breakdowns .quoteOption h3 { margin-bottom: 1.13333em; /*17/15*/ }
.quoteOption h3 strong { display: block; font-size: 1.333em; color: #903; padding: 0.15em 0 0.1em; /*3 2/20*/ }
#groupquote-a, .quoteFull { margin-right: 9px; }
.quoteOption .breakdown { margin-left: 0.16666em; /*2/12*/ margin-bottom: 0; }
.quoteOption label { background: #333 url(../images/buttons/choose-arrow.gif) center left no-repeat; color: #fff; font-size: 1.3em; font-weight: bold; padding: 0.3em 0.5em 0.2em 1.5em; margin-left: 60px; cursor: pointer; }
.currentQuote { border-color: #903; }
/*show with js*/
#formBook .quoteOption .button { display: none; }
#formBook .quoteOption .actions { text-align: center; }
.quoteOption .action-charge { text-align: center; margin: 0.4em 2.6em 0; }
.quoteOption .action-charge p { margin-right: 0; font-weight: bold; color: #333; }
.quoteOption .action-charge button { padding: 0.3em 1em; }

/*breakdown motorhome info*/
.quoteOption .gallery { margin: 0 !important; }
.gallery li { float: left; width: 80px; display: inline; margin: 0 0.6666em 1.5em 0; /*8 18*/ }
.gallery img { border: 3px solid #ececec; display: block; margin-bottom: 0.416666em; /*5/12*/ }
.vangroup img { max-width: 74px; }
.gallery li a.caption { display: block; padding-left: 1px; }

/*extras*/
.extras { margin: 0 4em 0.6em 0; }
.extras td { padding: 0.6em 0 1em; }
.extras .quantity { width: 3.6em; /*54/15*/ }
.extras .quantity select { width: 3em /*45/15*/; }
.extras td.extra { padding-right: 1em; }
.extras .explain { color: #666; }
.extras label { margin-right: 0; font-weight: normal !important; }

/*info form*/
#formInfo .driver h2, #formPay .card h2 { margin-bottom: 1em; }
#formInfo section.driver { padding-bottom: 1.8em; }
#formInfo .extras td { padding-bottom: 0.4em; }
#formInfo .extras .explain { margin: 0; padding-bottom: 0; }
.model .explain { padding-top: 0.6em; padding-bottom: 1em; }
#formInfo p.major { line-height: 1.466667em; }
#formInfo .actions p { margin-bottom: 1em; }

/*pay form*/
#formPay .card { padding-top: 0.6666em; }
#formPay .final { border-bottom: 0; }
#formPay .instructions { padding-top: 1em; font-weight: bold; text-transform: uppercase; }
#formPay .instructions p { margin-right: 0; }
.instructions strong { color: #903; }

/*availability calendar*/
.cal-avail { margin: 1.5em 0 1em; }
table.calendar { margin-bottom: 2em; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
.cal-avail td, .cal-avail th { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.cal-avail th { background-color: #eee; text-align: center; }
.cal-avail td { background-color: #cfc; color: #666; font-weight: bold; padding: 0; text-align: left; }
.cal-avail td.invisible { background-color: #fff; }
.cal-avail td.current { color: #999; font-weight: bold; }
.cal-avail td.limited { background-color: #ff9; }
.cal-avail td.closed { background-color: #ddd; color: #999; }
.cal-avail td.bookedout { background-color: #fcc; }
.cal-avail td.overbooked { border: 1px solid #903; }
.cal-avail td strong { color: #903; }
.cal-avail td li.warning { color: #903; } 
.cal-avail td div.message { margin-top: 5px; text-align: center; color: #333; line-height: 1.5em; font-size: 1.1em;  font-weight: normal; }
.cal-avail td { height: 60px; vertical-align: top; }
.cal-avail div.digit { background-color: #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 20px; height: 17px; color: #333; text-align: center; padding-top: 3px; }

/* admin / operators
=====================================================*/
.section-admin header.global { height: auto; background: #fff; border-bottom: 1px solid #999; }
#login header.global { border: 0; }
.section-admin #logo { margin-bottom: 0.5em; margin-top: 0.5em; }
.section-admin #content { padding: 2em; }
.section-admin #content p { margin-bottom: 1em; }
#form_login label { width: 6em; }
#form_login .actions { margin-left: 6.5em; }
p.greet { padding: 0.5em; background-color: #FDE59A; border: 1px solid #fc3; color: #000; }
#content p.greet a { font-weight: normal; }

/* other sections
======================================================*/

/*rates*/
.tblRates { margin-bottom: 2em; }
.tblRates, .tblPrices { color: #fff; width: 30em; }
.tblRates th, .tblPrices th { background-color: #666; text-align: left; font-weight: bold; }
.tblRates th.band { font-weight: normal; }
.tblRates .headers th, .tblPrices th, .tblRates th.band { background-color: #333; width: auto; }
.tblRates th.invisible { background-color: #fff; }
.tblRates td { background-color: #903; text-align: center; width: 100px; vertical-align: middle; height: 55px; padding: 8px; }
.tblPrices td { background-color: #c06; text-align: left; }
.tblRates th, .tblRates td, .tblPrices th, .tblPrices td { border-right: 1px solid #fff; border-top: 1px solid #fff; border-left: 0; border-bottom: 0; }
.tblRates th, .tblPrices th, .tblPrices td { vertical-align: top; padding: 8px 3px 8px 8px; }
.tblPrices th, .tblPrices td { padding: 5px 3px 5px 8px; }
.tblPrices th.first, .tblPrices td.first { width: 13.066666em; /*196/15*/ }
.tblPrices td.first { background-color: #999; }
.tblPrices { margin: 10px 0; }
.motorhomes .actions { margin: 20px 0; }
.tblRates th em { font-style: normal; color: #ff0; text-transform: uppercase; }
.tblRates th.band, .tblRates td { height: auto; padding: 13px 10px; vertical-align: middle; }

/*virtual tour*/
#page-virtual-tour applet { margin-left: -30px; }

/*motorhomes list/detail pages*/
.vantypes { clear: both; }
.vantypes li { display: inline; padding-right: 1.6em; }

.section-motorhomes .gallery li { float: none; display: inline; width: 93px; margin: 0; padding-right: 1em; }
.section-motorhomes .gallery img { max-width: 100%; display: inline; border: 1px solid #ccc; }

.section-motorhomes .main .actions { clear: both; padding: 1em 0; }
.section-motorhomes .main .actions .button { margin-right: 1em; }

.specs th { background-color: #666; color: #fff; border: 0; }
.specs td { background-color: #e5e5e5; border-width: 1px 0 0; border-top: 1px solid #fff; color: #666; font-weight: bold; }
.specs { width: 27em; }
.specs .first { width: 12em; } 

/*affiliates listings*/
.listing { clear:both; }
.listing li { margin-bottom:30px; }
.listing h3 { color:#c06 }
.section-affiliates .listing { clear: left; margin: 0;  }
.section-affiliates .listing li { clear: left; float: left; display: inline; width: 599px; margin: 0 0 10px; }
a.partner { font-weight: bold; }
.section-affiliates .categories { margin: 0 0 10px; clear: left; float: left; }
.section-affiliates .alphabet { margin-top: 10px; clear: left; }
.section-affiliates .listing a.logo { float: right; display: inline; width: 177px; height: 119px; border: 1px solid #ccc; text-align: center; vertical-align: middle; }
.section-affiliates .listing a.logo img { vertical-align: middle; margin-top: 7px; }

/*links*/
#content .list-links li { margin-bottom: 1em; }


/*about*/
#page-whoweare .text img { float: right; margin: 0 0 2em 1em; }

/*places to go*/
table.listing { width: 100%; margin: 1em 0; }
table.listing td, table.listing th { padding-left: 0; }
ul.regions li { float: left; margin-right: 0.5em; padding-right: 1em; background: url(/images/template/divider-tags.gif) center right no-repeat; }

/*google inspiration map*/
#map_canvas { margin-bottom: 1em; height: 500px; width: 590px; }

/*adwords*/
article.main p.contacts { line-height: 1.5em; }