* { margin:0; padding:0; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.floatL { float: left; }
.floatR { float: right; }
.w25pc { width: 25%; }
.w50pc { width: 50%; }
.w75pc { width: 75%; }
h1.title {
	font-size: 30px;
	margin: 0;
}
h1.noBold {
	font-weight: normal;
	font-size: 40px;
	margin: 0;
}
.noborder, #leftcol.noborder { border: none; }

/** Link Handling **/
a:active, a:hover, a:link, a:visited { color: #FFFFFF; }
a, button { outline: none; }
a:focus { -moz-outline-style: none; }

a img { border: none; }

body { margin: 1px 0 0 0; padding: 0; font-family: "helvetica", "arial", "verdana", sans-serif;  background: no-repeat scroll center -40px; color: #FFFFFF;  }

hr { border: none; width: 500px; color: #2491bb; background-color: #2491bb; height: 2px; margin: 10px auto 30px auto; padding: 0; }

div#container { margin-left:auto; margin-right:auto; width:984px; }
div#container div#header { height: 26px; padding: 4px 0; width: 100%; }
div#container div#header div#tlmenu { line-height: 26px; color: #6b6b6b; font-size: 11px; }
div#container div#header div#tlmenu a, div#container div#header div#trmenu a { color: #6b6b6b; font-weight: bold; font-size: 11px; text-decoration: none; }
div#container div#header div#trmenu { text-align: right; }

div#container div#toprow { margin: 0; background-color: #000000; border-bottom: 3px solid #256984; border-left: 1px solid #191919; border-right: 1px solid #191919; height: 125px; }
div#container div#trnav { text-align: right; }
div#container div#headerLinks {
	padding-top: 10px;
	padding-left: 15px;
	font-size: 13px;
	color: #FFFFFF;
}
div#container div#headerLinks a { text-decoration: none; color:#FFF; }
div#container div#headerLinks a:hover { text-decoration: underline; }
div#container div#headerLinks a.current { font-weight: bold; }

div#container div#loginArea { margin-right: 10px; height: 63px; }

/** Main Content **/
div#container div#main { text-align: left; margin: 0; }
div#container div#main div#content { min-height: 600px; padding:10px 10px 0 10px; width: 964px; }

/** Footer **/
div#footer { background: #000000; border-top: 3px solid #256984; border-left: 1px solid #191919; border-right: 1px solid #191919; }
div#footer a { text-decoration: none; }
div#footer a:hover { text-decoration: underline; }
div#footer div#footerLinks { padding: 10px 15px 0 40px; height: 240px; }
div#footer div#footerSocial { text-align: center; padding: 10px 0; border-bottom: 1px solid #256984; border-top: 1px solid #256984; }
div#footer span.footerLink { width: 95px; height: 72px; padding: 0 45px; }
div#footer div#footerLinks .column {
	width: 19%;
	float: left;
}
div#footer div#footerLinks .column ul {
	list-style: none;
}
div#footer div#footerLinks .column ul li {
	margin: 0;
}
div#footer div#footerLinks .column h2 {
	font-size: 14px;
}
div#footer div#footerLinks .column a {
	color: #ffffff;
	text-decoration: none;
}
div#footer div#footerLinks .column a:hover {
	text-decoration: underline;
}
div#footer div#footerBottom {
	height: 25px;
	padding: 5px;
}
div#footer div#footerBottom a {
	text-decoration: none;
	color:#FFF;
}
div#footer div#footerBottom a:hover {
	text-decoration: underline;
}
div#footer div#footerBottom div#bottomLeft {
	width: 51%;
	float: left;
	color:#FFF;
}
div#footer div#footerBottom div#bottomRight {
	width: 48%;
	float: right;
	text-align: right;
}

/** Design is 984px width **/
.grid_50pc, .grid_25pc, .grid_75pc, .grid_186px, .grid_230px, .grid_568px, .grid_754px, .grid_984px { display:inline; float:left; position:relative; }
.grid_50pc { width: 492px; }
.grid_25pc { width: 241px; }
.grid_75pc { width: 723px; }
.grid_230px { width: 230px; }
.grid_754px { width: 754px; }
.grid_984px { width: 984px; }
.grid_568px { width: 568px; }
.grid_186px { width: 186px; }

