@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;}

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(../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(../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;}

/* TIMBERBUSH ADDITIONS */

DIV.horiztimberbush {border-bottom: #cccccc 1px solid;}


/* RED BUTTONS */
a.button {
	background: url(../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(../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(../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(../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(../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(../img/list-bullet.png) no-repeat left; 
	padding: 2px 0 2px 12px;
}	


/* SECTION LIST */
ul.sectionList {
	background:url(../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(../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(../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(../img/bg-rtPnlBtm.png) bottom no-repeat;
	margin-bottom: 10px;
	clear:both;
	color: #333;
}
.textPanel h4 {
	background:url(../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(../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(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;
}