/*
Stylesheet For: VSI Template V4.1
URL: http://www.neilson-adventures.co.uk
Version: v1.0
Author: VSI-Thinking, http://www.vsi-thinking.com
*/

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* CONTENTS

   A: Universal Elements
      1. Body & Html
      2. Hyperlinks
      3. General Divs
      4. Headings

   B: Structure
      1. Header & Navigation
      2. Content Wrapper
      3. Sidebar
      4. Main Body
	  5. Footer

	C: Modules
                                                               */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* *********************************************************** */
/* A. Universal Elements                                       */
/* *********************************************************** */

/* ----------------------------------------------------------- */
/* A1. Body & Html                                             */
/* ----------------------------------------------------------- */
body, html {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
body, p, div, td {
	font-family: Arial;
	font-size: small;
}

/* ----------------------------------------------------------- */
/* A2. Hyperlinks                                              */
/* ----------------------------------------------------------- */
/*
div#contentArea a.button {
}
div#contentArea a.button:hover {
}
*/
a.submit,
.submit,
a.submitBlk,
.submitBlk,
a.submitLarge,
.submitLarge {
	color:#FFFFFF;
	float:left;
	background: url(../../pics/submitBg.gif) top right no-repeat;
	width:76px;
	height:20px;
	margin:0 6px 0 0;
	padding:3px 0 0 0;
	text-align:center;
	font-weight:bold;
	font-size:90%;
	text-decoration:none;
}
a.submitLarge,
.submitLarge {
	background: url(../../pics/submitBgLarge.gif) top right no-repeat;
	width:100px;
}
a.submitBlk,
.submitBlk {
	background: url(../../pics/submitBlkBg.gif) top right no-repeat;
	float:right;
	width:59px;
	height:20px;
	margin:0;
	padding:0;
	font-size:80%;
}
a.submit:hover,
a.submitLarge:hover,
a.submitBlk:hover,
.submitBlk:hover {
	text-decoration:underline;
}

/* ----------------------------------------------------------- */
/* A3. General Divs                                            */
/* ----------------------------------------------------------- */
div.clearfix { clear: both; }
div.content {
	width: 968px;
	margin: auto auto;	
}

/* ----------------------------------------------------------- */
/* A4. Headings                                                */
/* ----------------------------------------------------------- */
h1, h2, h3, h4 {
	margin:0;
	padding:0;
	font-size:150%;
}
h2 {
	font-size:130%;
}
h3 {
	font-size:120%;
}
h3.alert {
	color:#ff0000;
}
h4 {
	font-size:100%;
}

/* *********************************************************** */
/* B. Structure                                                */
/* *********************************************************** */

/* ----------------------------------------------------------- */
/* B1. Header & Navigation                                     */
/* ----------------------------------------------------------- */
#Header {
	height: auto !important;
	height:164px;
	min-height:164px;
	margin:0;
	padding:0;
}
#Header .content {
	background:url(../../pics/headerBg.gif) no-repeat top center;
	height:164px;
}
#Header .content .login {
	margin:0px;
	padding:15px 27px 0px 0px;
	text-align:right;
}
#Header .content .login a {
	color:#006633;
	font-weight:bold;
	text-decoration:underline;
}
#Header .content .login a:hover {
	text-decoration:none;
}
#Header .content img {
	margin:0 0 0 24px;
	float:left;
}
#Header .content .textTelNo {
	color:#494B58;
	font-size:170%;
	font-weight:bold;
	float:right;
	padding:25px 27px 0px 0px;
}
#Menu {
	width:659px;
	height:42px;
	margin:25px 28px 0px 0px;
	float:right;
	color: #FFFFFF;
	padding:0;
}
#Menu ul {
	margin:0px;
	padding:0px;
	list-style:none;
	height:42px;
}
#Menu ul li {
	list-style-type:none;
	float:left;
	padding:0;
}
#Menu ul li a {
	display: block;
}
#Menu ul li.selected a {
}
#Menu ul li a:hover {
}
#Menu ul li a.navHome,
#Menu ul li a.navAdventures,
#Menu ul li a.navDestinations,
#Menu ul li a.navAboutUs,
#Menu ul li a.navFAQ,
#Menu ul li a.navHelp {
	text-indent: -9000px;
	height:18px;
}
#Menu ul li a.navHome {
	background: url(../../pics/headings/navHome.gif) no-repeat top left;
	width:72px;
}
#Menu ul li a.navAdventures {
	background: url(../../pics/headings/navAdventures.gif) no-repeat top left;
	width:137px;
}
#Menu ul li a.navDestinations {
	background: url(../../pics/headings/navDestinations.gif) no-repeat top left;
	width:146px;
}
#Menu ul li a.navAboutUs {
	background: url(../../pics/headings/navAboutUs.gif) no-repeat top left;
	width:118px;
}
#Menu ul li a.navFAQ {
	background: url(../../pics/headings/navFAQ.gif) no-repeat top left;
	width:76px;
}
#Menu ul li a.navHelp {
	background: url(../../pics/headings/navContactUs.gif) no-repeat top left;
	width:109px;
}
#Menu a.selected { }
#Menu a:hover { }

