/* Default links colours and fonts */
body {
    -webkit-font-smoothing: subpixel-antialiased;
    font-family: Arial, Helvetica, sans-serif;
    color: #444444;
    background: #F5F5F5;
}

/*url(images/template/body_bg.gif) repeat-x;*/
body a {
    text-decoration: none;
    outline: none;
    color: #016599;
}

body a:visited, body a:active {
    color: #016599;
}

body a:focus, body a.hide:focus, body a.focus, body a.focus:visited, body .focus {
    outline: none;
    border: none;
}

/* focus state- cleints may want this removed but its for accessability */
a.focus {
    background-color: #016599 !important;
    color: #fff !important;
}

#accesslinks a:focus, #accesslinks a.hide:focus, #accesslinks a.focus, #accesslinks a.focus:visited, #accesslinks .focus {
    background-color: #016599 !important;
    color: #fff !important;
    left: 0;
    top: 0;
}

body a:hover {
    text-decoration: underline;
}

body a:hover img, body a img {
    text-decoration: none !important;
}

#outer, .siteview .wrapper, .siteinfo .wrapper {
    box-shadow: 0 0 5 0 rgba(0, 0, 0, 0.1);
}

.brandfont {
    font-family: "FS Albert Web Bold", Arial, Helvetica, sans-serif;
    color: #284e36;
    letter-spacing: -1px;
}

.brandfont_light {
    font-family: "FS Albert Web Thin", Arial, Helvetica, sans-serif;
    color: #444;
    letter-spacing: -1px;
}

/* creates the ribbon fold and shadow on .ribbon divs and the.panel in slideshows*/
.fold {
    width: 0;
    height: 0;
    display: block;
    bottom: 16px;
    left: -12px;
    position: absolute;
    font-size: 6px;
    border: 1em solid #665C53;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.fflip {
    left: auto !important;
    right: -12px;
    border-right-color: transparent !important;
    border-left-color: #665C53 !important;
}

