/*----------------------------------------------------------------

Master stylesheet for southeastoffers.com.

This stylesheet builds on top of Yahoo's YUI base 
stylesheets (reset, fontds) 

Authour: Terry Morgan
Copyright: Tourism South East 2008
Date created: 20/12/08

Table of contents:

1= Structure & Layout
2= Typography & Links
3= Navigation menus & lists
4= Forms
5= Misc
6= Landing page specific
7= Upload offers
8= Forms

----------------------------------------------------------------- */

* html legend {
  position: absolute;
  top: -.7em;
  left: .5em;
}

* html fieldset {
  position: relative;
  margin-top: 1em;
  padding-top: .75em;
}

em { font-style: italic }

/* -------------------------------------------------------------- */
/* -------------------- 1= Structure & Layout ------------------- */
/* -------------------------------------------------------------- */

#custom-doc { 
	margin:auto;text-align:left; /* leave unchanged */ 
	width:59.23em;/* non-IE */ 
	*width:57.75em;/* IE */ 
	min-width:770px;/* optional but recommended */ 
} 

html { background: #FBFBFB url("../images/main_bg.gif") repeat-y center }

#bd { position: relative; float: left; clear: both; width: 100% }

#ft { 
	width: 100%;
	padding: 25px 0;
	text-align: right
}

/* --------------------------------------------------------------------- */
/* -------------------- 2= Typography & Links ------------------ */
/* -------------------------------------------------------------------- */

h1, h2, h3, h4, h5, a { color: #1d728b;  }

h1, h2  { margin-bottom: 20px; }
h3, h4, h5  { margin-bottom: 10px; }

p, ul, span, div { color: #274f75 }

p { padding-bottom: 15px; }

a:hover { text-decoration: none; }

.header_grn_hilight { color: #bdd14b }

h1 { font-size: 153.9%; }

h2 { font-size: 131%; font-weight: bold }

h3 { font-size: 123.1%; border-bottom: 1px solid #D8E39A }

h4 { color:#51A4BE; font-size:116%; font-weight:bold; }

h5 { font-size: 108%; font-style: italic } 

p.intro_copy { float: left; width: 290px; }

strong { font-weight: bold }

/* -------------------------------------------------------------- */
/* ------------- 3= Navigation menus & lists -------------------- */
/* -------------------------------------------------http://www.southeastoffers.com/------------- */

#main_top_nav {
	background: #BDD14B;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
  border: solid #a2b24b;
  border-width: 1px 0;
}
#main_top_nav li {
	float: left;
	font-size: 93%;
	margin: 0;
	padding: 0;
}
#main_top_nav a {
	background: #BDD14B url("../images/seperator.gif") bottom right no-repeat;
	color: #1D728B;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
  font-weight: bold;
  font-size: 108%;
}
#main_top_nav a:hover {
	background: #1D728B url("../images/hover.gif") bottom center no-repeat;
	color: #BDD14B;
	padding-bottom: 8px;                    
}                    

#breadcrumbs,
#breadcrumbs li {
	display: block;
	float: left;
}

#breadcrumbs {
  background-color: #ECF7BC;
  border-bottom: 1px solid #D6E1A9;
  clear: both;
  margin: 0 0 15px;
  padding: 5px 10px;
  width: 750px;
}

#breadcrumbs li { padding: 0 5px 0 0; }

#breadcrumbs li.current { font-style: italic }

#acco_offers_nav { margin-top: 10px; float: left; }

#acco_offers_nav li { 
	float: left;
	padding-right: 2px;
}

#acco_offers_nav li a { 
	height: 46px;
	width: 61px;
	background: url("../images/offer_nav_button.gif") no-repeat;
	display: block;
	text-decoration: none;
	padding: 10px 8px 0 8px;
	text-align: center;
	color: #e5f4a6;
	font-size: 100%
}

#acco_offers_nav li a span {
	font-size: 100%;
	color: #bdd14e;
}

#offers_list_container {
	width: 100%;
	float: left;
	background-color: #ecf7bc;
	clear: both;
}

#sub_nav { float: left; height: 30px; margin-top: 10px; }

#sub_nav li { float: left; height: 30px; padding-right: 2px; }

