@charset "utf-8";
/* CSS Document */

/* ======================================================
HTML TAGS
======================================================= */
a { font-weight: bold; text-decoration: none; color: #870150;}
a:hover { text-decoration: underline; }

p a {text-decoration: underline; font-weight: normal;}

img {border: none;}

h1, h2, h3, h4 {
	padding:0; margin:0;
}
h1 {
	font-size: 1.7em; /* Font size changed to mirror homepage styles */
	color: #706a9e;
}
h2 {
	font-size: 1.4em; 
	font-weight: normal;
	margin: 4px 0 2px 0;
	color: #706a9e
}
h3 {
	font-size: 1.15em; 
	margin: 4px 0 2px 0;
	color: #706a9e;
}
h4 {
	font-size: 1.05em; 
}

h1.mediaBoxTitle {
	color: #ffffff;
	padding-left: 6px;
	padding-top: 2px;
}
h1.wideMediaBoxTitle {
	color: #ffffff;
	padding-left: 0px;
}

body#siteGuide h2 span.span, body#siteGuide h3 span.span {color: #747292;}
body#siteShop h2 span.span {color: #747292;}
p {padding: 0 0 10px 0; margin: 0;}
ul {margin: 0; padding:0;}
form {margin:0; padding:0;}

/* ======================================================
HEADER
======================================================= */
h1#vsLogo {
	text-indent: -9999px;
	background: url(/i/logo-vs.png) no-repeat right;
	height: 67px;
	width: 340px;
	margin-top: 10px;
	float: left;
}
h1#vsLogo span.span {
	font-size: 0.6em;
	display: block;
}

#searchWrapper {
	float: right;
	background: url(/i/bg-searchbox.png) no-repeat;
	width: 151px;
	height: 41px;
	color: #fff;
	font-size: 0.85em;
	padding: 3px 1px 0 45px; 
	margin-bottom: 10px;
}
#searchWrapper a { font-size: 1.1em; }
input.siteSearch {
	width: 85px;
	border:1px solid #7f9db9; 
	float: left;
	margin-right: 3px;
}

/* New styles for Telephone number and Gateways drop down */
#gateways_telephone {
	float: right;
	font-size: 0.85em;
	color: #fff;
	height: 45px;
	margin-top: 15px;
	background: url(/i/gateways_telephone_bg.png) no-repeat;
	width: 379px;
}

#gateways_telephone #telephone {
	width: 164px;
	float: left;
	padding: 5px 12px 0px 36px;
}

#gateways_telephone #telephone strong {
	font-size: 24px;
	color: #d4e0fe;
	line-height: 22px;
}

#gateways_telephone #gateways {
	float: left;
	padding: 5px 13px 0px 14px;
	
}
#gateways_telephone #gateways select {
	font-size: 0.8em;
	width: 140px;
	margin-top: 2px; 
}

/* #gateways {
	background: url(/i/bg-search.png) no-repeat;
	float: right;
	padding: 5px;
	font-size: 0.85em;
	color: #fff;
	width: 148px;
	height: 45px;
	margin-top: 15px;

} */
/* #gateways img { float: left; padding-right: 5px;} */
/* #gateways span.span { float: left;} */
/* #gateways select {
	font-size: 0.8em;
	width: 140px;
	margin-top: 2px; 
}*/
/* ########## TABS ########## */
h2.tabHeader{ margin: 0; padding: 0;}

.displayIfSelected {
	display: none;
}
.selected .displayIfSelected {
	display: inline;
}

/* ====== INSPIRE HOME ========== */
.twinCols {
	width: 337px;
	float: left;
}

#inspireHomeBanner {
	position: relative;
	background: #598bb5 url(/i/inspire-main-feature-bg.jpg) no-repeat;
	width: 688px;
	min-height: 250px;
	margin-top: 5px;
}
#inspireHomeBannerIntro {
	margin-left: 480px;
	padding-top: 27px;
	width: auto;
	color: #fff;
	line-height: 1.2em;
}
#inspireHomeBanner h2 {
	font-size: 1.4em;
	color: #c1e5f9;
	display: block;
	margin-bottom: 8px;
	font-weight: normal;
	line-height: 1.1em;
}
#inspireHomeFlashWrapper {
	float: left;
	position: absolute;
	top: 16px;
	left: 16px;
}
.inspireImgThumb {
	float: left;
	margin-right: 5px;
	padding: 1px;
	background: #fff;
	height: 60px;
	width: 60px;
}
.inspireTitleLeft {
	float: left;
	width: 206px;
	margin-right: 20px;
}
.inspireTitleRight {
	float: left;
	width: 460px;
}
.featureImg {min-height: 69px;}

/* =========== INSPIRE - DOWNLOADS ============= */
#downloadsBanner {
	position: relative;
	background: #598bb5 url(/i/banner-downloads-bg.jpg) no-repeat;
	width: 688px;
	min-height: 153px;
	margin-top: 25px;
}
#downloadsBannerImage {
	position: absolute;
	top: -21px;
	left: 0;
	width: 280px;
	height: 174px;
	float: left;
}
#downloadsBannerIntro {
	margin-left: 330px;
	padding-top: 12px;
	width: auto;
	color: #fff;
	line-height: 1.15em;
}
#downloadsBannerIntro h2 {
	font-size: 1.4em;
	color: #c1e5f9;
	display: block;
	margin-bottom: 7px;
	font-weight: normal;
}
.downloadLeftCol {
	width: 206px;
	float: left;
}
#inspireSideOptions {
	margin: 0;
	padding: 0;
	list-style: none;
}
#inspireSideOptions li {
	background: #c2dbeb url(/i/downloads-list-bg2.png) no-repeat bottom;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#inspireSideOptions li .isoInside {
	padding: 6px 2px 0 10px;
	background: #c2dbeb url(/i/downloads-list-bg.png) no-repeat top;
}
#inspireSideOptions li .isoInside:hover {
	background-image: url(/i/downloads-list-bg-hover.png);
}
#inspireSideOptions li .isoInside a {
	color: #284167;
	font-weight: normal;
}
#inspireSideOptions .selected {
	background: #598bb5 url(/i/downloads-list-bg2-selected.png) no-repeat bottom;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 0.85em; 
}
#inspireSideOptions .selected .isoInside {
	position: relative;
	background: #c2dbeb url(/i/downloads-list-bg-selected.png) no-repeat top;
}
#inspireSideOptions .selected .isoInside:hover {
	background-image: url(/i/downloads-list-bg-selected.png);
}
#inspireSideOptions .selected .isoInside a {
	color: #fff;
	text-decoration: none;
}
#inspireSideOptions .selected .isoInside a.thisSection {
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 5px;
}
#inspireSideOptions .selected .isoInside a.thisSection:hover {
	text-decoration: underline;
}
.smallerText { font-size: 0.85em; }
.smallerTitle {
	font-size:1.2em;
	font-weight: bold;
}
.sectionArrow { 
	position: absolute;
	font-weight: bold;
	top: 10px;
	left: 206px;
	z-index: 2;
}
/* new sidepanels */
.flexiPanel {
	border: 1px solid #ddd;
	margin: 0 0 10px 0;	
	padding: 0;
}
.flexiPanel .linkContainer {
	margin: 0 0 3px 0!important;
}
.sidePanelImage {
  padding                : 2px 2px 8px 2px;
  background             : url(/i/sidePanelImgBg.png) no-repeat;
}

