/*
 CliftonHotels:
 http://www.cliftonhotels.com
 created by Onlinecc:
 http://www.onlinecc.co.uk
 */
 
/************
  * Misc Styles and defaults 
  */

* 

{

	margin: 0;
	padding: 0;

}

html,body {
	background: #666666;
 	font-size: 11px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

table {
	margin: 0;
	padding: 0;
	font-size: 11px;
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	/*text-align: left;*/
	font-weight: normal;
}

.clear{
	clear:both;
}

img {
	border: /*4px solid #E9E9E9*/none;
}

/**************
 	Site Container Box
*/

#Holder {
	width: 973px; 
	margin: 25px auto 0px auto;
	text-align: left;
}



#Content , #Banners{
	display: table;
	clear: both;
	width: 973px; 
	background-image: url(../images/white_repeat.gif);
	background-repeat: repeat-y;

}

#Content div#search_box{
	width: 200px;
	height: 350px;
	background-image: url(../images/booking_back.jpg);
	background-repeat: no-repeat;
	position: absolute;
	margin-left: 756px;
	margin-top: 10px;
}

#Content div#search_box a.phone_ico,#Content div#search_box a.mail_ico,#Content div#search_box a.map_ico{
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	text-decoration: none;
	margin-top: 313px;
}
#Content div#search_box a.phone_ico{
	margin-left: 110px;
}
#Content div#search_box a.mail_ico{
	margin-left: 140px;
}
#Content div#search_box a.map_ico{
	margin-left: 170px;
}

#Content div#search_box form{
/*
	margin-top: 40px;
	margin-left: 10px;*/
}

#Content div#search_box select{
	height: 20px;
	font-size: 11px;
/*	
	width: 180px;	
	padding:0!important;*/
}
/*
#Content div#search_box table select{
	width: 50px;
}
#Content div#search_box td{
	font-size: 11px!important;
	width: 30%;
}
#Content div#search_box input{
	width: 150px;
	height:16px;
}*/
#Content div#search_box input.submit_image{
	margin-top: 3px;
	width: 110px;
	height: 20px;
}

#Content div.cont_in_home{
	min-height: 340px;
	padding: 10px 250px 9px 18px;
}
#Content div.cont_in{
	min-height: 340px;
	padding: 20px 260px 9px 28px;
}
#Content div.cont_in2{
	min-height: 344px;
	width: 590px;
	margin-left:145px;
	padding-top: 17px;
}

.home_content{
	background-image: url(../images/home_repeat.gif)!important;
}

#Banners{
	clear: both;
	padding-bottom: 0px;
	height: 149px;
}
#Banners a{
	text-decoration: none!important;
	height: 140px;
	display: block;
	position: absolute;	
}
#Banners a.banner1{
	width: 307px;
	margin-left: 16px;	
	margin-top: 10px;	
}
#Banners a.banner2{
	width: 307px;
	margin-left: 333px;	
	margin-top: 10px;	
}
#Banners a.banner3{
	width: 307px;
	margin-left: 650px;
	margin-top: 10px;	
}


#Bottom{
	font-size: 10px;
	clear: both;
	width: 973px;
	height: 42px;
	background-image:url(../images/bottom.jpg);	
}
#Bottom p{
	padding-top: 20px;
	padding-left: 15px;
	color: White;
}
#Bottom p a{
	color: White;
}

/** Header **/
#Header { 
 	width: 973px; 
	height: 97px;
	background-image: url(../images/header.gif);
}
#sub_header { 
 	width: 973px; 
	height: 94px;
	overflow: hidden;
	/*background-image: url(../images/sub_header.jpg);*/
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 16px;
}
	
#sub_header h2{
	position: absolute;
	color: White;
	font-size: 24px;
	font-weight: normal;
	margin-top: 60px;
	margin-left: 10px;
}
h3{
	font-size: 14px;
	color: #b09c88;
	font-weight: normal;
	text-transform: uppercase;
}
/*** Main Nav ***/
#Navigation {
/*	margin-top: 61px;
	margin-left: 130px;*/
	/*width: 970px;*/
	height: 35px;
	padding-top: 61px;
	padding-left: 100px;
	text-transform: uppercase;
overflow:hidden;
}

a#home_link{
	position: absolute;
	display: block;
	width: 80px;
	height: 90px;
	text-decoration: none;
}