#sub_nav li a { 
	width: 129px;
	height: 30px;
	line-height: 30px;
	background: url("../images/sub_nav_btn.gif") no-repeat;
	display: block;
	text-decoration: none;
	text-align: center;
}

#offers_list_container {
	padding: 2%;
	width: 96%;
	clear: both;
	float: left;
}

.voucher_button { float: right }

.offers_list,
.offers_list li,
.offer_details,
.contact_details {
	float: left;
	clear: both;
	width: 100%;
	overflow: hidden;
	display: block;
}

.offer_details { padding: 0 0 10px; border-bottom: 1px solid #c7d48f }

.offer_details li { margin: 5px 0 0; padding: 0; line-height: 1.4em; position: relative }

.offer_details li p { padding: 0; display: block }

.offer_details li h2 { float: left; margin: 0; line-height: 24px; width: 570px; }

.offer_details li h2 span { font-size: 77% }

.offers_offered_list { float: left; }

.offers_offered_list li { 
	clear: none;
	display: block;
	float: left;
	height: auto;
	margin: 0;
	padding-right: 15px;
	width: auto;
}

.offers_offered_list li.yes { color: #274F75 }

.contact_details { float: left; clear: both; width: 98%; background-color: #E5EFB3; padding: 1% }

.contact_details dt, 
.contact_details dd {overflow: hidden; display: block }

.contact_details dt { float: left;  }

.contact_details dt { clear: left; padding-right: 10px; font-weight: bold; }

.contact_details dd { clear: right; margin-bottom: 15px; }

.contact_details dd span.ref { color: red; }

.contact_details dt.terms_label { float: none; clear: both; width: 100% }

div.offer_desc {
  float: left;
  width: 450px
}

div.offer_image { 
  float: left; 
  margin-right: 10px; 
  border: 3px double #BDD14F; 
  padding: 4px; 
  background-color: #fff 
}

div.offer_image img,
div.no-image { 
  overflow: hidden; 
  display: block; 
  width: 100px; 
  height: 75px; 
  text-align: center;
 }

div.no-image p { 
  margin-top: 10px; 
  color: #ccc; 
  font-style:italic;
  font-weight:bold;
  padding: 0 5px;
} 
 
.more_links { position: absolute; bottom: 0; right: 0 }
.more_links a { cursor: pointer; line-height: 24px }

.redeem_voucher { 
	height: 24px; 
	width: 163px; 
	text-indent: -9999px;
	display: block;
	background: url("../images/voucher_btn.gif") no-repeat;
}

li.voucher_form,
li.more_info { display: none }

li.more_info { border: 3px solid #C3D55E; width: 733px; }

#counties_nav {
	margin-bottom: 10px;
	border: 1px solid #1D728B;
	float: left;
	width: 160px;
	background-color: #EFFCFF
}

#list_trigger {
	cursor: pointer;
	display: block;
	padding: 5px 0 5px 5px;
	background: url("../images/dropdown_arrow.gif") no-repeat 140px 0;
}

#list_trigger.open { background: url("../images/dropdown_arrow.gif") no-repeat 140px -26px }

.county_list {
	display: none;
	width: auto;
	float: left;
	padding: 0 0 5px 5px;
}

.county_list li { 
	float: left; 
	clear: both; 
	margin-top: 5px 
}

.county_list li,
.county_list li a { width: auto; }

.pagination { float: right; clear: right; margin-top: 15px; }

.pagination li { float: left; padding: 0 2px; }

.pagination li.current span,
.pagination li a { 
	display: block; 
	padding: 2px 6px; 
	border: 1px solid #1D728B; 
	text-decoration: none;
	background-color: #EFFCFF;
}

.pagination li a:hover { background-color: #ECF7BC }    

.pagination li.current span {
 	background-color: #1D728B;
	color: #EFFCFF;
}

/* -------------------------------------------------------------- */
/* --------------------------- 4= Forms ------------------------- */
/* -------------------------------------------------------------- */

fieldset { background-color: #ECF7BC; border: 1px solid #BDD14B; padding: 15px 15px 0; }
ol.form_container fieldset { width: 96%; padding: 2% 2% 0 2%; }

ol.form_container { float: left; width: 100% }
ol.form_container li { float: left; width: 100%; padding-bottom: 25px; clear: both; line-height: 1.4em }

ol.form_container li label { float: left; width: 210px }

ol.form_container li label.long_label { width: auto; padding-right: 15px; float: none; }

#extend-form-container label.long_label { width: 500px; float: left; }

ol.form_container li input.textfield,
ol.form_container li textarea { padding: 3px; border: 1px solid #BDD14B; color: #274F75; width: 250px }

ol.form_container li span.error { font-weight: bold; color: red; float: left; clear: both }

#extend-form-container {
  clear: both;
  padding: 30px 50px;
  width: 670px;
}

#extend-form-container label {
  padding-right: 30px;
  width: 270px;
}

ol.form_container  label.error,
#extend-form-container label.error {
  background-color: pink;
  border: 1px solid red;
  clear: both;
  color: red;
  font-weight: bold;
  margin-top: 10px;
  padding: 1% 5%;
  text-align: right;
  width: 85%;
}

ol.form_container input[type=text].error,
ol.form_container textarea.error ,
#extend-form-container input[type=text].error,
#extend-form-container textarea.error {
  border: 2px solid red;
}

ol.form_container label.required,
#extend-form-container label.required { font-weight: bold }

#extend-form-container input.textfield, 
#extend-form-container textarea {
  width: 300px;
}

