﻿/* http://www.a-river-cruises.co.uk/default.css */
.clear
{
	clear: both;
	width: 100%;
	line-height: 0px;
	font-size: 0px;
}
.hidden
{
    position:absolute;
    height:0px;
    right:9999px;
}

body
{
	font: 0.8em/1.4em Arial, Sans-serif;
}
h2
{
	font: 1.6em Arial, Sans-serif;
}

h3
{
	font: 1.4em Arial, Sans-serif;
}
/***********************************form***************/
.contact-form .column
{
    float:left;
    width:354px;
}

.contact-form .column label
{
	clear: both;
	cursor: pointer;
	float: left;
	padding-top: 6px;
	width: 108px;
	float: left;
}
.contact-form .opt-out label
{
	line-height: 1.1em;
	float:left;
	width:680px;
	display:block;
	padding-top:3px;
}
.contact-form .column input.input-text, .contact-form .column select
{
	font: 1em Arial, Sans-serif;
}

.contact-form .error .errorBorder, .contact-form .error input,
.contact-form .error .destinationColWrapper .destTopRow input 
{
	border: 3px solid #E8AA98;
	
}
.contact-form .error .destinationColWrapper input
{
    border:1px solid #ccc;
}
.contact-form .error .checkboxGrid input
{
    border:none;
}

.contact-form .column input.input-text, .contact-form .column select {
    border:                 1px solid #cccccc;
    color:                  #666666;
    float:                  left;
    font:                   0.9em Arial, Sans-serif;
    min-height:             21px;
    height:auto             !important;
    height:                 21px;
    margin-bottom:          10px;
    padding:                3px 5px;
    width:                  222px;
}

.contact-form .column select 
{
    width:                  234px;
}

.contact-form .error .errorBorder
{
	margin-bottom: 10px;
	float: left;
	width: 232px;
}
.contact-form .column .error .errorBorder select
{
	margin-bottom: 0px;
	width: 232px;
}
.contact-form .column .error input.input-text,
.contact-form .column .error textarea,
.contact-form .column .error .checkboxGrid
{
	border: 3px solid #E8AA98;
}
.contact-form .column .error label, .error-checkboxes label
{
	font-weight: bold;
}
.error-checkboxes
{
	border: 3px solid #E8AA98;
}

.footer p
{
	font-size: 0.8em;
}
.input-submit
{
	visibility: visible;
	display: table-cell;
	padding: 4px 6px;
	float: right;
	margin: 20px 20px 20px 0;
	text-decoration: none;
	cursor: pointer;
}
.contact-form .brochure-column
{
	float: left;
	height: auto !important;
	height: 192px;
	margin-left: 20px;
	min-height: 192px;
	padding: 20px 0 0 0px;
	width: 385px;
}
.contact-form .brochure-image
{
	float: left;
	width: 148px;
}
.contact-form .brochure-checks
{
	float: left;
	width: 230px;
}
.contact-form .brochure-checks-label
{
	margin-bottom: 10px;
}
.contact-form .column.quoteRequest
{
    width:100%;
}
/**********request a quote***********************/
.contact-form .column.quoteRequest label
{
    width:160px;
    padding-right:10px;
}
.contact-form .column textarea
{
    border:                 1px solid #cccccc;
    color:                  #666666;
    float:                  left;
    font:                   0.9em Arial, Sans-serif;
    min-height:             71px;
    height:auto             !important;
    height:                 71px;
    margin-bottom:          10px;
    padding:                3px 5px;
    width:                  222px;
}
.contact-form .column .checkboxGrid
{
    margin-left:165px;   
    float:left;
    padding:5px 5px 0px 5px;
    margin-top:-5px;
}
.contact-form .column .checkboxGrid label
{
    clear:none;
    padding-top:0px;
    padding-bottom:10px;
    width:auto;
    padding-right:5px;
}
.checkboxGrid input
{
    float:left;
    margin-right:28px;
}
.formLabelSpacer
{
    padding-top:10px;
    padding-bottom:10px;
}
.destinationCol
{
    float:left;
    width:160px;
    padding-bottom:10px;
}
.destinationCol input
{
    border:1px solid #CCCCCC;
    color:#666666;
    float:left;
    font:0.9em Arial,Sans-serif;
    height:auto !important;
    min-height:21px;
    padding:3px 5px;
    float:left;
    width:140px;
}
.contact-form .column .destinationCol label
{
    min-height:55px;
    height:auto !important;
    height:55px;
    padding-top:0px;
    padding-bottom:10px;
    float:left;
    width:140px;
    text-align:center;
}
.contact-form .column .destinationCol.destCol1 label
{
    padding-top:14px;
    min-height:41px;
    height:auto !important;
    height:41px;
}
.destinationColWrapper
{
    padding-left:170px;
}
/*****************************TC CODE***********************************************************/
.banner img
{
	float: left;
}

