/*----------------------- 
Carlton Club Style Sheet

Author: Luigi @ ADM Computing
email: web@adm-computing.co.uk
-------------------------*/

/** Global 
-------------------------------------- **/
 * {margin: 0;padding: 0;} 
 body { 
  text-align: center;
  background-color: #fff;
  font-size: 0.9em;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 150%;
  background: #006 url("images/body-bg.jpg") top center repeat-y;
  color: #525252;
  }
#wrapper {
  background: #eee url("images/carlton_club_logo.gif") -260px 150px no-repeat; width: 800px; margin: 0 auto;height:100%}
/** Layout
-------------------------------------- **/
 
#container {width: 800px; height:100%; margin: auto;}
#container div {text-align: left;}
#masthead {width:800px;}
#main {
	float: right;
	width: 455px;
	margin: 10px 0 10px 150px;
	padding: 0 7px 30px 7px;
	position: relative;
	text-align: center;
	border: 1px solid #ccc;
	background-color: #fff;
	min-height:500px;
  }
#registermember {padding:20px 150px;}
/*
#<tr class="<% If Session("MM_UserAuthorization") <> "level5" Then Response.Write("hidden") End if%>">-area #main {margin-left:0;}
#<tr class="<% If Session("MM_UserAuthorization") <> "level5" Then Response.Write("hidden") End if%>">-area hr {border:0; width:90%; color:#003399; height:1px;}
*/
#home #main {width: 462px; padding: 1px 0 1px 1px;}
div#footer {text-align: center;padding: 15px 0;font-size: 75%;}
div.clear {clear: both;}

/** Typography
 -------------------------------------- **/

em {border-bottom:1px solid}
#main {font-family: Georgia, serif;} 
#sidebar,#updates-column {font-size: 90%;}
/**Headers----------------------------- **/