.clear { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0; }


#content{
	padding:5px 0 20px 0;


}
#leftcol{
	width:204px;
	float:left;
}
#rightcol{
	width:745px;
	margin:0 0 0 217px;
	overflow:hidden;
}

div#topnavL { float: left; width: 185px; height: 62px; text-align: left; margin-left: 10px; background: transparent url('/img/logo.png') no-repeat 0 0; }
div#topnavL ul, div#topnavL ul li, div#topnavL ul li a { margin: 0; padding: 0; }
div#topnavL ul li { display: inline; }
div#topnavL div#style-switcher { position: relative; top:-20px; left: 65px; font-size: 10px; color: #FFFFFF; }
div#topnavL div#style-switcher a { text-decoration: none; color:#FFF; }
div#topnavL div#style-switcher li.currentTheme a { font-weight: bold; }
div#topnavL div#style-switcher li img {position: relative; left:5px; top:2px;}

div#topnavL a#topLogo { display:block; width:55px; height:48px; text-indent:-9999px;}



/** Tabbed Nav **/
#topnav { width:746px; height: 55px; background: transparent url('/img/topbar.png') 0 0; margin: 0; padding: 0; position: relative; left: 28px; float:left; }
#topnav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;width: 100%; height: 100%; }
#topnav li, #topnav a { height: 55px; display: block; border: none; text-decoration: none; }

#topnav #find-tn { left: 0; width: 236px; }
#topnav #save-tn { left: 237px; width: 233px; }
#topnav #share-tn { left: 470px; width: 227px; }
#topnav #default-tn { left: 696px; width: 50px; }

#topnav #find-tn a:hover, #topnav #find-tn .selected { background: transparent url('/img/topbar.png') 0 -70px no-repeat; }
#topnav #save-tn a:hover, #topnav #save-tn .selected { background: transparent url('/img/topbar.png') -237px -70px no-repeat; }
#topnav #share-tn a:hover, #topnav #share-tn .selected { background: transparent url('/img/topbar.png') -470px -70px no-repeat; }
#topnav #default-tn a:hover, #topnav #default-tn .selected { background: transparent url('/img/topbar.png') -696px -70px no-repeat; }

/** Find Tabbed Nav **/
#findnav { width:745px; height: 26px; background: transparent url('/img/findbar.png') 0 0; margin: 0; padding: 0; position: relative; left: -2px; }
#findnav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; width: 100%; height: 100%; }
#findnav li, #findnav a { height: 26px; display: block; border: none; text-decoration: none; }

#findnav #web-tn { left: 0; width: 127px; }
#findnav #brands-tn { left: 127px; width: 123px; }
#findnav #compare-tn { left: 250px; width: 124px; }
#findnav #vouchers-tn { left: 374px; width: 123px; }
#findnav #explore-tn { left: 497px; width: 123px; }
#findnav #wishlist-tn { left: 621px; width: 125px; }

#findnav #web-tn a:hover, #findnav #web-tn .selected { background: transparent url('/img/findbar.png') 0 -26px no-repeat; }
#findnav #brands-tn a:hover, #findnav #brands-tn .selected { background: transparent url('/img/findbar.png') -127px -26px no-repeat; }
#findnav #compare-tn a:hover, #findnav #compare-tn .selected { background: transparent url('/img/findbar.png') -250px -26px no-repeat; }
#findnav #vouchers-tn a:hover, #findnav #vouchers-tn .selected { background: transparent url('/img/findbar.png') -374px -26px no-repeat; }
#findnav #explore-tn a:hover, #findnav #explore-tn .selected { background: transparent url('/img/findbar.png') -497px -26px no-repeat; }
#findnav #wishlist-tn a:hover, #findnav #wishlist-tn .selected { background: transparent url('/img/findbar.png') -621px -26px no-repeat; }

/** Image replacement **/
ul.leftnav li, #topnav li, #findnav li { text-indent: -200px; font-size: 0; }

