/* global elements */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	line-height: 14px;
}

.bv {display:none;}

h1 {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0px;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0px 0px 10px;
}

h4.subheading {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0px;
	padding:0px;
}

br {
	line-height: 5px;
}

img {border:0;}


form {
	margin: 0px;
}

input {
	font-size: 11px;

}

select {
	font-size: 11px;
	width: 160px;

}

.footertext {
	font-size: 11px;
}

.error {color:Red;}

.whitelinks {
	color: #FFFFFF;
	text-decoration: none;	
}

.floatleft {
	float: left;
	padding-right: 20px;
}

.floatright {
	float: right;
	padding-left: 10px;
}

.border {
	border: 1px solid #000000;
}

.borderLeft {
	border: 1px solid #000000;
	float: left;
	margin-right: 10px;
}

hr {height:1px; }

.errorMsg {color:#FF0000;}

#jumpToLinks
{
    font-weight:bold;
    color:gray;
} 

/*------------------ Hyperlink elements --------------------*/
a:link 
{
	color: #666600; text-decoration: none;	
}

a:visited 
{
	color: #666600; text-decoration: none;
}

a:hover 
{
	color: #189db5; text-decoration: none;
}

a:active 
{
	color: #666600; text-decoration: none;
}
/*---------------- end of Hyperlink elements ------------------*/

div#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

/*------------------ Header elements -------------------*/

div#headerlinks 
{
	width: 960px;
	height: 55px;
	text-align: left;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

div#headerlinks #degroots 
{
	width: 130px;
	height: 36px;
	text-align: left;
	position: absolute;
	left: 20px;
	top: 5px;
}

div#degroots  h1
{
	background: transparent url(images/degrootsmedia.gif) no-repeat top left;
	width: 130px;
	height: 50px;
	margin: 0px 0px 0px;
}

div#degroots span {display:none;}

div#headerlinks #links 
{
	width: 940px;
	height: 10px;
	text-align: right;
	left: 0px;
	top: 20px;
	position: absolute;
}

#headerlinks a:hover {text-decoration: underline;}


div#header {
	background-image: url(images/header_background.gif);
	background-repeat: no-repeat;
	height: 285px;
	width: 960px;
	text-align: left;
	position: relative;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}

div#navigation {
	width: 750px;
	height: 25px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/navigation.gif);
	background-repeat: no-repeat;
	line-height: 25px;
	position: absolute;
	left: 205px;
	top: 116px;
}

.navigationbutton {
	line-height: 25px;
	padding-right: 6px;
	padding-left: 5px;
	height: 25px;
	float: left;
}

#navigation a {color: #FFFFFF;}
#navigation a:hover {text-decoration: underline;}

div#leaderboard {
	width: 728px;
	height: 90px;
	position: absolute;
	left: 215px;
	top: 15px;
	border: 1px solid #003943;
}

div#map {
	width: 180px;
	height: 150px;
	position: absolute;
	left: 15px;
	top: 120px;
}

div#search {
	width: 470px;
	height: 120px;
	position: absolute;
	left: 215px;
	top: 150px;
}

div#search h3 {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0px;
}

div#members h3 {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0px;
}

div#search .floatleft {
	float: left;
	padding-right: 20px;
}

div#search a {color: #FFFFFF; }
div#search a:hover {text-decoration: underline; }

div#search #quickLinks { font-weight:bold; padding-top:3px;}

div#search  #ddStyleDD
{
    margin-top:6px;
}
div#search #ddRegionDD
{
    margin-top:6px;
}
div#search #ddNoPeopleDD
{
    margin-top:6px;
}

div#headersponsor {
	width: 130px;
	height: 120px;
	position: absolute;
	left: 630px;
	top: 150px;
	text-align: center;
}

#headersponsor img {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #003943;
	border-right-color: #62d0e3;
	border-bottom-color: #62d0e3;
	border-left-color: #003943;
}

div#members {
	width: 170px;
	height: 120px;
	position: absolute;
	left: 780px;
	top: 150px;
}

div#members a {color: #FFFFFF; }
div#members a:hover {text-decoration: underline; }

