
*
{
	margin:0;
	padding:0;
}
ul
{
	list-style-type:none;
}
a img
{
	border:none;
}
.clear
{
	clear:both;
	font-size:1px;
	width:1px;
	height:1px;
}
.display
{
    display:none;
}
body,html
{
	font-size:100%;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:#fff;
	color:#090001;
}
#container1
{
	width:100%;
	padding:20px 0 20px 0;
	text-align:center;
}
#container2
{
	width:783px;
	border:1px solid #BFBFBF;
	w\idth:781px;
	text-align:left;
	margin:0 auto 0 auto;
	position:relative;
}
#content
{
	padding:266px 10px 0px 236px;
	width:780px;
	w\idth:534px;
	float:left;
}
body.the-crathorne-arms #content
{
	padding:260px 10px 10px 0;
	width:780px;
	w\idth:770px;
	float:left;
}
#pageHeight
{
	width:1px;
	font-size:1px;
	height:800px;
	float:right;
}
#navigation
{
	position:absolute;
	top:0;
	left:0;
	width:780px;
	height:69px;
	background:url(../images/the-crathorne-arms-1.gif) right 20px no-repeat;
}
#pageImage
{
	position:absolute;
	top:70px;
	left:0;
	width:780px;
	padding:0 0 0 230px;
	w\idth:550px;
	height:160px;
	background:url(../images/crathorne-arms-front.jpg) no-repeat;
}
#footer
{
	width:782px;
	padding:12px 0 12px 0;
	text-align:right;
	margin:0 auto 0 auto;
}

/* Content Area */
#content
{
	font-size:0.65em;
	position:relative;
}
#leftCol, #middleCol, #rightCol
{
	width:250px;
	padding:0 20px 0 20px;
	w\idth:210px;
	float:left;
}
#leftCol
{
	padding:0 0 0 32px;
	width:365px;
}
#rightCol
{
    float:right;
    padding:0;
    width:345px;
}
/* Page Navigation */
#navigation ul
{
	width:780px;
	padding:30px 0 0 22px;
	w\idth:758px;
	font-size:0.6em;
	font-family:arial,sans-serif;
}
#navigation ul li
{
	display:inline;
	padding:0 10px 0 0;
}
#navigation ul li a
{
	color:#090001;
	font-weight:bold;
	text-decoration:none;
}
#navigation ul li a:hover, #navigation ul li.active a
{
	color:#BC4E47;
}

/* Sub Navigation */
#sectionNavigation
{
	position:absolute;
	top:260px;
	left:12px;
	width:178px;
	font-size:0.65em;
}
#sectionNavigation ul, #sectionNavigation ul li
{
	width:178px;
	margin:0;
	padding:0;
	display:inline;
	d\isplay:block;
}

