@import url("//fonts.googleapis.com/css?family=Lobster");
* {
    padding:0;
    margin:0;
    outline:0;
}
ul, li, {text-align:left; padding-left:2px; margin-left:2px;}
.cl {
    font-size:0;
    line-height:0;
    height:0;
    display:block;
    clear:both;
}
body{
    background: #CCC;
    font-family:Arial, sans-serif;
    color:#4e4e4e;
    font-size:11px;
    line-height:14px;
    padding-bottom:70px;
}
a{
    color:#617f2e;
    text-decoration: underline;
    text-transform: uppercase;
}
a:hover{
    text-decoration:none
}
a img{
    border:0;
}
.shell{width:930px; margin:0 auto; background:#FFF; padding:0 10px; border-left: solid 1px #333;border-right: solid 1px #333;}

#header{height:102px;}
#header .right-part{float: right; display: inline; padding-top:15px}
#header .right-part p{text-align: right;}
#header .right-part a{text-align: right; margin-left:18px}
#header .right-part .search{padding-top:20px}
#header .right-part .search .field{width:205px; font-size: 11px; line-height: 13px; margin-top:4px; margin-left:28px; padding-left:2px; border:0; color:#b3b19d; text-transform: uppercase; background:#fff}
#header .right-part .search .btnp {float: left; display: inline;}
#header .right-part .search .btnp input{
	width:29px; 
	height:22px;
	font-size: 0; 
	line-height: 0px;
	text-indent: -4000px;
	background:url(../images/go.gif);
	float: left;
	display: inline;
	cursor:pointer;
	border:0;
}
#header .right-part .search .fld{width:260px; margin-left:40px; height:22px; background:url(http://www.abchotel.co.uk/hf/images/fld250.gif); float: left; display: inline;}

.tang { font-family: 'Lobster', serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 200;
  text-shadow: 2px 2px 2px #999;
  text-decoration: none;
  text-transform: capitalize;
  letter-spacing: 0.05em;
  word-spacing: 0em;
  line-height: 1em;
  }
  