#Navigation ul { 
	line-height: 35px;
}
#Navigation ul li { 
 	list-style: none; 
	float: left;
	display: block;
	background-image: url(../images/menu1_del.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
}
#Navigation ul li.first_link {
	background-image: none;
}
#Navigation ul li a { 
	float: left;
	text-decoration: none;
	display: block; 
	height: 35px; 
	font-size: 10px; 
	color: #666666;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 1px;
}
#Navigation ul li a:hover,#Navigation ul li a.section,#Navigation ul li a.current,#Navigation ul li:hover a{
	background-image: url(../images/menu1_over_repeat.gif);
	background-repeat: repeat-x; 				
	cursor: pointer;
}

/* level 2*/
#Navigation ul li ul {
	display: none;
	z-index: 30; /* Safari fix */
	position: absolute;
	width: 130px;
	clear: both;
	margin-left: 1px;
	background-color: #eae1dd;
}
#Navigation li > ul {
	margin-top: 35px;
	display: none;
}
#Navigation ul li:hover > ul {
	display: block;
}

#Navigation ul li ul li{
	padding: 0;
	margin: 0;
	float: none;
	display: block;
	clear: both;
	width: auto;
	height: 20px;
	border-top: 1px solid white;
	background-color: #eae1dd;
	line-height: 20px;
}

#Navigation li ul li a{
	padding: 0;
	margin: 0;
	line-height: 20px;
	height: 20px;
	padding-left: 10px;
	padding-right: 10px;	
	background-image: none!important;
	background-color: #eae1dd;
}

#Navigation li ul li a:hover {
	background-image: none;
	color:black!important;
}

/* level 3*/
#Navigation ul li ul li ul{
	display: none;
	margin-left: 130px;
	margin-top: -21px;
}
#Navigation li ul li > ul {
	display: none;
	margin-left:130px;	
	margin-top: -1px!important;
}
#Navigation li ul li:hover > ul {
	display: block;
}


		
#Navigation2 {
	background-image: url(../images/menu2_repeat.gif);
	height: 25px;
	overflow: hidden;
	line-height: 25px;
	margin-left: 16px;
	width: 951px;
	text-transform: uppercase;	
}		
#Navigation2 ul { 
	line-height: 25px;
}
	#Navigation2 ul li { 
	 	list-style: none; 
		float: left;
		display: block;
		background-image: url(../images/menu2_del.gif);
		background-repeat: no-repeat;
		background-position: 0px 8px;
	}
	#Navigation2 ul li.first_link {
		background-image: none;
	}
	
  		#Navigation2 ul li a { 
			float: left;
			text-decoration: none;
			display: block; 
			height: 25px;
			font-size: 10px; 
			color: #d5c8c1;
			padding-left: 10px;
			padding-right: 10px;
			margin-left: 1px;
		}
		#Navigation2 ul li a:hover,#Navigation2 ul li a.current,#Navigation2 ul li a.section {
			background-image:url(../images/menu2over_repeat.gif);
			background-repeat: repeat-x; 			
			color: White;	
			cursor: pointer;
		}    
/** Breadcrumbs **/
#Breadcrumbs { 
 	color: #B7C0C5;
	text-align: left;
	font-size: 0.9em; 
	margin: 0px 5px 10px 0;
	}
	#Breadcrumbs p {
		margin: 0;
	}

/*** Message Boxs ***/

.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}

p#Remember label {
	margin: -25px 0 0 20px;
	text-align: left;
	line-height: 11px;
}
.entry {
	border-bottom: 1px solid #eee;
}
/* Sidebar 
***********************************/
#SideBar { 
 	width: 130px; 
	float: left;  
	margin: 22px 0 0 0;
	padding: 0;
	text-transform: uppercase;
}

	#SideBar ul {
		margin: 0 0 0 0;
	}
	#SideBar li {
		margin-left:16px;
		padding-bottom:5px;
		list-style: none;
		display: block;
		background-image: none;
		border: none;
	}
	#SideBar a {
		display:block;
		background-image: url(../images/menu3link.gif);
		height: 15px;
		line-height: 13px;
		background-repeat: no-repeat;
		padding-left: 22px;
		font-size: 10px;
		text-decoration: none;
	}
	#SideBar a:hover,#SideBar a.current {
		color:black;
		background-image: url(../images/menu3link_over.gif);	
	}

/* Sidebar for blog 
******************************************/

#BlogSidebar {
	padding-top: 20px;
	margin-left: 20px;	
	float: left;
}

#BlogSidebar h3 {
	padding: 3px 10px 3px 10px;
	color: black;
	font-size: 1em;
	font-weight: bold;
	background-image: url('../images/Blog/Clifton_listbg.png');
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 0px;
}