.flexiPanel p {
  font-size              : 0.85em;
  margin                 : 0px 0 3px 3px;
  line-height            : 1.2em;
  padding                : 0;
}

ul.linksList {
  list-style             : none;
  padding                : 0;
  margin                 : 0;
}

ul.linksList li:first-child{
  border-top          : none;
}
ul.linksList li {
  list-style             : none;
  background             : url(/i/list-bullet.png) no-repeat 3px 6px;
  border-top          : 1px dotted #c0c0c0;

  padding                : 0;
  margin                 : 0;
}

ul.linksList li:hover {
  background             : #f1f8fd url(/i/list-bullet.png) no-repeat 3px 6px; 
}

ul.linksList li.mainLink {
  background             : none;
  padding                : 4px 0;
}

ul.linksList li.mainLink:hover {
  background-color       : #f1f8fd;
}

ul.linksList li a {
  font-weight            : normal;
  font-size              : 0.9em;
  display                : block;
  padding                : 2px 0 0 12px;
}

ul.linksList li.mainLink a {
  display                : block;
  margin                 : 1px 0 2px 0;
  padding-left           : 27px;
  color                  : #870150;
  background             : url(/i/arrow-link.png) no-repeat 3px 0;
  font-weight            : bold;
}

ul.linksList li p {
  padding-left           : 10px;
}

ul.linksList li.mainLink p {
  padding-left           : 0;
}

/* end side panels */



.downloadsTwinCols {
	width: 233px; 
	margin-left: 3px;
	float: left;
}
.downloadContainer { 
	padding: 5px 3px 0;
	margin-bottom: 8px;
	font-size: 0.85em;
}
.downloadContainer:hover { 
	background: #ecf2f7 url(/i/download-box-highlight.png) no-repeat top;
}
.downloadImage {
	padding: 3px 4px 9px;
	background: url(/i/download-pic-frame.png) no-repeat;
	position: relative;
}
.downloadImage img {
	width: 218px;
	height: 70px;
}
.downloadContainer a { 
	display: block;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
.downloadContainer a:hover { 
	text-decoration: none;
	color: #870150;
}
.downloadContainer h3 {
	margin: 0 0 5px 0;
	padding-left: 27px;
	background: url(/i/arrow-link.png) no-repeat 3px 0;
	min-height: 16px;		/* Added AP 22/07/09 */
}
.downloadContainer h3 a {
	color: #870150;
	font-weight: bold;
}
.downloadContainer p {padding-left: 3px;}
.downloadOverlay, .moreOverlay {
	position: absolute;
	z-index: 9999;
	top: 1px;
	left: 188px;
	background: url(/i/download-overlay.png) no-repeat;
	width: 34px;
	height: 72px;
}
.moreOverlay {
	background: url(/i/more-overlay.png) no-repeat;
}
.familyGuide { /* shows the family guide marker */
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9;
	width: 66px;
	height: 68px;
	background: url(/i/download-fam-guide.gif) no-repeat;
}
.titleUnderline {
	border-bottom: 2px solid #91a5d4;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

/* =========== INSPIRE - ITINERARIES ============= */

#itinerariesBanner {
	position: relative;
	background: #598bb5 url(/i/banner-itineraries-bg.jpg) no-repeat;
	width: 688px;
	min-height: 153px;
	margin-top: 25px;
}
#itinerariesBannerImage {
	position: absolute;
	top: -21px;
	left: 0;
	width: 280px;
	height: 174px;
	float: left;
}
#itinerariesBannerIntro {
	margin-left: 280px;
	padding-top: 12px;
	width: auto;
	color: #fff;
	line-height: 1.1em;
}
#itinerariesBannerIntro h2 {
/*	font-size: 1.4em; */
	color: #c1e5f9;
	display: block;
	margin-bottom: 8px;
	font-weight: normal;
}
.altInfo {
	border-bottom: 1px dotted #336699;
	cursor: help;
	padding-left: 20px;	
}
.itinBox {
	position: relative;
	font-size: 0.85em;
	min-hight: 115px;
	padding: 4px 4px 10px;
	margin-top: 5px;
}
.itinBox:hover {
	text-decoration: none;
	background: #ecf2f7 url(/i/itinerary-highlight.png) no-repeat top;
}
.itinBox a { 
	font-weight: normal;
	text-decoration: none;
	color: #000;
	display: block;
}
.itinBox a:hover { 
	text-decoration: none;
	color: #870150;
}
.itinImage {
	float: left;
	background: url(/i/itinerary-thumb-bg.png) no-repeat; 
	margin-right: 10px;
	padding: 4px;
}
.itinImage img {
	width: 100px;	/* Constrain sizes */
	height: 100px;
}
.itinMostPopular {
	position: absolute;
	top: 3px;
	left: 4px;
	z-index: 9;
	width: 65px;
	height: 68px;
	background: url(/i/itinerary-mostpop-overlay.png) no-repeat;
}
.itinBox h3 {
	font-size: 1.2em;
	margin-bottom: 3px;
	padding-left: 142px;
	background: url(/i/arrow-link.png) no-repeat 118px 0;
}
.itinBox h3 a {
	color: #870150;
	font-weight: bold;
}
.itinIcons {
	margin: 10px 0 10px 118px;
	padding: 3px 0 3px 5px;
	border-top: 1px solid #ceebfa;
	border-bottom: 1px solid #ceebfa;	
	background: #f4fbff;
	color: #336699;
}
ul.itinIconList li{
	display: inline;
	padding-right: 8px;
}

.duration {background:url(/i/itinerary-icon-timer.gif) no-repeat left;}
.distance {background:url(/i/itinerary-icon-arrow.gif) no-repeat left;}
.poi {background:url(/i/itinerary-icon-camera.gif) no-repeat left;}


/* =========== INSPIRE - FEATURES ============= */

.topFeature { /* shows the top feature marker */
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9;
	width: 66px;
	height: 68px;
	background: url(/i/top-feature.gif) no-repeat;
}


