/* === set all margins and paddings to 0 for consistency === */
/** {
	margin: 0;
	padding: 0;
} */
/* ============ elements & gloabal settings ======= */
body {
	padding: 0;
	margin: 1em 0 0 0;
	font: 76% 'trebuchet ms', sans-serif;
	color: #000;
	background-color: #fff;
}

/* ============ clearfix stuff ==================== */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* ============ end clearfix stuff ================ */

.homeContent {
	width: 755px;
	background: transparent url( ../images/homebgtile.gif ) repeat-y left;
}
div.homeCol1, div.homeCol2 {
	float: left;
}

div.homeCol1 {
	width: 259px;
}
div.homeCol2 {
	width: 496px;
}
div.homeCol1 .content {
	background: #fff;
	margin-right: 15px;
}
div.homeCol2 .content {
	background: #fff;
	margin-left: 16px;
}
div.homeCol1 p {
	margin: 0;
}
div.homeCol2 h2 {
	background: #cc4821;
	color: #fff;
	padding: 0.3em;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 1.3em;
}
div.homeTicketBox {
	width: 460px;
	background: #f2f1df;
	margin-bottom: 10px;
	padding: 10px;
}
div.homeTicketBox img {
	display: block;
	margin: 0 10px 10px 0;
}
div.homeTicketBox .imgContainer {
	float: left;
}
div.homeTicketBox h3 {
	padding-top: 0.1em;
	margin-top: 0;
}
div.homeTicketBox p {
	margin: 0.3em 0;
}
div.homeTicketBox p.first {
	margin-top: 0;
}
div.homeTicketBox a {
	color: #cc4821;
}
div.homeTicketBox h3 {
	margin-bottom: 0;
	margin-top: 0px;
}

div.homeTicketBox p.booknow, p.booknow {
	background: url( ../images/arrow_nav1.gif ) no-repeat 125px 0.3em;
	padding-left: 135px;
	font-size: 1.1em;
	margin-top: 0.3em;
}
p.booknow, p.contentNav {
	padding-left: 10px;
	background: url( ../images/arrow_nav1.gif ) no-repeat 0 0.3em;
	font-size: 1.2em;
	margin-top: 1em;
}

/* ============ event ticket bookings ============= */


div.trainEvent-header {
	background: #f2f1df;
}

div.trainEvent-header img {
	display: block;
	float: left;
}
div.trainEvent-header p.enlarge {
	font-size: 1.2em;
	font-weight: normal;
}
div.trainEvent-header p.feature {
	font-size: 1.2em;
	background-color: transparent;
	font-weight: bold;
}

div.trainEvent-header .thepadding {
	padding: 15px 10px 15px 303px;
}
h3.bookings {
	background: #cc4821;
	color: #fff;
	font-weight: normal;
	padding: 0.3em;
}

/* ------------ ribblehead walk ------------------- */

.ribblehead-walk-content h2 {
	color: #0758b6;
	margin-bottom: 2em;
}
.ribblehead-walk-content div.trainEvent-header {
	border: 2px solid #0758b6;
	background: #eaf3fb;
	color: #074389;
}
.ribblehead-walk-content .booknow {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
}
.ribblehead-walk-content p.feature {
	color: #0758b6;
	border-width: 1px 0;
	border-color: #89add7;
	border-style: solid;
	padding: 0.5em 0;
	text-align: center;
}
.ribblehead-walk-content h3.bookings {
	background: #0758b6;
}
.ribblehead-walk-content .photo-strip {
	width: 755px;
	background-color: #f3f0e6;
	padding: 15px 0 14px;
	margin: 15px 0;
}
.ribblehead-walk-content .photo-strip .thumb {
	width: 187px;
	float: left;
}
.ribblehead-walk-content .photo-strip img {
	display: block;
	margin-left: 7px;
}
.ribblehead-walk-content .photo-strip p.zoom {
	margin: 7px 0 0 7px;
	padding: 3px 0 3px 25px;
	background: url( ../images/icon-search.png ) no-repeat top left;
	clear: both;
}
.ribblehead-walk-content .photo-container {
	width: 755px;
	padding: 30px 0;
	background-color: #f3f0e6;
}
.ribblehead-walk-content .photo-container img, .ribblehead-walk-content .photo-container .caption {
	margin: 20px auto;
}
.ribblehead-walk-content .photo-container p {
	text-align: center;
}
.ribblehead-walk-content .photo-container img {
	display: block;
	border: 2px solid #fff;
}
.ribblehead-walk-content .photo-container .caption {
	background-color: #f3f0e6;
	border: 1px solid #e2ded2;
	font-size: 0.9em;
	padding: 0.5em;
}
.ribblehead-walk-content .photo-container .caption p {
	margin: 0;
}
/* ------------ ribblehead walk ------------------- */
.music-train-content .booknow {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
}


