/* 
		White Lion Hotel, Hebden Bridge 2007
		SCREEN verrsion
		Revision: 1.0
		Copyright © 2007 WebCAL
*/



body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:small;
	color:#111111;
  	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 774px;

}

h1 {
	margin-top:10px;
	padding-top:0;
	font-size:large;
	color:#990000;
}

h2 {
	margin-top:30px;
	padding-top:0;
	font-size:medium;
	color:#990000;
}

h3 {
	margin-top:30px;
	padding-top:0;
	font-size:small;
	color:#990000;
}

h4 {
	margin-top:10px;
	margin-bottom:0;
	padding-top:0;
	font-size:small;
	color:#990000;
}

.subpara {
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
}

.subparaI {
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	font-style:italic;
}

.subSubPara {
	font-family: Arial, Helvetica, sans-serif;
	font-size:smaller;
}

.menu{
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	line-height:16px;
	margin:0 0 8px 0;
	text-align: center;	
}

.size {
	font-family: Arial, Helvetica, sans-serif;
	font-size:x-small;
	text-align:right;
	vertical-align:bottom;
}

.category {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	vertical-align:bottom;
	padding-top:10px;
}

.product {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:2px;
	text-align:left;
	vertical-align:top;
}

.binNumber {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	vertical-align:top;
}

.price{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: right;
	vertical-align:top;
}

.description {
	margin-top:0;
}

/***************************************

		  Construction items

***************************************/


#wrapper {
	text-align: left;
	width: 774px;
	margin-left: auto;
	margin-right: auto;
}

* html #wrapper {
	text-align: left;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}

#main {
	margin:0;
	border:0;
	padding:0;
}


/***************************************
		
				Content

***************************************/

#content {
	margin:0 190px 0 170px;
	padding:0;
	border:0;
	min-height:180px;
}

#mainContent {
	margin:0 18px 0 14px;
	border:0;
}

.credit {
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	padding:0;
	margin:0;
}

#theEnd {
	padding-bottom:24px;
}

.warning {
	padding-top:30px;
	padding-bottom:20px;
	text-align:center;
	font-size:large;
}

/***************************************
		
			Navigation Bar

***************************************/

#sidebarL {
	float: left;
	width: 170px;
	background-color:#FFEBC2;
	border:#FF9933 1px solid;
	font-family:Arial, Helvetica, sans-serif;
}

#logo {
	padding-top:12px; 
	height:160px; 
	text-align:right;
}

#logoScreen {			/*  shows the logo on screen  */
	display:block;
	padding:0;
	margin:0;
}

#logoPrint {			/*  hides the print version of the logo on screen  */
	display:none;
}

#logoAddress {
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding-bottom:8px;
}

#sidebarL ul {
	list-style-type:none;
	margin:0;
	padding:0;
	line-height:28px;
}

#sidebarL li {
	display:block;
	border-bottom:#FF9933 1px solid;
	font-size: 12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:14px;
}

#listTop {
	border-top:#FF9933 1px solid;
}

#sidebarL a {
	display:block;
	color: #000000;
	text-decoration:none;
}

#sidebarL a:hover {
	display:block;
	color: #FFFFFF;
	background-color:#FF9933;
	text-decoration:none;
}

/***************************************
		
			Reservation Block

***************************************/

#resBlock {
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	text-align: left;
	margin:0;
	padding:0;
	border:0;
	width: 190px;
	float: right;
}

#resBlock h1 {
	padding:4px 0;
	margin:0;
	color:#000000;
	font-size:small;
}

#resBlockMiddle {
	background-color:#FFEBC2;
	color:#000000;
	margin:0;
	padding:0;
	border-left:#FF9933 1px solid;
	border-right:#FF9933 1px solid;
}

#resBlockMiddle td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:x-small;
	color:#111111;
}

#resBlockBottom {
	background-color: #FFEBC2;
	color:#000000;
	margin:0;
	padding:0;
	vertical-align:top;
	border-left:#FF9933 1px solid;
	border-right:#FF9933 1px solid;
}

#resBlock label {
	font-weight:bold;
}

.reqd {
	padding:0 2px;
	font-size:x-small;
	font-weight:bold;
	color:#FF0000;
}

.reqdRetry {
	font-weight:bold;
	color:#FF0000;
}

.mainRetry {
	padding-left:8px;
	font-size:large;
	font-weight:light;
	color:#000000;
}

.button {
	font-size: x-small;
	font-weight:bold;
	padding:0;
	margin:0;
	text-align:center;
}

.creditCards {
	margin:8px 0 0 0;
	padding:0;
	text-align:center;
	\margin-top:8px; /* for IE5 */
	ma\rgin-top:8px; /* for IE6 */
}

/***************************************
		
				Footline
		
***************************************/

#footLine {
	clear: both;
	background-color:#CC6600;
	width:760px;
	font-size:smaller;
	font-weight:lighter;
	color:#FFFFFF;
	padding:0 6px 2px 6px;
	border:#CC6600 1px solid;   	/* give definition to area when printing */
}

#footLineRight {
	float:right;
}

#footLine  a {
	color:#FFFFFF;
	text-decoration:none;
}

#footLine  a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#webCAL {
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	text-align:right;
	padding-right:6px;
}




.avail {
	padding:0 0;
	margin:0;
}

.availForm {
	padding:4px 0 0 0;
	margin:0;
}

.subHead {
	font-size:10px;
	font-weight:bold;
	padding:6px 0 0 0;
}

.date {
	margin-left:10px;
	font-size: xx-small;
}

.warning {
	color:#FF0000;
	font-size:10px;
	text-align:left;
	padding:2px 8px 0 0;
	margin:0;
}