/* vim: set expandtab tabstop=4 shiftwidth=4 foldmethod=marker: */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.12.0 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
/* Copyright (c) 2006,Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.12.0 */
body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.3em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;min-width:950px;}#doc3{margin:auto 10px;width:auto;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-u,.yui-g .yui-g,.yui-gc .yui-u,.yui-gc .yui-g .yui-u,.yui-ge .yui-u,.yui-gf .yui-u{float:right;display:inline;}.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g{width:49.1%;}.yui-g .yui-g .yui-u,.yui-gc .yui-g .yui-u{width:48.1%;}.yui-gb .yui-u,.yui-gc .yui-u,.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge .yui-u{width:24%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-gf div.first{width:24%;}.yui-ge div.first{width:74.2%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

/* LAYOUT */
html, body {
	background: #FFF;
	color: #898989;
	margin: 0;
	text-align: center;
	font-size: 85%; 
}

body * {
	line-height: 1.35;
}

body {  
	background-color: #FFF;
	background-image: url('/images/layout/document-bg.jpg');
	background-repeat: repeat-y;
	background-position: center top;
	background-attachment: fixed;
	margin: auto;
	z-index: -10;
}


#doc {
	width: 800px;
	min-width: 800px;
	margin: 0 auto;
	padding: 0 112px;
	text-align: left;
	min-height: 1000px;
  	height: auto !important;
  	height: 1000px;
}

#sidebar {
	width: 188px;
}

div#pageContent {
    background-color: #FFF;
    padding: 20px;
    min-height: 570px;
  	height: auto !important;
  	height: 570px;
}

.top {
    vertical-align: top;
}

.right {
    text-align: right;
}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;	
}

.errors {
	border: 2px solid #ff0000;
	padding: 10px;	
	background: #fae9e9;
	color: #ff0000;
	margin: 15px 0;
}

/* HTML STYLES */
h1 {
	color: #024e59;    
	font-size: 150%;
	font-weight: bold;
    margin-bottom: 5px;
}

h2 {
	color: #024e59;    
	font-size: 150%;
	font-weight: bold;
    margin-bottom: 5px;
}

h3 {
	font-weight: bold;	
}

h3 a {
	text-decoration: underline;	
}

p {
	margin: 1em 0;
}

a {
	color: #024e59;
	text-decoration: none;
}

strong, b {
	font-weight: bold;	
}

div {
	zoom: 1;	
}

/* HEADER */
#hd {
	padding-top: 35px;	
	position: relative;
}
#hd .logo {

}

#topMenu {
	background: transparent url('/images/layout/menu-bg.png') no-repeat top left;
	height: 40px;	
	padding: 3px 8px 6px 12px;
	font-size: 130%;
	font-weight: bold;
	color: #FFF;
}

#topMenu a {
	color: #FFF;
	display: block;
}

#topMenu ul {
	
}

#topMenu ul li {
	float: left;	
	line-height: 31px;
	height: 31px;
	padding: 0 12px 0 15px;
	background: transparent url('/images/layout/menu-separator.png') no-repeat center left;
}

#topMenu ul li a {
	line-height: 31px;
}

#topMenu ul li.firstItem {
	padding-left: 0;
	background: none;
}

#menuHome {
	font-size: 80%;
	float: right;
}

#menuHome a {
	color: #f1edbd;
	line-height: 31px;
	background: transparent url('/images/layout/menu-separator-home.png') no-repeat center right;
	padding-right: 12px;
}

#headerCatering {
	background: transparent url('/images/layout/silvercatering.png') no-repeat top left;
	width: 100px;
	height: 43px;
	position: absolute;
	top: 75px;
	right: 150px;
	text-indent: -3000px;
}

#headerSticker {
	background: transparent url('/images/layout/header-sticker.png') no-repeat top left;
	width: 117px;
	height: 118px;
	position: absolute;
	top: 5px;
	right: 270px;
	text-indent: -3000px;
}

/* BODY */

/* SIDEBAR */
#sidebar .rounded {
	margin-bottom: 25px;	
}

.sidebarBox {
	margin-bottom: 15px;	
}

.sidebarBox .heading {
	color: #1aadc1;
	font-weight: bold;
	font-size: 150%;	
}

.sidebarBox .mandatory {
	font-size: 95%; 
	color: #1AADC1;
}

.sidebarBoxPadding {
	padding: 15px;	
}
	
#sidebarRegister {
	background: #FFF;	
}

#sidebarRegisterForm {
	margin-top: 10px;	
}

#sidebarRegisterForm .label {
	color: #1aadc1;
	font-weight: bold;
}

#sidebarRegisterForm .element {
	padding-bottom: 15px; 
}

#sidebarRegisterForm .text {
	width: 155px;
	border: 1px solid #ebebeb;
	padding: 3px 0;
	height: 13px;
}

#sidebarRegisterForm textarea{
	width: 155px;
	height: 60px;
}

#sidebarExhibition {
	background: transparent url('/images/sidebar/exhibition-bg.png') no-repeat top right;
	height: 172px;
	position: relative;
}

#sidebarExhibition a {
	display: block;
	background: transparent url('/images/sidebar/ribbon-bg.png') no-repeat top left;
	width: 144px;
	height: 35px;
	position: absolute;
	top: 92px;
	left: -8px;
	padding: 5px 30px;
}

#sidebarMagazine {
	background: transparent url('/images/sidebar/magazine-bg.png') no-repeat top right;
	height: 172px;
	position: relative;
}

#sidebarMagazine a {
	display: block;
	background: transparent url('/images/sidebar/ribbon-bg.png') no-repeat top left;
	width: 144px;
	height: 35px;
	position: absolute;
	top: 78px;
	left: -8px;
	padding: 5px 30px;
}

