/* general styles */
body {
    margin: 0;
    padding: 0;
    border: 0;			/* This removes the border around the viewport in old versions of IE */
    width: 100%;
    background: #fff;
    min-width: 600px;
	background-image: url('../images/bg_body.gif');
	font-family: Arial, Tahoma;
	font-size: 11px;
}
#bodymask {
	margin-left: auto;
	margin-right: auto;
	width: 970px;
	background-image: url('../images/bg_body_borders.png');
}
#contentmask {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}
h1, h2, h3 {
    margin: 0;
    padding: 0;
	color: #444;
	font-weight: normal;
}
form {
	margin: 0;
	padding: 0;
}
select.search {
	width: 175px;
	margin: 5px 0 0 0;
}
input.submit {
	margin: 10px 0 0 0;
	height: 16px;
	min-height: 16px;
}
input.buttonGo {
	width: 33px;
	height: 16px;
	background-image: url(../images/bt_go.gif);
	border: none;
	cursor: pointer;
	margin: 8px 0 0 0;
}
input.newsletter {
	border: solid 1px #ccc;
	margin: 5px 0 0 0;
	padding: 3px;
	width: 165px;
}
.left {
	float: left;
}
.right {
	float: right;
}
/* flower menu styles 
#flowermenu {
    clear: both;
    text-align: right;
    width: 930px;
	background-color: #fff;
	font-family: Arial, Tahoma;
	font-size: 12px;
	color: #27221d;
	padding: 6px 10px 3px 10px;
}
#flowermenu p {
}
#flowermenu a:link {
	color: #27221d;
}
*/
/* header styles */
#header {
    clear: both;
    float: left;
    width: 930px;
	height: 94px;
	min-height: 94px;
	background-color: #fff;
	padding: 6px 10px 5px 10px;
}
#headerText h1 {
	font-family: Arial, Tahoma;
	font-size: 15px;
	text-transform: uppercase;
	background-color: #fff;
	padding: 0 10px 0 10px;
	color: #27221d;
}
#topMenu {
	background-color: #fff;
	color: #27221d;
	font-family: Arial, Tahoma;
	font-size: 11px;
	padding: 0 10px 0 10px;
	height: 28px;
}
#topMenu p {
	padding: 5px 0 0 0;
	margin: 0;

}
#topMenu input {
	border: solid 1px #ccc;
	padding: 3px;
	width: 273px;
	margin-left: 40px;
}
/* content styles */
#content {
	padding: 0px 3px 6px 3px;
	/*background-image: url('../images/bg_content.gif');
	background-position: top right;
	background-repeat: no-repeat;*/
}
#content a {
	font-family: Arial, Tahoma;
	font-size: 11px;
	color: #27221d;
	text-decoration: underline;
}
#content h1 {
	font-family: Times, Arial, Tahoma;
	font-size: 18px;
	/*text-transform: uppercase;*/
}
#content p {
	margin: 0;
	padding: 3px 0 3px 0;
}
#content table, .destinations {
	width: 100%;
	border: solid 1px #eee;
	margin: 5px 0 0 0;
}
#content .destinations a:link {
	text-decoration: none;
}
#content .destinations a:visited {
	text-decoration: none;
}
#content .destinations a:hover {
	text-decoration: underline;
}
#content .listitem {
	height: 64px;
	min-height: 64px;
	border: solid 1px #ddd;
	padding: 3px;
	margin-bottom: 6px;
	cursor: pointer;
}
#content .listitemcontent {
	height: 46px;
	min-height: 46px;
}
#content .listitem2 {
	height: 64px;
	min-height: 64px;
	border: solid 1px #ddd;
	padding: 3px;
	margin-bottom: 6px;
	cursor: pointer;
	background-color: #fdf9f9;
}
#content .listitem:hover, #content .listitem2:hover {
	background-color: #eeedea;
}
#content .boutiqueicon {
	margin-right: 4px;
	border: 0;
}
#content .ratingGray {
	height: 15px;
	width: 82px;
	background-image: url(../images/rating_small_gra.gif);
}
#content .rating {
	margin: -13px 0 0 160px;
}
#content .pagination {
	margin-bottom: 5px;
	text-align: center;
}
#content .pagination a{
	text-decoration: none;
}
/* 'widths' sub menu */
#layoutdims {
	clear: both;
	background :#eee;
	border-top: 4px solid #000;
	margin: 0;
	padding: 6px 15px !important;
	text-align: right;
}
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* holy grail 3 column settings */
.holygrail {
   /* background: #aaa; */   	/* Right column background colour */
	background: #fff;
}
.holygrail .colmid {
    float: left;
    width: 200%;
    margin-left: -300px; 	/* Width of right column */
    position: relative;
    right: 100%;
}
.holygrail .colleft {
    float: left;
    width: 100%;
    margin-left: -50%;
    position: relative;
    left: 500px;         	/* Left column width + right column width */
	/*background-image: url('../images/bg_leftcol.jpg');*/
}
.holygrail .col1wrap {
    float: left;
    width: 50%;
    position: relative;
    right: 200px;        	/* Width of left column */
    padding-bottom: 1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
    position: relative;
    margin: 0 200px;     	/* Centre column side padding:
                        	Left padding = left column width + centre column left padding width
                        	Right padding = right column width + centre column right padding width */
    left: 200%;
    overflow: hidden;
	width: 448px;	
	padding: 5px 6px;
}
.holygrail .col2 {
    position: relative;
    float: left;
    float: right;			/* This overrides the float:left above */
    width: 190px;        	/* Width of left column content (left column width minus left and right padding) */
	padding: 5px 0;
	font-family: Arial, Tahoma;
	font-size: 11px;
}
.holygrail .col3 {
    float: left;
    float: right;			/* This overrides the float:left above */
    width: 300px;        	/* Width of right column content (right column width minus left and right padding) */
    position: relative;
    left: 50%;
	padding: 5px 0 5px 5px;
}
.col1 h2, .col2 h2, .col3 h2, .flowerpotboxes h2 {
	background: #27221d;
	color: #fff;
	padding: 5px 8px 3px 8px;
	margin: 0;
	font-size: 20px;
	margin: 0 0 5px 0;
	font-family: Times;
}

