/* CSS Document */

body { background-color:#666666; padding:0px; margin:0px; margin-top:10px; font-family:Arial; font-size:12px; color:#000000; }

h1 { color:#000000; font-family:Arial; font-weight:bold; font-size:23px; padding:0px; padding-left:5px; padding-top:5px; margin:0px; letter-spacing:-2px; border-top:10px solid #FFFF66; }
h2 { color:#003399; font-family:Arial; font-weight:bold; font-size:17px; padding:0px; padding-left:5px; padding-bottom:5px; margin:0px; letter-spacing:0px; }
h3 { color:#000000; font-family:Arial; font-weight:bold; font-size:13px; padding:0px; margin:0px; letter-spacing:0px; }
p { color:#000000; font-family:Arial; font-weight:normal; font-size:12px; padding:5px; margin:0px; }
a { color:#000000;} a:hover { color:#000000; text-decoration:underline; }
.header1 { padding-top:10px; padding-bottom:0px; letter-spacing:-1px; }
.p1 { padding:0px; }

table a{ font-weight:bold; padding-left:5px; }
th { background-color:#ffffff; cursor:pointer; }
th a{ cursor:pointer; }
tr { height:25px; }
.view { font-weight:bold; background-color:#0099CC; padding:3px; padding-left:5px; padding-right:5px; color:#FFFFC6; }
.view:hover { background-color:#003399; color:#FFCC00; text-decoration:none; }
.trcolour { background-color:#DFEFFF; }
		table.tablesorter tbody tr {
			padding: 4px;
			vertical-align:middle;
		}
		table.tablesorter tbody tr.odd {
			background-color: #DFEFFF;
		}
.heading{ border-bottom:3px solid #0099cc; padding:4px; padding-left:0px; font-size:13px; letter-spacing:0px; margin:0px; margin-bottom:8px; color:#000000; }



#frame { 
	padding:22px;
	padding-top:16px;
	padding-bottom:16px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-color:#0099FF; }
	
#frame-body { 
	width:1044px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000040; }
.frame-body-p{ color:#FFFFFF; text-align:right; margin:0px; padding:5px; }
.frame-body-a{ color:#FFFFFF; }
.frame-body-a:hover{ color:#FFFFFF; }
	
#main {
	width:1000px;
	background-color:#003399;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px; }
	
#header {
	width:1000px;
	height:80px;
	background-color:#0099FF;
	float:left;
	background-image:url(images/brighton-hotel-head.png);
	background-repeat:no-repeat; }

#navbar {
	width:996px;
	float:left;
	background-color:#FFFF66;
	padding:2px;
	padding-left:2px;
	padding-bottom:3px; }
.navbar-btn { margin:6px; margin-top:6px; float:left; width:auto; }
#navbar p{ color:#000000; padding:0px; font-weight:bold; }
#navbar a{ color:#000000; font-size:12px; text-decoration:none; background-color:#ffcc00; padding:5px; font-weight:bold; } #navbar a:hover{ font-weight:bold; background-color:#ffff66; }	

#breadcrumb {
	width:975px;
	float:left;
	background-color:#003399;
	padding:5px;
	padding-left:10px;
	padding-right:15px;
	text-align:right; padding-top:8px; }
#breadcrumb p{ color:#ffffff; font-size:12px; padding:0px;}
#breadcrumb h2{ font-size:15px; padding:0 0 5px 0; font-weight:normal; }
#breadcrumb a{ color:#ffffff; text-decoration:underline; } #breadcrumb a:hover{ color:#ffffff; text-decoration:underline; } #breadcrumb a:active{ color:#ffffff; text-decoration:underline; }

#content-index {
	background-color:#003399;
	width:980px;
	float:left;
	margin-bottom:10px;
	padding:10px;
	padding-top:0px;
	padding-bottom:20px;  }
#content {
	border:10px solid #003399;
	margin-bottom:10px;
	border-top:0px;
	background-color:#ffffff;
	width:980px;
	float:left; }
	
#servicedbrightonhotels1 {
	width:625px;
	float:left;
	height:535px; }
	
#servicedbrightonhotels2 {
	width:350px;
	float:left; }
	
#col1 {
	background-color:#003399;
	width:200px;
	height:535px;
	margin-right:0px;
	padding-right:10px;
	float:left; }	
	#main-search {
		padding:10px;
		margin-bottom:0px;
		width:180px;
		height:280px;
		background-image:url(images/book-brighton-hotels-bg.jpg);
		background-repeat:no-repeat;
		float:left; }
		#main-search-sections {
			width:180px;
			padding-bottom:5px;
			float:left; }
		#main-search-divider {
			width:180px;
			height:5px;
			float:left; }
		#main-search-sections h2 { color:#000000; font-family:Arial; font-weight:bold; font-size:17px; padding:0px; margin:0px; letter-spacing:0px; }
		#main-search-sections p { color:#000000; font-family:Arial; font-weight:normal; font-size:12px; padding:0px; margin:0px; }
	#main-quote {
		margin-bottom:0px;
		margin-top:10px;
		padding:0px;
		padding-left:0px;
		padding-right:0px;
		width:200px;
		height:200px;
		float:left; }

#col2 {
	width:400px;
	margin-right:7px;
	margin-left:0px;
	height:510px;
	float:right;
	padding-top:5px; }	
	#main-intro {
		width:400px;
		height:300px;
		float:left;
		border-bottom:10px solid #FFFF66; }
	#main-intro h3 { background-color:#9C253F; padding:2px; color:#FFFFFF; font-family:Arial; font-weight:normal; font-size:17px; margin:0px; margin-top:10px; margin-left:30px; margin-right:30px; letter-spacing:0px; text-align:center; }
	#main-locations {
		border:3px solid #ffff66;
		width:380px;
		height:194px;
		background-repeat:no-repeat;
		float:left;
		margin-bottom:10px;
		padding:0px;
		margin-left:4px; }
		#main-locations h2{	background-color:#FFCC00;padding:3px; padding-left:10px;  color:#000000; font-family:Arial; font-weight:bold; font-size:17px; margin:0px; letter-spacing:0px; }
			#main-locations-holder {
			margin:9px;
			width:108px;
			float:left; }
			#main-locations-image {
			border:2px solid #ffcc00;
			margin-bottom:2px;
			width:104px;
			float:left; }
			#main-locations-section {
			margin-bottom:2px;
			width:108px;
			float:left; }
				#main-locations-section p{ padding:1px; }
				#main-locations-section h2{ background-color:#FFFFFF; padding:1px; color:#000000; font-family:Arial; font-weight:bold; font-size:15px; margin:0px; letter-spacing:0px; }
	#main-brightonhotels {
	width:400px;
	float:left;
	height:240px; }
	#main-brightonhotels-image {
	width:400px;
	height:260px;
	float:left;
	margin-top:10px; }
	#main-brightonhotels h3 { background-color:#FFFFFF; color:#000000; font-family:Arial; font-weight:bold; font-size:12px; padding:0px; margin:0px; letter-spacing:-1px; }
	#main-brightonhotels p { color:#000000; font-family:Arial; font-weight:normal; font-size:12px; padding:0px; margin:0px; }
		#main-brightonhotels-col1 {
		width:180px;
		float:left; }
			#main-brightonhotels-row-1 {
			width:180px;
			float:left;
			padding:2px; }
			#main-brightonhotels-row-2 {
			width:180px;
			background-color:#FED845;
			float:left;
			padding:2px; }
		#main-brightonhotels-col2 {
		width:116px;
		float:left;
		text-align:center; }
			#main-brightonhotels-row-3 {
			width:116px;
			float:left;
			padding:2px; }
			#main-brightonhotels-row-4 {
			width:116px;
			background-color:#FED845;
			float:left;
			padding:2px; }
		#main-brightonhotels-col3 {
		width:90px;
		float:left;
		text-align:center; }
			#main-brightonhotels-row-5 {
			width:90px;
			float:left;
			padding:2px; }
			#main-brightonhotels-row-6 {
			width:90px;
			background-color:#FED845;
			float:left;
			padding:2px; }
			
	#search-btn-hotels{
	margin-left:0px;
	margin-bottom:15px;
	margin-top:1px;
	background-image:url(images/search-brighton-hotels-bg.png);
		width:400px;
		height:190px;
		float:left; }
	#ssearch-btn-hotels:hover{
	background-image:url(images/search-bar-hover.png);
		width:400px;
		height:190px;
		float:left; }
			
		