#sectionNavigation ul li a
{
	display:block;
	padding:5px 0 5px 0;
	width:178px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	border-bottom:1px solid #b5b5b5;
}
#sectionNavigation ul li.active a, #sectionNavigation ul li a:hover,
#sectionNavigation ul li.active ul li a:hover, #sectionNavigation ul li.activeParent ul li a:hover,
#sectionNavigation ul li.activeParent ul li.active a,
#sectionNavigation ul li.activeParent ul li.activeParent a,
#sectionNavigation ul li.activeParent ul li.activeParent ul li.active a
{
	color:#7D0B0B;
}
#sectionNavigation ul li.activeParent ul li.activeParent ul li a
{
	color:#000;
}
#sectionNavigation ul li.activeParent ul li a
{
	color:#000;
	text-transform:capitalize;
}
#sectionNavigation ul li.activeParent a
{
	text-transform:uppercase;
	color:#7D0B0B;
}
#sectionNavigation ul li.activeParent ul li.activeParent a
{
	border:none;
}
#sectionNavigation ul li.activeParent ul li.activeParent ul li a
{
	border-bottom:1px solid #b5b5b5;
}
/* Footer links */
#footer ul
{
	width:782px;
	padding:0 20px 0 0;
	w\idth:762px;
	text-align:right;
	font-size:0.65em;
	font-family:arial,sans-serif;
}
#footer ul li
{
	display:inline;
	padding:0 14px 0 0;
}
#footer ul li a
{
	color:#090001;
	font-weight:bold;
	text-decoration:none;
}
#footer ul li a:hover, #footer ul li.active a
{
	color:#990808;
}
/* Styles and fonts */
h1,h2,h3
{
	font-size:1em;
	padding:0 0 6px 0;
}
h1
{
	font-size:1.1em;
}
body.the-crathorne-arms h1
{
	padding:0 0 14px 0;
	font-size:1.3em;
	color:#990808;
}
p,ul
{
	padding:0 0 14px 0;
}
p
{
	line-height:120%;
}
ul.bold li
{
	font-weight:bold;
}
p.intro
{
	font-weight:bold;
}
a
{
	color:#990808;
}
.important
{
	font-size:1.1em;
	font-weight:bold;
}
/* Link boxes */
#linkBoxes
{
	margin:0;
	font-size:1em;
}
#linkBoxes li
{
	float:left;
	margin:0 12px 12px 0;
	width:154px;
	height:175px;
	overflow:hidden;
	border:1px solid #BCBCBC;
}
#linkBoxes li.end
{
	margin:0 0 12px 0;
}
#linkBoxes li.box1{background:url(../images/link-boxes/classic-food.jpg) no-repeat;}
#linkBoxes li.box2{background:url(../images/link-boxes/outside-catering.jpg) no-repeat;}
#linkBoxes li.box3{background:url(../images/link-boxes/pub.jpg) no-repeat;}
#linkBoxes li.box4{background:url(../images/link-boxes/crathorne-hall.jpg) no-repeat;}
#linkBoxes li.boxXmas{background:url(../images/link-boxes/christmas.jpg) no-repeat;}
#linkBoxes li.boxValentine{background:url(../images/link-boxes/valentines.gif) no-repeat;}

#linkBoxes li a
{
	display:block;
	padding:110px 10px 0 10px;
	width:154px;
	w\idth:134px;
	height:175px;
	he\ight:65px;
	color:#67676B;
	text-decoration:none;
	font-weight:bold;
	background:url(../images/link-boxes/more.gif) bottom left no-repeat;
}

/* Tables Menu */
.menuTable, .menuTable2, .menuTable3
{
	width:500px;
	border-collapse:collapse;
	border-top:1px solid #999;
	font-size:1em;
	margin:0 0 20px 0;
}
.menuTable th, .menuTable2 th, .menuTable3 th
{
	padding:6px 0 0 0;
	text-align:left;
}
.menuTable td, .menuTable2 td, .menuTable3 td
{
	border-bottom:1px solid #999;
	padding:7px 40px 7px 0;
	vertical-align:bottom;
}
.menuTable3 th.divider
{
	border-bottom:1px solid #999;
	padding:7px 0;
}
.menuTable td.divider
{
	text-align:center;
	padding:7px 0 7px 0;
}
.menuTable3 td
{
	padding:7px 0 7px 0;
}
.menuTable3 th, .menuTable3 td
{
	text-align:center;
	line-height:180%;
}
.menuTable td.price, .menuTable2 td.price, .menuTable3 td.price
{
	font-weight:bold;
	padding:7px 0 7px 0;
}
.menuTable3 td.price
{
	border:none;
}
body.wine .menuTable strong, body.wine .menuTable2 strong
{
	display:block;
}
body.wine .menuTable strong span, body.wine .menuTable2 strong span
{
	font-weight:normal;
}
/* Page backgrounds */
body.garlic-chilli #container2
{
	background:url(../images/backgrounds/garlic-chilli.jpg) bottom left no-repeat;
}
body.teapot #container2, body.news #container2
{
	background:url(../images/backgrounds/teapot.jpg) bottom left no-repeat;
}
body.wine #container2
{
	background:url(../images/backgrounds/wine.jpg) bottom left no-repeat;
}
body.wines #container2
{
	background:url(../images/backgrounds/wines.jpg) bottom left no-repeat;
}
body.white-wine #container2
{
	background:url(../images/backgrounds/white-wine.jpg) bottom left no-repeat;
}
body.red-wine #container2
{
	background:url(../images/backgrounds/red-wine.jpg) bottom left no-repeat;
}
body.telephone #container2
{
	background:url(../images/backgrounds/telephone.jpg) bottom left no-repeat;
}
body.asparagus #container2
{
	background:url(../images/backgrounds/asparagus.jpg) bottom left no-repeat;
}
body.cherries #container2
{
	background:url(../images/backgrounds/cherries.jpg) bottom left no-repeat;
}
body.soup #container2
{
	background:url(../images/backgrounds/soup.jpg) bottom left no-repeat;
}
body.bubbly #container2
{
	background:url(../images/backgrounds/bubbly.jpg) bottom left no-repeat;
}
body.bubbly2 #container2
{
	background:url(../images/backgrounds/bubbly2.jpg) bottom left no-repeat;
}
body.strawberry #container2
{
	background:url(../images/backgrounds/strawberry.jpg) bottom left no-repeat;
}
body.outside #container2
{
	background:url(../images/backgrounds/outside.jpg) bottom left no-repeat;
}
body.main-course #container2
{
	background:url(../images/backgrounds/main-course.jpg) bottom left no-repeat;
}
/* Crathorne */
body.crathorne h1
{
	color:#7D0B0B;
	padding:0 0 12px 0;
}
body.wine h1, body.things-to-see h1, body.wine h2
{
	color:#7D0B0B;
	padding:0 0 14px 0;	 
}
blockquote
{
	padding:20px 80px;
	font-style:italic;
}

