/*

background colour savile row: background-color: #white;

*/

body {
	margin: 0 auto;
	margin-bottom: 8px;		
	padding:0;
  border: 0;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	line-height: 16px;

	  background-image: url(http://www.catalink.com/images/summer-bg-1105.jpg);
	  background-color: orange;
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position: center  top;
}

input,textarea,select{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	}
img {
	border: none;
}
a {	color:#0066FF;text-decoration: none;}
a:visited {  text-decoration:none; }
a:hover {color:#ff3333; text-decoration:underline; }
a:active {color:#ff3333; text-decoration:underline; }
p {
	padding: 0;
	margin: 0;
}
form {
  margin: 0;
  padding: 0;
}


div.main {
	clear: both;
	margin: 0 auto;
	border:0px #abadb3 solid;
	position:relative;
	text-align: left;
height:100%;
width:100%;


/*
add this in to get white background (used for savile row)

  background-color: #FFFFFF;
  position: relative;

*/
	text-align:center;
/* commeting this out makes everything work ok, but leaving it here just in case
	position: relative; */

}

.unticked_listing {
  border-color : #393c4b;
  border-style : solid;
  border-width : 1px;
  background: white;
  color: #393c4b;
}

.container {
   position: relative;
   padding-right:8px;
   padding-bottom:8px;
   height:100%;
   }

.more_details {
	width: 40px;
	height: 40px;
  position: absolute;
  right: 9;
  top: 1;
	z-index:99;
}
.more_details_big {
	width: 80px;
	height: 80px;
  position: absolute;
  right: 9;
  top: 1;
	z-index:102;
}


div.row_logged {
	clear: both;
	width: 212px;
	background-color: #fff0e1;
}

div.row {
	clear: both;
}

div.cell {
	display: table-cell;
	float: left;
}

div.cell_logged {
  clear: both;
	background-image: url(images/left-col-cream.jpg);
	background-repeat: no-repeat;
	width: 34px;
	height: 144px;
	background-color: #fff0e1;
}
div.toplogo {
	clear: both;
	width: 954px;
	height: 61px;
	position: relative;
	z-index:25;
}

div.toplogo p {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index:25;
}
div.toplogo p a {
	color: Black;
	margin: 0 3px;
	z-index:25;
}
div.toplogo p a:hover {
	text-decoration: underline;
	z-index:25;
}

div.flashcontent {
	z-index:-500;
}

div.flashcontent2 {
	z-index:-500;
}

div.topnav {
	clear: both;
	background-image: url(images/menu_strip35.jpg);
	background-repeat: repeat-x;
	height: 30px;
	width: 958px;
	line-height: 30px;
  	margin-bottom: 0px;

	margin-top:0px;
  z-index:1;
}
div.topnav a:hover{
	background-image: url(images/menu_strip-pink35.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	color: Black;
	z-index:10
}

div.topnav a {
	background-image: url(images/topnavspacer30.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0px 25px 0 21px;
	color: White;
	text-decoration: none;
	height: 30px;
	float: left;
	z-index:50
}
div.topnavcat {
	background-image: url(images/topnavspacer-reda.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	height: 8px;
	line-height: 8px;
	width: 958px;
	color: Black;
	z-index:1
}


div.topnavbro {
	background-image: url(images/topnavspacer-bluea.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	height: 8px;
	line-height: 8px;
	width: 958px;
	color: Black;
	z-index:1
}
div.topnavret {
	background-image: url(images/topnavspacer-green.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	height: 8px;
	line-height: 8px;
	width: 958px;
	color: Black;
	z-index:1
}

div.topnavretleisure {
	background-image: url(images/topnavspacer-purpbjpg.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	height: 8px;
	line-height: 8px;
	width: 958px;
	color: Black;
	z-index:1
}

div.topnavretpdf {
	background-image: url(images/topnavspacer-yela.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	height: 8px;
	line-height: 8px;
	width: 958px;
	color: Black;
	z-index:1
}

div.topnavnon {
	background-image: url(images/topnavspacer-silver.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	height: 8px;
	line-height: 8px;
	width: 958px;
	color: Black;
	z-index:1
}

div.topnavcaton a {
	background-image: url(images/menu_strip-red35a.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	color: Black;
	z-index:25
}
div.topnavcaton a:hover {
	background-image: url(images/menu_strip-red35a.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	color: Black;
	z-index:25
}
div.topnavcatoff a:hover {
	background-image: url(images/menu_strip-red35a.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	color: Black;
	z-index:25
}
div.topnavbroon a {
	background-image: url(images/menu_strip-blue35a.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	color: Black;
	z-index:25
}
div.topnavbroon a:hover {
	background-image: url(images/menu_strip-blue35a.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	color: Black;
	z-index:25
}
div.topnavbrooff a:hover {
	background-image: url(images/menu_strip-blue35a.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	color: Black;
	z-index:25
}

div.topnavreton a {
	background-image: url(images/menu_strip-green35.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	color: Black;
	z-index:25
}


div.topnavreton a:hover {
	background-image: url(images/menu_strip-green35.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	color: Black;
	z-index:25
}
div.topnavretoff a:hover {
	background-image: url(images/menu_strip-green35.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	color: Black;
	z-index:25
}

div.topnavretonleisure a {
	background-image: url(images/menu_strip-purp35b.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	color: Black;
	z-index:25
}

div.topnavretonpdf a {
	background-image: url(images/menu_strip-yel35a.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	color: Black;
	z-index:25
}

div.topnavretonleisure a:hover {
	background-image: url(images/menu_strip-purp35b.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	color: Black;
	z-index:25
}

div.topnavretonpdf a:hover {
	background-image: url(images/menu_strip-yel35a.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	color: Black;
	z-index:25
}

div.topnavretoffleisure a:hover {
	background-image: url(images/menu_strip-purp35b.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	color: Black;
	z-index:25
}

div.topnavretoffpdf a:hover {
	background-image: url(images/menu_strip-yel35a.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	color: Black;
	z-index:25
}

input.find {
	width: 80px;
	height: 20px;
	border: 1px #abadb3 solid;
	padding: 2px;
	margin-top: 2px;
	margin-right: 10px;
	text-align:left;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
}
input.findbtn {
	margin-top: 4px;
	height:24px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	margin-bottom: 1px;
}
div.mainbg {
/*	background-image: url('images/mainbg.gif'); */
	background-repeat: repeat-y;
	text-align: left;
	width: 958px;
	z-index:50;
}
div.left {
	float: left;
	width: 212px;
	margin-right: 3px;
	background-color: white;

}
div.leftcoltitle01,
div.leftcoltitle02 {
	clear: both;
	background-image: url(/images/left-col-title-bg01a.gif);
	background-repeat: no-repeat;
	width: 212px;
	height: 31px;
	line-height: 32px;
	font-size: 12px;
	padding-left: 36px;
	font-weight: bold;
}
div.leftcoltitle02 {
	background-image: url(/images/left-col-title-bg02a.gif);
	height: 31px;
	line-height: 36px;

}
div.signup {
  clear: both;
  width: 212px;
	background-color: #FDF2EE;
}

div.signup_logged {
	float: left;
  width: 212px;
	background-color: #FDF2EE;
}
div.signup p {
	font-size: 11px;
	line-height: 18px;
}
div.signup_logged p {
	font-size: 11px;
	line-height: 18px;
}
div.signup input {
  margin-top: 4px;
  margin-bottom: 7px;
}

div.signuptxt {
	width: 210px;
	font-size: 11px;
	background-color: #FDF2EE;
}
div.signuptxt p {
	margin-top: 5px;
	margin-left:5px
}
div.leftnav {
	clear: both;
	padding-left: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.leftnav a {
	width: 200px;
	height: 23px;
	padding-left: 10px;
	display: block;
	line-height: 22px;
	padding-bottom: 1px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	border-bottom: 1px #dddddd solid;
	text-decoration: none;
}
div.leftnav a:hover {
	background-color: #cfcdcd;
	text-decoration: none;
}

div.leftnavsub a {
	width: 195px;
	margin-left: 15px;
	height: 18px;
	padding-left: 10px;
	display: block;
	line-height: 18px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	border-bottom: 1px #bac1c4 solid;
	background-color: #dddddd;
	text-decoration: none;
}
div.leftnavsub a:hover {
	background-color: #cfcdcd;
	text-decoration: none;
}


div.leftnavsubleisure a {
	width: 195px;
	margin-left: 15px;
	height: 18px;
	padding-left: 10px;
	display: block;
	line-height: 18px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	border-bottom: 1px #bac1c4 solid;
	background-color: #D8BFD8;
	text-decoration: none;
}
div.leftnavsubleisure a:hover {
	background-color: #BF5FFF;
	color: #ffffff;
	text-decoration: none;
}

div.leftnavsubtravel a {
	width: 195px;
	margin-left: 15px;
	height: 18px;
	padding-left: 0px;
	display: block;
	line-height: 18px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	border-bottom: 1px #bac1c4 solid;
	background-color: #B9D3EE;
	text-decoration: none;
}
div.leftnavsubtravel a:hover {
	background-color: #60AFFE;
	text-decoration: none;
}

div.leftnavsubcat a {
	width: 195px;
	margin-left: 15px;
	height: 18px;
	padding-left: 0px;
	display: block;
	line-height: 18px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	border-bottom: 1px #bac1c4 solid;
	background-color: #f9c8d8;
	text-decoration: none;
}
div.leftnavsubcat a:hover {
	background-color: #f5a0bd;
	text-decoration: none;
}

div.right {
	text-align: left;
	float: left;
	width: 743px;
	background-color: #efefef;
}

div.right_preview {
	float: left;
	width: 743px;

}

div.title01_preview {
	clear: both;
	background-image: url(/images/title-bg01a.gif);
	background-repeat: no-repeat;
	width: 743px;
	height: 31px;
	line-height: 31px;
	padding-left: 38px;
	font-size: 13px;
	margin-bottom: 3px;
	font-weight: bold;
	z-index: 0;

}

div.rowcataloguef_preview {
	clear: both;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
	height: 146px;
	z-index: 0;
}

div.cataloguecontent_preview {
	clear: both;
	padding-left: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	width: 738px;
	background-image: url(images/preview.gif);
	background-repeat: no-repeat;
	z-index: 99;
}


div.title01 {
	clear: both;
	background-image: url(/images/title-bg01a.gif);
	background-repeat: no-repeat;
	width: 743px;
	height: 31px;
	line-height: 31px;
	padding-left: 38px;
	font-size: 13px;
	margin-bottom: 3px;
	font-weight: bold;

}
div.rowcatalogue {
	clear: both;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	height: 146px;
}

div.rowcataloguebottom {
	clear: both;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	height: 200px;
}

div.rowcatalogue_2 {
	clear: both;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 0px;

}

div.rowcatalogue_3 {
	clear: both;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	height: 155px;
	z-index:10;
}

div.rowcatalogue_4 {
	z-index: 500;
	clear: both;
	padding-left: 4px;
	padding-bottom: 5px;
	padding-right: 0px;
	height: 170px;
}

div.rowcatalogue_5 {
	clear: both;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	height: 120px;
	z-index: 1;
}

div.rowcataloguef {
	clear: both;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
	height: 146px;
}
div.rowcatalogue_comp {
	clear: both;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-right: 0px;
	height: 146px;
}

div.cataloguecontent {
	clear: both;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 743px;
	text-align: left;
}
div.cataloguelisting {
	clear: both;
	padding-left: 5px;
	padding-top:5px;
	padding-bottom: 5px;
	width: 743px;
	background-color: #ffffff;
}
h1 {
	line-height: 32px;
	font-size: 13px;
	font-weight: bold;
	color:black;
	padding-bottom:0px;
	margin-bottom:0px;
	padding-top:0px;
	margin-top:0px;
	}

div.cataloguetext {
	clear: both;
	padding-left: 6px;
	padding-bottom: 10px;
	width: 743px;
}
div.cataloguecell,
div.cataloguecell-on {
	float: left;
	width: 138px;
	height: 152px;
	border: 1px #bac1c4 solid;
	background-color: #f3f3f3;
	position: relative;
	margin-right: 5px;
	cursor: pointer;
}
div.cataloguecell-on {
	border: 1px #708189 solid;
	background-color: White;
}
div.cataloguecell img,
div.cataloguecell-on img {
	position: absolute;
	top: 7px;
	left: 28px;
}
div.cataloguecell p,
div.cataloguecell-on p {
	color: #545454;
	position: absolute;
	top: 104px;
	left: 5px;
	width: 120px;
	align:center;
}
div.cataloguecell-on p {
	color: Black;
}


div.cataloguecell_bottom,
div.cataloguecell-on_bottom {
	float: left;
	width: 140px;
	height: 186px;
	border: 1px #bac1c4 solid;
	background-color: #f3f3f3;
	position: relative;
	margin-right: 5px;
	cursor: pointer;
}
div.cataloguecell-on_bottom {
	border: 1px #708189 solid;
	background-color: White;
}
div.cataloguecell_bottom img,
div.cataloguecell-on_bottom img {
	position: absolute;
	top: 7px;
	left: 28px;
}
div.cataloguecell_bottom p,
div.cataloguecell-on_bottom p {
	color: #545454;
	position: absolute;
	top: 104px;
	left: 6px;
	width: 120px;
	align:center;
}
div.cataloguecell-on_bottom p {
	color: Black;
}

div.cataloguecell_2,
div.cataloguecell-on_2 {
	float: left;
	width: 139px;
	height: 140px;
	border: 1px #bac1c4 solid;
	background-color: #f3f3f3;
	position: relative;
	margin-right: 5px;
	cursor: pointer;
	z-index: 100;
}
div.cataloguecell-on_2 {
	border: 1px #708189 solid;
	background-color: White;
}
div.cataloguecell_2 img,
div.cataloguecell-on_2 img {
	position: absolute;
	top: 7px;
	left: 28px;
}
div.cataloguecell_2 p,
div.cataloguecell-on_2 p {
	color: #545454;
	position: absolute;
	top: 104px;
	left: 5px;
	width: 120px;
	align:center;
}
div.cataloguecell-on_2 p {
	color: Black;
}


div.cataloguecell_3,
div.cataloguecell-on_3 {
  z-index:15;
	float: left;
	width: 140px;
	height: 155px;
	border: 1px #bac1c4 solid;
	background-color: #f3f3f3;
	position: relative;
	margin-right: 5px;
	}
div.cataloguecell-on_3 {
z-index:15;
	border: 1px #708189 solid;
	background-color: White;
}
div.cataloguecell_3 img,
div.cataloguecell-on_3 img {
  z-index:15;
	position: absolute;
	top: 7px;
	left: 28px;
}
div.cataloguecell_3 p,
div.cataloguecell-on_3 p {
	z-index:15;
	color: #545454;
	position: absolute;
	top: 104px;
	left: 6px;
	width: 120px;
	align:center;
}
div.cataloguecell-on_3 p {
  z-index:15;
	color: Black;
}


div.cataloguecell_4,
div.cataloguecell-on_4 {
	float: left;
	width: 138px;
	height: 170px;
	border: 1px #bac1c4 solid;
	background-color: #f3f3f3;
	position: relative;
	margin-right: 5px;
	margin-top: 5px;
	cursor: pointer;
}
div.cataloguecell-on_4 {
	border: 1px #708189 solid;
	background-color: White;
}
div.cataloguecell_4 img,
div.cataloguecell-on_4 img {
	position: absolute;
	top: 7px;
	left: 28px;
}
div.cataloguecell_4 p,
div.cataloguecell-on_4 p {
	color: #545454;
	position: absolute;
	top: 104px;
	left: 6px;
	width: 120px;
	align:center;
}
div.cataloguecell-on_4 p {
	color: Black;
}


div.title02 {
	clear: both;
	background-image: url(/images/title-bg02a.gif);
	background-repeat: no-repeat;
  width: 743px;
	height: 31px;
	line-height: 32px;
	padding-left: 38px;
	font-size: 13px;
	font-weight: bold;
}






div.titleads {
	clear: both;
	width: 740px;
	height: 134px;
	padding-left: 1px;
	padding-top: 4px;
	background-color: #ffffff;
}
div.titleadssmaller {
	clear: both;
	width: 740px;
	height: 118px;
	padding-left: 1px;
	padding-right: 2px;
	padding-top: 4px;
	background-color: #ffffff;
}

div.titleadssmaller2 {
	clear: both;
	width: 740px;
	height: 124px;
	padding-left: 1px;
	padding-right: 2px;
	padding-top: 4px;
	background-color: #ffffff;
}

div.titleadssmallest {
	clear: both;
	width: 743px;
	height: 70px;
	padding-left: 1px;
	padding-top: 4px;
	background-color: #ffffff;
}

div.bottomads {
	clear: both;
	width: 743px;
	height: 143px;
	padding-left: 1px;
	padding-top: 4px;
	background-color: #ffffff;
}

div.downboxestitle {
	clear: both;
	background-image: url(images/downboxes-titlebg.gif);
	background-repeat: repeat-y;
	display: table-cell;
	width: 743px;
	height: 26px;
}
div.downboxtitle {
	float: left;
	width: 183px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 13px;
	color: #545454;
	font-weight: bold;
}
div.downboxesbg {
	clear: both;
	background-image: url(images/downboxes-bg.gif);
	background-repeat: repeat-y;
	width: 743px;
	height: 135px;
}
div.downboxlink {
	font-size: 11px;
	line-height: 19px;
	width: 180px;
	margin-left: 5px;
	padding-top: 10px;
	float: left;
}
div.downboxlink a {
  padding-left: 0px;
  width: 179px;
	color: #545454;
	display: block;
}
div.downboxlink a:hover {
	background-color: #cfcdcd;
	text-decoration: none;
}
div.footer {
	clear: both;
	background-image: url(images/footer-bg.jpg);
	background-repeat: no-repeat;
	width: 958px;
	height: 78px;
	font-family: Arial,Verdana, Geneva,  Helvetica, sans-serif;
	color: #545454;
	font-size: 10px;
	line-height: 19px;
}
div.footer p {
	padding-top: 3px;
}
div.footer a {
	color: #545454;
}
div.footer a:hover {
	text-decoration: underline;
}

div.infoheading a {
	color: #666666;
	text-decoration: none;

}
div.infoheading a:hover {
	text-decoration: underline;
}

object {
	z-index: -500;
}

div.map {

	position: relative;
	z-index: -500;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 500;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 500;
visibility: hidden;
}
  .clDescriptionCont {position:absolute; visibility:hidden; z-index:500;}
  .clDescription {width:280px; left:0px; top:0px; overflow:hidden; border: 1px solid #003397; padding:3px; background-color:#F0F3F9; layer-background-color:#f3f3f3; z-index:500;}


  div.pop {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	line-height: 16px;
	z-index: 5100000;
}

.full {
	background: url('/images/star.png');
	z-index: 1;
}

.half {
	background: url('/images/frances_half_star.gif');
	z-index: 1;
}



.clearleft {
	clear: left;
}


#floatingbar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}

#floatingbar .container {
	position: relative;
	display: block;
	width: 978px;
	margin: 0 auto;
	padding-left:4px;
  font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	height: 21px;
}

#floatingbar .barbg {
	float: left;
	background: url(images/floating_bar_bg.png) repeat-x;
	height: 30px;
}

#floatingbar .barbg .baropen {
	width: 958px;
}

#floatingbar .barbg .closed {
	width: 15px;
	text-align: center;
}

#floatingbar .logo {
	float: left;
	margin-top: 6px;
	margin-left: 10px;
}

#floatingbar .barbg .barbody {
	padding-top: 8px;
	color: #fff;
}

#floatingbar .barbg .barbody .barleft {
	float: left;
	padding-left: 10px;
}

#floatingbar .barbg .barbody ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#floatingbar .barbg .barbody ul li {
	float: left;
	color: white;
	padding: 0 10px;
}

#floatingbar .fb ul li  {
	float: left;
	color: white;
	padding: 0 10px;
	
}
#floatingbar .barbg .barbody .fb ul li  {
	float: left;
	color: white;
}
#floatingbar .barbg .barbody ul li.last {
	margin-left: 139px;
	margin-top:2px;
}

#floatingbar .barbg .barbody ul li a {
	color: white;
	text-decoration: none;
}

#floatingbar .barbg .barbody ul li a:hover {
	text-decoration: underline;
}

#floatingbar .floating_image {
	 position: absolute;
	 right: 40px;
	 bottom: -20px;
}

.hidden {
	display: none;
}

.float_left {
	float: left;
}