#col3 {
	width:350px;
	float:left;
	padding:5px;
	padding-bottom:0px;
	padding-left:0px; }
	#main-flash {
		width:350px;
		height:350px;
		background-image:url(images/brighton-hotel-main.jpg);
		background-repeat:no-repeat;
		float:left;
		margin-bottom:10px; }
	#main-quotes {
		width:340px;
		float:left;
		text-align:right;
		padding:5px; }
	#main-quotes h2 { color:#000000; font-family:Arial; font-weight:bold; font-size:20px; padding:0px; padding-left:0px; padding-bottom:5px; margin:0px; letter-spacing:-1px; }
	#main-quotes h3 { background-color:#9C253F; padding:3px; color:#FFFFFF; font-family:Arial; font-weight:normal; font-size:13px; margin:0px; letter-spacing:0px; }
	#main-quotes a { color:#FFFFFF; }
	
#section-left {
	width:780px;
	float:left; }

#middle-column {
	width:550px;
	height:510px;
	float:right;
	margin-left:10px; }	
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; cursor:default; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 593px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }	

#middle-column-long {
	width:550px;
	float:right;
	margin-left:10px; }	
#feature { width:540px; height:215px; float:left; background-color:#003366; padding:5px; margin-bottom:10px; }
#standard-frame { width:540px; height:500px; float:left; background-color:#003366; padding:5px; }
#extended-window { width:540px; float:left; background-color:#003366; padding:5px; }
#normal-width-content { width:520px; float:left; background-color:#fff; padding:10px; padding-bottom:30px; }
#highlight-holder { width:550px; height:275px; float:left; }
#highlight-more { background-image:url(images/text-bg.jpg); background-repeat:no-repeat; width:539px; height:220px; float:left; padding:5px; padding-top:50px; padding-left:6px; }
.highlight-shade { width:519px; float:left; padding:10px; background-color:#DFEFFF; }
.highlight { width:519px; float:left; padding:10px; background-color:#FFFFFF; }
.f-name { width:272px; float:left; font-size:14px; }
.f-star { width:72px; float:left; }
.f-rating { padding-top:5px; width:72px; float:left; }
.f-price { width:82px; float:left; }
.f-view { width:92px; float:left; }
.f-view a{ text-decoration:none;}

.goto { width:519px; float:left; padding:10px; padding-top:5px; padding-bottom:5px; background-color:#0099CC; font-weight:bold; text-align:right; font-size:16px; color:#FFFFC6; margin-top:5px;}
.goto a { color:#FFFFFF; text-decoration:none; }
.goto a:hover { color:#FFFFFF; text-decoration:underline; }
			
#left-column {
	width:220px;
	height:510px;
	background-color:#003366;
	float:left; }
	
#search {
	width:170px;
	height:240px;
	margin:5px;
	background-image:url(images/form-background.png);
	background-repeat:no-repeat;
	float:left;
	padding:20px;
	padding-top:60px; }
	
          /*Search form styling*/
          .label{ color:#003366; text-align:left; font:12px arial, sans-serif; margin:0px 0 1px 0; font-weight:bold; }
          input.box { font:14px arial, sans-serif; margin:0 0 8px 0; width:159px; color:#000; background-color:#fff; padding:3px; text-align:center; }
          select.box { text-align:center; font:14px arial, sans-serif; margin:0 0 8px 0; width:169px; color:#000; background-color:#fff; padding:3px; }
		  input.button { margin:6px 0 0; font:14px arial, sans-serif; font-weight:bold; color:#FFFFFF; background-color:#003366; cursor:pointer; border:0px solid #003366; width:169px; padding:5px; }
		  
#text-sidebar {
	padding:0px;
	margin:5px;
	margin-top:10px;
	width:210px;
	float:left; }
	#text-sidebar h2 { color:#fff; font-family:Arial; font-weight:bold; font-size:16px; padding:5px; margin:0px; letter-spacing:-1px; }
	#text-sidebar p { color:#FFFFFF; text-align:right; }
	
#section-right {
	width:190px;
	float:right; 
	margin-left:10px;}
	
#right-column {
	width:190px;
	float:left; }	
	#advert {
		width:180px;
		background-color:#003366;
		float:left;
		padding:5px;
		margin-bottom:10px; }
		  

#footer-main {
	width:1000px;
	margin-top:10px;
	text-align:right; }
#footer-main p { color:#FFFFFF; }
#footer-main a{ color:#FFFFFF; }
#footer-main a:hover{ color:#FFFFFF; }

#footer {
	margin-top:10px;
	background-color:#000000;
	width:1024px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px; }
#footer p{ color:#FFFFFF; }
#footer a{ color:#FFFFFF; }
#footer a:hover{ color:#FFFFFF; }


/* HOTELS */


#hotels-main {
	width:1000px;
	background-color:#003399; }
	
#hotels-content {
	border:10px solid #003399;
	border-top:0px solid #003399;
	background-color:#003399;
	width:980px;
	height:100%;
	float:left;
	padding-bottom:10px;
	margin-bottom:10px; }
	