/* News */
body.news h2
{
	border-top:1px solid #999;
	padding:8px 0 2px 0;
	margin:10px 0 0 0;
}
body.news h2.pad
{
	padding:18px 0 18px 0;
}
body.news p
{
	padding:0 0 4px 0;
}

/* Things to see */
body.things-to-see h2
{
	padding:14px 0 10px 0;
	border-top:1px solid #000;
	margin-top:4px;
}



/* Photo Gallery */
#photoList
{
	padding:10px 0 10px 0;
	width:534px;
}
#photoList li
{
	width:178px;
	padding:0 0 14px 0;
	float:left;
}
#photoList li a img
{
	margin:0 0 5px 0;
	display:block;
}
#photoList li a
{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
#highlightContainer
{
	position:absolute;
	top:0;
	left:0;
	visibility: hidden;
	width:554px;
	padding:10px;
	w\idth:534px;
	color:#fff;
	text-align:center;
	background:#000;
	font-size:0.7em;
}
#highlightContainer:hover
{
	cursor:move;
}
#highlightContainer .imgBox, #highlightContainer #details
{
	width:534px;
	padding:5px;
	w\idth:524px;
	text-align:left;
	background:#fff;
}
#highlightContainer .imgBox
{
	height:374px;
	he\ight:364px;
}
#highlightContainer #details
{
	background:#000;
}
#highlightContainer #closeLink
{
	width:520px;
	text-align:right;
}
#highlightContainer #closeLink a
{
	color:#fff;
	text-decoration:none;
}
#highlightContainer #closeLink a:hover
{
	text-decoration:underline;
}
#details h1
{
	color:#fff;
}

/* Pop Up Pages Specific */
body.popUp
{
	font-size:100%;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:#fff;
	color:#fff;
	padding:20px;
}
body.popUp div.imgBox, body.popUp #details
{
	width:536px;
	padding:5px;
	w\idth:526px;
	text-align:left;
	background:#000;
	font-size:0.7em;
}
body.popUp div.imgBox
{
	height:374px;
	he\ight:364px;
	background:#fff;
	border:1px solid #000;
	w\idth:524px;
}
body.popUp #details
{
	background:#000;
}
body.popUp #details h1
{
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:1em;
}
body.popUp #details h1, body.popUp #details p
{
	color:#fff;
}
body.popUp #closeLink
{
	text-align:right;
	padding:20px 10px 10px 0
}
body.popUp #closeLink a
{
	color:#fff;
	text-decoration:underline;
}
body.popUp #closeLink a:hover
{
	text-decoration:underline;
}


/* Suppliers */
.columnLayout
{
	width:534px;
	margin-top:10px;
	padding:6px 300px 20px 0;
	w\idth:234px;
	border-top:1px solid #ccc;
}
#suppliers
{
	background:url(../images/suppliers.jpg) top right no-repeat;
}
.columnLayout .supplier
{
	padding:0 0 20px 0;
}
.columnLayout p
{
	
	padding:14px 0 0 0;
}
.columnLayout p.link
{
	padding:2px 0 0 0;
}
.columnLayout .supplierHeight
{
	height:564px;
	font-size:1px;
	width:1px;
	float:left;
}



ul.form
{
    margin:30px 0 20px 0;
    border-bottom:#d9dcdb 1px solid;
}
ul.form, ul.form li
{
    list-style-type:none;
}
ul.form li label
{
    display:block;
    margin:0 0 2px 0;
    font-size:0.9em;
    font-weight:bold;
}
ul.form li input, ul.form li textarea
{ 
    display:block;
    margin-bottom:4px;
    padding:3px 5px 3px 5px;
	width:200px;
	font-family:Lucida Grande, sans-serif;
	color:#000;
	background:#fff;
	border:#d9dcdb 1px solid;
}
ul.form li textarea
{ 
	width:350px;
	font-size:1.235em;
}
ul.form li.small input
{ 
    width:60px;
}
ul.form li.button input
{ 
	margin:15px 0 0 0;
	width:100px;
	font-weight:bold;
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	background:#2a3c36;
	border:none;
}
ul.form li.check
{
    margin:15px 0 0 0;
}
ul.form li.check table
{
    float:left;
    margin:0 3px 0 0;
}
ul.form li.check input#ctl01_c_txtNewsletter_0
{
    width:auto;
    border:none;
}
ul.form li.check label
{
    float:left;
    width:460px;
    padding:2px 0 0 0;
    font-weight:normal;
}
table#ctl01_typeList td
{
    display:block;
    padding:0 0 5px 0;
    width:auto;
}
table#ctl01_typeList td input
{
    margin:0 5px 0 0;
}


/*----------------------------------------------------------------------*/
/*--------*//* NEWSLETTER BOX */
#content #rightCol #newsletterBox
{
    position:relative;
    padding:10px;
    width:154px;
    w\idth:134px;
    border:1px solid #BFBFBF;
}
#content #newsletterBox
{
    padding:0;
    width:auto;
    border:none;
}
#newsletterBox ul, #newsletterBox ul li
{
    margin:0;
    padding:0;
}
#newsletterBox label
{
    display:block;
    margin:0 0 2px 0;
    font-size:0.9em;
    color:#2a3c36;
}
#newsletterBox input
{
	padding:2px;
	width:132px;
	w\idth:128px;
	color:#000;
	background:#fff;
	border:#d9dcdb 1px solid;
}
#newsletterBox ul li.button input
{
	float:left;
	width:60px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	background:#2a3c36;
	border:none;
}
#newsletterBox a
{
    position:absolute;
    top:145px;
    right:10px;
}
/*----------------------------------------------------------------------*/
/*--------*//* RESERVATIONS BUTTON  */
#reservationButton a
{
    display:block;
    margin:20px 0 0 0;
    padding:5px 10px;
    width:156px;
    w\idth:136px;
    text-align:center;
    font-weight:bold;
    font-size:1.1em;
    text-decoration:none;
    color:#fff;
    background:#BC4E47;
}
/*----------------------------------------------------------------------*/
/*--------*//* ACCESSIBILITY PAGE */
body.accessibility #content
{
	padding:266px 10px 0px 10px;
	width:780px;
	w\idth:760px;
	float:none;
	background:yellow;
}
#accessKeys p, #resizeText p
{
}
#accessKeys ul, #accessKeys ul li
{
    margin:0;
    list-style-type:none;
}
#accessKeys ul
{
    margin:0 0 10px 0;
}
#accessKeys ul li
{
    padding:0 0 5px 0;
}
#accessKeys ul li a
{
    margin:0 0 0 3px;
    text-decoration:none;
    color:#000;
}
#accessKeys kbd
{
    margin:0 2px 4px 2px;
    padding:1px 5px;
    font-size:1.25em;
    color:#fff;
    background:#2F2F2F;
    border:#ccc 1px solid;
}
#resizeText ul
{
    margin:0 0 15px 15px;
    padding:0;
}
#resizeText ul li
{
    list-style-type:disc;
    padding:0 0 5px 0;
}
#map
{
    height:400px;
}
.telephoneHome
{
    padding:40px 0 0 0;
    font-size:1.4em;
}