.shadow {
    width: 15px;
    height: 72px;
    display: block;
    bottom: 15px;
    left: -15px;
    position: absolute;
    background: #f5f5f5;
    background: -moz-linear-gradient(left, #f5f5f5 0%, #edecea 14%, #d4d5d0 43%, #cecac7 57%, #c9c5c4 93%, #cbc6c2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f5f5f5), color-stop(14%, #edecea), color-stop(43%, #d4d5d0), color-stop(57%, #cecac7), color-stop(93%, #c9c5c4), color-stop(100%, #cbc6c2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #f5f5f5 0%, #edecea 14%, #d4d5d0 43%, #cecac7 57%, #c9c5c4 93%, #cbc6c2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #f5f5f5 0%, #edecea 14%, #d4d5d0 43%, #cecac7 57%, #c9c5c4 93%, #cbc6c2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #f5f5f5 0%, #edecea 14%, #d4d5d0 43%, #cecac7 57%, #c9c5c4 93%, #cbc6c2 100%); /* IE10+ */
    background: linear-gradient(left, #f5f5f5 0%, #edecea 14%, #d4d5d0 43%, #cecac7 57%, #c9c5c4 93%, #cbc6c2 100%);
}

.sflip {
    left: auto !important;
    right: -15px;
    background: #cbc6c2;
    background: -moz-linear-gradient(left, #cbc6c2 0%, #c9c5c4 7%, #cecac7 43%, #d4d5d0 57%, #edecea 86%, #f5f5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #cbc6c2), color-stop(7%, #c9c5c4), color-stop(43%, #cecac7), color-stop(57%, #d4d5d0), color-stop(86%, #edecea), color-stop(100%, #f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #cbc6c2 0%, #c9c5c4 7%, #cecac7 43%, #d4d5d0 57%, #edecea 86%, #f5f5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #cbc6c2 0%, #c9c5c4 7%, #cecac7 43%, #d4d5d0 57%, #edecea 86%, #f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #cbc6c2 0%, #c9c5c4 7%, #cecac7 43%, #d4d5d0 57%, #edecea 86%, #f5f5f5 100%); /* IE10+ */
    background: linear-gradient(left, #cbc6c2 0%, #c9c5c4 7%, #cecac7 43%, #d4d5d0 57%, #edecea 86%, #f5f5f5 100%);
}

/* this is just for the headings with gradient backgrounds */
.ribbon {
    display: table;
}

.ribbon h2.brandfont {
    white-space: nowrap;
    color: #fff !important;
    display: inline-block;
    padding: 0.32em 0.8em 0.32em 0.5em;
    margin: 0 0.5em 0 0 !important;
    background: #577d26;
    background-image: url(images/presentation/curlybrace.png), -moz-linear-gradient(top, #577d26 0%, #5b862a 5%, #5c872d 14%, #59842b 20%, #2d5435 100%); /* FF3.6+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #577d26), color-stop(5%, #5b862a), color-stop(14%, #5c872d), color-stop(20%, #59842b), color-stop(100%, #2d5435)); /* Chrome,Safari4+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-linear-gradient(top, #577d26 0%, #5b862a 5%, #5c872d 14%, #59842b 20%, #2d5435 100%); /* Chrome10+,Safari5.1+ */
    background: url(images/presentation/curlybrace.png), -o-linear-gradient(top, #577d26 0%, #5b862a 5%, #5c872d 14%, #59842b 20%, #2d5435 100%); /* Opera 11.10+ */
    background: url(images/presentation/curlybrace.png), -ms-linear-gradient(top, #577d26 0%, #5b862a 5%, #5c872d 14%, #59842b 20%, #2d5435 100%); /* IE10+ */
    background: url(images/presentation/curlybrace.png), linear-gradient(top, #577d26 0%, #5b862a 5%, #5c872d 14%, #59842b 20%, #2d5435 100%); /* W3C */
    background-repeat: no-repeat, no-repeat;
    background-position: 100% 0, 0 0;
    background-size: 14px 100%, auto auto;
}

.ribbon p {
    display: inline-block;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    margin: 0 !important;
}

.relative .shadow {
    height: 100%;
    bottom: -12px;
}

.relative .fold {
    bottom: -12px;
}

.relative .ribbon {
    margin-left: -1em;
    position: relative;
}

.relative .robbon h2 {
    margin: 0 0.5em 0 -12px !important;
    padding: 0.32em 1em;
}

.shadedown, li.shadedown {
    background-image: none;
    background: #eaeaea;
    background: -moz-radial-gradient(top, ellipse cover, #eaeaea 0%, #ffffff 20%); /* FF3.6+ */
    background: -webkit-gradient(radial, top center, 0px, center center, 20%, color-stop(0%, #eaeaea), color-stop(20%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(top, ellipse cover, #eaeaea 0%, #ffffff 20%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(top, ellipse cover, #eaeaea 0%, #ffffff 20%); /* Opera 12+ */
    background: -ms-radial-gradient(top, ellipse cover, #eaeaea 0%, #ffffff 20%); /* IE10+ */
    background: radial-gradient(top, ellipse cover, #eaeaea 0%, #ffffff 20%); /* W3C */
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1) inset;
}

.shadeup, li.shadeup {
    background-image: none;
    background: #eaeaea;
    background: -moz-radial-gradient(bottom, ellipse cover, #eaeaea 0%, #ffffff 20%); /* FF3.6+ */
    background: -webkit-gradient(radial, bottom center, 0px, center center, 20%, color-stop(0%, #eaeaea), color-stop(20%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(bottom, ellipse cover, #eaeaea 0%, #ffffff 20%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(top, ellipse cover, #eaeaea 0%, #ffffff 20%); /* Opera 12+ */
    background: -ms-radial-gradient(bottom, ellipse cover, #eaeaea 0%, #ffffff 20%); /* IE10+ */
    background: radial-gradient(bottom, ellipse cover, #eaeaea 0%, #ffffff 20%); /* W3C */
    -webkit-box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.1) inset;
}

.carousel .pagerbg {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 28px;
    position: absolute;
    bottom: 0;
    left: 0
}

/* BOOKABLE PROMOS */
.bookable {
    margin: 10px;
    padding: 0.5em;
    outline: 1px dashed #444444;
    outline-offset: 2px;
    background-image: none
}

.bookable:before {
    display: none
}

.bookable img {
    width: 170px;
    height: auto
}

.bookable .wrap {
    position: relative;
    display: block;
}

.bookable .title {
    margin-right: 170px;
    margin-bottom: 0.5em;
    line-height: normal
}

.row .bookable {
    width: 590px !important;
    margin-left: 10px
}

.pricebar {
    display: block;
    margin: 1em 0;
    position: absolute;
    top: -10px;
    right: 10px;
}

.pricebar b {
    background: url(images/presentation/btn_buy.png) no-repeat center right;
    float: left;
    color: white !important;
    font-size: 1em;
    padding: 0.5em 1.5em 0.5em 1em;
}

.pricebar .price {
    color: #284E37;
    float: right;
    font-size: 2em;
    width: 62px !important;
    line-height: 16px
}

.pricebar .sub {
    font-size: 0.7em;
    text-align: top;
    outline: none;
    border: none;
    color: #444;
}

.pricebar .sub br {
    display: none
}

/* */
.pricebar {
    position: absolute;
    top: 0;
    left: 0 !important;
}

.pricebar b {
    position: absolute;
    top: 0;
    left: 416px !important
}

.pricebar .price {
    color: #284E37;
    float: right;
    font-size: 2em;
    width: 62px !important;
    line-height: 23px
}

.ie7 .pricebar {
    position: absolute;
    top: 0;
    left: 0 !important;
}

.ie7 .pricebar b {
    position: absolute;
    top: -1px;
    left: 416px !important
}

/* colour accents for tabs (TBC)
	.aqua, .aqua .notch { background-color: #068489; color: #fff; border-color: #068489; }
	.orange, .orange .notch { background-color: #d64308; color: #fff; border-color: #d64308; }
	.red, .red .notch { background-color: #da082f; color: #fff; border-color: #da082f; }
	.magenta, .magenta .notch { background-color: #a70a60; color: #fff; border-color: #a70a60; }
	.green, .green .notch { background-color: #3f8105; color: #fff; border-color: #3f8105; }
	.pink, .pink .notch { background-color: #e60a82; color: #fff; border-color: #e60a82; }
	.slate, .slate .notch { background-color: #384a55; color: #fff; border-color: #384a55; }
	.trans, .trans .notch { background-color: transparent; color: #fff; border-color: transparent !important; }
*/
/* headings */
h1 {
    font-weight: normal;
    font-size: 3em;
    margin: 0em 0 0.2em 0;
    clear: both;
}

h2, li h2 {
    line-height: normal;
    font-weight: normal;
    font-size: 2.33em;
    margin: 0.7em 0 0.2em; /*clear: both;*/
}

h3 {
    font-size: 1.75em;
    margin: 1em 0 0;
}

h4 {
    font-size: 1.505em;
    margin: 1.1em 0 0.2em;
}

h5 {
    font-size: 1.35em;
    margin: 1.1em 0 0.2em;
}

h6 {
    font-size: 1.15em;
    margin: 1.1em 0 0.2em;
}

/* Tab navigation */
	.tabs {}
	.tabs ul { background: #d9d9d7; background: -moz-linear-gradient(top, #d9d9d7 0%, #dbdbd9 2%, #e7e6e4 11%, #cecac7 46%, #ada8a4 73%, #9f9a94 80%, #ffffff 80%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d7), color-stop(2%,#dbdbd9), color-stop(11%,#e7e6e4), color-stop(46%,#cecac7), color-stop(73%,#ada8a4), color-stop(80%,#9f9a94), color-stop(80%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d9d9d7 0%,#dbdbd9 2%,#e7e6e4 11%,#cecac7 46%,#ada8a4 73%,#9f9a94 80%,#ffffff 80%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d9d9d7 0%,#dbdbd9 2%,#e7e6e4 11%,#cecac7 46%,#ada8a4 73%,#9f9a94 80%,#ffffff 80%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d9d9d7 0%,#dbdbd9 2%,#e7e6e4 11%,#cecac7 46%,#ada8a4 73%,#9f9a94 80%,#ffffff 80%); /* IE10+ */ background: linear-gradient(top, #d9d9d7 0%,#dbdbd9 2%,#e7e6e4 11%,#cecac7 46%,#ada8a4 73%,#9f9a94 80%,#ffffff 80%); /* W3C */  background-color: transparent; -webkit-border-radius: 1px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 1px; -moz-border-radius-topleft: 5px; border-radius: 5px 5px 0 0; border-top-right-radius: 5px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; }
	.tabs li { font-size: 1.15em; line-height: 1.05em;background: #e6e6e6;  background: -moz-linear-gradient(top,  #e6e6e6 0%, #eeeeee 2%, #f9f9f9 7%, #fdfdfd 11%, #f3f3f3 45%, #efeeec 57%, #e3e3e1 91%, #e3dfde 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(2%,#eeeeee), color-stop(7%,#f9f9f9), color-stop(11%,#fdfdfd), color-stop(45%,#f3f3f3), color-stop(57%,#efeeec), color-stop(91%,#e3e3e1), color-stop(100%,#e3dfde)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #e6e6e6 0%,#eeeeee 2%,#f9f9f9 7%,#fdfdfd 11%,#f3f3f3 45%,#efeeec 57%,#e3e3e1 91%,#e3dfde 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #e6e6e6 0%,#eeeeee 2%,#f9f9f9 7%,#fdfdfd 11%,#f3f3f3 45%,#efeeec 57%,#e3e3e1 91%,#e3dfde 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #e6e6e6 0%,#eeeeee 2%,#f9f9f9 7%,#fdfdfd 11%,#f3f3f3 45%,#efeeec 57%,#e3e3e1 91%,#e3dfde 100%); /* IE10+ */ background: linear-gradient(top,  #e6e6e6 0%,#eeeeee 2%,#f9f9f9 7%,#fdfdfd 11%,#f3f3f3 45%,#efeeec 57%,#e3e3e1 91%,#e3dfde 100%); /* W3C */  }
	.tabs li, .tabs li a { background-color: transparent; }
	/* tab hover/focus/selected */
	.tabs li:hover, .tabs li:focus, .tabs li.focus, .tabs li.on, .tabs li.tabhome_on, .tabbed .tabs li:hover { border-right: 1px solid #40662D; background: #577d26;  background: -moz-linear-gradient(top, #577d26 0%, #5b862a 5%, #5c872d 14%, #59842b 20%, #2d5435 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#577d26), color-stop(5%,#5b862a), color-stop(14%,#5c872d), color-stop(20%,#59842b), color-stop(100%,#2d5435)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #577d26 0%,#5b862a 5%,#5c872d 14%,#59842b 20%,#2d5435 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #577d26 0%,#5b862a 5%,#5c872d 14%,#59842b 20%,#2d5435 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #577d26 0%,#5b862a 5%,#5c872d 14%,#59842b 20%,#2d5435 100%); /* IE10+ */ background: linear-gradient(top, #577d26 0%,#5b862a 5%,#5c872d 14%,#59842b 20%,#2d5435 100%); /* W3C */  }
	/* rounded first and last itens */
	.tabs li:first-child, .tabs li:first-child a { -webkit-border-radius: 3px 1px 1px 0px !important; -moz-border-radius: 3px 1px 1px 0px !important; border-radius: 3px 1px 1px 0px !important; }
	.tabs li:last-child, .tabs li:last-child a { -webkit-border-radius: 1px 3px 0px 1px !important; -moz-border-radius: 1px 3px 0px 1px !important; border-radius: 1px 3px 0px 1px !important; }

	/* homeicon */
	.tabs li.tab1, .tabs li.tab1_on { }
	.tabs li.tab1 { }
	.tabs li.tab1 a { width: 73px; height: 3.05em; padding: 0; display: block; padding: 0; margin: 0; background: url(images/presentation/home2.gif) no-repeat 50% 50% !important; }
	.tabs li.tab1.on a,.tabs li.tab1 a:hover,.tabs li.tab1.focus a {background: url(images/presentation/home.gif) no-repeat 50% 50% !important; }
	.tabs li.tab1 a span, .tabs li.tab1_on a span { text-indent: -9999em; }
	/* hide non numbered tabs*/
	.tabs .tab { left: -999em; position: absolute; top: -999em; }
	
/* tab widths & notch positioning (number = PAGEID)*/
	.tab1 { width: 73px;margin-left:1px }
	.tab2 { width: 144px; }
	.tab4 { width: 107px; }
	.tab83 { width: 101px; height: 33px;padding-top: 9px;} 
	.tab2243 { width: 101px; height: 33px;padding-top: 9px;}
	
@media screen and (-webkit-min-device-pixel-ratio:0) {
 	.tab83 { width: 101px; height: 32px;padding-top: 9px;}
	.tab2243 { width: 101px; height: 32px;padding-top: 9px;}
}
	.tab6 { width: 162px; }
	.tab8 { width: 106px; }
	.tab3 { width: 146px; }
	.tab5 { width: 80px; }
	.tab1 .notch { left: 30px; }
	.tab2 .notch { left: 70px; }
	.tab4 .notch { left: 48px; }
	.tab83 .notch { left: 40px; }
	.tab6 .notch { left: 73px; }
	.tab8 .notch { left: 42px; }
	.tab3 .notch { left: 65px; }
	.tab5 .notch { left: 35px; }

	.tab2844{display:none !important}

/* subtabs (mega)  */
ul.toptabs {
    overflow: visible;
    height: 3.5em
}

.subtabs {
    display: none;
}

ul.toptabs li:hover .subtabs {
    display: block;
}

.subtabs {
    position: absolute;
    z-index: 110;
    background: #fff none !important;
    padding: 20px;
    font-size: 1em;
    border: 10px solid #CCC;
    border: 10px solid rgb(0, 0, 0);
    border: 10px solid rgba(0, 0, 0, 0.2);
    border-radius: 0 0 10px 10px !important;
    ms-border-radius: 0 0 10px 10px;
    moz-border-radius: 0 0 10px 10px;
    border-top-width: 0;
    -moz-background-clip: padding; /* Firefox 3.6 */
    -webkit-background-clip: padding; /* Safari 4? Chrome 6? */
    background-clip: padding-box;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);

}

/* mega menu columns */
.subtabs {
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -o-column-count: 3;
    -o-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}

/* reset for the sub items  width:200px;*/
/* <li> */
.on .subtabs li,
.on .subtabs li:hover,
.subtabs li,
.subtabs li:hover {
    color: #015E8C !important;
    border: none !important;
    background: none !important;
    position: static;
    display: block;
    float: none;
    font-size: 0.95em;
}

/* <a> */
.on .subtabs a {
    color: #665C53 !important;
    overflow: hidden;
    border: none;
    background: none !important;
    position: static;
    display: inline-block;
    float: none;
    padding: 0.3em 0.3em 0.3em 0.8em !important;
    line-height: normal
}

.subtabs li a {
    color: #665C53 !important;
    overflow: hidden;
    border: none;
    background: none !important;
    position: static;
    display: inline-block;
    float: none;
    line-height: normal
}

.subtabs li a:hover,
.on .subtabs a:hover {
/* background-color: #D8EFF5 !important;
color: #015E8C !important;*/
    text-decoration: underline;
}

/* fix for oldies & ie9*/
.ie9 div.subtabs ul,
.oldie div.subtabs ul {
    width: 32%;
    float: left
}

/* position/width the megamenu for each top tab */
/*.tab0  ul.toptabs { width: 73px; }*/
#mainnav li .subtabs {
    margin-top: 1px;
    width: 600px
}

#mainnav li:nth-child(2) .subtabs {
    left: 0px;

}

#mainnav li:nth-child(3) .subtabs {
    left: -123px

}

#mainnav li:nth-child(4) .subtabs {
    left: -112px;

}

#mainnav li:nth-child(5) .subtabs {
    right: -284px;

}

#mainnav li:nth-child(6) .subtabs {
    right: -234px;

}

#mainnav li:nth-child(7) .subtabs {
    right: -87px;

}

#mainnav li:nth-child(8) .subtabs {
    right: -2px;

}

/*in-content tabs*/
.tabbed .tabs li {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(240, 240, 241)), color-stop(1, rgb(225, 226, 227)));
    background-image: -moz-linear-gradient(center bottom, rgb(240, 240, 241) 0%, rgb(225, 226, 227) 100%);
    -moz-border-radius: 1px;
    border-radius: 1px;
    -moz-box-shadow: inset -6px -10px 8px -6px #D2D3D5;
    -webkit-box-shadow: inset -6px -10px 8px -6px #D2D3D5;
    box-shadow: inset -6px -10px 8px -6px #D2D3D5;
}

.tabbed .tabs li a {
    -moz-box-shadow: inset -1px -1px 1px #D2D3D5, inset 1px 0px 1px #D2D3D5;
    -webkit-box-shadow: inset -1 -1 1px #D2D3D5, inset 1 0 1px #D2D3D5;
    box-shadow: inset -1px -1px 1px #D2D3D5, inset 1px 0px 1px #D2D3D5;
}

.tabbed .tabs .on a, .tabbed .tabs .on a:hover, .tabbed .tabs li a:hover {
    color: #fff;
    -moz-box-shadow: inset -1px -1px 1px #CF0975, inset 1px 0px 1px #8C064F;
    -webkit-box-shadow: inset -1 -1 1px #CF0975, inset 1 0 1px #8C064F;
    box-shadow: inset -1px -1px 1px #CF0975, inset 1px 0px 1px #8C064F;
}

.tabbedpage .tabs {
    height: 3.15em;
    border-bottom: 1px solid #D1D0CC;
    background-image: none;
    background: #eaeaea;
    background: -moz-radial-gradient(bottom, ellipse cover, #eaeaea 0%, #ffffff 60%); /* FF3.6+ */
    background: -webkit-gradient(radial, bottom center, 0px, center center, 60%, color-stop(0%, #eaeaea), color-stop(20%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(bottom, ellipse cover, #eaeaea 0%, #ffffff 60%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(top, ellipse cover, #eaeaea 0%, #ffffff 60%); /* Opera 12+ */
    background: -ms-radial-gradient(bottom, ellipse cover, #eaeaea 0%, #ffffff 60%); /* IE10+ */
    background: radial-gradient(bottom, ellipse cover, #eaeaea 0%, #ffffff 60%); /* W3C */
    -webkit-box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.1) inset;
}

.tabbedpage .tabs ul {
    font-size: 0.8em;
    display: inline-block
}

.tabbedpage .tabs li {
    width: 75.5px;
}

.tabbedpage .tabs li a {
    height: 2.2em;
}

.tabbedpage .tabs li a {
    padding: 8px 2px 5px;
    font-weight: bold;
}

.tabbedpage .tabs li .notch {
    z-index: 60
}

/* design accents */
#contentwrap {
    background-image: url(images/presentation/vdash.gif);
    background-position: 640px 0;
    background-repeat: repeat-y
}

.full #contentwrap {
    background-image: none
}

.contentPane .list {
    padding: 1em;
    border: 1px dashed #C2BEBB;
    border-radius: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.box .content, .bottomPane {
    padding-bottom: 10px;
    border-bottom: 1px dashed #C2BEBB;
}

.language {
    background: #665C53 url(images/presentation/LVRPAlogo.png) no-repeat 780px 24px
}

.language li a {
    background: url(images/presentation/flags.png) no-repeat 0 0;
}

li.ar a {
    background-position: 0 -0
}

li.zh-tw a {
    background-position: 0 -25px
}

li.cs a {
    background-position: 0 -50px
}

li.fr a {
    background-position: 0 -75px
}

li.de a {
    background-position: 0 -100px
}

li.el a {
    background-position: 0 -125px
}

li.hi a {
    background-position: 0 -150px
}

li.it a {
    background-position: 0 -175px
}

li.ja a {
    background-position: 0 -200px
}

li.pl a {
    background-position: 0 -225px
}

li.pt a {
    background-position: 0 -250px
}

li.ru a {
    background-position: 0 -275px
}

li.es a {
    background-position: 0 -300px
}

li.vi a {
    background-position: 0 -325px
}

#hyperlang {
    display: inline-block;
    width: 60px
}

.arrow {
    background: url(images/presentation/arrow.gif) no-repeat;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    display: inline-block;
    overflow: hidden;
    text-indent: 12px;
}

/* with arrow, sets direction eg < class="arrow up"> */
.up {
    background-position: 0 -88px;
}

.down {
    background-position: 0 -58px;
}

.lt {
    background-position: 0 -30px;
}

.gt {
    background-position: 0 0;
}

/* buttons types */
.find {
    background-image: url(images/presentation/mag_small.png);
    background-repeat: no-repeat;
    background-position: right 0.45em;
    padding: 0.3em 2em 0.3em 0.8em !important;
}

.sign {
    color: #fff !important;
    background-image: url(images/presentation/envelope.png);
    background-repeat: no-repeat;
    background-position: right 0.55em;
    padding: 0.5em 3.3em 0.5em 0.8em !important;
}

/* search result /event styling */
ul.results li {
    background: none;
    margin: 0.5em 0
}

ul.results li a {
    font-weight: normal !important;
}

time {
    color: #444;
    display: block;
    font-size: 0.93em;
    text-decoration: none;
    font-weight: bold;
}

#refs {
    height: 2.8em
}

#refs ul {
}

/* footer sitemap */
.sitemap a {
    color: #665C53;
}

/* actual sitemap (en/sitemap.aspx) */
.treeview .root > a, .treeview .rootorphan > a {
    font-family: "FS Albert Web Thin", Arial, Helvetica, sans-serif;
    font-size: 2.8em;
    letter-spacing: -1px;
}

.treeview .root > ul > li:before, .treeview .rootorphan > ul > li:before {
    background: url("images/presentation/chevron.gif") no-repeat 0 0.2em;
    content: "";
    float: left;
    height: 14px;
    margin: 0 0px 0 -5px;
    width: 12px;
}

/* social links */
ul.share {
    height: 2.5em;
}

ul.share li {
    margin: 0 11px 0 0 !important;
    padding: 0 !important;
    display: block;
    float: left;
    background: none !important
}

ul.share li:before {
    display: none
}

ul.share li.add a {
    background-position: -167px 0;
    width: 70px
}

ul.share li a {
    width: 30px;
    height: 30px;
    display: block;
    background: url(images/presentation/share.png) no-repeat 0 0;
}

ul.share li.fb a {
    background-position: 0 0;
}

ul.share li.twt a {
    background-position: -41px 0 !important;
}

ul.share li.yt a {
    background-position: -82px 0 !important;
}

ul.share li.fkr a {
    background-position: -124px 0 !important;
}

ul.share li a.focus, ul.share li a:focus {
    position: relative
}

ul.share li a.focus span, ul.share li a:focus span {
    position: static;
    left: 0;
    width: auto;
    background-color: #015e8c;
    color: #fff !important;
}

ul.share li a .external {
    display: none !important
}

/* ## PLACE TO VISIT */
div.awards {
    text-align: right;
    margin: 1em 0
}

div.awards img {
    margin-left: 10px
}

.ticklist li {
    padding-left: 0 !important;
    background: none !important
}

.ticklist li:before {
    font-weight: bold;
    color: green;
    margin-right: 8px;
}

ol.ticklist li {
    list-style-type: none
}

/* ##  ITINERARY ---------------------

    /* box styles and itinerary tool pages */
.trip {
    padding-top: 1em;
    background: #fafafa;
    background: -moz-linear-gradient(top, #fafafa 0%, #ffffff 2%, #fdfdfd 16%, #f3f3f1 62%, #eeeeee 92%, #ededeb 99%, #ebebe9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(2%, #ffffff), color-stop(16%, #fdfdfd), color-stop(62%, #f3f3f1), color-stop(92%, #eeeeee), color-stop(99%, #ededeb), color-stop(100%, #ebebe9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fafafa 0%, #ffffff 2%, #fdfdfd 16%, #f3f3f1 62%, #eeeeee 92%, #ededeb 99%, #ebebe9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fafafa 0%, #ffffff 2%, #fdfdfd 16%, #f3f3f1 62%, #eeeeee 92%, #ededeb 99%, #ebebe9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fafafa 0%, #ffffff 2%, #fdfdfd 16%, #f3f3f1 62%, #eeeeee 92%, #ededeb 99%, #ebebe9 100%); /* IE10+ */
    background: linear-gradient(top, #fafafa 0%, #ffffff 2%, #fdfdfd 16%, #f3f3f1 62%, #eeeeee 92%, #ededeb 99%, #ebebe9 100%); /* W3C */
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05) inset;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* My itinerary page (/my-lvrp)*/
li.trip {
    padding: 1em !important
}

/* end */
.trip .content {
    border-bottom: none;
    margin: 0 20px !important
}

.trip h4 {
    font-size: 1.3em;
    margin-top: 0
}

/* shortlist in RHC  */
h3.add {
    margin: 0 0 0 -18px;
    background: url(images/presentation/lnk_add.gif) no-repeat;
    padding: 0px 0 15px 0;
}

h3.add a {
    padding: 0 0 0 70px;
}

.menu {
}

.mnuover {
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05) inset;
    border: 1px solid #efefef;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#ddlshortlists {
    position: relative;
    height: 14px;
    background-position: 0 -55px;
    border: 1px solid transparent;
}

#trips {
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
    width: 230px;
    position: absolute;
    left: -999em;
    top: -999 emem;
    font-weight: normal;
}

#trips li {
    background-color: #fff;
    border: 1px solid #efefef;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#trips li a {
    padding: 0.5em 0.7em;
    display: block;
}

#trips li a:hover {
    background: #016599;
    color: #fff !important
}

a.delete {
    margin-left: -8px !important;
    display: block;
    float: left;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset !important;
    background-image: url(images/presentation/delete.png);
    background-repeat: no-repeat;
    width: 16px;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) inset;
    font-size: 0px;
}

a.button[data-default="0"] {
    background-color: #999 !important
}

.tripitem {
    display: block;
    margin-left: 1em
}

.tripitem .delete {
    height: 16px;
    margin-top: 3px;
}

.disabled a.tripitem, .disabled a.tripitem :hover {
    color: #999 !important;
    text-decoration: none !important;
}

/* itineray map page */
.inline-edit {
}

.inline-edit .form {
    text-align: left;
    display: none;
}

.inline-edit .form #txtEditTitle {
    border: none;
    background: transparent;
    width: 90%;
    font-size: 3em
}

.inline-edit .form #txtEditNotes {
    border: none;
    background: transparent;
    width: 90%;
    font-size: 1.33em
}

.inline-edit h1 {
    width: auto
}

.inline-edit .editable:after {
    width: 1em;
    height: 1em;
    content: " ";
    display: inline-block;
    background: url(images/presentation/edit_off.gif) no-repeat center left;
    padding: 0.1em
}

.inline-edit .inline-hover {
    cursor: pointer
}

.inline-edit .editable.inline-hover:after {
    width: 1em;
    height: 1em;
    content: " ";
    display: inline-block;
    background: url(images/presentation/edit.gif) no-repeat center left;
    padding: 0.1em
}

.itinbuttons {
    width: 150px
}

#ItineraryItemsList {
}

#ItineraryItemsList li {
    margin: 0.5em 0
}

#ItineraryItemsList li a.item {
    width: 550px;
    float: left;
    display: inline-block
}