/* ------------ 2 col layout with date list to left  e.g. dalesman steam ------------------- */

/*train event/trips pages*/

div.trainExcursionDetails {
	background: transparent url( ../images/bg_trainExcursionDetails.gif ) repeat-y left;
}
div.trainExcursionDetails .col1 {
	float: left;
	width: 287px;
	/*background: #eee;*/
}
div.trainExcursionDetails .col2 {
	float: left;
	width: 468px;
	/*background: #f5f5f5;*/
}
div.trainExcursionDetails .col1 .contentPadding {
	margin-right: 15px;
}
div.trainExcursionDetails .col2 .contentPadding {
	margin-left: 16px;
	margin-top: 15px;
}
ul.navList {
	list-style-type: none;
	margin: 10px;
	padding: 0;
}
ul.navList li {
	background: url( ../images/arrow_nav1.gif ) no-repeat 0 0.3em;
	padding-left: 10px;
	
}
div.trainExcursionDetails ul.navList {
	margin: 10px 2px;
}
div.trainExcursionDetails ul.navList li {
	margin: 0.4em 0;
	padding-bottom: 0.4em;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #eee;
}
div.trainExcursionDetails ul.navList li img {
	float: right;
	display: block;
}
div.trainExcursionDetails .col1 ul.navList {
	font-size: 1.1em;
}
div.trainExcursionDetails h3 {
	font-weight: normal;
	/*text-transform: uppercase;*/
}
div.trainExcursionDetails .col2 ul {
	margin: 0 0 0 10px;
	padding: 0;
}
div.trainExcursionDetails .col2 ul li {
	margin: 0.5em 0;
}
/* -------- tab aligned text (tabTxt0 class = no indent; tabTxt1 = indented text ----*/

h5.bullet, h6.bullet {
	display: block;  
	float: left; 
	width: 3em; 
	padding: 0; 
	margin: 0px 0 0; 
	text-align: left; 
}
h6.bullet {
	width: 4em;
}
div.bulletContents {
	float: left;
}

/* ------------- form fields horizontally lined up with labels using floats ------ */

form.hLayout label, form.hLayout span.label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 0px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}
form.mailinglist label {
	width: 175px !important;
}
form.mailinglist .buttonBar {
	margin-top: 15px;
}
form.hLayout input, form.hLayout textarea, form.hLayout select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:0px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	color: #888659;
}
form.hLayout input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
textarea { overflow: auto; }
form.hLayout small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form.hLayout .required{font-weight:normal;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

input, select, textarea {
	color: #888659;
}
label, .label {	
	font: bold 0.9em tahoma, verdana, geneva, sans-serif;
	margin-top: 1em;
}
input.button {
	margin-top: 1em;
}
span.required {
	color: #FF8C00;
	font-size: .9em;
	font-weight: normal;
}
.optionalField {
	font-weight: normal;
}


/* ------------ relative font sizes --------------- */
h1 {
	font-size: 2.0em;
}
h2 {
	margin-top: 0;
	font-size: 1.4em;
	letter-spacing: 1px;
	padding-bottom: 0.1em;
	border-bottom: 1px solid #e2dbc4;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.3em;
} 
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1.0em;
}
p, ol, ul, li {
	font-size: 1.0em;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'trebuchet ms', sans-serif;
	color: #ad203c;
}

/* ------------ margins --------------------------- */
h3, h4, h5, h6 {
	margin-bottom: 0.2em;
}
h4.box {
	margin-bottom: 0.6em;
}
h5, h6 {
	margin-bottom: 0;
}
/* adjacent sibling selectors not supported by: 
ie except ie5 (mac)
nn4
opera 3.5 */
h5 + p, h6 + p {
	margin-top: 0;
}
/*p {
	margin: 1em 0 0 0;
}*/
/* ------------ misc elements --------------------- */

img {
	border: none;
}
a {
	font-weight: normal;
}
/*a:link, a:visited {
	color: #bbb;
}
a:active, a:hover {
	color: #c30;
}*/
label {	
	/*display: block;*/
	font: bold 0.9em tahoma, verdana, geneva, sans-serif;
	margin-top: 1em;
}
input.button {
	margin-top: 1em;
}