/* ============== INSPIRE - GALLERY ================== */
#slideShowWrapper {
	padding: 7px 7px 0 7px;
	background: #598bb5 url(/i/gallery-panel-bg.jpg) no-repeat;
}
#slideShowText {
	padding: 1px 14px 10px 14px;
	color: #fff;
	background: #598bb5 url(/i/gallery-panel-bg2.png) bottom no-repeat;
}
#slideShowText h2 {
	color: #c5dcff;
}
#galleryBanner {
	background: url(/i/gal-header-bg.jpg) no-repeat;
	width: 688px;
	height: 183px;
}
#galleryBannerImage {
	margin-top: 29px;
	padding-left: 31px;
	width: 288px;
	height: 131px;
	float: left;
}
#galleryBannerIntro {
	margin-left: 380px;
	padding-top: 40px;
	width: auto;
	color: #fff;
	line-height: 1.2em;
}
/*
#galleryBannerIntro h2 {
	color: #c1e5f9;
	display: block;
	margin-bottom: 8px;
	font-weight: normal;
}
*/
#galleryBannerIntro h2 {
	font-size: 1.6em;
	color: #c1e5f9;
	margin: 0px 0px 8px 0px;
}
.galleryList h3 a {
	font-weight: bold;
	color: #870150;
	margin-bottom: 1px;
	padding-left: 25px;
	background: url(/i/arrow-link.png) no-repeat 120px 0;
	padding: 0 5px 0 143px; 
}
.galleryList a {
	color: #000;
	font-weight: normal;
	padding: 3px 5px 8px 120px;
	display: block;
}
.galleryList a:hover { 
	text-decoration: none;
	color: #870150;
}
ul.galleryList {
	list-style: none;
	border-top: 2px solid #91a5d4;
	margin-top: 5px;
}
.galleryListThumbnail {
	height: inherit;
	min-height: 65px;
}
.galleryList li {
	border-bottom: 1px dotted #c0c0c0;
	padding: 3px 0 0 0; 
	margin: 0;
	font-size: 0.85em;
}
.galleryList li:hover { 
	background: url(/i/gallery-list-bg.jpg) no-repeat top right; 
}
#galleryNonFlash {
	margin: 20px;
}
#galleryNonFlash h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 4px;
}
#galleryNonFlash ul {
	list-style-type: none;
}
#galleryNonFlash li {
	margin-bottom: 4px;
}
.nonFlashImage {
	margin: 10px;
}
.nonFlashCaption {
	color: #666;
	font-weight: bold;
	margin-top: 5px;
}
.twinCols {
	width: 338px;
	float: left;
}

#downloadHeader {
 	background: #293f79 /* url(/i/bg-wideGradBottom.png) no-repeat bottom */; 
}
#downloadHeader .bg {
/*	background: url(/i/bg-wideGradTop.png) no-repeat top; */
	padding: 5px;
}
.white {color: #fff;}

#mediaBoxWrapper {	
	float: left;
	background: #2b508b url(/i/bg-dark-blue-left.png) no-repeat;
	width: 470px;
	margin-bottom: 10px;
	margin-right: 5px;
}
#wideMediaBoxWrapper {	
	background: #29427b;
	border-right: 1px dotted #69a2d2;
	border-left: 1px dotted #69a2d2;
	border-bottom: 1px dotted #69a2d2;
	margin-bottom: 3px;
	padding: 0 5px 5px 5px;
}
.mediaBoxBase {
	background:url(/i/bg-dark-blue-right.png) no-repeat bottom;
	min-height: 350px;
}
#darkBlueBox {
	padding: 7px 7px 0 7px;
}
.firstCol {
	float: left; 
	width:470px; 
	margin-right: 5px;
	margin-bottom: 15px;
}
.secondCol {
	float: left; 
	width: 212px; 
	margin-bottom: 15px;
}
.introText {
	font-family: Helvetica, Arial, sans-serif;
	color: #27417a;	
 	font-weight: bold; 
	font-size:0.9em!important;	
	line-height: 1.45em;
}
.intro { /* intro container */
	padding: 0 10px 10px 10px;
	background: url(/i/bg-intro.png) no-repeat top;
}
.intro p {
	font-weight: bold;
	font-size:1.05em;	
	line-height: 1.5em;
	color: #fff;
}

.intro h2 {
	color: #b7e1f7!important;
	padding-bottom: 11px;
	padding-top: 4px;
	}

.darkTitleBg {
	background: #243970 url(/i/bg-inspire-title-wide.png) no-repeat;
	color: #fff;
	height: 30px;
	padding: 5px 0 0 5px;
}
.darkTitleBg span.span { color: #cde9fb !important; }

.mediaCaption {
	color: #fff;
	padding: 0 7px;
}
.mediaCaption h2{
	color: #b7e1f7;
}
.mediaCaption p {
	font-size: 0.9em;
}

.wideCaptionText {color: #999; font-size:0.85em; text-align:right;}
.wideCaptionText a{
	border-bottom: 1px dotted;
	background:url(/i/bullet-link.png) right no-repeat;
	padding-right: 10px;
	text-decoration:none;
}
.wideCaptionText a:hover{text-decoration:none; border-bottom: 1px solid;}

.captionText {
	color: #80b4e7;
	font-size:0.85em; 
	margin-bottom: 6px; 
	text-align: right;
}
.captionText a{
	color: #bde9ff;
	background:url(/i/bullet-blue.png) right no-repeat;
	padding-right: 10px;
	text-decoration:none;
}
.captionText a:hover{text-decoration:none; border-bottom: 1px solid #bde9ff;}

.dubColWrapper {
	float: left;
	width: 464px;
}
.doubleCol {
	float: left;
	border-right: 1px dashed #ccc;
	width: 211px;
	padding-right: 10px;
	margin-right: 10px;
}
.nextToDubCol {
	float: left;
	width: 222px;
	background: red;
	border: 1px solid red;
}


.top a, .content a {
	color: #bde9ff;
	background:url(/i/bullet-blue.png) right no-repeat;
	padding-right: 10px;
	text-decoration:none;
}
.top a:hover, .content a:hover{text-decoration:none; border-bottom: 1px solid #bde9ff;}
.whiteOutline {
	background: #fff;
	padding: 3px;
	margin-bottom: 5px;
}
.inspireHighlight {
	width: 212px;
	background: #396a9a url(/i/bg-highlightFeatureBottom.png) no-repeat bottom;
	color: #fff;
	margin-bottom: 10px;
	padding-bottom: 10px;	
	float:left;
	min-height: 340px;
}
.inspireHighlight h3 { 
	font-size: 1.1em;
	margin:0 0 4px 0; 
	padding: 2px 0 3px 0;
}
.inspireHighlight h3 a {
	color: #fff;
	background:url(/i/bullet-blue.png) left no-repeat;
	padding-left: 10px;
	text-decoration:none;
}
.inspireHighlight h3 a:hover {
	color: #bde9ff;
	border-bottom: 1px dotted #fff;
}
.inspireHighlight h4 {
	font-size: 1.1em;
	padding: 2px 0 0 0;
}
.inspireHighlight h4 a { 
	color: #bde9ff;
	text-decoration: none;
	background:url(/i/bullet-blue.png) left no-repeat;
	padding-left: 10px;
}
.inspireHighlight h4 a:hover{ 
	border-bottom: 1px dotted #fff;
	color: #fff;
}

.inspireHighlight .top {
	background:url(/i/bg-inspireFeatureTitle.png) no-repeat;
	padding: 3px 5px;
	border-bottom: 1px solid #1f3367;
	position: relative;	
}
.inspireHighlight .content {
	background: url(/i/bg-highlightFeatureTop.png) no-repeat;
	padding: 3px 5px 4px 5px;
	position: relative;
}

.inspireHighlight .smlContent {
	background: url(/i/bg-highlightFeatureSml.png) no-repeat;
	padding: 5px 5px 9px 5px;
}
.inspireHighlight .smlContent p { 
	padding: 0;
	font-size: 0.9em;
}

.regionsList {
	float: left;
	width: 250px;
	margin-right: 10px;
}

.downloadDetails {
	float: left;
	width: 395px;
	background: transparent!important;
	display: none;
}

.colLeft {
	float: left;
	width: 470px;
	margin-right: 5px;
}

.colRight {
	float: left;
	width: 212px;
}
ol#top10List {
	margin: 0; 
	padding: 0;
	font-size: 1.1em;
}
#top10List li {
	border-bottom: 1px dotted #cccccc;
	padding: 7px 0 7px 10px;
	list-style-position:inside;
}
#top10List li:hover { background: #f8fcff; }

.topFeaturesTitle {
	clear: left;
	background: #243970 url(/i/bg-topFeaturesTitle.png) no-repeat;
	color: #fff;
	min-height: 30px;
	padding: 5px 0 0 5px;
	border-bottom: 2px solid #243970;
}
.topFeaturesTitle span.span, .accordTitle span.span { color: #cde9fb !important; }
.accordTitle {
	background: #243970 url(/i/bg-accord-head.png) no-repeat;
	color: #fff;
	height: 30px;
	padding: 5px 0 0 5px;
	border-bottom: 2px solid #243970;
}
#accordWrapperTwo .accordTitle {
	background: #243970 url(/i/bg-accord-head-green.png) no-repeat;
	color: #fff;
	height: 30px;
	padding: 5px 0 0 5px;
	border-bottom: 2px solid #243970;
}

ul#gfxNav {}
ul#gfxNav li {
	text-indent: -9999px;
	margin: 0 0 3px 0;
	padding: 0;
	list-style: none;
}
ul#gfxNav li a {
	height: 64px;
	display: block;
}
ul#gfxNav li#download { background: url(/i/rhn-downloads.png);}
ul#gfxNav li#itineraries { background: url(/i/rhn-itineraries.png);}
ul#gfxNav li#gallery { background: url(/i/rhn-gallery.png);}
ul#gfxNav li#newsletter { background: url(/i/rhn-enewsletter.png);}