h1#logo{
	background-image: none;
	font-size:46px;
	font-weight: 700;
	height:60px;
    margin-left:15px;
    text-transform: none;
    text-shadow: 2px 2px 2px #999;
    text-decoration: none;
	float: left;
   padding-top:22px;
}
h1#logo a{
     text-decoration: none;
     text-transform: none;
     color:#000;
	height:60px;
	
}
h2{font-size: 20px; color:#2a2a2a; font-weight: normal; text-transform: uppercase; font-family: georgia, sans-serif; padding-bottom:8px; border-bottom:solid 2px #dedede; margin-right:5px}
h2 span{color:#617f2e}
h3{color:#0f89df; font-size: 15px; font-family: "trebuchet ms", sans-serif; text-transform: uppercase; line-height: 18px;}
h4{color:#0f89df; font-size: 12px; font-family: "trebuchet ms", sans-serif; text-transform: uppercase; line-height: 16px;}

.no-border{border-bottom:0;}

#content #main .box .right{float: right; display: inline; }

#nav{height:28px; background:#617f2e url(../images/nav-right-trans-1.png) no-repeat right 0; padding-right:5px; font-family: "trebuchet ms", sans-serif;}
#nav .inner{height:28px; background:#617f2e url(../images/nav-rep-trans-1.png) repeat-x}
#nav ul{list-style-type: none; font-size: 12px; text-transform: uppercase; font-weight: bold; height:28px}
#nav li{float: left; display: inline; background: url(../images/li-bg-trans-1.png) no-repeat right 0; padding-right:1px }
#nav li a{float: left; display: inline; color:#fff; line-height: 28px; text-decoration: none; padding:0 11px}
#nav li a.first{background: url(../images/nav-left-trans-1.png) no-repeat; }
#nav li.active a.first{background:#f7f4e8 url(../images/active-trans-1.png) no-repeat; }
#nav li.active a{background:#f7f4e8; color:#617f2e; }

#content{padding-top:8px;}

a.view-all{font-size: 10px; text-transform: uppercase; color:#6b6b6b; text-decoration: none; background:url(../images/grey-rounded.gif); width:109px; line-height:22px; text-align: center; margin-top:14px}

#photo{width:926px; float: left; display: inline; margin-left:2px; }
#photo .holder{width:926px; position:relative; z-index: 1; float:left; display: inline; height:310px;}
#photo .holder .stripe{position:absolute; float:right; top:30px; right:30px; z-index: 200; height:180px; width:180px; padding:20px;border-width: 0px; 
border-style: outset; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
background:url(../images/dots2.png);}
#photo .holder .stripe h3{ color:#FFF; font:700 16px Arial, Helvetica, sans-serif; text-transform:none;}

#main{width:623px; float: left; display: inline;}
#main .box{width:623px; background:url(../images/box-rep.gif) repeat-y;  margin-bottom:8px}
#main .box .right-col{float: left; display: inline; width:302px; padding-left:8px; padding-top:5px}
#main .box .right-col h2{margin-bottom:10px;  }
#main .box .right-col .holder{width:143px; margin-bottom:20px; }
#main a.blue{color:#0f89df; text-decoration: none; font-weight: bold; float: left; margin-top:3px}

a.blue:hover { color:#ff00d2 !important;}

#main h2 a.rss{background:url(../images/rss.gif); float: right; display: inline; width:19px; height:19px; text-indent: -4000px; line-height: 0; font-size: 0;}
#main .box a{float: left; display: inline;}
#main .box .holder{width:294px; position:relative; z-index: 1; float:left; display: inline;}
#main .box .holder a.play{
	width:29px; 
	height:29px; 
	position:absolute; 
	top:57px; 
	left:57px;
	z-index: 10; 
	display: block; 
	background:url(../images/play.png); 
	text-indent: -4000px; 
	line-height: 0; 
	font-size: 0;
	cursor:pointer;
}
#main .box .holder .stripe{position:absolute; float:right; top:30px; right:20px; z-index: 200;  background:url(../images/dot.png); width:245px}
#main .box .holder .stripe strong{font-family: "trebuchet ms", sans-serif; font-size: 23px; color:#00a2ff; text-transform: uppercase; line-height: 25px; padding:10px 0 0 13px; display: block;}
#main .box a img{display: block; border:solid 1px #dedede; padding:4px}
#main .box .top{width:623px; background:url(../images/box-top.gif) no-repeat; }
#main .box .bottom{width:612px; background:url(../images/box-bottom.gif) no-repeat 0 bottom; padding-top:12px; padding-left:11px; padding-bottom:10px}

#main .simple {width:609px; background:#fff; border:solid 1px #dedede; padding-top:12px; padding-left:12px; padding-bottom:10px; margin-bottom:6px}
#main .simple .holder{width:143px; float: left; display: inline; margin-right:9px; height:auto;}
#main .simple a{ text-decoration: none;}
#main .simple a:hover{ color:#000; }
#main .simple a.image{float: left; display: inline;}
#main .simple a.image img{display: block; padding:4px; border:solid 1px #dedede;}


#main .narrow {width:609px; background:#fff; border:solid 1px #dcdcdc; padding-top:0px; padding-left:12px; padding-bottom:10px; margin-bottom:6px}
#main .narrow .holder{width:170px; float: left; display: inline; margin-right:9px; height:130px; background:#617f2e; color:#FFF; padding:10px;}
#main .narrow h3 {text-decoration: none; font:700 16px Arial, Helvetica, sans-serif; text-transform:capitalize;color:#FFF; margin:0 0 8px;}
#main .narrow ul{list-style-type: none; font-size: 12px; padding-top:10px;}
#main .narrow ul li{ background:url(../images/bull.gif) no-repeat 0 3px; padding-left:15px; text-transform: uppercase; padding-bottom:10px}
#main .narrow a{text-decoration: none; margin:10px 0; }
#main .narrow a.image{float: left; display: inline;}
#main .narrow a.image img{display: block; padding:4px; border:solid 1px #dedede;}

#main h3{ font:700 14px Arial, Helvetica, sans-serif; color:#000;  }
#main .date {
font:400 11px Arial, Helvetica, sans-serif; 
background:#fff;
color:gray;
padding:0px;
}
#main table.booking {
margin: 0px 0 5px 0;
background:#fff url(../images/bgshade.gif) repeat-x top;
color: #454545;padding: 15px 15px 5px 10px; 
height: auto;width:600px;
}

#main .frame{padding-top:19px}
#main .attrimage {float:right;margin-right:15px;}
.long p{padding:10px;}
.info{float: left; display: inline; width:420px; padding-left:8px}
.info span.date{color:#9b9b9b; display: block;}
.info p{padding-bottom:15px;}
.info h3{color:#000; margin:0 0 10px; font:700 12px  Arial, Helvetica, sans-serif; text-transform:none; }

.long{float: left; display: inline; width:580px; padding-left:8px}
.long span.date{color:#9b9b9b; display: block;}
.long p{padding-bottom:15px;}
.long img{margin:0 15px 5px 0;}
.long h3{color:#000; margin:0px; font:700 12px  Arial, Helvetica, sans-serif; text-transform:none; }

a.small{font-size: 10px; color:#6b6b6b; text-transform: uppercase; margin-right:15px}

.small-nav{height:29px; border-bottom:solid 1px #dedede; margin-left:-10px; margin-top:-10px; margin-bottom:8px}
.small-nav ul{list-style-type: none; font-family: georgia, sans-serif; text-transform: uppercase;}
.small-nav li{float: left; border-right:solid 1px #dedede; height:29px; line-height: 29px; padding:0 7px}
.small-nav li a{float: left; color:#232323; text-decoration: none;}
.small-nav li a:hover, .small-nav li a.active{color:#445b31}

.description{width:155px; float: left; display: inline; padding-left:5px}
.description h4{padding-bottom:4px}
.description p{padding-bottom:10px; width:135px}


#sidebar{width:301px; float: right; display: inline; background:url(../images/sidebar.gif) repeat-y; border-bottom:solid 1px #dcdcdc}
#sidebar .holder2{width:280px; position:relative; z-index: 0; float:left; display: inline; height:310px;}
#sidebar .holder2 .stripe{position:absolute; float:right; top:30px; right:30px; z-index: 200; height:180px; width:180px; padding:20px;border-width: 0px; 
border-style: outset; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
background:url(../images/dots2.png);}
#sidebar .holder2 .stripe h3{ color:#FFF; font:700 16px Arial, Helvetica, sans-serif; text-transform:none;}
#sidebar .top{width:291px;  background:url(../images/sidebar-top.gif) no-repeat; padding-top:15px; padding-left:10px}
#sidebar ul.pink{list-style-type: none; font-size: 12px; padding-top:10px; width:280px; border-bottom:solid 2px #dedede}
#sidebar ul.pink li{ background:url(../images/bull.gif) no-repeat 0 3px; padding-left:15px; text-transform: capitalize; padding-bottom:8px}
#sidebar ul.pink li a{color:#617f2e; text-decoration: none; text-transform: capitalize; }
#sidebar ul.pink li a:hover{text-decoration: underline;}

#sidebar ul.blue{list-style-type: none; padding-top:10px; margin-bottom:30px}
#sidebar ul.blue li{border-bottom:solid 1px #ededed; padding-bottom:5px; padding-top:2px; font-size: 12px;}
#sidebar ul.blue li a{text-transform: none; color:#0f89df; }
#sidebar ul.blue small {color:#8e8e8e; display: block;}
#sidebar ul.blue small a{color:#ff00d2}

#sidebarsm{width:280px; float: right; display: inline; background:url(../images/sidebar.gif) repeat-y; border-bottom:solid 1px #dcdcdc}
#sidebarsm .holder2{width:280px; position:relative; z-index: 0; float:left; display: inline; height:310px;}
#sidebarsm .holder2 .stripe{position:absolute; float:right; top:30px; right:30px; z-index: 200; height:180px; width:180px; padding:20px;border-width: 0px; 
border-style: outset; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
background:url(../images/dots2.png);}
#sidebarsm .holder2 .stripe h3{ color:#FFF; font:700 16px Arial, Helvetica, sans-serif; text-transform:none;}
#sidebarsm .top{width:291px;  background:url(../images/sidebar-top.gif) no-repeat; padding-top:15px; padding-left:10px}
#sidebarsm ul.pink{list-style-type: none; font-size: 12px; padding-top:10px; width:280px; border-bottom:solid 2px #dedede}
#sidebarsm ul.pink li{ background:url(../images/bull.gif) no-repeat 0 3px; padding-left:15px; text-transform: capitalize; padding-bottom:8px}
#sidebarsm ul.pink li a{color:#617f2e; text-decoration: none; text-transform: capitalize; }
#sidebarsm ul.pink li a:hover{text-decoration: underline;}

/* Buttons */

	.button, .button:visited 			{background:#000000 url(../images/alert-overlay.png) repeat-x; display:inline-block; padding:5px 10px 6px; color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:13px; font-weight:bold; line-height:1; border:0;}
 	.button:hover						{background-color:#111; color:#fff; text-decoration:none;}
	.button:active						{top:1px;}
    
    .featbutton, .featbutton:visited 			{background:#000000 url(../images/alert-overlay.png) repeat-x;  width:255px; display:inline-block; padding:5px 10px 6px; color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:13px; font-weight:bold; line-height:1; border:0;}
 	.featbutton:hover						{background-color:#111; color:#fff; text-decoration:none;}
	.featbutton:active						{top:1px;}
    
        .linksbutton, .linksbutton:visited 			{background:#888 url(../images/alert-overlay.png) repeat-x;  width:400px; display:inline-block; padding:5px 10px 6px; color:#fff; margin:5px 10px; height:55px; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; font-size:13px; font-weight:bold; line-height:1; border:0;}
 	.linksbutton:hover						{background-color:#555; color:#fff; text-decoration:none;}
	.linksbutton:active						{top:1px;}
	
		.bookbutton, .bookbutton:visited 			{background:#617f2e url(../images/alert-overlay.png) repeat-x; display:inline-block;margin-top:5px; padding:3px 8px 4px; color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:12px; font-weight:bold; line-height:1; border:0;}
 	.bookbutton:hover						{background-color:#111; color:#fff; text-decoration:none;}
	.bookbutton:active						{top:1px;}
    
    
    		.bookred, .bookred:visited 			{background:#c00000 url(../images/alert-overlay.png) repeat-x; display:inline-block;margin-top:5px; padding:3px 8px 4px; color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:12px; font-weight:bold; line-height:1; border:0;}
 	.bookred:hover						{background-color:#ff0b10; color:#fff; text-decoration:none;}
	.bookred:active						{top:1px;}
	
			.switchbutton, .switchbutton:visited 			{background:#999 url(../images/alert-overlay.png) repeat-x; display:inline-block;margin-top:5px; padding:3px 8px 4px; color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:12px; font-weight:bold; line-height:1; border:0;}
 	.switchbutton:hover						{background-color:#111; color:#fff; text-decoration:none;}
	.switchbutton:active						{top:1px;}

.ad{padding-top:12px;  margin-bottom:30px}
.ad a img{display: block; padding:1px; border:solid 1px #e4e4e4}
.ad small{font-size: 8px; text-transform: uppercase; display: block; color:#b0b0b0}

#feat{padding-top:10px;  margin-bottom:0px; height:195px;}
#feat a img{display: block; padding:1px; border:solid 1px #e4e4e4;}
#feat small{font-size: 8px; text-transform: uppercase; display: block; color:#b0b0b0}

#footer{background:#fff; border:solid 1px #dcdcdc; height:70px; font-size: 10px; color:#515151; text-transform: uppercase; font-family: "trebuchet ms", sans-serif; text-align: right;}
#footer .right-area{float: right; display: inline; padding-top:25px; padding-right:17px}
#footer a.sm-logo{background:url(../images/fashion.gif); width:155px; height:34px; float: left; text-indent: -4000px; line-height: 0; font-size: 0; margin:16px 0 0 20px; text-align: left;}
.ulatt li{margin:5px 20px;}

.listtr{ background:#617f2e url(../images/nav-rep-trans-1.png) bottom repeat-x;}
.style6{font:700 13px Arial, Helvetica, sans-serif; color:#FFF; text-transform:capitalize; padding:0 0 7px 6px;}
.imagebord {
float:left;
background:#fff url(../images/imagebackground1.gif) no-repeat center left;
padding:4px 6px 5px 5px;
}
#thirdsright {
position: relative;
float:right;
right:-38px;
width:220px;
color:gray;
margin:0 0 5px;
padding:-2px 2px 0 8px;
}
#thirdsright select{ font:400 11px Arial, Helvetica, sans-serif; padding:0; margin:0; color:#000;}
.style5 { font:400 11px Arial, Helvetica, sans-serif; padding:0; margin:0; color:#000;}
.small {font:700 12px Arial, Helvetica, sans-serif; }
.pageoff {color:#FFF; border:solid 1px #617f2e; background:#617f2e url(../images/nav-rep-trans-1.png) bottom repeat-x; padding:0px 3px;}
.pagetext {color:#000; border:solid 1px #000; padding:0px 3px;}
.pageno {margin-top:3px;}


/* special offers */


.tableoffer { width:585px;}
.offerh3 {color:#617f2e; font:700 16px Arial, Helvetica, sans-serif; margin:3px 0px 0; padding:0; text-transform:uppercase;}
.spoffer {color:#7e7e7e; font:700 14px Arial, Helvetica, sans-serif; margin:1px 0px 4px;padding:0;}
.offerdate {color:#617f2e; font:700 14px Arial, Helvetica, sans-serif;}
.offertext {color:#646464; margin:4px 0; font:400 12px Arial, Helvetica, sans-serif;}
.offerbanner {background:#617f2e url(../images/smalltrbg.png) repeat; padding:0px 3px 2px;}
.approoms {margin:3px 3px 10px; border-bottom:dotted 2px #CCC; width:580px; padding-bottom:5px;}
.offerprice{color:#7e7e7e; font:400 13px Arial, Helvetica, sans-serif; margin-top:3px;padding:0;}
.offercolor{color:#617f2e ; font:700 13px Arial, Helvetica, sans-serif; }

.CollapsiblePanelContent .bookbutton, .CollapsiblePanelContent .bookbutton:visited {background:#617f2e url(../images/alert-overlay.png) repeat-x; display:inline-block;margin-top:1px; padding:3px 8px 4px; color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:12px; font-weight:bold; line-height:1; border:0;}
.CollapsiblePanelContent .bookbutton:hover	{background-color:#111; color:#fff; text-decoration:none;}
.CollapsiblePanelContent .bookbutton:active	{top:1px;}