/* de groots links bar */

div#linksbar {
	background-image: url(images/links_bar.gif);
	background-repeat: no-repeat;
	height: 100px;
	width: 960px;
	text-align: left;
	position: relative;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 13px;
	margin-right: auto;
	margin-left: auto;
}

.degrootslinks {
	float: left;
	width: 260px;
	padding-top: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.degrootslinks img {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #003943;
	border-right-color: #003943;
	border-bottom-color: #003943;
	border-left-color: #003943;
}

.spacerbox{
	float: left;
	width: 100px;
}

.linkfloatleft {
	float: left;
	padding-right: 5px;
}

.linkfloatright {
	float: right;
	padding-right: 5px;
}



/* home page elements */

#logo span { display:none; }

div#logo 
{
	width: 190px;
	height: 100px;
	position: absolute;
	left: 15px;
	top: 10px;
}

div#logo h2
{
	background: transparent url(images/logo.gif) no-repeat top left;
	width: 190px;
	height: 100px;
	float: left;
	margin: 0px 0px 10px;
}

div#homecontainer {
	background-image: url(images/home_bg.gif);
	background-repeat: repeat-y;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#homecontainer span {
	display:none
	}

div#venueoftheweek {
	float: left;
	width: 242px;
	padding-left: 8px;
	padding-right: 10px;
	text-align: left;
}

/* for the VOTM datalist */
div#venueoftheweek table{
	float: left;
	width: 242px;
	padding-left: 0px;
	padding-right: 10px;
	text-align: left;
}

#venueoftheweek h2 {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0px;
	}

#venueoftheweek h3 {
	background: transparent url(images/heading_votw.gif) no-repeat top left;
	width: 242px;
	height: 25px;
	float: left;
	margin: 0px 0px 10px;
	}

#venueoftheweek img {
	border: 1px solid #000000;
}

#venueoftheweek .sponsor { 
	background: transparent url(images/heading_sponsored_link.gif) no-repeat top left; 
	width: 242px; 
	height: 30px; 
	float: left;
	}

div#latestnews {
	float: left;
	width: 310px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

#latestnews h3 { 
	background: transparent url(images/heading_latestnews.gif) no-repeat top left; 
	width: 310px; 
	height: 25px; 
	float: left;
	margin: 0px 0px 10px;
	}

div#newsextract {
	width: 300px;
}

div#announcements {
	float: left;
	width: 180px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
	}
#announcements h3.Specials { 
	background: transparent url(images/heading_specials.gif) no-repeat top left; 
	width: 180px; 
	height: 25px; 
	float: left;
	margin: 0px 0px 10px;
	}
	
#announcements h3.VenueSpecials { 
	background: transparent url(images/heading_venuespecials.gif) no-repeat top left; 
	width: 180px; 
	height: 25px; 
	float: left;
	margin: 0px 0px 10px;
	}

div#poll {
	float: left;
	width: 165px;
	padding-left: 20px;
	padding-right: 0px;	
	}

#poll h3 { 
	/*background: transparent url(images/heading_poll.gif) no-repeat top left; */
	width: 150px; 
	height: 25px; 
	float: left;
	margin: 0px 0px 10px;
	}

#poll h3.QuickLinks { 
	background: transparent url(images/heading_quicklinks.gif) no-repeat top left; 
	width: 150px; 
	height: 25px; 
	float: left;
	margin: 0px 0px 0px;
	}
	
div#featuredrestaurants {
	background-image: url(images/featured_restaurants_bg.gif);
	background-repeat: no-repeat;
	height: 175px;
	width: 960px;
	text-align: left;
	position: relative;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	font-size:11px;
}

#featuredrestaurants img {
	border: 1px solid #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}

.featuredboxes {
	float: left;
	width: 290px;
	padding-left: 15px;
	padding-top: 20px;
	text-align: left;
}

div#featured {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
	
#featured .headings { 
	background: transparent url(images/heading_featured.gif) no-repeat top left; 
	width: 200px; 
	height: 25px; 
	float: left;
	}

#featured span {
	display:none
	}


/*-------------- footer elements -------------------------- */