/* ========== GUIDE tabs =========== */
ul#tab {
float: left;
	height: 44px;
	background: url(/i/tab-guide.png) no-repeat right top;
	width: 385px;
	margin: 10px 0 0 16px;
	padding: 0;
	position: relative;
}
ul#tab li {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
ul#tab li, ul#tab a {
	height: 44px;
	display: block;
}
ul#tab li a {
	text-indent: -9999px;
	text-decoration: none;
}
ul#tab #guide {left: 0; width: 230px;}
ul#tab #shop {left: 230px; width: 155px;}

/* setting up the rollover areas */
ul#tab #guide a:hover {background: transparent url(/i/tab-guide.png) 0 -44px no-repeat;}
ul#tab #shop a:hover {background: transparent url(/i/tab-guide.png) -230px -44px no-repeat;}

/* ================= SHOP tabs ==================== */
#tabsShop ul#tab #guide {left: 0; width: 194px;}
#tabsShop ul#tab #shop {left: 194px; width: 191px;}

/* setting up the rollover areas */
#tabsShop ul#tab { background: url(/i/tab-shop.png) no-repeat right top; }

#tabsShop ul#tab #guide a:hover {background: transparent url(/i/tab-shop.png) 0 -44px no-repeat;}
#tabsShop ul#tab #shop a:hover {background: transparent url(/i/tab-shop.png) -194px -44px no-repeat;}




/* ########## NAV (guide) ########## */
#nav {
	position: relative;
}
#nav, #shopnav {
	background: #1f4781 url(/i/bg-nav.png) no-repeat;
	border-bottom: 1px solid #9dd7f5;
	min-height: 28px;
	padding: 12px 0 0 8px;
	clear: both;
}
#nav ul, #shopnav ul{
	margin: 0; 
	padding:0;

}
#nav ul li:first-child, #shopnav ul li:first-child { background: none;} /* doesnt show the divider on the last item */
#nav ul li, #shopnav ul li{
	display: inline; 
	padding: 10px 2px 10px 8px;
	background: url(/i/nav-divider.png) no-repeat left;
}


#nav ul li a, #shopnav ul li a{ color:#fff ;} 
#nav ul li a:hover, #shopnav ul li a:hover{ color: #fff; }

/* ########## NAV (shop) ########## */
#shopnav { background: #1f4781 url(/i/bg-nav-shop.png) no-repeat; }
#shopnav ul li a { color: #fff;}
#shopnav ul li { background: url(/i/nav-divider-shop.png) no-repeat left; }
#shopnav ul li a:hover { color: #fff; }

/* ======================================================
SITE WIDE 
======================================================= */
.left {float: left;}
.right {float: right;}
.clear {clear:both;}
.padRight {padding-right: 10px;}
.padLeft {padding-left: 10px;}
.margRight {margin-right: 10px;}
.margLeft {margin-left: 10px;}
.bold {font-weight:bold;}


