/* Start of CMSMS style sheet 'style' */
/* STRIPPED DOWN CSS FORMATTING
__________________________________________________________________________*/

h1,h2,h3,h4,h5,h6,pre,code {
	font-size:12px;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input {
	margin:0;
	padding:0;
}

p {
	margin:10px 0px 10px 0px;
}

a img,:link img,:visited img {
	border:none;
}

* {
	font-style:normal;
	text-decoration:none;
	text-indent:0;
}









/* MAIN FORMATTING
__________________________________________________________________________*/

html, body {
	margin:0px;
	padding:0px;
	text-align:center;
	height:100%;
}

body {
	font:14px "Lucida Sans Unicode",verdana,arial,sans-serif;
	color:#navy;
	background:#fff url('uploads/images/background.gif') repeat-x 0 0;
}

.container {
	width:100%;
	text-align:left;
	margin:auto;
	min-height:100%;
	position:relative;
}


.footer {
	background:#036 url('uploads/images/footer_img.gif') repeat-x 0 0;
	text-align:center;
	font: 11px verdana,sans-serif;
	color:#fff;
	position:absolute;
	bottom:0px;
	height:65px;
	width:100%;
}

#footerBox {
	position:relative;
	width:971px;
	height:65px;
	margin:0 auto;
	text-align:left;
}

.clearfooter {
	clear:both;
	height:110px;
}

#translate {
	position:absolute;
	left:0px;
	bottom:0px;
	background:url('uploads/images/translate.gif') no-repeat 0 0;
	width:142px;
	height:77px;
	z-index:400px;
}

div#boxed {
	position:relative;
	width:971px;
	margin:auto;
	text-align:left;
	padding-top:147px;
}

#loggit {
	position:absolute;
	top:0px;
	left:0px;
	width:423px;
	height:145px;
	background:url('uploads/images/astralogo.jpg') no-repeat 0 0;
}

#bluePanel {
	position:relative;
	width:971px;
	height:178px;
	background:transparent url('uploads/images/blueglow.jpg') no-repeat 0 0;
	color:#fff;
	padding-top:15px;
	margin-bottom:73px;
}

#numbers {
	position:absolute;
	top:13px;
	right:20px;
	font:23px Tahoma,Arial,Verdana,Sans-serif;
	color:#fff;
}

#collage {
	position:absolute;
	top:97px;
	right:0px;
	width:482px;
	height:307px;
}

#boxOne {
	position:relative;
	width:330px;
	float:left;
	text-align:left;
}

#boxTwo {
	position:relative;
	width:640px;
	float:left;
	text-align:left;
	color:#000;
}

#locationBox {
	position:relative;
	padding:41px 0px 0px 38px;
	width:178px;
	height:115px;
	margin:45px 0px 0px -6px;
	background: #69c url('uploads/images/location.gif') no-repeat 0 0;
	color:#fff;	
}

#directionBox{
	position:relative;
	padding:61px 0px 0px 48px;
	width:168px;
	height:95px;
	margin:45px 0px 0px -6px;
	background: #69c url('uploads/images/directions.gif') no-repeat 0 0;
	color:#fff;	
}

#formyformer .required {
	margin-bottom:20px;
}

#formyformer .enquiryform div {
	margin-bottom:20px;
}

#roomSample {
position:relative;
width:652px;
height:122px;
background:url('uploads/images/rooms.jpg') no-repeat 0 0;
}

#CGGoogleMaps0 {
border:1px solid navy;
margin-left:5px;
}

#hastingsShots {
position:relative;
width:642px;
height:165px;
background:url('uploads/images/hastings-shots.jpg') no-repeat 0 0;
}






/* FORMS
__________________________________________________________________________*/

#footerBox form {
	position:absolute;
	margin:0px;
	top:21px;
	left:55px;
	z-index:500;
}

#formyformer {
	margin-top:20px;
}

#formyformer fieldset {
	border:none;
}


#formyformer legend {
	display:none;
}

input#mapsUkSaddr1 {
width:108px;
height:32px;
background:url('uploads/images/direcfield.gif') no-repeat 0 0;
text-align:center;
border:0;
font:14px "Lucida Sans Unicode", tahoma,arial,verdana,sans-serif;
padding:8px 0 0 0;
cursor:help;
}

#formyformer input {
	width:240px;
	border:1px solid #666;
	font:12px "Lucida Sans Unicode", tahoma,arial,verdana,sans-serif;
	color:#000;
	background-color:#fff;
	padding:2px;
}

input#submwit {
position:relative;
bottom:-7px;
}

#formyformer textarea {
	width:244px;
	border:1px solid #666;
	font:12px "Lucida Sans Unicode", tahoma,arial,verdana,sans-serif;
	color:#000;
	background-color:#fff;
	overflow:auto;
}

#laby label {
	width:210px;
	float:left;
}


#formyformer label {
	width:170px;
	float:left;
}

div.captcha input {
	width:198px;
}

div.submit input {
width:100px;
}

div.captcha img {
border:1px solid #000;
}

div.captcha div.submit input#m2fbrp_submit {
width:100px;
}










/* PARAGRAPHS
__________________________________________________________________________*/

p#former {
	margin:0;
}

#numbers p, #locationBox p {
	margin: 0px;
}

#boxTwo p {
	text-align:justify;
	margin:10px 0px 15px 0px;
	line-height:170%;
}

.footer p#sig {
	margin:0px;
	position:absolute;
	right:3px;
	top:-17px;
	color:#000;
}