/* ----------------------------------------------------------- */
/* B2. Content Wrapper                                         */
/* ----------------------------------------------------------- */


/* ----------------------------------------------------------- */
/* B3. Side Bar                                                */
/* ----------------------------------------------------------- */
/*
#Wrapper #Navigation {
	width:190px;
	padding-left:10px;
	float:left;
}
*/

/* ----------------------------------------------------------- */
/* B4. Main Body                                               */
/* ----------------------------------------------------------- */

#Wrapper .content {
	height:auto !important;
	height:500px;
	min-height:500px;
	background:url(../../pics/mainPageBg.gif) no-repeat bottom right;
	padding:8px 20px 8px 12px;
	width: 936px;
}
#Wrapper .content #Page {
	float:right;
	width:660px;
	padding:0 0 12px 0;
	margin:0;
}
#Wrapper .content #Navigation {
	float:left;
	width:250px;
	padding:0px;
}

/* ----------------------------------------------------------- */
/* B5. Footer                                                  */
/* ----------------------------------------------------------- */

#Footer .content {
	height: auto !important;
}
#Footer .content #FooterLinks {
	padding:0 10px 0 0;
}
#Footer .content #FooterLinks p {
	font-size:90%;
	text-align:right;
	font-weight:bold;
	font-family:Arial;
}
#Footer .content #FooterLinks p a {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
#Footer .content #FooterLinks p a:hover {
	text-decoration:underline;
}
#Footer .content img {
	float:right;
	margin-left:10px;
}

/* *********************************************************** */
/* C. Modules                                                  */
/* *********************************************************** */


/* *********************************************************** */
/* C. Content Area                                             */
/* *********************************************************** */

#Page #Banner {
	width:648px;
	height:247px;
	background: url(../../pics/bannerHomeBg.gif) top center no-repeat;
	padding:6px;
	margin:6px 0 12px 0;
}

#Page #Banner #slideshow,
#Page #Banner #slideshow #slidesContainer,
#Page #Banner #slideshow #slidesContainer .slide {
	width:647px;
	height:246px;
	margin:0;
}
#Page #Banner #slideshow {
	position:relative;
}
#Page #Banner #slideshow #slidesContainer {
	width:610px;
	overflow:auto; /* allow scrollbar */
	float:left;
}
#Page #Banner #slideshow #slidesContainer .slide {
	margin:0 auto;
	width:610px;
}
#Page #Banner #slideshow #rightControl { background:transparent url(../../pics/bannerBtnNext.gif) no-repeat 0 0; }
#Page #Banner #slideshow .control {
	display:block;
	width:28px;
	height:28px;
	margin:114px 0 0 0;
	text-indent:-10000px;
	float:right;
	cursor:pointer;
}
#Page #Banner .slideNo,
#Page #Banner .slideNoHome {
	position:absolute;
	height:18px;
	top:148px;
	left:0px;
	padding:0 0 0 8px;
}
#Page #Banner .slideNoHome {
	top:220px;
}
#Page #Banner .slideNo div,
#Page #Banner .slideNoHome div {
	float:left;
	cursor:hand;
	width:19px;
	height:18px;
	margin:0 5px 0 0;
	padding:0;
	text-align:center;
	background:transparent url(../../pics/bannerBtnBg.gif) no-repeat 0 0;
	color:#FFFFFF;
}
#Page #Banner #slideshow .slideNoHome div.current,
#Page #Banner #slideshow .slideNo div.current { font-weight:bold; }

#contentAreaPageTop {
	background:url(../../pics/contentAreaTopRes.gif) top right no-repeat;
	width:664px;
	height:16px;
}
#contentAreaPage {
	background:url(../../pics/contentTripBg.gif) bottom right no-repeat;
	width:634px;
	padding:0 18px 12px 12px;
	margin:0 0 12px 0;
	color:#59595A;
}