/* Footer styles */
.footer {
    clear: both;
	padding: 8px 10px 8px 10px;
	min-height: 100px;
}

.flowerpotlinks {
    clear: both;
    width: 914px;
	background-color: #eee;
	padding: 10px;
	margin: 8px auto 0px auto;
}
.flowerpotlinks p {
	font-family: Arial, Tahoma;
	color: #27221d;
	font-size: 11px;
	padding-top: 20px;
}
.copyright {
    clear: both;
    width: 920px;
	margin-left: auto;
	margin-right: auto;
	background: #27221d;
	color: #fff;
	height: 14px;
	padding: 8px;
	font-family: Arial, Tahoma;
	font-size: 11px;
	text-align: center;
}
.flowerpotboxes {
    clear: both;
    width: 936px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	color: #27221d;
	height: 50px;
	padding: 0;
	font-family: Arial, Tahoma;
	font-size: 11px;
}
.flowerpotboxes p {
	padding: 0 5px 5px 5px;
}
.leftBox, .rightBox, .midBox {
	min-height: 150px;
	height: 150px;
	background-color: #eee;
}
.leftBox, .rightBox {
	width: 306px;
	margin: 8px 0 8px 0;
}
.midBox {
	width: 308px;
	margin: 8px;
}
.flowerpotlinks table{
	font-size: 10px;
	color: #3e3e3e;
	font-family: Arial, Tahoma;
	width: 100%;
}
.flowerpotlinks a:link {
	color: #797979;
}
.flowerpotlinks a:visited {
	color: #797979;
}
.separator {
    clear: both;
	width: 936px;
	margin: 10px auto 0 auto;
	background-color: #eee;
	height: 2px;
	max-height: 2px;
}
.mold {
	padding: 10px;
}
/* font styles /*/
.fontTimes {
	font-family: Times;
	font-size: 15px;
	color: #666;
}

/* link styles */

	/* general link style */
	a:link {
	  color: #000;
	  text-decoration: none;
	}
	a:visited {
	  color: #000;
	  text-decoration: none;
	}
	a:hover {
	  color: #000;
	  text-decoration: underline;
	}
	a:active {
	  color: #000;
	  text-decoration: none;
	}

	/* white link style */
	a.white:link {
	  color: #fff;
	  text-decoration: none;
	}
	a.white:visited {
	  color: #fff;
	  text-decoration: none;
	}
	a.white:hover {
	  color: #fff;
	  text-decoration: underline;
	}
	a.white:active {
	  color: #fff;
	  text-decoration: none;
	}
/* navmenu style */
#navmenu {
    list-style: none;
	margin: 0 0 0 11px;
	padding: 0;
}
#navmenu li {
	margin: 0 0 2px 0;
	padding: 3px 0 0 8px;
	width: 172px;
	height: 19px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #000;
	background-image: url('../images/bt_navmenu.jpg');
	background-position: top left;
	cursor: pointer;
}
#navmenu li:hover {
	color: #fff;
	background-image: url('../images/bt_navmenu.jpg');
	background-position: bottom left;
}
#gallery {
	margin: 0;
	padding: 5px;
	border: solid 1px #ddd;
	width: 372px;
	height: 278px;
	overflow: hidden;
}
#gallery img {
	height: 278px;
}
#thumbnails {
	float: right;
	width: 52px;
}
#thumbnails img {
	border: solid 1px #ddd;
	padding: 3px;
	margin-bottom: 5px;
	cursor: pointer;
}