#sidebarExhibitors {
	background: #FFF;	
}

#sidebarExhibitors .heading {
	font-size: 110%;	
}

/* HOMEPAGE */
.homepageBox {
	background: #FFF;
}

#homepageTop {
	padding: 18px;	
	position: relative;
	margin-bottom: 25px;
}

#homepageTop a {
	position: absolute;
	left: -25px;
	top: 150px;
	background: transparent url('/images/homepage/ribbon-bg.png') no-repeat top left;
	width: 461px;
	height: 45px;
	font-size: 140%;
	line-height: 45px;
	padding-left: 10px;
}

#homepageTopContent {
	background: transparent url('/images/homepage/homepage-top-bg.jpg') no-repeat top left;
	height: 272px;
}

#homepageWelcome {
	float: left;
	width: 212px;
	min-height: 240px;
  	height: auto !important;
  	height: 240px;
}

#homepageWelcomeContent {
	padding: 12px;	
}

#homepageDirectory {
	float: right;	
	width: 360px;
	min-height: 240px;
  	height: auto !important;
  	height: 240px;
}

#homepageDirectoryContent {
	padding: 10px;	
}

#homepageDirectoryContent .searchBox {
	width: 250px;
	float: right;	
}

#homepageDirectoryContent .grey {  
	color: #c2c2c2;
}

#homepageDirectoryContent input.text {  
	width: 190px;
	float: left;
	margin: 1px 8px 0 0;
}

#homepageDirectoryContent ul {
	float: left;
	width: 30%;
	padding-right: 3%;
	margin: 12px 0;
}

#homepageDirectoryContent ul li {
	font-size: 110%;
	background: transparent url('/images/layout/arrows.gif') no-repeat 0 4px;
	padding-left: 18px;
}
#homepageDirectoryContent ul li a {
	color: #1897aa;
}

/* FEATURE PAGES */
.featureImages {
	float: right;
	width: 150px;
	margin-left: 30px;	
}

.featureImages img {
	margin-bottom: 25px;	
}

.featureGallery {
	margin-top: 30px;	
}

.featureGallery h3 {
	margin-bottom: 10px;
}

.cmsLink a {
	color:#1897AA;
	font-weight: bold;
}

/* LISTED ITEMS */
.listedItems {
	margin-top: 15px;	
}

.listedItems ul li {
	padding: 10px 0 10px 15px;	
	background: transparent url('/images/layout/arrows.gif') no-repeat 0 14px;
}

/* FORMS */
textarea {
	width: 215px;	
	border: 1px solid #efefef;
	height: 117px;
}

input.text {
	width: 266px;
	height: 15px;
	border: 1px solid #efefef;
	padding: 2px;
}

.submit {
	text-align: right;	
}

/* DIRECTORY */
.directoryContainer {
	padding: 0 70px;	
}

.directorySearch {
	background: #dbf2f5;
	padding: 10px 110px;
	margin: 15px 0;
}

.directorySearch .label {
	color: #1aadc1;
}

.directorySearch .element {
	padding-bottom: 15px;
}

.directorySearch .submit {
	padding-left: 30px;
	vertical-align: top;
}

.directoryCategory {
	background: #f3f9fa;
	padding: 10px 20px 20px 20px;
	margin: 30px 0;	
}

.directoryCategory ul {
	float: left;
	width: 115px;
}

.directoryCategory ul li {
	padding: 0 18px;
	background: transparent url('/images/layout/arrows.gif') no-repeat 0 4px;
}

.directoryCategory ul li a {
	color:#1897AA;
}

ul.matchedCategories {
	padding-left: 25px;	
}

ul.matchedCategories li {
	list-style: disc outside;	
}

.searchResult {
	border: 1px solid #e3e3e3;	
	margin: 15px 0;
	color: #000;
}

.searchResult a {
	color: #3c4ed9;
}

.searchResult span {
	color: #006ee0;
	font-size: 120%;
	font-weight: bold;
}

.searchResult .heading {
	background: #fff099;
	font-size: 130%;
	font-weight: bold;
	padding: 5px;
	color: #3c4ed9;
}

.searchResult .wrapper {
	padding: 5px;	
}

.searchResult .image {
	float: right;
	margin: 15px;
}
	
.searchResult .categories {
	margin: 10px 0;
}

.searchResult .options {
	margin: 10px 0;
}

.searchResult ul.bullet {
	font-size: 85%;
	padding: 0 0 0 20px;
	margin: 5px 0;
}

.searchResult ul.bullet li {
	list-style-image: url(/images/directory/listing-arrow.gif);
	list-style-position: outside;
}

/* CONTACT */
.contactForm {
	margin-top: 30px;
	background: #dbf2f5;
	padding: 25px;
}

.contactForm .label {
	color: #1aadc1;
	font-weight: bold;
}

.contactForm .element {
	padding-bottom: 12px;
}

.contactForm .submit {
	padding-top: 30px;
}

.parentCell {
	vertical-align: top;
	width: 50%;	
}

.contactForm input.short {
	width: 55px !important;
	margin-right: 8px;	
}

/* REGISTER */
#registerForm input.text {
	width: 230px;	
}

#registerForm select {
	width: 150px;	
}

/* FOOTER */
#ft {
	margin-top: 30px;
	padding-bottom: 15px;
}

#ft .footerContent {
	background: #FFF;
	text-align: center;
	padding: 10px 15px;
	color: #024e59;
}

#ft .footerContent a {
	font-weight: bold;	
}

#ft .footerText {
	font-size: 95%;
}

/* LIGHTBOX */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color: #000;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #024E59;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 100%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

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