#BlogSidebar ul {
	list-style: none;
	margin-left: -5px;
	margin-top: 0px;
}


#BlogSidebar ul li a {
	font-size: 10px;
	text-transform: uppercase;
	padding: 2px 5px 2px 5px;
	
}

#BlogSidebar ul li a span.doublecolonsinarchive {
	color: #666666;	
	font-weight: bold;
	padding-right: 5px;
}

#BlogSidebar ul li a:visited {}

#BlogSidebar ul li a:hover {
	background-image: url('../images/Blog/Clifton_listbg.png');
	background-repeat: no-repeat;
	background-position: left center;	
}


	
/* Comments
******************************************/

#CommentHolder ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#PageComments li.first{
	border-top: 1px solid #d5c8c1;
}


#PageComments li {
	margin: 0;
	padding: 0;
	margin-bottom :10px;
	color: #666666;
	padding-bottom: 10px;
	padding-top: 10px;
	
	border-bottom: 1px solid #d5c8c1;
	font-size: 11px;
		
}


.actionLinks li a {
	padding-right: 3px;
	font-size: 10px;
}
.actionLinks li {
   display: inline;
}
   .actionLinks li.last {
      border-right: none;
   }

.commentrss {
}

#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p.comment {
}
#PageComments p.info {
	color: Black;
}

/* Search Results 
*****************************************/
ul#SearchResults {
	margin: 10px 0;
}
ul#SearchResults li {
	list-style: none;
	margin: 5px 0;
	font-size: 1em;
}


 
 /* Keep flickr images pretty */
 a .lightwindow {
 	border:none !important;
 }
 a:hover .lightwindow {
 	border:none !important;
 }
 
#ImageGallery{
	padding-top: 10px;
}
#ImageGallery td{
	padding: 5px!important;
	padding-top: 20px!important;
	padding-bottom: 20px!important;
}
#ImageGallery td.gallery_line{
	height: 1px;
	overflow: hidden;
	line-height: 1px;
	border-top:1px solid #d5c8c1!important;
	padding: 0!important;
	margin: 0!important;
}

/************************
SITEMAP
************************/
table.sitemap ,table.sitemap td {
	border: none!important;
}
table.sitemap td {
	vertical-align: top;
	width: 33%;
}
table.sitemap ul{
	margin-bottom: 15px;
}
table.sitemap ul li{
	margin: 0;
	padding: 0;
	list-style: none;	
	padding-bottom: 15px;
}
table.sitemap ul li a{
	/*text-transform: uppercase;*/
	font-size: 12px;
	color:black;
/*	font-weight: bold;*/
}
table.sitemap ul li ul{
	margin: 0;
	padding: 0;
}
table.sitemap ul li ul li{
	margin: 0;
	padding: 0;
	line-height: 12px;
}
table.sitemap ul li ul li a{
	font-size: 11px;
	color: #666666;
	line-height: 12px;
}
table.sitemap ul li ul li ul li{
	padding-left: 10px;
	background-image: url(../images/line.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	font-style: italic;
}

/************************
ROOMS
************************/

table.rooms{
	width: 600px!important;
	border: none!important;
}
table.rooms tr{
		border-top:1px solid #d5c8c1!important;
}

table.rooms td{
	margin: 0;
	padding: 0;
	vertical-align: top;
	padding-top: 20px!important;
	padding-bottom: 20px!important;
	border: none;
}
table.rooms td.left{
	width: 450px!important;
}
table.rooms td.rigth{
	width:142px!important;
}
div.plus{
	background-image: url(../images/gallery_plus.png);
	width: 13px;
	height: 13px;
	z-index: 10;
	margin-left: 125px;
	margin-top: 75px;
	position: absolute;
	line-height: 1px;
	font-size: 1px;			
}

#HomepageNewsStories {
	margin: 0px 4px 0px 4px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding: 0px 0px;	
}

.BlogNewsStory {
	float: left;
	width: 298px;
	height: 150px;
	padding-top: 10px;
	background-color: #ffffff;	
}

.BlogNewsStory h2 {
	padding: 5px 0px;
	text-transform: uppercase;	
}

.BlogStoryWrapper {
	height: 110px;	
}

#FirstBlogNewsStory {
	border-left: 1px solid black;
	margin-left: 0px;
	padding-left: 15px;
	padding-right: 19px;	
}

#LastBlogNewsStory {
	border-right: 1px solid black;	
	padding-left: 19px;
	padding-right: 14px;
	
}