#pageHeader {
	width:643px;
	height:93px;
	background: url(../../pics/hgSearchResBg.gif) bottom center no-repeat;
	padding:8px 8px 0 8px;
	margin:8px 0 12px 0;
}
#contentArea #pageHeader {
	background: url(../../pics/hgSearchResLargeBg.gif) bottom center no-repeat;
	height:182px;
}
#pageHeader p,
#pageHeader p.controls {
	margin:0;
	padding:0;
}
#pageHeader p.controls {
	font-size:80%;
	line-height:0.9em;
}
#pageHeader p.controls input[type='checkbox'] {
	font-size:200%;
	vertical-align:middle;
}
#pageHeader img {
	float:right;
}
#pageHeader h2 {
	float:left;
	width:229px;
	height:75px;
	margin:0;
	padding:11px 0 0 11px;
	color:#ffffff;
	font-size:140%;
	background:#494B58;
}
#pageHeader strong.filterHeader {
	font-size: 130%;
}
#pageHeader p.filterHeader{
	margin-bottom:3px;
}
#pageHeader .filterColHeader{
	margin-left: 5px;
}
#pageHeader div.col{
	float:left;
	width:150px;
}
#pageHeader div.col span{
	font-size:85%;
}
#pageHeader div.colOne{
	width:180px;
}
h3.noResults{
	color:#CC0000;
	margin:0 0 8px 12px;
}
.commHomeBox {
	float:left;
	width:306px;
	height:180px;
	margin:0 10px 0 0;
}
.commHomeBoxDetails {
	background:#E6E6DB;
	width:282px;
	height:130px;
	margin:12px 0 12px 0;
	padding:12px;
}
.commHomeBoxDetails p {
	margin:0 0 8px 0;
}
#reviewForm,
#contactForm { 
	background: #E6E6DB;
	margin:0;
	padding:8px;
}
#reviewForm p, #contactForm p { margin:8px 0 0 0; }
.commHomeBoxDetails .label,
#reviewForm .label,
#contactForm .label {
	width:108px;
	height:19px;
	display:block;
	float:left;
	font-size:90%;
	font-weight:bold;
	margin:0;
	padding:2px 0 0 0;
}
#reviewForm .validator,
#contactForm .validator {
	font-size:90%;
	font-weight:bold;
	color:#ff3333;
	margin:0;
	padding:0;
}
.commHomeBoxDetails input, .commHomeBoxDetails select,
#reviewForm input, #reviewForm select,
#contactForm input[type=text]{
	width:160px;
	font-size:85%;
	margin:0;
}
#reviewForm p.formName select,
#contactForm p.formName input[type=text],
#contactForm p.formName select {
	margin:0 4px 0 0;
	width:128px;
}
#contactForm .checkbox input {
	width:24px;
	margin:0;
	padding:0;
}
p.wishListItem {
}
p.wishListItem img.productImage {
	margin:0 12px 0 0;
}
p.wishListItem .buttonIcons {
	float:right;
}

#contentAreaPage #inspireTripBox {
	float:left;
	width:298px;
	height:152px;
	background:#E6E6DB;
	padding:6px 6px 0 6px;
	margin:0 6px 6px 0;
}
#contentAreaPage #inspireTripBox p {
	margin:8px 0 2px 0;
	padding:0;
	font-size:90%;
}
#contentAreaPage #inspireTripBox h4 { font-size:110%; }
#reviewResults p.reviewTrip img.tripImg,
#reviewResults p.reviewTripAlt img.tripImgAlt,
#searchResults p.resultsTrip img.tripImg,
#searchResults p.resultsTripAlt img.tripImgAlt,
#contentAreaPage p.resultsTrip img.tripImg,
#contentAreaPage p.resultsTripAlt img.tripImgAlt,
#contentAreaPage #inspireTripBox img.tripImgAlt {
	float:left;
	width:137px;
	height:137px;
	padding:3px 9px 9px 3px;
	margin:0 6px 0 0;
}
#reviewResults p.reviewTrip img.tripImg,
#searchResults p.resultsTrip img.tripImg,
#contentAreaPage p.resultsTrip img.tripImg,
#contentAreaPage p.resultsTrip img.tripImg { background: url(../../pics/resultsImgBg.gif) top left no-repeat; }

#reviewResults p.reviewTripAlt img.tripImgAlt,
#searchResults p.resultsTripAlt img.tripImgAlt,
#contentAreaPage p.resultsTripAlt img.tripImgAlt,
#contentAreaPage #inspireTripBox img.tripImgAlt { background: url(../../pics/resultsImgAltBg.gif) top left no-repeat; }