/** Social Bookmarks **/
ul#socialBookmarks {
list-style: none;
margin: 0;
padding: 0;
}
ul#socialBookmarks li {
padding: 2px 5px 2px 20px;
margin: 0;
display: inline;
}
ul#socialBookmarks li a { color: #FFF; }
ul#socialBookmarks li#delicious { background: url('/img/delicious.gif') no-repeat left center; }
ul#socialBookmarks li#facebook { background: url('/img/facebook.gif') no-repeat left center; }
ul#socialBookmarks li#stumble { background: url('/img/stumbleupon.gif') no-repeat left center; }
ul#socialBookmarks li#digg { background: url('/img/digg.gif') no-repeat left center; }

/** section headers **/
div#container div#main div#content h1.pageHeader { letter-spacing: 1px; font-size: 24px; font-weight: normal; text-transform: uppercase; }
div#container div#main div#content h1.pageHeader span { position: absolute; top: 152px; left: 20px; }
div#container div#main div#content h1.pageHeader img { margin-top: 10px; }
div#container div#main div#content h1#termsHeader, div#container div#main div#content h1#privacy-policyHeader, div#container div#main div#content h1#accessibilityHeader, div#container div#main div#content h1#sitemapHeader { height: 25px; }
div#container div#main div#content h1#termsHeader span, div#container div#main div#content h1#privacy-policyHeader span, div#container div#main div#content h1#accessibilityHeader span, div#container div#main div#content h1#sitemapHeader span { position: inherit; }
div#container div#main div#content h1.intheknowHeader { background: transparent url('/img/in-the-know-header.png') top left no-repeat; }
div#container div#main div#content h1.brandsHeader { background: transparent url('/img/brands-header.png') top left no-repeat; }
div#container div#main div#content h1.mediaHeader { background: transparent url('/img/media-header.png') top left no-repeat; }
div#container div#main div#content h1.downloadsHeader { background: transparent url('/img/downloads-header.png') top left no-repeat; }
div#container div#main div#content h1.contactHeader { background: transparent url('/img/contact-header.png') top left no-repeat; }

/** page headers **/
div#container div#main div#content h1#makingHeader { background-image: url('/img/headers/intheknow/making_gemsta.png'); }
div#container div#main div#content h1#islandsHeader { background-image: url('/img/headers/intheknow/the_islands.png'); }
div#container div#main div#content h1#compareHeader { background-image: url('/img/headers/intheknow/gemsta_compare.png'); }
div#container div#main div#content h1#search-guruHeader { background-image: url('/img/headers/intheknow/search_guru.png'); }
div#container div#main div#content h1#g-beeHeader { background-image: url('/img/headers/intheknow/origin_of_gbee.png'); }
div#container div#main div#content h1#coming-soonHeader { background-image: url('/img/headers/intheknow/coming_soon.png'); }
div#container div#main div#content h1#factsHeader { background-image: url('/img/headers/intheknow/facts_figures.png'); }
div#container div#main div#content h1#affiliatesHeader { background-image: url('/img/headers/brands/affiliate_partners.png'); }
div#container div#main div#content h1#brand-partnersHeader { background-image: url('/img/headers/brands/brand_partners.png'); }
div#container div#main div#content h1#joinHeader { background-image: url('/img/headers/brands/joining_gemsta.png'); }
div#container div#main div#content h1#vouchersHeader { background-image: url('/img/headers/brands/vouchercodes.png'); }
div#container div#main div#content h1#advertisingHeader { background-image: url('/img/headers/brands/advertising_and_promo.png'); }
div#container div#main div#content h1#your-own-islandHeader { background-image: url('/img/headers/brands/your_own_island.png'); }
div#container div#main div#content h1#press-releasesHeader { background-image: url('/img/headers/media/press_releases.png'); }
div#container div#main div#content h1#mediacontactHeader { background-image: url('/img/headers/media/contact us.png'); }
div#container div#main div#content h1#whoHeader { background-image: url('/img/headers/media/whos who.png'); }
div#container div#main div#content h1#gemsta-imagesHeader { background-image: url('/img/headers/downloads/gemsta_images.png'); }
div#container div#main div#content h1#g-bee-imagesHeader { background-image: url('/img/headers/downloads/gbee_images.png'); }
div#container div#main div#content h1#animationsHeader { background-image: url('/img/headers/downloads/animations.png'); }
div#container div#main div#content h1#gemsta-downloadsHeader { background-image: url('/img/headers/downloads/gemsta_offline.png'); }
div#container div#main div#content h1#tourHeader { background-image: url('/img/headers/downloads/tour_trailer.png'); }
div#container div#main div#content h1#information-requestHeader { background-image: url('/img/headers/contact/information_request.png'); }
div#container div#main div#content h1#newsletterHeader { background-image: url('/img/headers/contact/newsletter.png'); }