input.valErrorHighlight, select.valErrorHighlight {
	border: 1px solid red;
}
/* ============  MAIN PAGE BLOCKS ================= */
div#header-container {
	width: 100%;
	background: #fff url(../images/bg_header_container.gif) repeat-x bottom;
	border-bottom: 1px solid #7d3900;
}
div#header {
	background: transparent;
	width: 755px;
	margin: 0 auto;
	padding: 6px 0;
}
div#pagebodycontent {
	background: #fff;
	margin: 0 auto;
	width: 755px;
	padding: 0.8em 0 1.0em 0;
}
div#footerbarabove {
	padding: 1em 0 1em 0;
	width: 731px;
	margin: 0 auto;
	text-align: right;
}
div#footerbarunder {
	background: url(../images/bg_footer.gif) repeat-x top;
	color: #424242;
	padding: 0.8em 12px 1.5em 12px;
	width: 731px;
	margin: 0 auto;
	font-size: 1.1em;
	line-height: 1.6em;
}
div#footerbarunder a {
	text-decoration: none;
}
div#footerbarunder a:link, div#footerbarunder a:visited {
	color: #424242;
}
div#footerbarunder a:active, div#footerbarunder a:hover {
	color: #CC4821;
}
div#footerbarunder strong {
	color: #657526;
}
address {
	display: inline;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
}

/* ============  CONTENT COLUMNS ================= */
div#threecol-left {
	float: left;
	width: 235px;
	border-right: 1px solid #cccccc;
	padding: 0;
}
div#threecol-middle {
	float: left;
	width: 319px;
	padding: 0 10px;
}
div#threecol-middle h2 {
	font-size: 1.3em;
}
div#threecol-right {
	float: left;
	width: 179px;
	border-left: 1px solid #cccccc;
}
div.section-summary {
	width: 233px;
	padding-left: 86px;
	margin-top: 1em;
}
div.section-summary ul {
	list-style-type: none;
}
div.section-summary ul li {
	background: url(../images/bullet_circle_orange.gif) no-repeat 0 0.35em;
	padding: 0.2em 0 0.1em 27px;
	font-size: 1.2em;
}
div.section-summary a {
	font-weight: bold;
	text-decoration: none;
}
div.section-summary a:link, div.section-summary a:visited {
	color: #000;
}
div.section-summary a:active, div.section-summary a:hover {
	color: #83C54B;
}
p.highlight {
	color: #ec582c;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	margin: 0.1em 0;
	letter-spacing: 1px;
	position: relative;
	font-size: 1.4em;
}
p.highlight strong {
	font-size: 1.5em;
	top: 9px;
	position: relative;
	font-size: 1.3em;
}


/* used for the column split on the homepage */
div#column-split-left {
	float: left;
	width: 150px;
	border-right: 1px solid #cccccc;
	padding: 0 9px 0 0;
}
div#column-split-right {
	float: left;
	width: 150px;
	padding: 0 0 0 9px;
}

div.twoColEqual {
	background: url( ../images/bg_fullWidth_midline.gif ) repeat-y left top;
}
div.twoColEqual-left {
	width: 378px;
	float: left;
}
div.twoColEqual-right {
	width: 377px;
	float: left;
}
div.twoCol-2-1 {
	background: url( ../images/bg_fullWidth_twoThirds_line.gif ) repeat-y left top;
}
div.twoCol-2-1-left {
	float: left;
	width: 503px;
}
div.twoCol-2-1-right {
	float: left;
	width: 252px;
}
div.twoColEqual-right .contentPadding, div.twoCol-2-1-right .contentPadding {
	margin-left: 15px;
}
div.twoColEqual-left .contentPadding, div.twoCol-2-1-left .contentPadding {
	margin-right: 16px;
}

/* ============  NEWS BOX ================= */
div#news-box {
	width: 169px;
	padding-left: 10px;
}
div#news-box ul {
	list-style: none;
}
div#news-box ul li {
	background: url(../images/bullet_arrow_red.gif) no-repeat 0 0.8em; 
	padding: 0.3em 0 0.6em 10px;
}
div#news-box h3 {
	font-size: 1.3em;
	letter-spacing: 1px;
}
div#news-box h3 a {
	text-decoration: none;
	font-weight: bold;
}
div#news-box h3 a:link, div#news-box h3 a:visited {
	color: #007901;
}
div#news-box h3 a:active, div#news-box h3 a:hover {
	color: #CC4821;
}
div#news-box h4 {
	font-size: 1.1em;
}
div#news-box h4 a {
	text-decoration: none;
	font-weight: bold;
}
div#news-box h4 a:link, div#news-box h4 a:visited {
	color: #000;
}
div#news-box h4 a:active, div#news-box h4 a:hover {
	color: #CC4821;
}

