/*AntibesGuide Stylesheet*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6{  /* set everything to zero for a good starting point*/
margin: 0; /* sets the margins to zero on the body */
padding: 0; /* sets the padding to zero on the body */
border: 0; /* deletes any borders */
}

body {
    background: url(images/bg.gif) repeat-x #f3f6ed;
/*    background:#f3f6ed url(/images/BodyBg.jpg) repeat-y center top;*/
	text-align: center; /*Hack for IE Windows*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333333;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
div.hide-me {
	display: none;
}

img {border:none;}

.clear: {clear: both;}
.right: {float:right;}
.left: {float:left;}

.gallery img {
    border: 1px solid #777;
    padding:5px;
    background: #f5f4f4;
    }

/* Typography */
p {
	padding: 8px 0;
	line-height: 1.4em;
	color: #575759;
}

h2, h3, h4, h5, h6 {margin-top: 8px;}
h1 {
    color: #00A0E2;
    text-align: center;
	margin-bottom: 10px;}
h2 {color: #72E400;}

.title {
    text-align: center;
	text-transform:uppercase;
	margin: 3px 0 3px 0;
	line-height: 1em;
	border: 1px solid #e3e3e3;
}

a {color: #00A0E2; text-decoration:none;}

hr {clear:both; margin: 10px 0 10px 0}

/* Sructure */
#wrapper {
    background:#FFFFFF;
    border:1px solid #ccc;
	width: 962px;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

/* Header */
#header {
	width:960px;
	height:130px;
	clear:both;
}
#header a.logo {
    background: url(images/logo.png) no-repeat;
    margin: 5px 0 5px 25px;
    float:left;
    width: 310px;
    height: 120px;
    
}
#header p.strap {
	position: absolute;
	top: 145px;
	padding-left: 25px;
    left: 125px;
    width: 327px;
    height: 15px;
}
#header a.email {
	float: right;
	color:Gray;
	background: url(images/email.png) no-repeat right;
	padding: 8px 25px;
	margin-right: 5px;
}
#header a.ad {
	float: right;
	margin: 20px 5px 5px 250px;
}

.headerRight {
    float: right;
    margin: 5px;
}

.headerAd img {
    padding: 8px;
}

/* top Menu */
#topMenu {
	padding:0;
	height:40px;
	line-height:40px;
	background:#00A0E2;
}

#topMenu .search {
    position: absolute;
	top: 10px; left:850px;
	max-height:40px;
    }
    
#topMenu ul {
	margin: 0 auto;
	padding:0;
	list-style: none;
}
#topMenu li {display: inline;}
#topMenu a {
	padding: 8px 16px;
	text-decoration: none;
	font-variant:small-caps;
	font-size: 1.5em;
	border:0;
	color:#FFFFFF;
}
#topMenu a:hover, 
#topMenu a:active,
#topMenu li.current_page_item a:link,
#topMenu li.current_page_item a:visited,
#topMenu li.current_page_item a:hover,
#topMenu li.current_page_item a:active
{
	background:#72E400;
	color:#FFFFFF;
	border:0;
}

/* bottom Menu */
#bottomMenu {
    /* containing floats in IE */
    width: 100%;
    overflow: hidden; /* containing floats in all other browsers */
	float: left;
	display: inline;
    height:40px;
    line-height:40px;
	background:#00A0E2;
}

#bottomMenu-Nav ul {
	display: inline;
	float: left;	
}
#bottomMenu-Nav li {
	display: inline;
	float: left;
	list-style: none;
}   
#bottomMenu-Nav li a {
	padding: 8px 16px;
	text-decoration: none;
	font-size: 1.2em;
	color:#FFFFFF;
	width: auto;
	border-right: solid 1px #FFFFFF;
	}
#bottomMenu-Nav li a:focus, #bottomMenu-Nav li a:hover, #bottomMenu-Nav li a:active	{
	background:#FF9900;
	color:#FFFFFF;
	text-decoration: none;
	border-right: solid 1px #FFFFFF;
}

#emailNews {
    display: inline;
    margin-left: 30px;
}

#emailNews ul {display: inline;}
#emailNews li {
    display: inline;
	float: right;
	list-style-type: none;
	margin-right: 5px;
}
#emailNews li a {
	background: transparent;
    color: #4b5e5e;
	font-size: 1.2em;
	line-height:40px;
	text-decoration: none;
	width: auto;
	background: url(images/email.png) no-repeat right;
	padding: 8px 25px;
}
#emailNews li a:focus, #emailNews li a:hover, #emailNews li a:active {
	background: url(images/email.png) no-repeat right;
	padding: 8px 25px;	
	color:#FFFFFF;
}