h1, h2, h3, th{color:#143256; padding-top:5px;}
h1 {font-size: 115%;padding-bottom:1.3em;margin:10px 0 10px 0;}
#home h1{padding-bottom:0;}
h2, th {font-size: 105%;}
h3 {font-size: 100%}
/*#facilities h2, #accomodation h2, #<tr class="<% If Session("MM_UserAuthorization") <> "level5" Then Response.Write("hidden") End if%>">hip h2, #dining-menu h2, #wedding-menu h2, #conference-breakfast h2{background-color: #eee; padding:5px;}
*/
a {color:#143256;}
li {list-style: none;}
#accomodation li {list-style: circle;list-style-position:inside;}

/** picnav is the picture based navigation located in the home page **/ 
#picnav h1, #picnav li {color: #fff;}
#picnav p.intro, #picnav h1 {display: inline;}


/** Paragraphs and elements spacing ----------------**/
/*#main>p {margin-bottom: 1.5em;}*/
#facilities #main>p {margin-bottom:0.7em;}

#main p, #main h1, #main h2, #main h3, #main ul, #main li, #main img, #main table, #main form, #main div.vcard p {margin: 7px;}
#picnav li {padding:0;margin:0;}

/** #main>p, #main>h1, #main>h2, #main>h3,#main>ul, #main>li, #main>img, #main table, #main form, #main div.vcard p {margin: 7px;}**/
.vcard {margin-top: 1em;}
.vcard p, .vcard div {margin-left: 7px;}
.last {border-bottom: 1px solid #eee;}

/**Style of Menus and <tr class="<% If Session("MM_UserAuthorization") <> "level5" Then Response.Write("hidden") End if%>">hip pricing page ------------------------**/
span.price, p.price {margin-left:290px;}
#conference-breakfast .price {margin-left:200px;} 
ul.menu li {border-bottom: 1px solid #ccc;padding-bottom:0.7em;padding-top:0.7em;}
ul.menu {padding-bottom:3em;}
/*
#<tr class="<% If Session("MM_UserAuthorization") <> "level5" Then Response.Write("hidden") End if%>">hip #main h3 {position:relative;border-bottom: 1px solid #ccc;}
#<tr class="<% If Session("MM_UserAuthorization") <> "level5" Then Response.Write("hidden") End if%>">hip .price {position:absolute; top:0; right:2px;}
*/
dl{width:95%;overflow: auto; margin:7px;border-top: 1px solid #ccc;}
dt{float: left;width:75%;}
dd.price{float: right;margin-right:20px;}
.rooms dt {width:45%;}
/*
#<tr class="<% If Session("MM_UserAuthorization") <> "level5" Then Response.Write("hidden") End if%>">hip p.sub {border-top:none; border-bottom:1px solid #ccc; padding-bottom:5px;}
*/
/** Breadcrumbs (sidebar navigation)----------------------**/
.breadcrumbs {font-size:90%; padding-left: 5px;font-weight:bold;}
.breadcrumbs li {text-indent:1em;}
#home .breadcrumbs li{text-indent:0;}
.breadcrumbs li li {text-indent:3.2em;}
.breadcrumbs li ul {display: inline;}
.breadcrumbs li a {font-weight: normal}
.breadcrumbs h3 {text-indent:0;}
#home .breadcrumbs {font-weight:normal;}
#home .breadcrumbs li a {font-weight: bold}

/** Tables ---------------------------**/

#wine-list th {padding-top:20px;border-bottom:1px solid #ccc;}
td {vertical-align: top;}
#main>#wine-list td {} /* Hidden from IE6 (will look reasonable)*/ 
td+td{text-align:right;}
#wine-list td+td {text-align:left;padding-left:7px;}
#wine-list td+td+td {text-align: right;}
/** td + td {text-align:right;width: 150px;} **/
tr {padding-bottom: 10px; border-top: 1px solid #ccc;}
.tdcenter40 {text-align:center; width:40px;}
#faqtable td.tdcenter40 {text-align:center; width:40px; border-bottom:1px solid #EEEEEE;}
#faqtable td.tdcenter40a {text-align:center; width:40px;}
#faqtable td.tdleftquest {text-align:left; border-bottom:1px solid #EEEEEE;}
#faqtable td.tdleftitalic {text-align:left; font:italic; padding-bottom:15px;}

/** Pictures positioning
----------------------------------------**/
#main img {float:right;border:1px solid; border-color:#143256; }
#function-rooms #main img, .rooms #main img {float:left;}
#function-rooms #main img {margin-bottom:30px;}
#function-rooms #main h2 {margin-bottom: 4px;}
#theclub #main img, #home #main img, #banqueting img {float:left; clear: left;}

/** Central picture based navigation - present only in the home page
 ------------------------------------- **/  
#picnav {position: relative;width: 460px;height: 540px; background-image:url("images/picnav.jpg");}  
#picnav li {position: absolute; text-indent: none;}
#picnav a {display: block;text-decoration: none;}
ul#picnav {margin:0;}
li#panel1, li#panel1 a {top:0; left:0; width:180px; height: 110px;}
li#panel2, li#panel2 a {top:110px; left:0; width:180px; height: 200px;}
li#panel3, li#panel3 a {top:310px; left:0; width:180px; height: 230px;}
li#panel4, li#panel4 a {top:0; left:180px; width:280px; height: 170px;}
li#panel5, li#panel5 a {top:170px; left:180px; width:260px; height: 350px; padding: 10px;}
li#panel5 {padding-top:150px;}
li#panel5 p {margin:0;}
li#panel1 a:hover{background:url(images/picnav_hover.jpg) top left no-repeat;}
li#panel2 a:hover{background:url(images/picnav_hover.jpg) 0 -110px no-repeat;}
li#panel3 a:hover{background:url(images/picnav_hover.jpg) 0 -310px no-repeat;}
li#panel4 a:hover{background:url(images/picnav_hover.jpg) -180px 0 no-repeat;}

/** Top Navigation
 -------------------------------------- **/
#navigation {
  width: 800px;
  height: 24px;
  position: relative;
  background: #fff url("images/navigation.gif") top left;
  font-size: 12px;
  font-weight:bold;
  text-align: center;
  margin-top: -2px;
  } 
  
#navigation li {height: 24px; display: block;list-style: none; position: absolute; text-indent: none; top: 0;} 
#navigation a {height: 24px; display: block; color:#003366; text-decoration: none;padding-top: 2px;}
#link1 {left: 0; width: 75px;}
#link2 {left: 75px; width: 92px;}
#link3 {left: 167px; width: 92px;}
#link4 {left: 259px; width: 92px;}
#link5 {left: 351px; width: 92px;}
#link6 {left: 443px; width: 92px;}
#link7 {left: 535px; width: 92px;}
#link8 {left: 627px; width: 92px;}
#link9 {left: 719px; width: 81px;}

#navigation a:hover {color:#fff; background: transparent url("images/navigation.gif") top left no-repeat;}
#link1 a:hover {background-position: 0 -34px;}
#link2 a:hover {background-position: -75px -34px;}
#link3 a:hover {background-position: -167px -34px;}
#link4 a:hover {background-position: -259px -34px;}
#link5 a:hover {background-position: -351px -34px;}
#link6 a:hover {background-position: -443px -34px;}
#link7 a:hover {background-position: -535px -34px;}
#link8 a:hover {background-position: -627px -34px;}
#link9 a:hover {background-position: -719px -34px;}
#navigation2 {
  width: 800px;
  height: 24px;
  position: relative;
  background: #fff top left;
  font-size: 12px;
  font-weight:bold;
  text-align: center;
  margin-top: -2px;
  } 
#navigation2 li {height: 21px; display: block;list-style: none; position: absolute; text-indent: none; top: 0;} 
#navigation2 a {height: 21px; display: block; color:#003366; text-decoration: none;padding-top: 2px;background: transparent url("images/navigation-bg-off.gif") bottom left repeat-x;border-right:1px solid #FFFFFF;}
#navigation2 a:hover {color:#fff; background: transparent url("images/navigation-bg.gif") bottom left repeat-x;}
#link21 {left: 0; width: 55px;}
#link22 {left: 55px; width: 72px;}
#link23 {left: 127px; width: 72px;}
#link24 {left: 199px; width: 92px;}
#link25 {left: 291px; width: 102px;}
#link26 {left: 483px; width: 78px;}
#link27 {left: 561px; width: 96px;}
#link28 {left: 657px; width: 62px;}
#link29 {left: 719px; width: 81px;}
#link20 {left: 393px; width: 90px;}
/*
#link21 a:hover {background-position: 0 -34px;}
#link22 a:hover {background-position: -55px -34px;}
#link23 a:hover {background-position: -127px -34px;}
#link24 a:hover {background-position: -199px -34px;}
#link25 a:hover {background-position: -291px -34px;}
#link26 a:hover {background-position: -483px -34px;}
#link27 a:hover {background-position: -561px -34px;}
#link28 a:hover {background-position: -719px -34px;}
#link29 a:hover {background-position: -393px -34px;}
*/

/** Forms and map
--------------------------------------------- **/
fieldset{border: none;}
select, input{border: 1px solid #ccc;}  
input {font-family:inherit;padding:0 5px; margin:5px; border-color: #525252; color:#006; background-color:#eee;}
/*
#<tr class="<% If Session("MM_UserAuthorization") <> "level5" Then Response.Write("hidden") End if%>"> form {text-align:center;}
#<tr class="<% If Session("MM_UserAuthorization") <> "level5" Then Response.Write("hidden") End if%>"> form p {margin: 15px 0;}
#<tr class="<% If Session("MM_UserAuthorization") <> "level5" Then Response.Write("hidden") End if%>"> input {padding: 3px;}
*/
#reciprocal input {float:left;margin-top:0;}
#reciprocal select {float:left;}
#reciprocal fieldset {margin-top:30px;}
#map{border: 1px solid #006;}
div#map {float: left;width: 400px; height: 260px; margin-left: 25px; margin-bottom: 30px;}
/** Specific page heights to compensate for lack of content
--------------------------------------------- **/
#conference-menu #wrapper, #reciprocal #wrapper, #<tr class="<% If Session("MM_UserAuthorization") <> "level5" Then Response.Write("hidden") End if%>"> #wrapper {height: 1200px;}
/*
#reciprocal #main {}
*/
/** #theclub #main, #reciprocal #main {background: #fff url("images/carlton_club_logo.gif") -418px -36px no-repeat;} **/

#main img.button {
	border:0px;
}
#theclub #main {min-height:500px;}

/* reciprocal details */
#tblrecipdet td {text-align:left;}
.tdrecipleft {width:120px;}
.tdrecipright {width:300px;}

/* <tr class="<% If Session("MM_UserAuthorization") <> "level5" Then Response.Write("hidden") End if%>"> events */
#eventswrapper {position:relative;}
.eventwrap {position:relative; margin-bottom:5px; text-align:center; clear:both; border:1px solid #CCCCCC; background-color:#EEEEEE;filter: alpha(opacity=30);opacity:0.3; padding:0 2px;}
.eventimg, .eventtitle, .eventlink {position:relative;text-align:center; }
.eventimg img {max-width:140px;}

/* shop layout */
#outerwrapper {width:800px ; position:relative; margin:auto; padding:2px; text-align:left;}

/* MEMBERS */
#sidebar { position:relative;float: right; width: 150px; padding: 10px 12px 0 10px;}
#sidebar p {margin-bottom: 3em;}
#memberscenter { position:relative; width: 435px; padding:0 5px 0 10px; float:right;}
#memberscenter img {border:0; margin:0 0 10px 10px;}
#memberscenter h2 {margin:0;}
#updates-column { position:relative; float:left; width:140px; padding:7px;}
#membersleft {position:relative; float:left; width:620px;}


/* validation form css */

.errordiv {
	  border: 1px solid #CE0000;
	  background-color: #FFCCCC;
	  display: none;
	 color: #CE0000;
	}
	
.required {
	  background-color: #FFCCCC;
	  border: 1px solid #CE0000;
	}
	
.required:focus {
	  background-color: #fff;
	  border: 1px solid #CE0000;
	}
	
.checkit {
	  background-color: #efefef;
	  border: 1px solid #999;
	  }

.fullwidth {width:100%;}