#extend-form-container fieldset { 
  margin-bottom: 30px; 
  display: block;
  position: relative;
  padding: 2% 2% 0 2%;
}

fieldset legend {
  font-size: 153.9%;
  color: #274F75;
  font-family: georgia;
}

#extend-form-container #terms {
  background-color: #EFEFEF;
  border: 1px solid #CCCCCC;
  font-style: italic;
  padding: 10px;
}

#extend-form-container #terms p { padding: 0 }

#valid_until_picker { float: left }

#packages_consent_row,
#suggested_package_partners_row,
#custom_terms_row,
#agree_fee_row { display: none; }

* html #packages_consent_row,
* html #suggested_package_partners_row,
* html #custom_terms_row,
* html #agree_fee_row { display: block; }

#extend-form-container fieldset ol li input.disabled,
#extend-form-container fieldset ol li textarea.disabled {
  background-color: #EFEFEF;
  color: #ccc;
  border: 1px solid #ccc;
}

label.disabled { color: #ccc }

.uploadbutton {
  width: 120px;
  padding: 0 20px;
  height: 28px; 
  line-height: 28px;
  border: 1px solid #BDD14B;
  text-align: center;
  font-weight: bold;
  background-color: #ECF0DF;
  cursor: pointer;
  float: left;
}

#uploadpreview {
  width: 100px;
  height: 100px;
  float: left;
  clear: right;
}

#uploadpreview img {
  width: 100px;
  height: 100px;
}

#offer_cats_container { width:340px; float: right; overflow: hidden }
#offer_cats_container li { padding-bottom: 10px; }

#extend-form-container fieldset ol li input#money_off_amount { width: 50px; float: left; margin-right: 5px }

#money_off_container {
  padding: 10px;
  border: 1px solid #BDD14B;
  background-color: #fff;
  margin-top: 10px;
  display: none;
}

* html #money_off_container { display: block }

#money_off_container label { float: left; width: auto; padding-right: 5px; }

#extend-form-container  { display: block } /* normally hidden - just for debugging! */

#extend-form-container div#form-errors label {
  float: none;
  width: 88%;
  display: block;
}

/* -------------------------------------------------------------- */
/* ----------------------------- 5= Misc ------------------------ */
/* -------------------------------------------------------------- */

.banner_ad {
	width: 468px;
	height: 60px;
	display: block;
	float: right;
	background-color: #efefef;
}

#banner_add_alt { 
	width: 468px; 
	height: 60px; 
	line-height: 60px; 
	text-align: center;
	background-color: #efefef;
}

.clear { clear: both }
.left { float: left }
.right { float: right }

p.listsummary {
  height: 28px; 
  line-height: 28px; 
  padding: 0; 
  font-weight: bold; 
  float: right;
  font-size: 85%;
}

#hd img { display: block }

#family_key {
  padding: 5px;
  border: 3px solid #C2D45C;
  float: right;
  background-color: #D9E49C;
  margin-bottom: 10px;
} 