#ItineraryItemsList li .commands {
    width: 100px;
    float: left;
    margin: 0.5em;
    text-align: right;
    display: inline-block;
    position: relative
}

#ItineraryItemsList li .right {
    width: 220px;
    float: left;
    padding: 0.3em;
    display: inline-block
}

#ItineraryItemsList li .commands .up {
    position: absolute;
    top: 0.3em;
    left: 0.3em
}

#ItineraryItemsList li .commands .down {
    position: absolute;
    bottom: 0.3em;
    left: 0.3em
}

#ItineraryItemsList li .commands .pin {
    margin: 0.3em 0 0.5em
}

#itinMap {
    height: 500px;
    position: relative;
}

#itinMap .loader {
    opacity: 0.5;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
    height: 200px;
    width: 200px;
    text-indent: 250px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url(images/presentation/spinner.png);
    -webkit-mask-image: url(images/presentation/spinner.png);

    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

@-webkit-keyframes spinnerRotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spinnerRotate {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes spinnerRotate {
    from {
        -ms-transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
    }
}

/* autosuggest extract */
.ui-autocomplete {
    padding: 0;
    list-style: none;
    background-color: #fff;
    width: 218px;
    border: 1px solid #B0BECA;
    max-height: 350px;
    overflow-y: scroll;
}

.ui-autocomplete .ui-menu-item a {
    text-align: left;
    font-size: 1.2em;
    border-top: 1px solid #B0BECA;
    display: block;
    padding: 4px 6px;
    color: #353D44;
    cursor: pointer;
}

.ui-autocomplete .ui-menu-item:first-child a {
    border-top: none;
}

.ui-autocomplete .ui-menu-item a.ui-state-hover {
    background-color: #D5E5F4;
    color: #161A1C;
}

.ui-autocomplete {
    box-shadow: 0 2px 12px #efefef;
    -webkit-box-shadow: 0 2px 12px #efefef;
    -moz-box-shadow: 0 2px 12px #efefef;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/* ## PAGE THEMES ------------------------------ */

/* 	ITEMS: headings, carousel panel, <dt> date on listings, profile img borders, bullet icon, ribbon headings, in-page tabs 
	change with themes */
.panel {
    text-shadow: #444 0px 1px 1px;
}

/* primary brand */
.heading h1, .brandfont {
    color: #284e36
}

.panel {
    background-color: #284e36
}

.list dl dt {
    background-color: #284e36;
    color: #fff;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    padding: 0.2em 2.2em 0.2em 0.3em;
    position: relative;
}

.list dl dt span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    border: 0.84em solid #fff;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.list dl dd {
}

.img {
    border-color: #284e36
}

.cms ul li:before {
    background: url(images/presentation/chevron.gif) no-repeat 0 0.1em;
}

.form .send input, a.button {
    background-color: #038EC5;
    color: #fff !important;
}

/* education */
.edu .heading h1, .edu.brandfont {
    color: #284e36
}

.edu .panel,
li.edu .panel, .edu dl dt, dt.edu, .edu .form .send input, .edu a.button {
    background-color: #a5d867;
}

.edu .img,
li.edu img.img {
    border-color: #a5d867
}

.edu .bookable, .edu.bookable {
    outline-color: #a5d867
}

.edu .cms ul li:before, .cms .edu ul li:before {
    background: url(images/presentation/chevron_edu.gif) no-repeat 0 0.1em;
}

.edu .ribbon h2.brandfont {
    background-image: url(images/presentation/curlybrace.png), -moz-linear-gradient(top, rgba(70, 110, 48, 1) 0%, rgba(48, 88, 53, 1) 67%, rgba(40, 78, 53, 1) 100%); /* FF3.6+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(70, 110, 48, 1)), color-stop(67%, rgba(48, 88, 53, 1)), color-stop(100%, rgba(40, 78, 53, 1))); /* Chrome,Safari4+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-linear-gradient(top, rgba(70, 110, 48, 1) 0%, rgba(48, 88, 53, 1) 67%, rgba(40, 78, 53, 1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: url(images/presentation/curlybrace.png), -o-linear-gradient(top, rgba(70, 110, 48, 1) 0%, rgba(48, 88, 53, 1) 67%, rgba(40, 78, 53, 1) 100%); /* Opera 11.10+ */
    background-image: url(images/presentation/curlybrace.png), -ms-linear-gradient(top, rgba(70, 110, 48, 1) 0%, rgba(48, 88, 53, 1) 67%, rgba(40, 78, 53, 1) 100%); /* IE10+ */
    background-image: url(images/presentation/curlybrace.png), linear-gradient(top, rgba(70, 110, 48, 1) 0%, rgba(48, 88, 53, 1) 67%, rgba(40, 78, 53, 1) 100%); /* W3C */
}

.edu .tabbedpage .tabs li:hover, .edu .tabbedpage .tabs li.on {
    background: -moz-linear-gradient(top, rgba(70, 110, 48, 1) 0%, rgba(48, 88, 53, 1) 67%, rgba(40, 78, 53, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(70, 110, 48, 1)), color-stop(67%, rgba(48, 88, 53, 1)), color-stop(100%, rgba(40, 78, 53, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(70, 110, 48, 1) 0%, rgba(48, 88, 53, 1) 67%, rgba(40, 78, 53, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(70, 110, 48, 1) 0%, rgba(48, 88, 53, 1) 67%, rgba(40, 78, 53, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(70, 110, 48, 1) 0%, rgba(48, 88, 53, 1) 67%, rgba(40, 78, 53, 1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(70, 110, 48, 1) 0%, rgba(48, 88, 53, 1) 67%, rgba(40, 78, 53, 1) 100%); /* W3C */
    border-right: 1px solid #274D34;
}

.edu .tabbedpage .notch {
    border-top-color: #274D34;
}

/* New kids */

.farmbg .heading h1, .farmbg .brandfont {
    color: #c75b12
}

.farmbg .panel,
li.farmbg .panel, .farmbg dl dt, farmbg.dt, .farmbg .form .send input, .farmbg a.button {
    background-color: #c75b12
}

.farmbg .img,
li.farmbg img.img {
    border-color: #fed100
}

.farmbg .bookable, .farmbg.bookable {
    outline-color: #fed100
}

.farmbg .cms ul li:before, .cms .farmbg ul li:before {
    background: url(images/presentation/chevron_far.gif) no-repeat 0 0.1em;
}

.farmbg .ribbon h2.brandfont {
    background-image: url(images/presentation/curlybrace.png), -moz-linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* FF3.6+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(199, 91, 18, 1)), color-stop(76%, rgba(156, 66, 4, 1)), color-stop(100%, rgba(147, 61, 2, 1))); /* Chrome,Safari4+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: url(images/presentation/curlybrace.png), -o-linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* Opera 11.10+ */
    background-image: url(images/presentation/curlybrace.png), -ms-linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* IE10+ */
    background-image: url(images/presentation/curlybrace.png), linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* W3C */
}

.farmbg .tabbedpage .tabs li:hover, .farmbg .tabbedpage .tabs li.on {
    background: -moz-linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(199, 91, 18, 1)), color-stop(76%, rgba(156, 66, 4, 1)), color-stop(100%, rgba(147, 61, 2, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* W3C */
    border-right: 1px solid #933D02;
}

.farmbg .tabbedpage .notch {
    border-top-color: #933D02;
}

/* Farm /Family */
.far .heading h1, .far .brandfont {
    color: #c75b12 !important
}

.far .panel,
li.far .panel, .far dl dt, far.dt, .far .form .send input, .far a.button {
    background-color: #c75b12
}

.far .img,
li.far img.img {
    border-color: #fed100
}

.far .bookable, .far.bookable {
    outline-color: #fed100
}

.far .cms ul li:before, .cms .far ul li:before {
    background: url(images/presentation/chevron_far.gif) no-repeat 0 0.1em;
}

.far .ribbon h2.brandfont {
    background-image: url(images/presentation/curlybrace.png), -moz-linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* FF3.6+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(199, 91, 18, 1)), color-stop(76%, rgba(156, 66, 4, 1)), color-stop(100%, rgba(147, 61, 2, 1))); /* Chrome,Safari4+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: url(images/presentation/curlybrace.png), -o-linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* Opera 11.10+ */
    background-image: url(images/presentation/curlybrace.png), -ms-linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* IE10+ */
    background-image: url(images/presentation/curlybrace.png), linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* W3C */
}

.far .tabbedpage .tabs li:hover, .far .tabbedpage .tabs li.on {
    background: -moz-linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(199, 91, 18, 1)), color-stop(76%, rgba(156, 66, 4, 1)), color-stop(100%, rgba(147, 61, 2, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(199, 91, 18, 1) 0%, rgba(156, 66, 4, 1) 76%, rgba(147, 61, 2, 1) 100%); /* W3C */
    border-right: 1px solid #933D02;
}

.far .tabbedpage .notch {
    border-top-color: #933D02;
}

/* Fishing */
.fis .heading h1, .fis .brandfont {
    color: #008542
}

.fis .panel,
li.fis .panel, .fis dl dt, dt.fis, .fis .form .send input, .fis a.button {
    background-color: #008542
}

.fis .img,
li.fis img.img {
    border-color: #00c0b5
}

.fis .bookable, .fis.bookable {
    outline-color: #00c0b5
}

.fis .cms ul li:before, .cms .fis ul li:before {
    background: url(images/presentation/chevron_fis.gif) no-repeat 0 0.1em;
}

.fis .ribbon h2.brandfont {
    background-image: url(images/presentation/curlybrace.png), -moz-linear-gradient(top, rgba(1, 130, 65, 1) 0%, rgba(21, 108, 53, 1) 75%, rgba(26, 103, 51, 1) 100%); /* FF3.6+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1, 130, 65, 1)), color-stop(75%, rgba(21, 108, 53, 1)), color-stop(100%, rgba(26, 103, 51, 1))); /* Chrome,Safari4+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-linear-gradient(top, rgba(1, 130, 65, 1) 0%, rgba(21, 108, 53, 1) 75%, rgba(26, 103, 51, 1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: url(images/presentation/curlybrace.png), -o-linear-gradient(top, rgba(1, 130, 65, 1) 0%, rgba(21, 108, 53, 1) 75%, rgba(26, 103, 51, 1) 100%); /* Opera 11.10+ */
    background-image: url(images/presentation/curlybrace.png), -ms-linear-gradient(top, rgba(1, 130, 65, 1) 0%, rgba(21, 108, 53, 1) 75%, rgba(26, 103, 51, 1) 100%); /* IE10+ */
    background-image: url(images/presentation/curlybrace.png), linear-gradient(top, rgba(1, 130, 65, 1) 0%, rgba(21, 108, 53, 1) 75%, rgba(26, 103, 51, 1) 100%); /* W3C */
}

.fis .tabbedpage .tabs li:hover, .fis .tabbedpage .tabs li.on {
    background: -moz-linear-gradient(top, rgba(1, 130, 65, 1) 0%, rgba(21, 108, 53, 1) 75%, rgba(26, 103, 51, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1, 130, 65, 1)), color-stop(75%, rgba(21, 108, 53, 1)), color-stop(100%, rgba(26, 103, 51, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(1, 130, 65, 1) 0%, rgba(21, 108, 53, 1) 75%, rgba(26, 103, 51, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(1, 130, 65, 1) 0%, rgba(21, 108, 53, 1) 75%, rgba(26, 103, 51, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(1, 130, 65, 1) 0%, rgba(21, 108, 53, 1) 75%, rgba(26, 103, 51, 1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(1, 130, 65, 1) 0%, rgba(21, 108, 53, 1) 75%, rgba(26, 103, 51, 1) 100%); /* W3C */
    border-right: 1px solid #1A6733;
}

.fis .tabbedpage .notch {
    border-top-color: #1A6733;
}

/* Heritage */
.her .heading h1, .her .brandfont {
    color: #59827b
}

.her .panel,
li.her .panel, .her dl dt, dt.her, .her .form .send input, .her a.button {
    background-color: #59827b
}

.her .img,
li.her img.img {
    border-color: #bfbe9c
}

.her .bookable, .her.bookable {
    outline-color: #bfbe9c
}

.her .cms ul li:before, .cms .her ul li:before {
    background: url(images/presentation/chevron_her.gif) no-repeat 0 0.1em;
}

.her .ribbon h2.brandfont {
    background-image: url(images/presentation/curlybrace.png), -moz-linear-gradient(top, rgba(89, 130, 124, 1) 0%, rgba(62, 107, 100, 1) 75%, rgba(55, 102, 94, 1) 100%); /* FF3.6+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(89, 130, 124, 1)), color-stop(75%, rgba(62, 107, 100, 1)), color-stop(100%, rgba(55, 102, 94, 1))); /* Chrome,Safari4+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-linear-gradient(top, rgba(89, 130, 124, 1) 0%, rgba(62, 107, 100, 1) 75%, rgba(55, 102, 94, 1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: url(images/presentation/curlybrace.png), -o-linear-gradient(top, rgba(89, 130, 124, 1) 0%, rgba(62, 107, 100, 1) 75%, rgba(55, 102, 94, 1) 100%); /* Opera 11.10+ */
    background-image: url(images/presentation/curlybrace.png), -ms-linear-gradient(top, rgba(89, 130, 124, 1) 0%, rgba(62, 107, 100, 1) 75%, rgba(55, 102, 94, 1) 100%); /* IE10+ */
    background-image: url(images/presentation/curlybrace.png), linear-gradient(top, rgba(89, 130, 124, 1) 0%, rgba(62, 107, 100, 1) 75%, rgba(55, 102, 94, 1) 100%); /* W3C */
}

.her .tabbedpage .tabs li:hover, .her .tabbedpage .tabs li.on {
    background: -moz-linear-gradient(top, rgba(89, 130, 124, 1) 0%, rgba(62, 107, 100, 1) 75%, rgba(55, 102, 94, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(89, 130, 124, 1)), color-stop(75%, rgba(62, 107, 100, 1)), color-stop(100%, rgba(55, 102, 94, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(89, 130, 124, 1) 0%, rgba(62, 107, 100, 1) 75%, rgba(55, 102, 94, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(89, 130, 124, 1) 0%, rgba(62, 107, 100, 1) 75%, rgba(55, 102, 94, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(89, 130, 124, 1) 0%, rgba(62, 107, 100, 1) 75%, rgba(55, 102, 94, 1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(89, 130, 124, 1) 0%, rgba(62, 107, 100, 1) 75%, rgba(55, 102, 94, 1) 100%); /* W3C */
    border-right: 1px solid #37665E;
}

.her .tabbedpage .notch {
    border-top-color: #37665E;
}

/* Accomodation */
.acc .heading h1, .acc .brandfont {
    color: #4f2d7f
}

.acc .panel,
li.acc .panel, .acc dl dt, dt.acc, .acc .form .send input, .acc a.button {
    background-color: #4f2d7f
}

.acc .img,
li.acc img.img {
    border-color: #b634bb
}

.acc .bookable, .acc.bookable {
    outline-color: #b634bb
}

.acc .cms ul li:before, .cms .acc ul li:before {
    background: url(images/presentation/chevron_acc.gif) no-repeat 0 0.1em;
}

.acc .ribbon h2.brandfont {
    background-image: url(images/presentation/curlybrace.png), -moz-linear-gradient(top, rgba(116, 58, 160, 1) 0%, rgba(85, 47, 132, 1) 78%, rgba(79, 46, 127, 1) 100%); /* FF3.6+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(116, 58, 160, 1)), color-stop(78%, rgba(85, 47, 132, 1)), color-stop(100%, rgba(79, 46, 127, 1))); /* Chrome,Safari4+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-linear-gradient(top, rgba(116, 58, 160, 1) 0%, rgba(85, 47, 132, 1) 78%, rgba(79, 46, 127, 1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: url(images/presentation/curlybrace.png), -o-linear-gradient(top, rgba(116, 58, 160, 1) 0%, rgba(85, 47, 132, 1) 78%, rgba(79, 46, 127, 1) 100%); /* Opera 11.10+ */
    background-image: url(images/presentation/curlybrace.png), -ms-linear-gradient(top, rgba(116, 58, 160, 1) 0%, rgba(85, 47, 132, 1) 78%, rgba(79, 46, 127, 1) 100%); /* IE10+ */
    background-image: url(images/presentation/curlybrace.png), linear-gradient(top, rgba(116, 58, 160, 1) 0%, rgba(85, 47, 132, 1) 78%, rgba(79, 46, 127, 1) 100%); /* W3C */
}

.acc .tabbedpage .tabs li:hover, .acc .tabbedpage .tabs li.on {
    background: -moz-linear-gradient(top, rgba(116, 58, 160, 1) 0%, rgba(85, 47, 132, 1) 78%, rgba(79, 46, 127, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(116, 58, 160, 1)), color-stop(78%, rgba(85, 47, 132, 1)), color-stop(100%, rgba(79, 46, 127, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(116, 58, 160, 1) 0%, rgba(85, 47, 132, 1) 78%, rgba(79, 46, 127, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(116, 58, 160, 1) 0%, rgba(85, 47, 132, 1) 78%, rgba(79, 46, 127, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(116, 58, 160, 1) 0%, rgba(85, 47, 132, 1) 78%, rgba(79, 46, 127, 1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(116, 58, 160, 1) 0%, rgba(85, 47, 132, 1) 78%, rgba(79, 46, 127, 1) 100%); /* W3C */
    border-right: 1px solid #4F2E7F;
}

.acc .tabbedpage .notch {
    border-top-color: #4F2E7F;
}

/* Nature/ wildlife */
.nat .heading h1, .nat .brandfont {
    color: #8dbb01
}

.nat .panel,
li.nat .panel, .nat dl dt, dt.nat, .nat .form .send input, .nat a.button {
    background-color: #8dbb01
}

.nat .img,
li.nat img.img {
    border-color: #a3dbe8
}

.nat .bookable, .nat.bookable {
    outline-color: #a3dbe8
}

.nat .cms ul li:before, .cms .nat ul li:before {
    background: url(images/presentation/chevron_nat.gif) no-repeat 0 0.1em;
}

.nat .ribbon h2.brandfont {
    background-image: url(images/presentation/curlybrace.png), -moz-linear-gradient(top, rgba(112, 147, 1, 1) 0%, rgba(108, 143, 1, 1) 22%, rgba(91, 120, 1, 1) 73%, rgba(84, 112, 1, 1) 100%); /* FF3.6+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(112, 147, 1, 1)), color-stop(22%, rgba(108, 143, 1, 1)), color-stop(73%, rgba(91, 120, 1, 1)), color-stop(100%, rgba(84, 112, 1, 1))); /* Chrome,Safari4+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-linear-gradient(top, rgba(112, 147, 1, 1) 0%, rgba(108, 143, 1, 1) 22%, rgba(91, 120, 1, 1) 73%, rgba(84, 112, 1, 1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: url(images/presentation/curlybrace.png), -o-linear-gradient(top, rgba(112, 147, 1, 1) 0%, rgba(108, 143, 1, 1) 22%, rgba(91, 120, 1, 1) 73%, rgba(84, 112, 1, 1) 100%); /* Opera 11.10+ */
    background-image: url(images/presentation/curlybrace.png), -ms-linear-gradient(top, rgba(112, 147, 1, 1) 0%, rgba(108, 143, 1, 1) 22%, rgba(91, 120, 1, 1) 73%, rgba(84, 112, 1, 1) 100%); /* IE10+ */
    background-image: url(images/presentation/curlybrace.png), linear-gradient(top, rgba(112, 147, 1, 1) 0%, rgba(108, 143, 1, 1) 22%, rgba(91, 120, 1, 1) 73%, rgba(84, 112, 1, 1) 100%); /* W3C */
}

.nat .tabbedpage .tabs li:hover, .nat .tabbedpage .tabs li.on {
    background: -moz-linear-gradient(top, rgba(112, 147, 1, 1) 0%, rgba(108, 143, 1, 1) 22%, rgba(91, 120, 1, 1) 73%, rgba(84, 112, 1, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(112, 147, 1, 1)), color-stop(22%, rgba(108, 143, 1, 1)), color-stop(73%, rgba(91, 120, 1, 1)), color-stop(100%, rgba(84, 112, 1, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(112, 147, 1, 1) 0%, rgba(108, 143, 1, 1) 22%, rgba(91, 120, 1, 1) 73%, rgba(84, 112, 1, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(112, 147, 1, 1) 0%, rgba(108, 143, 1, 1) 22%, rgba(91, 120, 1, 1) 73%, rgba(84, 112, 1, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(112, 147, 1, 1) 0%, rgba(108, 143, 1, 1) 22%, rgba(91, 120, 1, 1) 73%, rgba(84, 112, 1, 1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(112, 147, 1, 1) 0%, rgba(108, 143, 1, 1) 22%, rgba(91, 120, 1, 1) 73%, rgba(84, 112, 1, 1) 100%); /* W3C */
    border-right: 1px solid #547001;
}

.nat .tabbedpage .notch {
    border-top-color: #547001;
}

/* London 2012 */
.lon .heading h1, .lon .brandfont {
    color: #00c0b5
}

.lon .panel,
li.lon .panel, .lon dl dt, dt.lon, .lon .form .send input, .lon a.button {
    background-color: #00c0b5
}

.lon .img,
li.lon img.img {
    border-color: #fed100
}

.lon .bookable, .lon.bookable {
    outline-color: #fed100
}

.lon .cms ul li:before, .cms .lon ul li:before {
    background: url(images/presentation/chevron_lon.gif) no-repeat 0 0.1em;
}

.lon .ribbon h2.brandfont {
    background-image: url(images/presentation/curlybrace.png), -moz-linear-gradient(top, rgba(1, 142, 134, 1) 0%, rgba(0, 139, 132, 1) 12%, rgba(1, 141, 132, 1) 16%, rgba(0, 119, 113, 1) 100%); /* FF3.6+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1, 142, 134, 1)), color-stop(12%, rgba(0, 139, 132, 1)), color-stop(16%, rgba(1, 141, 132, 1)), color-stop(100%, rgba(0, 119, 113, 1))); /* Chrome,Safari4+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-linear-gradient(top, rgba(1, 142, 134, 1) 0%, rgba(0, 139, 132, 1) 12%, rgba(1, 141, 132, 1) 16%, rgba(0, 119, 113, 1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: url(images/presentation/curlybrace.png), -o-linear-gradient(top, rgba(1, 142, 134, 1) 0%, rgba(0, 139, 132, 1) 12%, rgba(1, 141, 132, 1) 16%, rgba(0, 119, 113, 1) 100%); /* Opera 11.10+ */
    background-image: url(images/presentation/curlybrace.png), -ms-linear-gradient(top, rgba(1, 142, 134, 1) 0%, rgba(0, 139, 132, 1) 12%, rgba(1, 141, 132, 1) 16%, rgba(0, 119, 113, 1) 100%); /* IE10+ */
    background-image: url(images/presentation/curlybrace.png), linear-gradient(top, rgba(1, 142, 134, 1) 0%, rgba(0, 139, 132, 1) 12%, rgba(1, 141, 132, 1) 16%, rgba(0, 119, 113, 1) 100%)
}

.lon .tabbedpage .tabs li:hover, .lon .tabbedpage .tabs li.on {
    background: -moz-linear-gradient(top, rgba(1, 142, 134, 1) 0%, rgba(0, 139, 132, 1) 12%, rgba(1, 141, 132, 1) 16%, rgba(0, 119, 113, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1, 142, 134, 1)), color-stop(12%, rgba(0, 139, 132, 1)), color-stop(16%, rgba(1, 141, 132, 1)), color-stop(100%, rgba(0, 119, 113, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(1, 142, 134, 1) 0%, rgba(0, 139, 132, 1) 12%, rgba(1, 141, 132, 1) 16%, rgba(0, 119, 113, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(1, 142, 134, 1) 0%, rgba(0, 139, 132, 1) 12%, rgba(1, 141, 132, 1) 16%, rgba(0, 119, 113, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(1, 142, 134, 1) 0%, rgba(0, 139, 132, 1) 12%, rgba(1, 141, 132, 1) 16%, rgba(0, 119, 113, 1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(1, 142, 134, 1) 0%, rgba(0, 139, 132, 1) 12%, rgba(1, 141, 132, 1) 16%, rgba(0, 119, 113, 1) 100%);
    border-right: 1px solid #007771;
}

.lon .tabbedpage .notch {
    border-top-color: #007771;
}

/* Sports & Leisure */
.spo .heading h1, .spo .brandfont {
    color: #005293
}

.spo .panel,
li.spo .panel, .spo dl dt, dl dt.spo, .spo .form .send input, .spo a.button {
    background-color: #005293;
}

.spo .img,
li.spo img.img {
    border-color: #00b9e4
}

.spo .bookable, .spo.bookable {
    outline-color: #00b9e4
}

.spo .cms ul li:before, .cms .spo ul li:before {
    background: url(images/presentation/chevron_spo.gif) no-repeat 0 0.1em;
}

.spo .ribbon h2.brandfont {
    background-image: url(images/presentation/curlybrace.png), -moz-linear-gradient(top, rgba(2, 142, 175, 1) 0%, rgba(2, 136, 173, 1) 5%, rgba(0, 126, 167, 1) 14%, rgba(0, 121, 164, 1) 20%, rgba(0, 83, 147, 1) 100%); /* FF3.6+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(2, 142, 175, 1)), color-stop(5%, rgba(2, 136, 173, 1)), color-stop(14%, rgba(0, 126, 167, 1)), color-stop(20%, rgba(0, 121, 164, 1)), color-stop(100%, rgba(0, 83, 147, 1))); /* Chrome,Safari4+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-linear-gradient(top, rgba(2, 142, 175, 1) 0%, rgba(2, 136, 173, 1) 5%, rgba(0, 126, 167, 1) 14%, rgba(0, 121, 164, 1) 20%, rgba(0, 83, 147, 1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: url(images/presentation/curlybrace.png), -o-linear-gradient(top, rgba(2, 142, 175, 1) 0%, rgba(2, 136, 173, 1) 5%, rgba(0, 126, 167, 1) 14%, rgba(0, 121, 164, 1) 20%, rgba(0, 83, 147, 1) 100%); /* Opera 11.10+ */
    background-image: url(images/presentation/curlybrace.png), -ms-linear-gradient(top, rgba(2, 142, 175, 1) 0%, rgba(2, 136, 173, 1) 5%, rgba(0, 126, 167, 1) 14%, rgba(0, 121, 164, 1) 20%, rgba(0, 83, 147, 1) 100%); /* IE10+ */
    background-image: url(images/presentation/curlybrace.png), linear-gradient(top, rgba(2, 142, 175, 1) 0%, rgba(2, 136, 173, 1) 5%, rgba(0, 126, 167, 1) 14%, rgba(0, 121, 164, 1) 20%, rgba(0, 83, 147, 1) 100%); /* W3C */
}

.spo .tabbedpage .tabs li:hover, .spo .tabbedpage .tabs li.on {
    background: -moz-linear-gradient(top, rgba(2, 142, 175, 1) 0%, rgba(2, 136, 173, 1) 5%, rgba(0, 126, 167, 1) 14%, rgba(0, 121, 164, 1) 20%, rgba(0, 83, 147, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(2, 142, 175, 1)), color-stop(5%, rgba(2, 136, 173, 1)), color-stop(14%, rgba(0, 126, 167, 1)), color-stop(20%, rgba(0, 121, 164, 1)), color-stop(100%, rgba(0, 83, 147, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(2, 142, 175, 1) 0%, rgba(2, 136, 173, 1) 5%, rgba(0, 126, 167, 1) 14%, rgba(0, 121, 164, 1) 20%, rgba(0, 83, 147, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(2, 142, 175, 1) 0%, rgba(2, 136, 173, 1) 5%, rgba(0, 126, 167, 1) 14%, rgba(0, 121, 164, 1) 20%, rgba(0, 83, 147, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(2, 142, 175, 1) 0%, rgba(2, 136, 173, 1) 5%, rgba(0, 126, 167, 1) 14%, rgba(0, 121, 164, 1) 20%, rgba(0, 83, 147, 1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(2, 142, 175, 1) 0%, rgba(2, 136, 173, 1) 5%, rgba(0, 126, 167, 1) 14%, rgba(0, 121, 164, 1) 20%, rgba(0, 83, 147, 1) 100%); /* W3C */
    border-right: 1px solid #005393;
}

.spo .tabbedpage .notch {
    border-top-color: #005393;
}

/* Kids & Tots */
body.kid {
    background: #aac561 url(images/presentation/kidbg.gif) no-repeat center top !important;
    background-repeat: no-repeat;
}

/* Kids & Tots */
body.wwc {
    background-image: url(images/presentation/wwcc.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #0067A1
}

/* Farms */
body.farmbg {
    background: #fed201 url(images/presentation/farms.jpg) center top no-repeat;
}

/* imageonly (for promotions in focuson,profile etc to hide the box bits) */
/* box */
.imageonly .top, .imageonly .bottom {
    display: none
}

.imageonly .content {
    margin-left: 0 !important
}

.imageonly .content img {
    margin-left: 0 !important
}

/* profile */
.imageonly .wrap span {
    display: none
}

/* corporate template (not a selectable theme- just added to the corp master) */
.corp .heading h1, .corp .brandfont {
    color: #0055A5
}

.corp .panel,
li.corp .panel, .corp dl dt, dt.corp, .corp .form .send input, .corp a.button {
    background-color: #0055A5
}

.corp .img,
li.corp img.img,
.corp .bookable {
    border-color: #0055A5
}

.corp .cms ul li:before, .cms .corp ul li:before {
    background: url(images/presentation/chevron_lon.gif) no-repeat 0 0.1em;
}

.corp .ribbon h2.brandfont {
    background-image: url(images/presentation/curlybrace.png), -moz-linear-gradient(top, rgba(18, 118, 223, 1) 0%, rgba(1, 86, 167, 1) 86%, rgba(0, 85, 165, 1) 100%); /* FF3.6+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(18, 118, 223, 1)), color-stop(86%, rgba(1, 86, 167, 1)), color-stop(100%, rgba(0, 85, 165, 1))); /* Chrome,Safari4+ */
    background-image: url(images/presentation/curlybrace.png), -webkit-linear-gradient(top, rgba(18, 118, 223, 1) 0%, rgba(1, 86, 167, 1) 86%, rgba(0, 85, 165, 1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: url(images/presentation/curlybrace.png), -o-linear-gradient(top, rgba(18, 118, 223, 1) 0%, rgba(1, 86, 167, 1) 86%, rgba(0, 85, 165, 1) 100%); /* Opera 11.10+ */
    background-image: url(images/presentation/curlybrace.png), -ms-linear-gradient(top, rgba(18, 118, 223, 1) 0%, rgba(1, 86, 167, 1) 86%, rgba(0, 85, 165, 1) 100%); /* IE10+ */
    background-image: url(images/presentation/curlybrace.png), linear-gradient(top, rgba(18, 118, 223, 1) 0%, rgba(1, 86, 167, 1) 86%, rgba(0, 85, 165, 1) 100%); /* W3C */
}

/* ALL tabs for Corporate */
.corp .tabs li:hover, .corp .tabs li.on {
    background: -moz-linear-gradient(top, rgba(18, 118, 223, 1) 0%, rgba(1, 86, 167, 1) 86%, rgba(0, 85, 165, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(18, 118, 223, 1)), color-stop(86%, rgba(1, 86, 167, 1)), color-stop(100%, rgba(0, 85, 165, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(18, 118, 223, 1) 0%, rgba(1, 86, 167, 1) 86%, rgba(0, 85, 165, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(18, 118, 223, 1) 0%, rgba(1, 86, 167, 1) 86%, rgba(0, 85, 165, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(18, 118, 223, 1) 0%, rgba(1, 86, 167, 1) 86%, rgba(0, 85, 165, 1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(18, 118, 223, 1) 0%, rgba(1, 86, 167, 1) 86%, rgba(0, 85, 165, 1) 100%); /* W3C */
    border-right: 1px solid #0055A5;
}

.corp .notch {
    border-top-color: #0055A5;
}