/***********************************navigation******************/
.headerNavigation
{
	padding-bottom: 5px;
}
.headerNavigation ul, .headerNavigation ul li
{
	list-style: none;
	display: block;
}
.headerNavigation ul li
{
	display: block;
	float: left;
}
.headerNavigation a:link, .headerNavigation a:visited
{
	display: block;
	padding: 3px 5px 3px 5px;
	font-size: 1.1em;
	text-decoration: none;
	background: url(../Images/divider.gif) no-repeat right;
}
.headerNavigation a.lastLink:link, .headerNavigation a.lastLink:visited
{
	background: none;
}
.headerNavigation a:hover
{
	text-decoration: underline;
}

/************************generic page**********/
.richTextEditor
{
	padding-bottom: 10px;
}
.richTextEditor ul
{
	padding-left: 20px;
	padding-bottom: 10px;
}
.richTextEditor ol
{
	padding-left: 24px;
	padding-bottom: 10px;
}
.richTextEditor ul li
{
	list-style: disc;
}
.richTextEditor h1
{
	float: left;
	width: 580px;
}
.richTextEditor .rich-image
{
	float: right;
}

/********************* new box over image (shared) *********/
.newBox
{
	background: #fff;
	color: #000;
	border: 1px solid #DDDDDD;
	font-weight: bold;
	text-align: center;
	padding: 11px 0px 11px 0px;
	width:50px;
}

/**********************late departures**********************************************/
h1.main-heading, .richTextEditor h1
{
	font-size: 2em;
	line-height: 1.5em;
	padding-bottom:10px;
}
.contact-form h1.main-heading
{
	padding-left: 0px;
}