#hotels-brightonhotels1 {
	width:210px;
	float:left;
	height:100%; }
	#hotels-col1 {
		width:200px;
		height:100%;
		margin-right:0px;
		padding-right:10px;
		float:left; }	
		#laterooms-banner-1 {
			background-color:#000040;
			width:180px;
			height:500px;
			padding-top:10px;
			margin-top:10px;
			margin-bottom:10px;
			padding-right:10px;
			padding-left:10px;
			float:left; }	
	
#hotels-brightonhotels2 {
	width:770px;
	float:left;
	background-color:#FFFFFF; }
	#col4 {
		width:750px;
		float:left;
		padding:10px;}
	.header2 {
		padding-top:10px;
		padding-bottom:10px;
		letter-spacing:0px; }
		
		
	#main-banner {
		padding:5px;
		margin:0px;
		margin-top:0px;
		background-color:#003366;
		margin-bottom:10px;
		width:180px;
		float:left; }
		
#bottom {
	width:980px;
	float:left; }

div.text_box_index {
	 width:950px;
	 background-color:#003366;
	 float:left;
	 margin-top:10px; 
	 margin-bottom:5px;
	 padding:15px; }
div.text_box_index h1 { color:#fff; padding:0px; margin:0px; font-size:16px; padding-top:5px; text-decoration:none; text-align:left; border:none; letter-spacing:-1px; }
div.text_box_index h2 { color:#FFFF99; padding:0px; margin:0px; font-size:14px; padding-top:5px; text-decoration:none; text-align:left; }
div.text_box_index p { line-height:12pt; color:#FFFfff; padding:0px; margin:0px; padding-bottom:10px; padding-top:5px; font-size:13px; text-align:left; text-decoration:none; }
div.text_box_index a { color:#fff; padding:0px; margin:0px; }
div.text_box_index a:hover { color:#fff; padding:0px; margin:0px; text-decoration:underline; }