/* SPANS
__________________________________________________________________________*/

#numbers span {
	font-size:20px;
}















/* LISTS
__________________________________________________________________________*/

#bluePanel ul {
	list-style-image:url('uploads/images/tickitf.gif');
	margin-left:20px;
}

#bluePanel ul li {
	font: 14px "Lucida Sans Unicode", Verdana, Arial, Sans-serif;
	margin:13px 0px 13px 10px;
}

ul#navList li a:link, ul#navList li a:visited {
	font:14px "Lucida Sans Unicode", arial,verdana,sans-serif;
	text-decoration:none;
	display:block;
	width:209px;
	height:24px;
	color:#000;
	text-align:left;
	background:transparent url('uploads/images/arrow-r.gif') no-repeat 188px 10px;
	padding:6px 0px 0px 0px;
}

ul#navList li a:active, ul#navList li a:hover {
	font:14px "Lucida Sans Unicode", arial,verdana,sans-serif;
	text-decoration:none;
	display:block;
	width:209px;
	height:24px;
	color:#999;
	text-align:left;
	background:transparent url('uploads/images/arrow-r.gif') no-repeat 190px 10px;
	padding:6px 0px 0px 0px;
}

ul#navList {
	font:14px "Lucida Sans Unicode", arial,verdana,sans-serif;
	color:#000;
	text-align:left;
	width:209px;
	list-style-type:none;
	position:relative;
	top:7px;
}

ul#navList li {
	border-bottom:1px solid #69c;
}

#boxTwo ul {
margin-left:25px;
}













/* TABLES
__________________________________________________________________________*/

table#AstralTariff {
border:0;
width:100%;
border-collapse:collapse;
}

table#AstralTariff td, table#moreRates td {
padding:5px 0px 5px 0px;
}

table#AstralTariff td.describe span {
font:11px Tahoma, Verdana, Arial, Sans-serif;
}

table#AstralTariff td.describe, table#AstralTariff td.high, table#AstralTariff td.mid, table#AstralTariff td.low, table#moreRates td.paddme {
padding-left:4px;
}

table#AstralTariff td.describe, table#AstralTariff td.headone, table#AstralTariff td.headtwo {
border-bottom:2px solid navy;
}

table#AstralTariff td.describe {
width:70%;
}

table#AstralTariff td.headone {
width:15%;
}

table#AstralTariff td.headtwo {
width:15%;
}

table#AstralTariff td.high, table#AstralTariff td.grey {
background-color:#ccc;
}

table#AstralTariff td.mid, table#AstralTariff td.blue {
background-color:#9cc;
}

table#AstralTariff td.low, table#AstralTariff td.shade {
background-color:#69c;
}


table#moreRates {
border:0;
width:100%;
border-collapse:collapse;
}

table#moreRates td.cent{
text-align:center;
}

table#moreRates td.centab {
text-align:center;
border-right:1px solid navy;
}

table#moreRates td.describe {
border-bottom:2px solid navy;
}

table#moreRates td.describea {
border-right:1px solid navy;
}

table#moreRates td.describeac {
border-bottom:2px solid navy;
padding-left:4px;
}

table#moreRates td.describeab {
border-bottom:2px solid navy;
border-right:1px solid navy;
}




/* TABS
__________________________________________________________________________*/

#tabs {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	position:absolute;
	bottom:-44px;
	left:0px;
	text-transform:uppercase;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url('uploads/images/but_bg.gif') no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url('uploads/images/but_right.gif') no-repeat right top;
	padding:6px 10px 8px 6px;
	margin-right:0px;
	color:#fff;
	}

#tabs a:hover span {
	padding:7px 10px 7px 6px;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -31px;
	}

#tabs a:hover span {
	background-position:100% -31px;
	}















/* HEADERS
__________________________________________________________________________*/



#bluePanel h1 {
	font: 20px "Lucida Sans Unicode", Verdana, Arial, Sans-serif;
	color:#fff;
	margin:0px;
	border:none;
	padding:0;
}

h1 {
	font: 22px "Lucida Sans Unicode", Verdana, Arial, Sans-serif;
	color:#000;
	border-bottom:1px solid #69c;
	padding-bottom:10px;
}

h1 span {
	color:#69c;
}

h1.second {
	font: 22px "Lucida Sans Unicode", Verdana, Arial, Sans-serif;
	color:#000;
	border-bottom:1px solid #69c;
	padding-bottom:10px;
	margin-top:50px;
}

h1.second span {
	color:#69c;
}

#loggit a span {
	display:none;
}










/* LINKS
__________________________________________________________________________*/

#loggit a:link, #loggit a:visited {
	display:block;
	width:423px;
	height:145px;
}

#loggit a:active, #loggit a:hover {
	display:block;
	width:423px;
	height:145px;
}

a:link, a:visited {
	color:#036;
	text-decoration:underline;
}

a:hover, a:active {
	color:#669;
	text-decoration:none;
}

#numbers a:link, #numbers a:visited {
	color:#fff;
	text-decoration:none;
	letter-spacing:1px;
}

#numbers a:hover, #numbers a:active {
	color:#369;
	text-decoration:none;
	letter-spacing:1px;
}

.footer a:link, .footer a:visited {
	color:#69c;
	text-decoration:none;
}

.footer a:hover, .footer a:active {
	color:#ccc;
	text-decoration:underline;
}

/* End of 'style' */