html {color: #2a393f; background-color: white; background-image: none; }
body {position: static; text-align: left;}


p {padding: 10px;}

h1 { padding: 12px 0; }
h2 { padding: 10px 0;}
h3, legend { padding: 10px 0;}

html\:abbr, 
abbr {border-width: 0 0 1px 0; border-style: dotted; cursor: help;}


blockquote {padding: 5px 0; background-position: left top; background-repeat: no-repeat; }/*quote.gif*/
blockquote p:first-child {background-repeat: no-repeat; background-position: 100% 90%; text-indent: 30px;}/*quoter.gif*/
#content_main blockquote p:first-child {text-indent: 0;}

blockquote p cite {padding-left: 0;  }

input.txt { border-width: 0 0 2px 0; border-style: dotted;}
form p {padding: 10px 0;}
textarea {display: block;}


/*---------------------------------
nav access
----------------------------------*/
#nav_access {display: none;}
/*---------------------------------
branding
----------------------------------*/
#branding {display: none;}/*brandbg.jpg*/





/*---------------------------------
navigation
----------------------------------*/
#nav_main {display: none;}


/*---------------------------------
content
----------------------------------*/
#content {margin-left: 10%; 
   padding-top: 1em;
   border-top: 1px solid #f2f2f2;}


/*image position in paragraph*/
.feature img {float: none; padding: 10px 10px 0 0;}

/*---------------------------------
courses and guiding page ----------------------------------*/

#main_feature_courses { padding-bottom: 10px; border-width: 0 0 1px 0; border-style: dashed;}
#main_feature_courses {overflow: hidden; padding-top: 5px;}
#main_feature_courses li h2 {padding-left: 10px;}
#main_feature_courses li img {width: 225px; }
#main_feature_courses li.feature1 h2 {}
#main_feature_courses li.feature2 h2 {}
#main_feature_courses li.feature3 h2 {}

#main_feature_courses li.feature2 img {float: none; padding: 10px 0 0 10px;}




/*---------------------------------
main content
----------------------------------*/
.home #content_main { float: none; width:100%; margin-right: 11px; border-width: 0px}
.home #content_news {float: none;}
.home #content_news .feature { border-width: 0 0 0 1px; border-style: solid; padding: 5px 5px 5px 10px; margin-left: 5px;}

/*up-coming*/
.home #content_latest,
.info #content_latest {float: none;}
.home #content_latest li,
.info #content_latest li {float: none;}

.home #content_latest li .status {display: block;}

.home #content_latest li img,
.info #content_latest li img {width: 100px; height: 75px; float: none;padding: 0 10px 10px 0; margin-right: 10px; border-style: solid; border-width: 0 1px 0 0;}
.home #content_latest li:first-child,
.info #content_latest li:first-child  {padding-top: 0;}

/*format text for holiday links in home page and section home pages*/
li .date { display: block; }

/*---------------------------------
supplementary content
----------------------------------*/
.home #content_sub{ width:100%; margin-left: 16px; float: left;}
/*---------------------------------
forms - newsletter, tell a forms
----------------------------------*/
form.newsletter{border-width: 0 0 0 1px; border-style: solid; padding: 5px 0 5px 10px; margin-left: 5px;}
.forms form {margin-left: 5px; padding: 5px 0 5px 10px;}
.forms label,
.newsletter label  {display: block; overflow: hidden; padding: 5px 0; background-position: 100% 20%; background-repeat: no-repeat;}
.forms label span,
.newsletter label span {float: none; width: 70px; margin: 0;}
.forms label input#from,
.forms label input#name,
.forms label input#to,
.newsletter label input#email,
.forms label input#tel,
.newsletter label input#salutation { border-width: 0 0 2px 0; border-style: dotted; margin-right: 4px;}
.forms label input#tel,
.newsletter label input#salutation {width: 150px;}
.forms label input#to,
.forms label input#email  {width: 390px;}
.forms label input#name,
.forms label input#from{width: 250px;}

.forms label input#subject {border-width: 0 0 2px 0; border-style: dotted; width: 90%; }
.forms label textarea#message,
.forms label textarea#personal_note {width: 95%;  padding: 10px; margin-top: 5px;}

input#joinbutton,
input#submitbutton {margin: 5px 0 0 70px;}

/*booking form*/
.howtobook #content_main input.txt {margin-left: 20px;}
.howtobook #content_main fieldset {border-width:1px 2px 2px 1px; border-style: solid; padding: 10px; margin: 15px 0;}

.howtobook #content_main td input.txt {margin-left: 0;}

/*form*/
.howtobook form th {width: 15%; vertical-align: bottom; padding-bottom: 15px;}
.howtobook form td {}

/*printabe booking form*/
.print input.button {display: none;}
.print h1 {margin-left: 10px;}
.print textarea {width: 95%;}


/*-------------------------------------------
sections----------------------------------*/
/*-----------------------------------------
main content
----------------------------------*/
.section #content_main { float: none; width: 100%; position: static; margin-left: 11px;}

#main_feature ul,
ul#main_list {overflow: hidden; padding-top: 5px; margin: 0 10px;}
/*featured holiday box*/
.section #main_feature {background-position: left top; background-repeat: repeat-y; padding-bottom: 10px;}
.active #main_feature {background-position: right top; }
.section #main_feature h2 {padding: 10px;}
.section #main_feature li {width: 248px; float: none;}
.section #main_feature li img,
.section #main_feature li h3,
.section #main_feature li p {padding: 5px 7px 5px 10px;}
.section #main_feature .info {display: block; padding-top:2px; margin-top: 2px; border-width: 1px 0 0 0; border-style: solid; }
/*main list of holidays with summary, prices etc.*/
.section ul#main_list li { position: relative; overflow: hidden; height: 8em; padding: 15px 0; border-width: 0 0 1px; border-style: dashed;}
.section ul#main_list li:first-child {border-width: 1px 0;}
.section ul#main_list li a {display: block; padding-bottom: 5px;}
.section ul#main_list li h3 {padding: 5px 0 0 0;}
.section ul#main_list li a .date { padding: 0 ; display: inline;}
.section ul#main_list li img {width: 100px; height: 75px; float: left; border-width: 0 1px 0 0; border-style: solid; margin-right: 10px; padding: 0 10px 0 0;  margin-top: 5px; margin-bottom: 5px;}
/*.section ul#main_list li .desc {left: 180px; width:320px; position: absolute; padding-left: 10px; }
.section ul#main_list li .info { position: absolute; left: 85px; width:100px;}*/
.section ul#main_list li .info {display: inline; }
.section ul#main_list li .desc {}


/*-------------------------------------------
float image on text based pages*/
.usefulinfo #content_main img,
.guiding #content_main img,
.aboutus #content_main img, 
.bespoke #content_main img,
.responsible #content_main img,
.cotswold #content_main img,
.vouchers #content_main img {float: none; margin-right: 10px;}


/*-------------------------------------------
full entry ----------------------------------*/
#content_main {border-width: 6px 0 0 0; border-style: solid;position: static;}


/*---------------------------------
holiday full page entry format
----------------------------------*/

ul.tabs { border-width: 0; border-style: solid; padding: 6px 0;}
ul.tabs li {display: inline;}
ul.tabs li a {border-width: 0 0 0 1px; border-style: solid; padding: 0 7px;}
ul.tabs li:first-child  a {border-width: 0; padding-left: 0;}
.article #content_main h1 { padding-left: 10px; background-position: right top; background-repeat: repeat-y;}/*activenav.gif*/
#info_key {overflow: hidden; border-width: 0; border-style: solid;  }
#info_key img {float: left; padding: 10px; margin-right: 15px;margin-bottom: 40px; width: 230px; height: 230px;}
ul.info {border-width: 0 0 0 1px; border-style: solid; padding:10px 14px 0;}
ul.info li {padding: 2px 0;}
ul.info .grade {padding: 3px 80px 3px 0;background-repeat: no-repeat; background-position: right center;}

/*tab links - also got class tabs*/
ul#info_nav {clear: left; border-width:  0 0 2px 0; border-style: solid; }
/*links under tabs  - also got class tabs*/
ul#quicklinks {margin-top: 20px; border-width:  2px 0 0 0; border-style: solid; }


ul#info_content ul {}
ul#info_content img {float: left; margin: 5px 10px 5px 0;}
ul#info_content ul li { background-position: 0 6px; background-repeat: no-repeat; padding: 3px 3px 3px 20px;  }/*listw.gif*/
ul#info_content ul li.header {}/*no background image*/
li#info_itinerary li:first-word {font-weight: bold;}


/*---------------------------------buttons ----------------------------------*/
/*book and add to cart*/
.paypal { overflow: hidden; padding-bottom: 5px;}
.paypal li {border-width: 0 0 1px 0; border-style: solid; display: inline; background-position: left center; background-repeat: no-repeat; padding: 2px 7px 5px 18px;}
.paypal li a {border-width: 0 0 0 1px; border-style: solid; padding: 0 0px;}
.paypal li a:first-child {border-width: 0;}
h2.price {padding: 8px 0 0 0;}/*note: now p.price*/
/*nav_add moved out of list (styled above) inside p.price*/
.price .nav_add { background-position: left center; background-repeat: no-repeat; padding: 2px 7px 2px 18px;}
.price .nav_add div,
.price .nav_add form,
.price .nav_add input {display: inline;}
.price .nav_add input {border-width: 0; padding: 0;}

/*view cart enquiry and tell afriend links*/
.buttons { margin-top: 20px;}
.buttons li {display: inline; padding: 2px 5px 5px 18px; margin: 3px 0; background-position: left center; background-repeat: no-repeat; border-style: solid; border-width: 0;}
.buttons li a {}
li#nav_view {background-position: left center; background-repeat: no-repeat; padding-left:  18px;}/*cart_view2.gif*/


/*---------------------------------
supplementary content
----------------------------------*/
#content_sub{display: none;}
.section #gallerylinks li{display: inline;}


.article ul#related_list li{width: 240px; overflow: hidden; padding: 5px 0;}
.article ul#related_list li img {width: 100px; height: 75px; float: left;  border-width: 0 1px 0 0;  margin-right: 10px; padding: 0 10px 0 0; border-style: solid; margin-top: 5px; margin-bottom: 5px;}

/*courses featured holiday*/
#content_sub #featured_holiday {border-width: 2px 0 1px 0; border-style: solid; padding: 0 0 10px 0;}
#content_sub #featured_holiday .date {display: block;}
#content_sub #featured_holiday p {padding: 0;}

/*pay pal logo and credit card logos*/
.paypalfeature {padding: 10px 0; margin-top: 20px; border-style: solid; border-width: 1px 0 0 0;}
#content #content_sub img#creditcardlogos {padding: 5px 0;}


/*-------------------------------------
Activities pages
------------------------------------------*/
/*Categories / Activity List formating*/
#content_main .nav_categories li {overflow: hidden; border-width: 0 0 1px; border-style: dashed;}
#content_main .nav_categories li:first-child {border-width: 1px 0;}
#content_main .nav_categories li p img {float: left; border-width: 0 1px 0 0; border-style: solid; margin-right: 10px; padding: 5px 10px; margin-bottom: 10px;}
#content_main .nav_categories ul li,
#content_main .nav_categories ul li:first-child  {border-width: 1px 0 0 0;}
/*nested list to clear floated image*/
#content_main .nav_categories ul {clear: left;}

/*-------------------------------------
Contact page
------------------------------------------*/
.c_tel,
.c_mail { display: block;}
.c_tel img,
.c_mail img {vertical-align: middle;}

/*-------------------------------------
Booking form links on Bespoke and How to Book pages
------------------------------------------*/
#bookingformlinks {border-style: solid; border-width: 0 0 1px 0; padding: 10px 20px;}
#bookingformlinks li {display: inline; padding: 5px 20px; margin: 5px 20px 5px 0; background-repeat: no-repeat; background-position: left center; }


/*---------------------------------
site info
----------------------------------*/
#site_info {display: none;}