#family_key p {
  margin: 0;
  padding: 0;
  line-height: 20px;
  height: 20px;
  width: 300px;
  font-weight: bold;
}

a.button{
	background-color: #FAFAF2;
  border: 1px solid #E8EADC;
	display: block;
	color: #555555;
	font-weight: bold;
	height: auto;
	xline-height: 29px;
	margin-bottom: 14px;
	text-decoration: none;
	width: auto;
  padding: 8px 20px 8px 30px;
}

a:hover.button{
	color: #0066CC;
}

a.enter_comp {
  background-image: url("../images/application_form_edit.png");
  background-repeat: no-repeat;
  background-position: 6px center;
}

/* -------------------------------------------------------------- */
/* --------------------- 6= Landing page specific --------------- */
/* -------------------------------------------------------------- */

#landing_page_banner_ad { float: left; margin: 10px 0 15px }

#landing_page_title { float: left; font-size: 216%; width: 558px; }

#landing_page_buttons {
	float: right;
	width: 192px;
	margin-top: 10px;
}

#landing_page_buttons li {
	margin-bottom: 15px;
	font-weight: bold;
	overflow: hidden;
}

#landing_page_buttons li a img { display: block }

#landing_page_buttons li a.landing_page_button {
  background:transparent url(../images/landing_page_button.gif) no-repeat scroll 0 0;
  color:#BDD14E;
  display:block;
  font-size:88%;
  height:38px;
  padding:10px 10px 0;
  text-decoration:none;
  width:172px;
}

#landing_page_buttons li a.landing_page_button span { color: #e5f4a6; text-transform: uppercase; font-size: 85% }

#landing_page_copy {
	float: left;
	width: 528px;
	padding: 15px;
  margin-bottom: 15px;
	background-color: #f2f9d2
}

#landing_page_copy p.first { font-weight: bold }

.intro_img { border: 3px double #ccc; width: 552px; }

.voucherlink { font-size: 160% }

#termslist li { list-style: decimal inside; margin-bottom: 15px; line-height: 140% }

#termslist li ul { margin: 15px 0 15px 15px }

#termslist li ul li { list-style: disc inside; }

#thamesoffers { padding: 0 0 25px 0; }

#thamesofferslist li a.offertype{
  margin: 0;
  padding: 5px 0 5px 30px;
  width: 498px;
  display: block;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  background: url(../images/list_head.gif) no-repeat 0 0;
}

#thamesofferslist li a.open { background: url(../images/list_head.gif) no-repeat 0 -41px; }

#thamesofferslist li a#selfcat { border-width: 1px 1px 1px 1px; }

#thamesofferslist li a h2 { margin: 0; color: #fff }

#thamesofferslist li ul.countylist {
  display: none;
  width: 526px;
  border: solid #37849a;
  border-width: 0 1px 1px 1px;    
}

#thamesofferslist li ul.countylist  li { padding: 15px 15px 0; }

#thamesofferslist li ul.countylist  li ul li { padding: 0; }

/* -------------------------------------------------------------- */
/* --------------------- 7= Upload offers    --------------- */
/* -------------------------------------------------------------- */

#questions-container { position: relative; float: left; clear: both }

.question h1 { font-size: 197%; }

.question {
  margin: 100px 100px;
  text-align: center;
  width: 570px;
  display: none;
  position: absolute;
}

.question ul { width: 570px; clear: both; float: left; }
.question ul li { float: left; margin: 0 10px; width: 265px; }
.question ul#offer-types li { width: 170px; }
.question ul#offer-types li a { font-size: 153.9% }

.buttons { width: 570px; margin-top: 80px; clear: both; float: left; }

.buttons a {
  display: block;
  border: 1px solid;
  padding: 10px 0;
  font-size: 197%;
  text-decoration: none;
  background-color: #E7EDC3;
}

.buttons a:hover { background-color: #D7E397; }

#start-over-container {
  float: left;
  display: block;
  width: 200px;
  padding: 20px 20px 0 20px;
  background-image: url(../images/) no-repat;
  font-size: 123.1%;
} 

#logos-container {
  padding: 20px 20px 0 20px;
  float: right;
}