div#footer {
	text-align: right;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/footer.gif);
	height: 35px;
	line-height: 35px;
	color: #FFFFFF;
}

.footer {
	text-align: right;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
}

.footer a:hover {text-decoration:underline;}

/*-------------- end of footer elements -------------------------- */

/* restaurant page elements */

.watch-restaurant-video
{
	float:left;
	font-weight:bolder;
	background-image:url(images/watch_video_bg.jpg);
	background-repeat:no-repeat;
	width:207px;
	height:29px;
    padding-top:7px;
    text-indent:40px;	
}

.buy-restaurant-gift
{
	float:left;
	font-weight:bolder;
	background-image:url(images/bgc_bg.jpg);
	background-repeat:no-repeat;
	width:207px;
	height:29px;
	padding-top:7px;
    text-indent:40px;
}


.view-restaurant-details
{
	float:left;
	font-weight:bolder;
	background-image:url(images/function_detail_bg.jpg);
	background-repeat:no-repeat;
	width:207px;
	height:29px;
	padding-top:7px;
    text-indent:40px;
}

.watch-restaurant-video a { color:Black; }
.buy-restaurant-gift a { color:Black; }
.view-restaurant-details a { color:Black; }


div#restaurantinformation {
	float: left;
	width: 785px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}

div#restaurantinformation h2 {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	margin-bottom: 10px;
}

div#restaurantinformation h3 {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	margin-bottom: 10px;
}

div#restaurantspecials {
	float: left;
	width: 150px;
	text-align: left;
}

div#restaurantspecials h4 {
	font-size: 14px;
	font-weight: bold;
	color: #666600;
}

.restaurantinformation {
	width: 785px;
	text-align: left;
	background-image: url(images/info_bg.gif);
	background-repeat: repeat-y;
}

.restaurantcontent {
	width: 755px;
	text-align: left;
	padding-left: 20px;
	padding-right: 10px;
	background-image: url(images/info_bg.gif);
	background-repeat: repeat-y;
}

div#restaurantphotos {
	float: left;
	width: 245px;
	padding-right: 10px;
	text-align: left;
}

div#restaurantthumbs {
	float: left;
	width: 65px;
	padding-right: 10px;
	text-align: left;
}

div#watchvideo {
	float: left;
	width: 245px;
	padding-right: 10px;
	text-align: left;
}

div#restaurantthumbs img {
	border: 1px solid #000000;
}

div#restaurantphotos img {
	border: 1px solid #000000;
}

div#restaurantleft {
	float: left;
	width: 340px;
	text-align: left;
}

div#restaurantbasicleft {
	float: left;
	width: 270px;
	text-align: left;
}

div#restaurantbasicright {
	float: left;
	width: 440px;
	text-align: left;
}

div#restauranttrialleft {
	float: left;
	width: 320px;
	text-align: left;
}

div#restauranttrialright {
	float: left;
	width: 410px;
	text-align: left;
}

div#restaurantright {
	float: left;
	width: 410px;
	text-align: left;
}

div#restaurantright h2 {
	font-size: 22px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0px, 0px, 50px;
}

div#restauranttrialright h2 {
	font-size: 22px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0px, 0px, 50px;
}

.restaurantcolumn {
	float: left;
	width: 205px;
	text-align: left;
}

div.tablerow {
	width: 205px;

}

div.tableleft {
	float: left;
	width: 25px;
	padding-bottom: 10px;
}

div.tableright {
	float: left;
	width: 180px;
	padding-bottom: 10px;
}

div.searchresultsleft {
	width: 400px;
	float: left;
}
div.searchresultsright {
	width: 200px;
	float: left;
}

div.searchresultschart {
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #189db5;
	width: 600px;
	height: 20px;
}
div.searchresultschartspacer {
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	width: 600px;
	height: 20px;
}

div.searchresultschartdata {
	line-height: 18px;
	font-weight: bold;
	width: 140px;
	height: 18px;
	float:left;
	text-align: center;
}

div.searchresultsspacer {
	line-height: 18px;
	font-weight: bold;
	width: 40px;
	height: 18px;
	float:left;
}