/* promos under the header div */
#topprom {
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
}

#contentwrap {
	background: #FFFFFF;
	margin-top:5px;
}
#store {
    float: left; 
    width:750px;
    margin:20px auto 0 auto; 
    border:1px solid #EA0437; 
    }
.mainWide  {
	float: left;
	width: 750px;
	padding: 5px;
}

.main {
	float: left;
	width: 590px;
	padding: 5px;
}
.main ul li {
	font-size: 11px;
	color: #666666;
	list-style-type: square;
	margin: 5px 0 5px 10px;
	list-style-position: inside;
	}
.main ol li {
	margin-left: 10px;
	list-style-position: inside;
	}
	
.content-box {
	width: 570px;
	margin: 10px 0 10px 0;
	border: 2px solid #e3e3e3;
}
.content-box-i {
	width: 542px;
	padding: 10px;
	border: 4px solid #f5f4f4;
}

.byline {
	width: 100%;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
	color: #888;
	font-size: 11px;
}
.byline span.right {
	float: right;
}

.content-box-i h2 {
	font-weight: lighter;
	font-size: 20px;
}

a.readmore {
	background: url(images/arrow.gif) no-repeat left;
	text-decoration: none;
	padding-left: 24px;
}
a.go {
	background: url(images/arrow.gif) no-repeat right;
	text-decoration: none;
	padding-right: 24px;
}

div.small-box {
	width: 260px;
	border: 2px solid #e3e3e3;
	margin: 15px 15px 10px 15px;
	float: left;
}

div.enq-form {
	width: 375px;
	border: 2px solid #e3e3e3;
	margin: 15px 5px 10px 5px;
	float: left;
}
div.xsmall-box {
	width: 185px;
	border: 2px solid #e3e3e3;
	margin: 15px 5px 10px 5px;
	float: left;
	font-size: 11px;
}

div.small-box-i {
	width: 232px;
	padding: 10px;
	border: 4px solid #f5f4f4;
}

.small-box-i h2 {
	font-family: georgia, serif;
	font-weight: lighter;
	font-size: 20px;
	color: #333;
	padding-top: 0px;
}
.small-box-i .byline {
	font-size: 10px;
}

.imgleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 2px;
	/*border: 1px solid #777;*/
	background: #FFFFCC;
	padding: 2px;
	color: #888;
	font-size: 11px;
	background: #f5f4f4;
	}
/*.imgleft img {border: 1px solid #777;}*/

.imgright {
	float: right;
	margin-left: 10px;
	margin-bottom: 2px;
	/*border: 1px solid #777;*/
	background: #FFFFCC;
	padding: 2px;
	color: #888;
	font-size: 11px;
	background: #f5f4f4;
	}
/*.imgright img {border: 1px solid #777;}*/

/* start - adrates-table */
table.adrates
{
    width: 500px;
    margin-top:10px;
}

table.adrates th
{
    background: #f5f4f4;
    color: #222222;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    border: 1px solid #d4d2d3;
}

table.adrates tr
{
    color: #222222;
}
table.adrates tr.rowA
{
	background: #EFEFFF;
}

table.adrates tr.rowB
{
	background: #FFF3A1;
}

table.adrates td
{
    padding: 10px 10px 10px 10px;
    border: 1px solid #d4d2d3;
    font-size: 12px;
}

table.adrates td a
{
    text-decoration: none;
}

table.adrates td a:hover
{
    text-decoration: underline;
}

/* end - ad-table */

/* start - temps-table */
table.temps
{
    font-family:Arial;
    width: 550px;
}

table.temps th
{
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    border: 1px solid #d4d2d3;
}