div#container div#main div#content p { padding: 0 10px 0 5px; }
div.intro p, h2.intro { color: #2491bb; font-size: 14px; font-weight: bold; }
div.copy p { font-size: 12px; }

.fright, .fleft { margin: 0 20px 5px 5px; }
.fright { float: right; }
.fleft { float: left; }

#crossFadeGallery {
	margin: 1em auto;
	border: 2px solid #555;
	width: 480px;
	height: 360px;
}

/** Site Tools **/
div#container div#main div#rightcol div#site-tools { background: transparent url('/img/site-tools.png') top left no-repeat; width: 190px; height: 123px; margin: 0; padding: 0; }
div#site-tools h3 { font-size: 14px; font-weight: bold; position: absolute; top: 10px; left: 10px; width: 170px; text-transform: uppercase; padding-bottom: 5px; color: #1f9ac9; border-bottom: 1px dotted #1f9ac9; }
div#site-tools ul { position: absolute; top: 40px; list-style-type: none; padding: 0; margin: 0 0 0 10px; }
div#site-tools ul li { margin: 4px 0; padding: 0; }
div#site-tools ul li a { height: 18px; vertical-align: top; color: #595959; margin: 0; padding: 0 0 0 20px; font-weight: bold; font-size: 14px; text-decoration: none; display: block; background: transparent url('/img/site-tools-icons.png') top left no-repeat; }
div#site-tools ul li#printLink a { background-position: 0 3px; }
div#site-tools ul li#newsletterLink a { background-position: 0 -16px; }
div#site-tools ul li#rssLink a { background-position: 0 -36px; }
div#container div#main div#rightcol div#latest-partners { background: transparent url('/img/latest-partners.png') top left no-repeat; width: 190px; height: 193px; margin: 26px 0 0 0; padding: 0; }

div#logout{color:#FFF;}

.small { font-size: 11px; font-style: normal; }

div#flashcontent { margin: 0 0 0 2px; }
a.keyName { font-size: 18px; font-weight: bold; }
p.sitemapLink { margin-left: 25px; }

div#exploreFlash { position: relative; left: -35px; }

a#newsletterLk { position: relative; top: -10px; }
p.topLk { text-align: right; }

div#loggedIn { float: right; padding: 8px; width: 50%; height: 47px; margin-right: 10px; }
div#loggedIn a { text-decoration: none; color:#FFF;}
div#loggedIn a:hover { text-decoration: underline; }
div#loginArea #registerLink { float: left; display: inline-table; position: relative; top: 10px; background: url('/img/login/register.png') top left no-repeat; width: 97px; height: 23px; margin-right: 10px; }
div#loginArea #registerLink a { display: block; width: 97px; height: 23px; padding-right: 4px; overflow: hidden; text-indent: -9000px; }
div#loginArea .input, div#loginArea .submit { display: inline; padding: 3px; }
div#loginArea input { position: relative; top: 2px; height: 18px; }
div#loginArea #submitButton { height: 25px; }
div#loginArea .submit input { position: relative; top: 9px; width: auto; }
div#loginArea .rememberMe { position: relative; left: 112px; float: left; margin-top: 8px; width: 115px; height: 23px; }
div#loginArea .rememberMe label { padding: 5px; /*position: relative; top: -3px;*/ }
div#loginArea #forgottenPass { position: relative; left: 163px; top: 13px; text-decoration: none; }
div#loginArea #forgottenPass:hover { text-decoration: underline; }
div#loginArea .rememberMe label, div#loginArea #forgottenPass { font-size: 11px; }
div#loginArea .text input, div#loginArea .password input { width: 150px; border: 2px solid #0486b7; }
div#loginArea #loading, div#loggedIn #loading { float: right; margin-top: 12px; width: 16px; height: 11px; }
div#loggedIn #loading { margin-top: 5px; }

div#noscript {
	width: 50%;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 5px 5px 15px 5px;
}

div#noscript img {
	float:left;
}