/* ============  DID YOU KNOW BOX ================= */
div#fact-box {
	background: url(../images/bg_factbox.gif) repeat-y;
	color: #0045ba;
}
div#fact-box img {
	display: block;
}
div#fact-box h3 {
	font-size: 1.3em;
	margin: 0.4em 15px 0 15px;
	color: #1b3b84;
}
div#fact-box p {
	margin: 0.8em 15px;
}

/* ============ TEMP NAV BAR  ================= */

div.temp-nav {
	margin: 1.5em auto 0 auto;
	padding: 0;
	width: 755px;
}

/* ============ NAV BAR TABS ================= */
div#navbar-tabs {
	margin: 1.5em auto 0 auto;
	padding: 0;
	width: 755px;
}
div#navbar-tabs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div#navbar-tabs li {
  float: left;
  background: url(../images/tab_left.gif) no-repeat left top;
  margin: 0 0 0 0;
  padding: 0 0 0 13px;
  font-size: 1.2em;
}
div#navbar-tabs li.basket {
	float: right;
	background: url(../images/icon_basket.gif) no-repeat 0 0em;
	padding-left: 0px;
}
div#navbar-tabs a {
  float: left;
  display: block;
  background: url(../images/tab_right.gif) no-repeat right top;
  padding: 8px 17px 8px 5px;
  text-decoration: none;
  font-weight: normal;
}
div#navbar-tabs li.basket a {
	background-image: none;
	padding: 8px 10px 8px 25px;
}
div#navbar-tabs a:link, div#navbar-tabs a:visited {
	color: #647326;
}
div#navbar-tabs a:active, div#navbar-tabs a:hover {
	color: #cc4821;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
div#navbar-tabs a {float:none;}
/* End IE5-Mac hack */

div#navbar-tabs #current {
  background: url(../images/tab_left_sel.gif) no-repeat left top;
}
div#navbar-tabs #current a {
  background: url(../images/tab_right_sel.gif) no-repeat right top;
  color: #fff;
  padding-bottom: 8px;
}
div#navbar-tabs a#end {
  background: url(../images/tab_right_end.gif) no-repeat right top;
}
div#navbar-tabs #current a#end {
  background: url(../images/tab_right_sel_end.gif) no-repeat right top;
}

/* ============ NAV BAR UNDER ================= */
div#navbar-under {
	background: #f3f0e6;
	border-top: 1px solid #fff;
	color: #C3FF6C;
}
div#navbar-under ul, div#navbar-under p { 
	list-style: none;
	background: #6f706d url(../images/bg_navbar_under.gif) repeat-x;
	width: 755px;
	margin: 0 auto;
	padding: 9px 0;
	border-bottom: 1px solid #fff;
} 
div#navbar-under ul li {
	display: inline;
	font-size: 1.2em; 
	padding: 0 10px 0 12px;
}
div#navbar-under img {
	display: block;
	margin: 0 auto;
}
div#navbar-under a {
	text-decoration: none;
	font-weight: normal;
}
div#navbar-under #current {
	background: #cc4821;
	padding-top: 9px;
	padding-bottom: 10px;
}
div#navbar-under a:link, div#navbar-under a:visited {
	color: #fff;
}
div#navbar-under a:active, div#navbar-under a:hover {
	color: #C3FF6C;
}

/* ============  LISTS ETC ================= */
ul.more-info {
	list-style: none;
	margin: 0.8em 0 0 0;
}
ul.more-info li {
	background: url(../images/bullet_arrow_orange.gif) no-repeat 0 0.5em;
	padding: 0 0 0 8px;
}
ul.more-info a {
	font-weight: bold;
	text-decoration: none;
}
ul.more-info a:link, ul.more-info a:visited {
	color: #83c54b;
}
ul.more-info a:active, ul.more-info a:hover {
	color: #CC4821;
}
/* ============ footer content ==================== */

/*div#footerbarabove .logos {
	float: left;
	width: 49.9%;
}
div#footerbarabove .nav {
	float: left;
	width: 49.9%;
	text-align: right;
}*/
div#footerbarabove .logos .payment-logo {
	float: left;
}
div#footerbarabove .logos .securecode {
	width: 148px;
}
div#footerbarabove .logos .verifiedbyvisa {
	width: 138px;
}