/* RED BUTTONS */
a.button {
	background: url(/i/link-right.png) no-repeat scroll right top;
	color: #fff;
	display: block;
	float: left; 
	height: 24px;	
	/*margin-right: 6px;*/
	padding-right: 22px;
	text-transform: uppercase;
	font-size: 0.85em;
}
a.button span.span {
	background: url(/i/link-left.png) no-repeat top left;
	display: block;
	padding: 4px 0 5px 5px;
}
/* MORELLO LISTS */
.morelloContent {
	margin: 15px 0;
}
.morelloContent ul {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
}
.morelloContent ul li a {font-weight: normal; font-size: 0.9em;}
.morelloContent ul li{
	background: url(/i/list-bullet.png) no-repeat left; 
background-position: 0 7px; 
	padding: 2px 0 2px 12px;
	border-bottom: 1px dotted #c0c0c0;
}	
.morelloContent ul li:first-child{	border-top: 1px dotted #c0c0c0; }

.morelloContent ol {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
}
.morelloContent ol li a {font-weight: normal; font-size: 0.9em;}
.morelloContent ol li{
	background: url(/i/bullet-black.png) no-repeat left; 
background-position: 0 7px; 
	padding: 2px 0 2px 12px;
	/* border-bottom: 1px dotted #c0c0c0; */
}	
/* .morelloContent ol li:first-child{	border-top: 1px dotted #c0c0c0; } */

/* TEXT LISTS */
ul.list {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
}
ul.list li a {font-weight: normal; font-size: 0.9em;}
ul.list li{
	background: url(/i/list-bullet.png) no-repeat left; 
	padding: 2px 0 2px 12px;
	border-bottom: 1px dotted #c0c0c0;
}	
ul.list li:first-child{	border-top: 1px dotted #c0c0c0; }

ul.singleList {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
}
ul.singleList li a {font-weight: normal; font-size: 0.9em;}
ul.singleList li{
	background: url(/i/list-bullet.png) no-repeat left; 
	padding: 2px 0 2px 12px;
}	

/* SECTION LIST */
ul.sectionList {
	background:url(/i/bg-right-panel.png) repeat-x;
	border-top: 1px solid #91a5d4;
	list-style: none;
	padding: 3px 0 0 0;
	margin: 0 0 10px 0;
}
ul.sectionList li {
	padding: 5px 0 5px 0;
	border-top: 1px dotted #c0c0c0;
	clear: both;
}	
ul.sectionList li:hover {
	background: #f5faff;
}	
ul.sectionList li:first-child {
	border: none;
}
ul.sectionList a {
	display: block;
	text-decoration: none!important;
	font-weight: normal;
	color: #000; 
	text-decoration: none;
	min-height: 1px;
}
ul.sectionList a h3 {
	/* DO NOT USE! <a> should be inside <h3>, not vice versa! */
	color:#870150!important;
	background: url(/i/bullet-subnav.png) right no-repeat;
	padding-right: 15px;
	display: inline;
}
ul.sectionList h3 a {
	color: #870150;
	font-weight: bold;
}

.listImg {
	float: left;
	border-top: 3px solid #91a5d4;
	margin: 0px 10px 10px 0px;
}
.listCopy {
} 
/* ww LISTS */
ul.subnav {
	list-style: none;
	padding-bottom: 15px;
	margin: 0 0 10px 0;
	border-top: 3px solid #92a5d5;
}
ul.subnav li a {
	font-weight: normal; 
	font-size: 0.9em;
	color: #333;
	display: block;
}

ul.subnav li a:visited {color: #6f727a;}

ul.subnav li a:hover {color: #cc3300; text-decoration:none;}

ul.subnav li{
	background: url(/i/bullet-subnav.png) no-repeat right; 
	padding: 2px 12px 2px 5px;
	border-bottom: 1px solid #b9d4f4;
	border-top: 1px solid #fff;
}
ul.subnav li:hover {background-color:#dfeeff; }	
ul.subnav li:first-child{ border-top: none; }


ul.subnav li.selected {background-color:#dfeeff; color: #cc3300;}


/* FORM ELEMENTS */
.formTitle {
	font-weight: bold;
	font-size: 0.85em;
	color: #333;
}

.imgBorder {
	border: 1px solid #a1b3dc;
	padding: 2px;
	margin: 0 5px 2px 5px;
}


/* RIGHT HAND PANELS */
.textPanel {
	background:url(/i/bg-rtPnlBtm.png) bottom no-repeat;
	margin-bottom: 10px;
	clear:both;
	color: #333;
}
.textPanel h4 {
	background:url(/i/bg-rtPnlTop.png) no-repeat; 
	padding: 5px;
	border-bottom: 2px solid #4c7dc0;
	font-style:italic;
	color:#275189;
}
.textPanel p {padding: 0 5px;}
.textPanel a {margin: 0 0 5px 5px;}
.caption {
	background:url(/i/bg-caption.png) bottom no-repeat;
	margin-bottom: 10px;
	clear:both;
	color: #333;	
	padding: 5px;	
	font-size: 0.8em;
}

/* ======================================================
MAIN CONTENT AREA
======================================================= */

/* ########## GUIDE BANNER ########## */
#bannerWrap {width: 856px;}
.bannerText {
	background: #7dc7eb url(/i/bg-banner-text.png) no-repeat;
	padding: 10px 0 2px 10px;
	color: #192d5d;
	width: 280px;
	min-height: 168px;
	float: left;
	margin: 0;
}
.bannerText p{
	font-size: 0.9em;
	line-height: 1.4em;
	font-weight: bold;
}

.bannerImg {
	background: #ccc;
	float: left;
}

/* container box types */
.leftPanelBlock {
	background: #eef6ff url(/i/bg-left-panel.png) bottom no-repeat; 
	border-top: 2px solid #92a5d5; 	
}
.leftPanelBlock .inside {
	margin-bottom: 10px;
	padding: 7px;
}
/* defines individual backgrounds for container boxes */
div#whereToStay .inside { 
	background:url(/i/bg-where-to-stay.jpg) no-repeat bottom;
	padding-bottom: 50px;
}
div#accomSearch .inside { 
/*	background:url(/i/bg-accom-search.jpg) no-repeat bottom; */
	padding-bottom: 60px;
}

.centrePanelBlock {
	border-top: 2px solid #92a5d5;
}
.rightPanelBlock {
	background: #fff url(/i/bg-right-panel.png) top repeat-x; 
	border-top: 2px solid #92a5d5;
	margin-bottom: 10px;
	padding: 7px 0;
}

.centreFeatureWrapper, .vertFeatureWrapper {
	background: #eaf8ff url(/i/mainContentFeatureBg.png) no-repeat bottom;
	padding: 5px 10px 7px 10px;
	margin-bottom: 15px;
	font-size: 1.1em;
}
.centreFeatureWrapper p, .vertFeatureWrapper p{
	clear: left;
	line-height: 1.4em;
	font-weight: bold;
	font-size: 0.85em;
	color: #192d5d;

}


.vertFeatureWrapper {padding: 0; border-top: 3px solid #a1b3dc;}
.vertFeatureWrapper img {float: left; margin-right: 10px; 
	background: #eaf8ff url(/i/mainContentFeatureBg.png) bottom;
}

.imgPopup {
	padding: 10px;
	background: url(/i/bg-imgpopup.png) no-repeat;
	width: 100px;
	height: 115px;
	text-align:center;
	float: right;
	margin-left: 5px;
}
.imgPopup img{margin-bottom: 7px;}
.imgPopup a img {border: 0; text-decoration:none!important;}
.imgPopup a {color: #fff; font-size: 0.85em; }

/* TAB CONTAINER */
.tabmenu {
	background:url(/i/bg-tabContent-title.png) repeat-x;
	height:23px;
}
.tabmenu ul {
	list-style:none; 
}
.tabmenu li {
	display:inline; 
	line-height:23px;
	padding-left: 5px;
}
.tabmenu li a {
	color:#000000; 
	text-decoration:none; 
	padding:4px 5px 6px 5px;
	font-weight: normal;
	font-size: 0.9em;
}
.tabmenu li a.tabactive {
	border-left:1px solid #ccc; 
	border-right:1px solid #ccc; 
	border-top:1px solid #ccc; 
	background-color:#fff; 
	font-weight:bold;
	position:relative;
	font-size: 1em;
}

#tabcontent1, #tabcontent2, #tabcontent3, #tabcontent4 {
	padding: 10px;
	background: url(/i/bg-tabContent.png) no-repeat top;
}

/* ================================================
SPLASH PAGE
================================================= */

/* Splash update */
.guideBox {
	position: relative;
	float: left;
	margin: 10px 20px 10px 10px;
	width: 460px;
	background: #4b6fa4 url(/i/box-blue-bg.png) repeat-x;
}
.shopBox {
	position: relative;
	float: left;
	margin-top: 10px;
	width: 460px;
	background: #489c4a url(/i/box-green-bg.png) repeat-x;
}
h2.guide {
	height: 126px;
	width: 460px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin: 0;
}
h2.shop {
	height: 126px;
	width: 460px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin: 0;	
}
.guideBox h3, .shopBox h3{ 
	color: #fff; 
	font-size: 1em;
	padding: 0 10px 0 10px;
}
.guideBox p, .shopBox p{
	color: #c0d4f3;
	font-size: 0.85em;
	padding: 0 10px 10px 10px;
}
.shopBox p{ color: #9ee2a0; }
.guideButton, .shopButton {
	position: absolute;
	top: 80px;
	left: 10px;
	display: block;
	text-indent: -9999px;
	background:url(/i/guideButton.png) no-repeat;
	width: 189px;
	height: 35px;
}
.shopButton {
	background:url(/i/shopButton.png) no-repeat;
	width: 152px;
}
.guideButton:hover{ background:url(/i/guideButton.png) 0 -35px no-repeat; }
.shopButton:hover{ background:url(/i/shopButton.png) 0 -35px no-repeat; }


.blueBase, .greenBase {
	clear: both;
	background:url(/i/box-base-blue.png) no-repeat;
	height: 9px;

line-height: 1px;
font-size: 1px;
}
.greenBase { background:url(/i/box-base-green.png) no-repeat; }
/* ==================== */


#splashWrapper {
	width: 978px;
	margin: 0 auto;
}

#guideWrapper, #shopWrapper {
	width: 470px;
	float: left;
}
#guideWrapper {
	background: #4b6fa4 url(/i/bg-splash-guide.png) repeat-x;
	margin-right: 18px;
}

#shopWrapper {
	background: #489c4a url(/i/bg-splash-shop.png) repeat-x;
}
.topCorners {background: url(/i/topCorners.png) no-repeat top; }
.bottomCorners {
	background: url(/i/bottomCorners.png) no-repeat bottom;
	color: #fff;
}

h1.guide {
	height: 75px;
	width: 220px;
	text-indent: -9999px;
	background: url(/i/title-visitorGuide.png) no-repeat;
}
h1.shop {
	height: 75px;
	width: 220px;
	text-indent: -9999px;
	background:url(/i/title-travelShop.png) no-repeat;
}
.siteLink {
	float: left;
	margin: 10px 0 0 10px;
}
.revealWrapperBlue, .revealWrapperGreen { 
	color: #fff;
}
.revealWrapperBlue a, .revealWrapperGreen a { 
	background:url(/i/icon-info.png) no-repeat 7px 5px; 
	display: block;
	padding: 4px 30px;
	color: #000;
	font-weight: normal;
	border-bottom: 1px solid #fff;
}
.revealBlue{ background: #cadaee url(/i/reveal-bgBlue.png) repeat-x; }
.revealGreen{ background: #caeecd url(/i/reveal-bgGreen.png) repeat-x; }

.revealWrapperBlue h2, .revealWrapperGreen h2{ 
margin-left: 7px;
}
.revealWrapperBlue {
	float: left;
	padding: 3px 0;
	background: #4b6fa4 url(/i/bg-revealBlue.png) top no-repeat;
	margin: 10px 0 0 0;
	width: 230px;
}
.revealWrapperGreen {
	float: left;
	padding: 3px 0;	
	background: #489c4a url(/i/bg-revealGreen.png) top no-repeat;
	margin: 10px 0 0 0;	
	width: 230px;
}

.hiddenShop, .hiddenGuide {display:none;}
.shopInfo img, .guideInfo img {float: left; margin-right: 10px;}

.carouselTitle {
	background: url(/i/bg-inspire-title-wide.png) no-repeat;
	color: #fff;
	padding: 5px;
}


/* ======================================================
CONTENT STRUCTURAL ELEMENTS / CONTAINERS
======================================================= */

#panelWrap1, #panelWrap1nav {
	float: left;
	width: 200px;
	margin: 15px 15px 0 0;
}
#panelWrap1nav { /* thinner for the subsections nav */
	width: 180px;
	margin-top: 0;
	margin-right: 10px;	
}

#panelWrap2, #panelWrap2wider {
	float: left;
	margin: 15px 15px 0 0;
	width: 423px;
}
#panelWrap2wider { /* wider to sit along side thinner left col */
	width: 498px;
	margin-top: 0;
	margin-right: 10px;	
}
#panelWrap3 {
	float: left;
	width: 200px;
	margin: 15px 0 0 0;
}