div.searchresultsimage {
	float:left;
	width: 120px;
}

div.searchresultsdata {
	float:left;
	width: 600px;
}

div.restaurantcontent .row{
	width: 700px;
	height: 25px;
	line-height: 25px;
}

div.restaurantcontent .aquabar{
	font-weight:bold;
	color: #FFFFFF;
	background-color: #189db5;
	text-align:center;
}

div.restaurantcontent .fields{	
	font-weight: bold;
	line-height: 20px;
	height: 20px;
	text-align: center;
}


/* ShortList elements */

div.searchresult {
	width: 720px;
}

div.searchresult .image {
	float:left;
	width: 120px;
	margin-top: 5px;
}

div.searchresult .content {
	float:left;
	width: 600px;
}

div.searchresult .row{
	width: 600px;
	height: 20px;
	line-height: 20px;
}

div.searchresult .aquabar{
	width: 600px;
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
	background-color: #189db5;
}

div.searchresult .information{
	width: 600px;
}

div.searchresult .venuename{
	line-height: 20px;
	font-weight: bold;
	width: 300px;
	height: 20px;
	float:left;
	text-align: left;
}

div.searchresult .pricecategory{
	line-height: 20px;
	font-weight: bold;
	width: 100px;
	height: 20px;
	float:left;
	text-align: center;
}

div.searchresult .location{
	line-height: 20px;
	font-weight: bold;
	width: 200px;
	height: 20px;
	float:left;
	text-align: right;
}

div.searchresult .fields{

	font-weight: bold;
	width: 100px;
	height: 40px;
	float:left;
	text-align: center;
}

div.searchresult .spacer {
	line-height: 18px;
	font-weight: bold;
	width: 40px;
	height: 18px;
	float:left;
}

/* ------ Enquiry form elements ------- */

div.enquiryform {
	width: 750px;
}

div.enquiryform .left {
	padding-right: 25px;
	padding-left: 10px;
	width: 200px;
	text-align:right;
	float:left;
	font-weight: bold;
	padding-bottom: 10px
}

div.enquiryform .right {
	padding-right: 25px;
	width: 400px;
	text-align:left;
	float:left;
	padding-bottom: 10px
}



/* -------------------------------------- */

/* news elements */

div.newsthumb {
	width: 100px;
	float: left;
}

div.newsextract {
	width: 650px;
	float: left;
}


div.newsArticle {
	width: 750px;
}

div.newsArticle .left 
{
    padding-right:8px;	
	width: 260px;
	text-align:center;
	float:left;
	font-weight: bold;
}

div.newsArticle .right {
	padding-right: 10px;
	width: 460px;
	text-align:left;
	float:left;
}


/* Search Events */

div.searcheventa {
	width: 200px;
	float: left;
}

div.searcheventb {
	width: 250px;
	float: left;
}

div.searcheventc {
	width: 270px;
	float: left;
}

/* HoneyMoon Text */

.HoneymoonHeading

{

font-family: Arial, Helvetica, sans-serif;

color: #666600;

font-size:18px;

}

.HoneymoonTitles

{

font-family: Arial, Helvetica, sans-serif;

font-size:14px;

line-height:18px;

}

.Honeymoonbody

{

font-family: Arial, Helvetica, sans-serif;

font-size:12px; 

line-height:16px;

}

.HoneymoonTerms

{

font-family: Arial, Helvetica, sans-serif;

font-size:10px;

line-height:16px;

}

.HoneymoonHR

{


color: #666600;

}


#marqueecontainer
{
    /*position: absolute;*/
    width: 180px; 
    height: 600px; 
    margin-top:25px;
	float:left;
}

/*BEGIN: TOP10 Magazie section - 30thJan12
---------------------------------------------*/
#toptenmagazine img
{
    margin-right:10px;
    border:0px;
}

#toptenmagazine
{
    float:left;
}
#toptenmagazine h2 {
	font-size: 15px;
	
}
#ClickButton_position
{
    float:right;
}
/*END: TOP10 Magazie section - 30thJan12
--------------------------------------------*/