/* ============ misc content styles =============== */
div.clear-it {
	height: 1px;
	clear: both;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
div.clear-it img {
	display: none;
}
div.hr {
	border-top: 1px solid #e2dbc4;
	margin: 10px 0 10px 0;
	clear: both;
}
div.hr hr {
  display: none;
}
p.newsarticledate {
	font: normal 0.9em 'lucida console', courier, monospace;
	color: #acacac;
	margin: 0 0 1em 0;
}
div.usermessage {
	border: 1px solid #eee;
	padding:7px 7px 7px 26px;
	background: #f9f9f9;
	color: #f30;
	font: 0.9em 'ludica console', courier, monospace;
	margin-bottom: 1em;
	background-image: url(../images/ico_alert.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.divider {
	margin: 7px 0;
}
.divider div {
	font-size: 1px;
	line-height: 1px;
	background: url( ../images/bg_dotted_line_grey.gif ) repeat-x bottom;
	clear: both;
}
/* ============ online bookings - basket & checkout =================== */
table.bookingFm {
	border-collapse: collapse;
	width: 100%;
}
table.bookingFm tr th {
	/*background: #f0f1d2;*/
	background: #c53a12;
	color: #fff;
}
table.bookingFm tr th, table.bookingFm tr td {
	border: 1px solid #942f11;
	padding: 4px;
}
table.bookingFm tr.unavailable {
	color: #999;
	background: #f3f0e6;
}
table.basket {
	border-collapse: collapse;
	width: 100%;
}
table.basket tr th {
	background: #c53a12;
	color: #fff;
}
table.basket tr th, table.basket tr td {
	padding: 3px;
	border: 1px solid #942f11;
}
table.basket tr td.header {
	background: #f0f1d2;
}
table.checkout {
	border-collapse: collapse;
	width: 100%;
}
table.checkout tr td {
	padding: 3px;
	border: 1px solid #942f11;
	background: #F7F7E1;
}
table.checkout tr.type2 td {
	background: #FAFAF0;
}
table.checkout tr td.title {
	background: #c53a12;
	color: #fff;
}
table.checkout tr td.title h3 {
	font-size: 1.1em;
	color: #fff;
}
table.checkout tr td.header h4 {
	font-size: 1.1em;
	color: #fff;
}
table.checkout tr td.header {
	background: #9FD167;
}
table.checkout tr td.button {
	background: #F8F8BA;
	padding: 10px;
}
div.buttonBar {
	background: #f3f4e2;
	padding: 10px;
	border: 1px solid #942f11;
}
.tandcs {
	width: 100%; 
	overflow: auto; 
	height: 200px; 
	padding: 0; 
	font-size: 0.9em;
	background: #fff;
}
.tandcsContainer {
	border: 1px solid #D5D79D;
}
/* ============ temporary styles ================== */
p.tmp-highlightDates {
	font-size: 1.3em;
	margin: 0;
	color: #ccc;
}
p.tmp-highlightDates strong {
	color: #000;
}
.tmp-musictrain-specialnote {
	margin-top: 0 ;
	padding: 5px;
	background-color: #f2f1df;
	border-width: 1px 0 0;
	border-color: #e2dbc4;
	border-style: solid;
	background-image: url(../images/ico_alert.gif);
	background-repeat: no-repeat;
	background-position: 5px 0.35em;
}
.tmp-musictrain-specialnote span {
	padding-left: 20px;
}
table.tmp-ticket-info {
	border-collapse: collapse;
	border-color: #ccc;
}
table.tmp-ticket-info td, table.tmp-ticket-info th {
	border-color: #ccc;
	border-width:  0 1px;
	border-style: solid
	padding: 3px;
}
table.tmp-ticket-info th {
	border-width:  0 1px;
	text-align: left;
}
table.tmp-ticket-info tr.border {
	border-color: #ccc;
	border-width: 1px 0 1px 0;
	border-style: solid;
}
/* ============ signature ========================= */
A.qdk:link, A.qdk:visited, A.qdk:active	{	
	text-decoration: underline;	
	color: #9fb167;	
}
A.qdk:hover	{ 
	text-decoration: underline; 
	color: #CC4821;  
}
.sig {
	color: #9fb167;
	font: 0.8em arial, helvetica, sans-serif;
	margin: 1em auto 0 auto;
	width: 755px;
}