@charset "utf-8";

/* CSS Document */



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

HTML TAGS

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

body {

	background: #93a5d5 url(../img/bg-sitewide.png) repeat-x;

	margin: 0;

	padding: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.8em;

}



a { font-weight: bold; text-decoration: none; color: #c31b1b;}

a:hover { text-decoration: underline; }



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



img {
	border: none;
	margin: 0px 5px 0px 5px;
}



h1, h2, h3, h4 {

	padding:0; margin:0;

}

h1 {

	font-size: 1.8em;

	color: #7293c6;

}

h2 {

	font-size: 1.4em; 

	font-weight: normal;

	margin: 4px 0 2px 0;

}

h3 {

	font-size: 1.15em; 

	margin: 4px 0 2px 0;

}

h4 {

	font-size: 1.05em; 

}



h1.mediaBoxTitle {

	color: #ffffff;

	padding-left: 6px;

	padding-top: 2px;

	padding-bottom: 1px;

}



h1.wideMediaBoxTitle {

	color: #ffffff;

	padding-left: 0px;

}



body#siteGuide h2 span, body#siteGuide h3 span {color: #d11f07;}

body#siteShop h2 span {color: green;}

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(../img/logo-vs.png) no-repeat right;

	height: 67px;

	width: 340px;

	margin-top: 10px;

	float: left;

}

h1#vsLogo span {font-size: 0.6em; display: block;}



#searchWrapper {

	float: right;

	background: url(../online_shop_header_footer/img/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;

}



#gateways {

	background: url(../online_shop_header_footer/img/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 { float: left;}

#gateways select {

	font-size: 0.8em;

	width: 140px;

	margin-top: 2px; 

}



/* ########## TABS ########## */

h2.tabHeader{ margin: 0; padding: 0;}





#breadcrumb h1 {

	display: inline; 

}

#breadcrumb {

	color: #999;

}



/* ========== GUIDE tabs =========== */

ul#tab {

float: left;

	height: 44px;

	background: url(../img/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(../img/tab-guide.png) 0 -44px no-repeat;}

ul#tab #shop a:hover {background: transparent url(../img/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(../img/tab-shop.png) no-repeat right top; }



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

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









/* ########## NAV (guide) ########## */

#nav, #shopnav {

	background: #1f4781 url(../img/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(../img/nav-divider.png) no-repeat left;

}

*html #nav, *html #shopnav{ height: 28px;}





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

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



/* ########## NAV (shop) ########## */

#shopnav { background: #1f4781 url(../img/bg-nav-shop.png) no-repeat; }

#shopnav ul li a {

	color: #FFFFFF;

}

#shopnav ul li { background: url(../img/nav-divider-shop.png) no-repeat left; }

#shopnav ul li a:hover {

	color: #FFFFFF;

}



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

SITE WIDE 

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



/* BANNER ADS */

#bannerAdWrapper {

	width: 1003px;

	margin: 0 auto;

}

#bannerAd { 

	float: left;

	width: 120px;

	margin: 130px 0 0 8px;

}

#bannerAd img{ margin-bottom: 10px;}



/* MAIN CONTENT WRAPPER */

#wrapper {

	float: left;

	width: 873px;

	margin: 0 auto 0 0;

}



#mainContent {

	background: #fff;

	padding: 10px 10px 15px 10px;

}

.hide { display: none; }

.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(../online_shop_header_footer/img/link-right.png) no-repeat scroll right top;

	color: #fff;

	display: block;

	float: left; 

	height: 24px;	

	margin-right: 6px;

	padding-right: 27px;

	text-transform: uppercase;

	font-size: 0.85em;

}

a.button span{

	background: url(../online_shop_header_footer/img/link-left.png) no-repeat top left;

	display: block;

	padding: 3px 0 6px 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(../online_shop_header_footer/img/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(../online_shop_header_footer/img/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(../online_shop_header_footer/img/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(../online_shop_header_footer/img/list-bullet.png) no-repeat left; 

	padding: 2px 0 2px 12px;

}	





/* SECTION LIST */

ul.sectionList {

	background:url(../online_shop_header_footer/img/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;

}

ul.sectionList a {min-height: 1px;}

ul.sectionList a h3 { 

	color:#d11f07!important;

	background: url(../online_shop_header_footer/img/bullet-subnav.png) right no-repeat;

	padding-right: 15px;

	display: inline;

}

.listImg {

	float: left;

	border-top: 3px solid #91a5d4;

	margin-right: 10px;

}

.listCopy {

	float: left;

	width: 373px;

}



/* ww LISTS */

ul.subnav {

	list-style: none;

	padding-bottom: 15px;

	margin: 0 0 10px 0;

/*	background: #eef6ff url(/i/bg-subnav.png) no-repeat bottom; */

	border-top: 3px solid #92a5d5;

}

.subnavWrapper {

/*	background: #eef6ff url(/i/bg-subnav.png) no-repeat bottom;	*/

}

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(../online_shop_header_footer/img/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(../online_shop_header_footer/img/bg-rtPnlBtm.png) bottom no-repeat;

	margin-bottom: 10px;

	clear:both;

	color: #333;

}

.textPanel h4 {

	background:url(../online_shop_header_footer/img/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(../online_shop_header_footer/img/bg-caption.png) bottom no-repeat;

	margin-bottom: 10px;

	clear:both;

	color: #333;	

	padding: 5px;	

	font-size: 0.8em;

}



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

FOOTER

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

#footer {

	background: #314d8c url(../online_shop_header_footer/css/bg-footer.png) repeat-x bottom;

	min-height: 160px;

	font-size: 0.85em;

	color: #fff;

}

*html #footer {	height: 160px;} /* forces the footer BG to show in older IEs */

#footer span.skyline, #footerSimple span.skyline {

	background: #fff url(../img/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(../img/bg-footer.png) repeat-x bottom;

	min-height: 93px;

	font-size: 0.85em;

	color: #fff;

}

*html #footerSimple {	height: 93px;} /* forces the footer BG to show in older IEs */

#footerLinksWrap {

	padding: 7px 0 7px 10px; 

	width: 550px;

	float: left;

}

ul#internalLinks  {margin-bottom: 5px;}

#internalLinks li, #externalLinks li {

	display: inline;

	padding-right: 7px;

}

#internalLinks a, #externalLinks a{

	color: #fff;

	font-weight: normal;

}

#externalLinks a{color: #9dd7f5;}







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

#footerAccordion{

	width: 400px;

	float: left;

}

.footerLinks {

	float:left; 

	width: 150px;

	border-left: 1px dashed #9cb8e3;

	background:url(../img/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(../img/bg-footer-title.png) repeat-y right;

}

.footerLinkHeaders {

	width:100px; 

	float:left;

}

.footerLinkHeaders .header_highlight{

	background: #314d8c url(../img/bg-footer-title.png) repeat-y right;

}

.footerLinks .accordion_child{

	padding: 5px 5px 0 5px;

}

.footerLinks .accordion_child a {

	font-weight: normal;

	color: #fff;

}


#holiday {

	margin: 10px 0px 20px 0px;

}

#holiday #lateavail {

	color: #FFFFFF;

	background-color: #FF0000;

}

#holiday #full {

	color: #FFFFFF;

	background-color: #006600;

	font-weight: normal;

}