/* *********************************************************** */
/* C. Search Box                                               */
/* *********************************************************** */

#Navigation #searchBox,
#Navigation #searchMap {
	background: url(../../pics/searchPanel.gif) bottom right no-repeat;
	width:250px;
	margin:0 0 10px 0;
}
#Navigation #searchBox h2,
#Navigation #searchMap h2 {
	background: url(../../pics/searchPanelTop.gif) bottom right no-repeat;
	height:24px;
	color:#ffffff;
	font-size:130%;
	margin:0;
	padding:16px 0 0 12px;
}
#Navigation #searchMap p {
	text-align:center;
	margin:4px 0 8px 0;
}
#Navigation #searchBox #searchForm p {
	margin:6px 0 10px 0;
	padding:0px;
}
#Navigation #searchBox #searchForm .label {
	width:88px;
	height:19px;
	display:block;
	float:left;
	font-size:90%;
	font-weight:bold;
	margin:0 0 0 0;
	padding:2px 0 0 12px;
}
#Navigation #searchBox #searchForm select, #Navigation #searchBox #searchForm input {
	font-size:80%;
}
#Navigation #searchBox #searchForm select.select130 { width:130px; }
#Navigation #searchBox #searchForm select.select60 { width:60px; }
#Navigation #searchBox #searchForm .submit {
	float:right;
	margin:0 16px 6px 0;
}


/* *********************************************************** */
/* C. Navigation Boxes                                         */
/* *********************************************************** */

#Wrapper .content #Navigation div.homeOfferBox, #Wrapper .content #Navigation div.homeOfferBoxSmall {
	width:252px;
	height:111px;
	display:block;
	margin:0 0 12px 0;
	padding:0;
}
#Wrapper .content #Navigation div.homeOfferBoxSmall { height:74px; }
#Wrapper .content #Navigation div.homeOfferBox p { padding:82px 0 0 8px; }
#Wrapper .content #Navigation div.homeOfferBoxSmall p { padding:46px 0 0 9px; }
#Wrapper .content #Navigation div.homeOfferBox p a,
#Wrapper .content #Navigation div.homeOfferBoxSmall p a {
	color:#006633;
	font-size:80%;
	padding:0 0 0 24px;
	height:18px;
	display:block;
	background:url(../../pics/offerBoxLinkBg.gif) top left no-repeat;
}

/* *********************************************************** */
/* C. Adventure Pages                                          */
/* *********************************************************** */

p.resultsTrip,
p.resultsTripAlt {
	margin:0 0 4px 12px;
}
p.resultsTripAlt {
	background:#E6E6DB;
}
p.resultsTrip a,
p.resultsTripAlt a {
	color:#006633;
	font-weight:bold;
	font-size:110%;
}
p.resultsTrip a.submit,
p.resultsTripAlt a.submit,
p.resultsTrip a.submitLarge,
p.resultsTripAlt a.submitLarge {
	color:#ffffff;
	margin:6px 6px 0 0;
	font-size:85%;
	text-align:center;
}
p.resultsTrip,
p.resultsTripAlt {
	width:619px;
	height:148px;
	display:block;
	margin:0 0 4px 0;
	padding:6px;
	color:#404041;
}
p.resultsTrip .rightCol,
p.resultsTripAlt .rightCol {
	float:right;
	width:180px;
	height:px;
	display:block;
	font-size:90%;
}
p.resultsTrip .rightCol .price,
p.resultsTripAlt .rightCol .price {
	float:right;
	width:142px;
	height:48px;
	display:block;
	background:url(../../pics/priceTagBg.gif) top left no-repeat;
	margin:0 0 30px 0;
	padding:10px 0 0 8px;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
}
p.resultsTrip .rightCol .price .priceFigure,
p.resultsTripAlt .rightCol .price .priceFigure {
	font-size:140%;
}
p.resultsTrip .rightCol .price .priceText,
p.resultsTripAlt .rightCol .price .priceText {
	font-weight:normal;
}
p.resultsTrip .rightCol img,
p.resultsTripAlt .rightCol img {
	float:right;
	margin:0 0 0 2px;
}


/* *********************************************************** */
/* C. Trade Menu                                               */
/* *********************************************************** */

#menuTrade p {
	background: url(../../pics/tradeBtnOff.gif) top left no-repeat;
	height:39px;
	width:244px;
	padding:8px 0 0 8px;
}
#menuTrade p a {
	color:#006633;
	font-size:90%;
	padding:0 0 0 24px;
	height:18px;
	display:block;
	background:url(../../pics/offerBoxLinkBg.gif) top left no-repeat;
}