.departure-item
{
	width: 699px;
	margin-bottom: 20px;
	margin-left: 25px;
	border: 1px solid #ddd;
	min-height: 159px;
	height: auto !important;
	height: 159px;
	position: relative;
}
.departure-item .newBox
{
	position: absolute;
	top: -1px;
	left: -1px;
}
.departure-item.dep-new-wrapper .dep-item-heading
{
	margin-left: 50px;
}
.departure-item .clear
{
	margin-top: -5px;
}
img.dep-image-wrapper
{
	float: left;
	width: 159px;
}
.departure-item h2
{
	padding: 10px;
	margin-bottom: 0px;
	float: left;
}
.departure-item h2 a:link, .departure-item h2 a:visited
{
	text-decoration: none;
}
.departure-item h2 a:hover
{
	text-decoration: underline;
}
.dep-image
{
	width: 159px;
	height: 159px;
	float: left;
}
.dep-item-heading
{
	height: 40px;
}
.dep-type
{
	float: right;
	width: 139px;
	padding: 12px 10px;
	text-align: right;
	font-weight: bold;
}
.dep-main-list
{
	padding-top: 5px;
	min-height: 69px;
	height: auto !important;
	height: 69px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.dep-main-list li
{
	padding-left: 12px;
	margin-left: 8px;
	float: left;
	list-style-position: outside;
	background: url(../Images/inline-bullet.gif) left no-repeat;
}
.dep-details
{
	padding-top: 9px;
}
.dep-details p
{
	margin-bottom: 0px;
	padding-left: 10px;
	float: left;
}
.dep-details strong
{
	font-size: 1.3em;
}

/*******************special offers*******************/
.offerHeader
{
	float: left;
}
.moreOffersLink
{
	float: right;
	margin-right:5px;
}
.special-offer-item
{
	width: 240px;
	border: 1px solid #ddd;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	position: relative;
}
.special-offer-item.right-item
{
	margin-right: 0px;
}
.special-offer-item .photoWrapper
{
	height: 240px;
	background-color: gray;
	display: block;
}
.special-offer-item .newBox
{
	position: absolute;
	top: 0px;
	right: 0px;
}
.spec-description
{
	border-bottom: 1px solid #ddd;
}
.spec-description, .spec-price
{
	padding: 10px 5px 10px 5px;
	width: 230px;
}
.spec-description
{
	min-height: 53px;
	height: auto !important;
	height: 53px;
}
.spec-price .price
{
	font-size: 1.2em;
}
.spec-price
{
	min-height: 18px;
	height: auto !important;
	height: 18px;
}
.spec-description p, .spec-price p
{
	margin-bottom: 0px;
}
/**********************************offer page*****************************/
.main-col
{
	width: 492px;
	float: left;
	margin-right: 10px;
}
.left-offer-col
{
	width: 240px;
	float: right;
}
h1.offer-heading
{
	font-size: 2em;
	line-height: 1.5em;
	padding-bottom: 5px;
}
.offer-list-wrapper
{
	padding-bottom: 10px;
	text-align: center;
}
ul.offer-list li.first
{
    background:none;
}
ul.offer-list li
{
	padding-left: 12px;
	margin-left: 8px;
	display:inline;
	list-style-position: outside;
	background: url(../Images/inline-bullet.gif) left 5px no-repeat;
}
/**********small offer boxes************/
.offer-box
{
	float: left;
	margin-right: 10px;
	width: 228px;
	padding: 5px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	min-height: 59px;
	height: auto !important;
	height: 59px;
}
.right-box
{
	margin-right: 0px;
}
.right-box p
{
	padding: 0px;
	margin: 0px;
}
.offer-box h3
{
	margin-bottom: 5px;
}
/*****highlight widget*******************/
.offer-highlight-wrapper
{
	border: 1px solid #ddd;
	background: url(../Images/Offer/highlight-divider.gif) repeat-y 290px top;
	margin-bottom: 15px;
}
.offer-highlight-wrapper .highlight-left
{
	width: 270px;
	padding: 10px;
	float: left;
}
.highlight-list
{
	width: 198px;
	float: right;
}
.highlight-list h3
{
	padding: 5px 10px;
	border-bottom: 1px solid #ddd;
}
.highlight-list ul li
{
	list-style: disc;
	line-height: 1.5em;
	margin-left: 20px;
}
/***************phone number***************/
.offer-phone-number
{
	border: 1px solid #ddd;
	width: 470px;
	padding: 10px;
	margin-bottom: 15px;
	text-align: center;
}
/************widget with border*************/
.offer-wide-border
{
	border: 1px solid #ddd;
	width: 470px;
	padding: 10px 10px 0px 10px;
	margin-bottom: 15px;
	background: url(../Images/form-bg.gif) repeat-x top left;
}
.offer-wide-border h2
{
	clear: both;
}
.offer-wide-border .offer-list-wrapper
{
	padding-bottom: 15px;
}

.offer-details-repeater h2
{
	border-top: 1px solid #ddd;
	padding-top: 10px;
}
.offer-details-repeater h2.offer-first-item
{
	border-top: 0px;
}
/************small widget with border*************/
.offer-small-border
{
	border: 1px solid #ddd;
	width: 218px;
	padding: 10px;
	margin-bottom: 15px;
	background: url(../Images/form-bg.gif) repeat-x top left;
}
.offer-small-border h2
{
	clear: both;
}
.offer-small-border .offer-list-wrapper
{
	padding-bottom: 15px;
}
.offer-small-border ul
{
	margin-left: 20px;
}
.offer-small-border ul, .offer-small-border ul li
{
	list-style: disc;
}
.offer-small-border ul li
{
	line-height: 1.6em;
}

/*********** RPB: Itinerary JS Widget *************/
.itinerary
{
	margin-bottom: 15px;
	background: url(../Images/itin-bg.gif) repeat-y left top;
}

.itinerary .tabs
{
	float: left;
	width: 220px;
	border: 1px solid #DDDDDD;
}

.itinerary .tab
{
	padding: 5px;
	background: url(../Images/itin-tab-bg.png) repeat-x right top;
	border-right: 1px solid #ddd;
	height: 1%;
}

.itinerary .tab .tabDay
{
	width: 50px;
	display: block;
	float: left;
}

.itinerary .tabs .selected
{
	background: #FFFFFF;
}

.itinerary .panes
{
	float: left;
	width: 271px;
	background: #FFFFFF;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	margin-left: -2px;
}

.itinerary .pane
{
	padding: 10px;
}

/********************** Departure Date List ***********/
.dates-list-wrapper
{
	margin-bottom: 12px;
}
.dates-list-wrapper p
{
	margin: 0;
}
.dates-list li
{
	background: url(../Images/inline-bullet.gif) scroll no-repeat left center;
	margin-left: 20px;
	padding-left: 12px;
}