table.temps tr.rowA {background: #EFEFFF;}
table.temps tr.rowB {background: #FFF3A1;}
table.temps tr.rowRain {background: #40A8F5;}
table.temps tr.rowSun {background: #FFD700;}

table.temps td
{
    padding: 10px 10px 10px 10px;
    border: 1px solid #d4d2d3;
    font-size: 10px;
}
table.temps td.nobg {background: #FFFFFF; width:20px;}

/* end - temps-table */

#sidebar {
	float: right;
	width: 350px;
/*	padding: 5px; */
}
#sidebarNarrow {
	float: right;
	width: 190px;
}

#sidebar h4{padding-top:8px;}	
.tabs {
    width: 335px;
	background: #f5f4f4;
	padding: 5px;
	border: 2px solid #e3e3e3;
	margin-bottom: 10px;
}
ul.tabNav {
	list-style: none;
	width:100%;
}
ul.tabNav li {
	list-style: none;
	float: left;
	display: block;
}
ul.tabNav li a {
	list-style: none;
	float: left;
	display: block;
	padding: 10px;
	margin: 10px 5px;
	border: 1px solid #eee;
	text-decoration: none;
	color: #888;
	background: #FFFFFF;
}
.tabs ul.tabNav a.selected {
	background: #4B5E5E;
	color: #fff;
}
ul.jbox-ul {
	list-style: none;
	padding: 5px;
	background: #FFFFFF;
	clear: both;
	border: 2px solid #EEEEEE;
}
ul.jbox-ul li {
	display: block;
}
ul.jbox-ul li a {
	display: block;
	text-decoration: none;
	padding: 8px;
	font-size: 11px;
	color: #4b5e5e;
	font-family: verdana, sans-serif;
	padding-left: 18px;
	background: url(images/bulletnew.gif) no-repeat left;
	border-bottom: 1px dotted #ccc;
}
ul.jbox-ul li a:hover {background: url(images/bullet_square_blue.gif) no-repeat left #f8f8f8;}
/*
#sidebar ul li {
    list-style: none;
	font-size: 11px;
	line-height:20px;
	}
#sidebar ul li a {
	text-decoration: none;
	padding:0 0 0 10px;
	background:url(images/arrowblue.gif) 0 7px no-repeat;
}
#sidebar ul li a:hover {color:#FF9900; text-decoration:underline;}
*/
ul.ext-ul {
	font-family: verdana, sans-serif;
	list-style: none;
	padding: 5px;
	clear: both;
}
ul.ext-ul li {
	display: block;
	padding: 0px 0px 8px 0px;
}
ul.ext-ul li a {
	text-decoration: none;
	padding: 0px 0px 8px 18px;
	background:url(images/arrowblue.gif) 4px no-repeat;
}
ul.ext-ul li a:hover {color:#FF9900; text-decoration:underline;}
.ext-ul img {display: block;}

ul.image-ul {
	list-style: none;
	padding: 5px;
}
ul.image-ul li {
	display: block;
	padding: 0px 0px 5px 0px;
}
.sidebox {
	background: #f5f4f4;
	padding: 10px;
	border: 2px solid #e3e3e3;
	width: 140px;
	margin: 10px 0 10px 0;
	float: left;
	text-align: center;
}
.sideadLeft {
    float: left;
    width: 50%;
	margin: 10px 0 10px 0;
}

.sideadRight {
    float: right;
    width: 50%;
	margin: 10px 0 10px 0;
}

 .sideTitle {
	font-size: 20px;
	font-family: georgia, serif;
	text-align: center;
	line-height: 35px;
	color: #00A0E2;
	background: url(images/bgTitle.png);
	background-position:center;
	height: 35px;
	margin: 5px 0 5px 0;
	}

#footer {
	background: url(images/foot.gif) repeat-x;
	border-top: solid 1px #cccccc;
	clear: both;
	height: 60px;
	margin: 4px;
	font-family: verdana, sans-serif;
	text-align: center;
}

#footer p {color: #00A0E2;}

#footer ul {padding:3px;}
#footer li {display: inline;}
#footer li a {color: #333333;}
#footer ul li a:hover {text-decoration:underline;}

/*styling the accommodation listings*/
.accomImage {
	float: left;
	margin: 0px 1em 1em 0em;
	}
.accomAdd {
	font-size: 9px;
	padding-top: 2px;
	color: #666666;
	display: block;
	list-style-type: none;
	}

.accomName {
	color: #0066CC;
	font-size: 12px;
	padding-top: 2px;
	}

.accomCategory {
	float: right;
	text-align: right;
	color: #0066CC;
	}

.accomDescription {
	padding: 0.5em 0em 0em;
	margin: 0 0 0em;
	text-align: left;
	}

.accomDescription ul li {
	font-size: 11px;
	padding-top: 2px;
	color: #666666;
	display: block;
	list-style-position: inside;
	list-style-type: square;
	}

.accomBook {
	float: right;
	}
	
.blue {color:#00A0E2;} /*RGB: 0, 160, 226*/
.green {color: #72E400;} /*RGB: 114, 228, 0*/
.green2 {color: #75981F;}
.orange {color: #FF9900;} /*RGB: 255, 153, 0*/
.orange2 {color: #EA7502;}
.yellow {color: #F5BB21;} /*RGB: 245, 187, 33*/
.red {color: #EA0437;}
.ltgrey {color: #D3D3D3;}

#adlistingtype{
    width: 500px;
	border: 2px solid #00A0E2;;
	margin: 5px;
	text-align: left;
	padding: 10px
}
#adlistingtype ul li {
	list-style-type: square;
	margin: 5px 0 5px 10px;
	list-style-position: inside;
	}