/* Multi content panels */
.featTitle {
	position: relative;
	min-height: 36px;
	background: #224a88 url(/i/singleCol-headerBg.png) no-repeat!important;
}
* html .featTitle {
	position: relative;
	height: 36px;
	background: #224a88 url(/i/singleCol-headerBg.png) no-repeat!important;
}
.featTitle h2 {
	position: absolute;
	padding: 6px 0 0 10px;
	color: #fff;
	margin-top: 0;
	width: 590px;
 	float: left; 
}

/* ==================== */

.hiddenBlockNav ul{
	font-size: 0.9em;
	margin: 8px 5px 0 0;
	float: right;
	list-style: none;
}
.hiddenBlockNav li{
	float: left;
	border: 1px solid #5d84bb;
	border-top: 1px solid #3b629d;
	border-left: 1px solid #3b629d;
	margin-right: 5px;
	background: #e4f6ff;
}
.hiddenBlockNav li a{
	padding: 1px 5px;
	display: block;
}
.hiddenBlockNav li:hover a {
	text-decoration: none;
	color: #000;
}
.hiddenBlockNav li:hover, .hiddenBlockNav li.selected { /* hover state and selected state */
	text-decoration: none;
	background:#3a347c;
	border-top: 1px solid #4c4688;
	border-left: 1px solid #4c4688;	
	border-top: 1px solid #1f1868;
	border-left: 1px solid #1f1868;		
}
.hiddenBlockNav li:hover a, .hiddenBlockNav li.selected a{ 	color: #fff!important;}
li.navSelected {
	text-decoration: none;
	background:#abd4eb;
	border-top: 1px solid #3b629d;
	border-left: 1px solid #3b629d;	
}
li.navSelected a { color: #fff!important; }

#singleCol {
	float: left;
	width: 688px;
	margin: 0 10px 0 0;
}
/* =========== */

.featContent {
	background: #eff2f7 url(/i/bg-featPanel.png) no-repeat bottom;
	padding: 10px;
	margin-bottom: 15px;
	min-height: 160px;
	height: 0.01%;
}
* html .featContent {
	height: 160px;
	
}
.featContent #hiddenBlocks {
	position: relative;
}
.featContent p {
	font-family: Helvetica, Arial, sans-serif;
	color: #27417a;	
 	font-weight: bold; 
	line-height: 1.6em;
	font-size:0.9em!important;	
}
.largeFeature {
	position: absolute;
}
.featImg {
	padding: 4px;
	margin-right: 10px;
	float: left;
	background: #fff;
}