div#noscript h2 {
	background: none;
	font-weight: bold;
	line-height: normal;
	padding: 0;
	text-transform: none;
	overflow: visible;
	white-space: normal;
	font-size: 23px;
	margin:0;
}

div#register_box {
	background: url('/img/register_bg.png') no-repeat scroll left top transparent;
	width: 307px;
	height: 305px;
	float: right;
	/*margin-right: 20px;*/
	color: #000000;
}
div#register_box h1 {
	margin: 8px 0 0 13px;
}
div#register_box h1#signedIn {
	margin: 14px 0 0 17px;
}
div#register_box h2 {
	font-size: 18px;
	margin: 0 0 0 20px;
}
div#container div#main div#content div#register_box p {
	padding: 0 0 0 19px;
	font-size: 16px;
	width: 267px;
	word-wrap: break-word;
	margin-bottom: 5px;
	margin-top: 0;
	margin-left: 0;
}
div#container div#main div#content div#register_box p#topPara {
	padding-top: 5px;
}
div#container div#main div#content div#register_box p#bottomPara {
	margin-bottom: 0;
}
div#register_box .input, div#register_box .submit {
	margin-left: 20px;
}
div#register_box label, div#register_box legend {
	float: left;
	width: 49%;
	margin: 0 5px 2px 0;
	font-size: 16px;
	font-weight: normal;
}
div#register_box input, div#register_box select {
	float: left;
	width: 43%;
}
div#register_box .submit input {
	float: right;
	width: 99px;
	height: 25px;
	margin: 35px 17px 0 0;
}
div#register_box select {
	width: auto;
}
div#register_box #formErrors {
	font-size: 14px;
	color: #005aa8;
	margin: 155px 20px 20px 18px;
}
div#register_box #formErrors #error-pretext {
	color: #000000;
	font-weight: bold;
}
div#register_box .error label {
	font-weight: bold;
}
div#register_box #accountLink {
	float: right;
	position: relative;
	bottom: 7px;
	right: 11px;
	font-size: 13px;
}
div#register_box a {
	color: #000000;
	text-decoration: none;
}
div#register_box a:hover {
	text-decoration: underline;
}

/**
 * Search Categories list styles
 */
 #leftcol, .border{
	border:1px solid #12697C;
}
#leftcol ul{
	list-style:none;
	margin:10px;
}
#leftcol ul li{
	margin:0 0 0 5px;
	font-size:14px;
}
#leftcol ul li ul{
	margin:0 0 5px;
}
#leftcol ul.level_0{
	margin:5px 5px 5px 0;
}
#leftcol ul li.level_0 {
	font-size:16px;
}
#leftcol ul li.level_1 ul, #leftcol ul li.level_0 li{
	display:inline;
	font-size:13px;
}
#leftcol ul li a{
	white-space:nowrap;
	text-decoration:none;
	font-weight:bold;
	/*font-size:12px;
	color:#FFF;*/
}
#leftcol ul li li a{
	/*color:#FFF;*/
	font-weight:normal;
}
#leftcol ul li a:hover{
	text-decoration:underline;
}
#leftcol ul li.current > a{
	/*color:#FF0000;*/
	font-weight:bold;
}
#leftcol ul li.current.level_1 ul{
	display:block;
	margin:3px 0 1px 8px;
}
/*#leftcol ul li.current.level_1+li{
	margin-left:0;
}*/
#leftcol ul li span.pointer{
	font-size:1.5em;
	line-height:1;
	position:relative;
	top:1px;
	color:#12697C;
}
#leftcol h2, #rightcol h2, .ui-dialog-titlebar{
	background:url('/img/cv/bluepanel1.png') 0 0 repeat-x;
	color:#FFF;
	font-size:16px;
	line-height:21px;
	text-transform:uppercase;
	font-weight:normal;
	padding:0 4px;
	margin:0;
	white-space:nowrap;
	overflow:hidden;
}

a.homelinkFind , a.homelinkShare , a.homelinkSave  {display:block; width:360px; height:280px; text-indent:-9000px; outline:none;}


a.homelinkFind {position:absolute; top:120px; left:100px;}
a.homelinkShare {position:absolute; top:600px; left:100px;}
a.homelinkSave  {position:absolute; top:320px; left:520px;}