.horizontalContainer {
	clear: left;
	margin-bottom: 15px;
}
.varWidthLink2, .varWidthLink3 {
	margin-right: 8px;
	margin-bottom: 15px;
	float: left;
	width: 220px;
	display: inline; 
}
.varWidthLink2 { width: 335px; } /* makes divs wider when only two are shown */

* html .varWidthLink3 a.button {
	width: 180px;
}
* html .varWidthLink2 a.button {
	width: 250px;
}

.bgGrad { 
	background: url(/i/bg-blueGrad.png) repeat-x bottom; 
	height: 0.01%;
}

.bgImgWrapper {
	height: 106px;
	border-top: 4px solid #91a5d4;
}

.bgImgWrapper a {
	display: block;
	height: 106px;
	width: inherit;
	background: inherit;
	text-decoration: none;
}
.bl {background: url(/i/whiteCornerBL.png) no-repeat bottom left;}
.br {background: url(/i/whiteCornerBR.png) no-repeat bottom right; padding: 6px;}
.smallLinks, .smallestLinks {
	width: 490px;
	float: left;
}
.smallestLinks {
	width: 187px;
	margin-left: 10px;
	float: left;
}
* html .smallestLinks {
	width: 183px;
}
.smallLinkItem {
	float: left;
	width: 115px;
	margin-right: 7px;
/*	background: url(/i/bg-smallLinks.png) no-repeat 0 79px;  */
}
.smallLinkItem a img {background: none;}
a.bulletLink{
	background: url(/i/bullet-link.png) no-repeat 0 4px;
	padding-left: 10px;
	font-size: 0.9em;
}
.smallLinks img {border-top: 3px solid #91a5d4;}
.smallestLinks img {
	padding: 2px; 
	margin-right: 5px;
	border: 1px solid #91a5d4; 
	float:left;
}
.smallestLinks li p {
	padding-bottom: 0px;
}
ul.list li.smallFeature {
	background: url(/i/list-bullet.png) no-repeat left; 
	padding: 2px 0 0px 2px;
	border-bottom: 1px dotted #c0c0c0;
	border-top: none;
	background: none;
}

.last { margin-right: 0;}

#rightUtilityPanel ,#leftUtilityPanel {
	float: left;
	width: 155px;
	margin: 0;
}

#rightUtilityPanel .linkContainer {
	margin-bottom: 10px;
}
#rightUtilityPanel .util {
	margin-bottom: 10px;
	background: green;
}
.topDownGrad { 
	background:url(/i/bg-right-panel.png) repeat-x;
	border-top: 1px solid #91a5d4; 
	padding-top: 10px;
}
#searchresults li {
	border-bottom: 1px dashed #cccccc;
	padding-top: 7px;
}
#searchresults li:hover {background: #f8fcff;}
.flashGalWrap {border-top: 3px solid #92a5d5;}

.blueUnderline {border-bottom: 3px solid #92a5d5;}

.resultsLeft {
	width: 335px;
	float: left;
	text-align: center;
	padding-top: 15px;
}
.resultsLeft span.span {
	font-size: 1.3em;
	font-weight: bold;
	display:block;
	margin: 10px 0 5px 0;
}

.resultsRight {	
	float: left; 
	border-left: 1px dashed #82b7d3;
	width: 315px;
	padding-left: 20px;
}
.pageNumbers {
	text-align: right;
}
.grey {
	color: #777;
	font-weight:normal;
	float: left;
}
.pageNumbers a {
	background:#f2f8fc;
	padding: 2px 6px;

}
.pageNumbers a:hover {
	background:#d6e8f6;
}
.pageNumbersSelected {border: 1px solid #d6e8f6; font-weight: bold;	padding: 1px 5px; color: #999;}

.linksBox {
	border: 1px solid black;
}
.linksBox img {
	background: #fff;
	padding: 5px;
	border: 1px solid #91a5d4;
	float: left;
	margin-right: 5px;
}

/* 404 */
.noResults {
	text-align: center;
	padding-top: 15px;
}
.errorInfo .url {
	padding: 7px;
	text-align: center;
	background: #e6ecee;
	padding: 10px 30px;
	border: 1px dotted #2e5592;
	margin: 25px 0px 10px 0px;
}
.blueLine {
	padding-top: 10px;
	border-top: 1px dotted #8ac3de;
}
.bgGradGrey {background: url(/i/bg-blueGrad.png) repeat-x bottom;}


/* ============== SECTION TITLES ==================== */

h1.seeDo, h1.itin, h1.search, h1.inspiration, h1.inspire, h1.features, h1.whereToStay, h1.downloadGuides, h1.gallery, h1.error {
	text-indent: -9999px;
	height: 40px;
}
h1.seeDo {background: url(/i/title-seeAndDo.png) no-repeat; width: 183px; }
h1.itin {background: url(/i/title-itineraries.png) no-repeat; width: 113px;}
h1.search {background: url(/i/title-searchResults.png) no-repeat; width: 150px;}
h1.inspire {background: url(/i/title-inspirational.png) no-repeat; width: 240px;}
h1.features {background: url(/i/title-features.png) no-repeat; width: 93px;}
h1.whereToStay {background: url(/i/title-whereToStay.png) no-repeat; width: 146px;}
h1.downloadGuides {background: url(/i/title-guideDownloads.png) no-repeat; width: 189px;}
h1.gallery {background: url(/i/title-gallery.png) no-repeat; width: 79px;}
h1.error {background: url(/i/title-404.png) no-repeat; width: 167px;}

/* ============== BREAD CRUMBS ==================== */
/*
#breadCrumbWrapper h1 { 
	display: inline; 
	float: left;
	margin-bottom: 0;
}
#breadCrumbWrapper h1 a {
	color: #870150;
	text-decoration: none;
}
ul#breadCrumb {
	margin: 7px 0px 5px 10px;
	float:left;
}
ul#breadCrumb li {
	display: inline;
	color: #999;
	font-size: 0.85em;
	padding: 0 3px;
}
ul#breadCrumb li a {
	text-decoration: none;
	color: #999;
	font-weight: normal;

}
ul#breadCrumb li a:hover {
	text-decoration: underline;
	color: #336;
}
*/
#breadCrumbWrapper {
	padding: 10px 0 10px 0;	/* NEW since unification */
}
/* ================= ACCORDION STYLES ==================== */
#accordionWrapper{
	margin-bottom: 10px;
	background:url(/i/bg-right-panel.png) repeat-x;
}
#accordionWrapper span.span {
	padding: 5px 0;
	display: block;
}
.accordion_headings{
	padding:2px;
	border:1px solid #FFF;
	cursor:pointer;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #b9d4f4;
	background: #eef6ff url(/i/bullet-subnav-down.png) no-repeat 140px 8px;
}
.header_highlight{ font-weight:bold; }
.accordion_headings:hover{ background-color:#dfeeff; }
.accordion_child {overflow: hidden;}
.accordion_child ul.subnav { border-top: 0; }
.accordion_child ul li { margin-left: 2px; }
.accordion ul li:first-child{ border-top: none; }

/* FEATURE ACCORDION */
#accordWrapper{
	margin-bottom: 10px;
}
.accord_child {overflow: hidden;}
.accord_headings{
	padding:2px 5px;
/* 	border:1px solid #FFF; */
	cursor:pointer;
	background: url(/i/bg-accord-title.png) no-repeat right;
	color: #fff;
}
#accordWrapperTwo .accord_headings{
	padding:2px 5px;
/* 	border:1px solid #FFF; */
	cursor:pointer;
	background: url(/i/bg-accord-title-green.png) no-repeat right;
	color: #fff;
}
/* new */
.sectionHighlighted {
	background: url(/i/bg-accord-title-on.png) no-repeat bottom right;
	color: #000;
}
#accordWrapperTwo .sectionHighlighted{
	background: url(/i/bg-accord-title-green-on.png) no-repeat bottom right;
	color: #000;
}

/* ======================================================
FOOTER
======================================================= */
/*
#footer, #footerSplash {
	background: #314d8c url(/i/bg-footer.png) repeat-x bottom;
	min-height: 160px;
	font-size: 0.85em;
	color: #fff;
}

#footerSplash { min-height: 180px; }

#footer span.skyline, #footerSplash span.skyline, #footerSimple span.skyline {
	background: #fff url(/i/bg-skyline.png) no-repeat; 
	display: block;
	height: 43px;
	border-bottom: 1px solid #fff;
}
#footerLinks { / * footer link wrapper * /
	padding: 7px 10px; 
}
ul#internalLinks { margin-bottom: 5px; }
#scotlandImg { padding: 4px 5px 0 0; }
#copyright {
	float:right;
	width: 300px;
	padding: 5px 0 0 0;
	text-align: right;
}

/ * SIMPLE FOOTER * /
#footerSimple {
	background: #314d8c url(/i/bg-footer.png) repeat-x bottom;
	min-height: 93px;
	font-size: 0.85em;
	color: #fff;
}
#footerLinksWrap {
	padding: 7px 0 7px 10px; 
	width: 550px;
	float: left;
}
#internalLinks li, #externalLinks li {
	display: inline;
	padding-right: 7px;
}
#internalLinks a, #externalLinks a{
	color: #fff;
	font-weight: normal;
}
#externalLinks a{color: #9dd7f5;}
*/
/* ------------------------ GUIDE WIDGET ------------------------ */
/*  These changes only apply to the Guide pages themselves; see   */
/*  widget.css for generic widget styles                          */
/* -------------------------------------------------------------- */
#widget_button {
	position			: absolute;
	top					: 5px;
	right				: 5px;
}
#widget_popup {
	left				: 160px;
	top					: 190px;
	z-index				: 20;
}
a#widget_button_link {
	background-image	: url('/i/guide-explore-vs-a.png');
	color				: #b5caff !important;
	font				: normal 13px Arial, Helvetica, sans-serif !important;
	font-weight			: bold !important;
}
a#widget_button_link:hover {
	color				: white !important;
}
a#widget_button_link .widget_inside {
	background-image	: url('/i/guide-explore-vs-span.png');
}

/* ================= */
#footerAccordion{
	width: 400px;
	float: left;
}
.footerLinks {
	float:left; 
	width: 150px;
	border-left: 1px dashed #9cb8e3;
	background: #223263 url(/i/bg-footerLinks.png) right top no-repeat;
}
.footerLinkHeaders .accordion_headings{
	padding:5px;
	cursor:pointer;
	text-transform: uppercase;
	background-color:transparent;
	border: 0;
	text-align: right;
}
.footerLinkHeaders .footer_headings:hover{
	text-decoration: underline;
	background: #314d8c url(/i/bg-footer-title.png) repeat-y right;
}
.footerLinkHeaders {
	width:100px; 
	float:left;
}
.footerLinkHeaders .header_highlight{
	background: #314d8c url(/i/bg-footer-title.png) repeat-y right;
}
.footerLinks .accordion_child{
	padding: 5px;
}
.footerLinks .accordion_child a {
	font-weight: normal;
	color: #fff;
}
.footerLinks .accordion_child ul {
	list-style: none;
}
/* -------- ARROW LINKS -------- */
.arrowlink {
	background		: url('/i/arrow-link-left.png') no-repeat;
	padding-left	: 5px;
	height			: 30px;
	float			: left;
}
.linkpoint {
	background		: url('/i/arrow-link-right.png') no-repeat right top;
	padding-right	: 13px;
	height			: 30px;
}

.arrowlink a {
	background		: url('/i/arrow-link-middle.png') repeat-x;
	text-decoration	: none;
	font-weight		: bold;
	height			: 24px;
	color			: #fff;
	font-size		: 1.2em;
	display			: block;
	padding			: 6px 0 0 5px;
}
.arrowlink input {
	background		: url('/i/arrow-link-middle.png') repeat-x;
	font-weight		: bold;
	height			: 30px;
	color			: #fff;
	font-size		: 1.2em;	
	border			: none;
	cursor			: pointer;
}
/* ------------ SIGN UP FORM -------------*/
.formsubmit {
	margin-top		: 20px;
}
.formsection {
	margin-top		: 30px;
}
p.formsectionlabel {
	font-size		: 1.2em;
	font-weight		: bold;
}
.quoteTop {
	background-color: #f7eeff;
}
.quoteBase {
	padding			: 10px;
}
.quoteBase table {
	width			: 100%;
}
.formkey {
	width			: 30%;
}
span.mandatory {
	color			: red;
}
.formvalue input {
	width			: 250px;
}
.error {
	color			: red;
}
/* ----------------- QUICK SEARCH FORM (GUIDE SPLASH) -------------------- */
#accomSearch select {
	width: 175px;
	margin-bottom: 8px;
}
#accomSearch .textInput {
	width: 170px;
	margin-bottom: 12px;
}

/* ---------------------- NEWSLETTER SIGNUP PAGE ------------------------- */
.formTop {
	padding-top: 15px;
	background: url('/i/formbg1.png') no-repeat;
	margin: 10px 0;
}
.formBase {
	padding: 0 15px 15px 15px;
	background:	url('/i/formbg2.png') no-repeat bottom left;
}
.submitButton {
	background: url('/i/submit-left.png') no-repeat top left;
	float: left;
	height: 24px;
}
.submitButton input {
	background: url('/i/submit-right.png') no-repeat scroll right top;
	margin-left: 6px;
	padding: 2px 27px 5px 5px;
	border: none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}

.splashLink {
	position               : absolute;
	width                  : 157px;
	height                 : 16px;
	top                    : 98px;
	left                   : 276px;
	text-indent            : -9999px;
}

.splashLink a {
	display                : block;
	width                  : 100%;
}