/* @override 
	http://www.treasure.site/assets/default/css/screen.css
	http://treasure.site/assets/default/css/screen.css
*/

body{
	background: #FFF url(../images/topborder.gif) repeat-x center top;
	text-align:center;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	line-height: 1.6em;
	font-size: 13px;
	color: #000; 
}

#container { 
text-align: left;
width: 1000px;
position: relative; 
margin:0 auto;
}

#header{
	position:relative;
	height: 165px;
}
#home #header{
	height: 110px;
}
#header h1#branding a{
    height: 80px;
    position: relative;
    width: 208px;
    display: block;
	background: url(../images/logo_nofrills.gif) no-repeat;
	text-indent: -9999em;
	top: 45px;
	left: -30px;
}

h2#tagline{
	font-size: 14px;
	position: absolute;
	margin: 0;
	bottom: 7px;
	font-weight: bold;
}

#tagline .date{
	white-space: nowrap;
	font-weight: normal;
}
#main{
	margin-bottom: 20px;
}

#footer{
background: #F2F2F2 url(../images/bottomborder.gif) repeat-x center bottom;
padding-bottom: 10px;
}

a#toplink{
	display: block;
	background-color: #FFF;
	padding: 15px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	position: absolute;
	right: 0;
}
#footerlinks{
	padding-top: 40px;
	padding-bottom: 50px;
}
#footerlinks div.tagline, #footerlinks ul{
	display: block;
	width: 200px;
	float: left;
	margin-right: 40px;
	margin-top: 20px;
}
#footerlinks ul.last{
	margin-right: 0;
}
#footerlinks h2.branding{
	background: url(../images/footer_logo.png) no-repeat;
	text-indent: -999em;
	overflow: hidden;
	display: block;
	width: 220px;
	float: left;
	margin: 0;
	margin-right: 20px;
	height: 123px;
	
}
#footerlinks div.tagline h3{
	margin: 0;
}
#footerlinks div.tagline h4{
	font-size: 18px;
	font-style: italic;
	color: #e2006e;
	margin-top: 10px;
}

#footer a{
	color: #2e99cc;
	text-decoration: underline;
	font-size: 14px;
}

#footer a:hover{
	color: #1676a4;
}


#trade h3.js_salon a{
    height: 220px;
	background: url(../images/js_salon.gif) no-repeat center top;
	text-indent: -999em;
	overflow: hidden;
	outline: none;
	display: block;
}

div.wrapper{
	text-align: left;
	width: 940px;
	position: relative; 
	margin:0 auto;
}

#bigbanner {
	height: 410px;
	background: #3D3B39 url(../images/hp/hpbanner.jpg) repeat-x center 5px;
	margin-top: 5px;
}

div#mainlogo {
	max-width: 1000px;
	height: 100%;
	position: relative; 
	margin:0 auto;
	
}
div#mainlogo h1#branding{
	text-indent: -9999em;
	display: block;
	overflow: hidden;
	background-image: url(../images/hp/main_logo.png);
	width: 500px;
	height: 300px;
	margin: 0 auto;
	top: 61px;
	position: relative;
}
div#mainlogo h2#dates{
	display: block;
	width: 130px;
	height: 100px;
	position: absolute;
	background: url(../images/hp/datebg.png) no-repeat;
	bottom: -40px;
	right: 95px;
	margin: 0;
	padding-top: 57px;
	padding-left: 27px;
	text-align: left;
	color: #FFF;
	font-style: italic;
	font-size: 22px;
}
#topinfo{
	padding-top: 50px;
	padding-bottom: 50px;
	background: #FAF9F5 url(../images/hp/tubelines.gif) no-repeat center bottom;
	height: 310px;
}
#topinfo div div{
	width: 300px;
	float: left;
	margin-right: 20px;
}
#topinfo div.last{
	margin-right: 0;
}
#topinfo h2{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 35px;
	margin: 0;
	background: url(../images/hp/sprite.png) no-repeat 10px 0;
	padding-left: 60px;
	margin-bottom: 13px;
}
#topinfo h2.spread {
	background-position: 0 -60px;
}
#topinfo h2.travel {
	background-position: 0 -120px;
	height: 48px;
}
#topinfo p, #topinfo h3, #topinfo ul{
	margin: 0;
	margin-left: 20px;
	line-height: 1.3em;
}
#topinfo ul{
	margin-bottom: 20px;
}
#topinfo span.time{
	display: block;
	float: right;
	margin-right: 40px;
}
#topinfo p.social_spread{
    height: 52px;
	margin-bottom: 16px;
}
#topinfo #promotext p{
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 24px;
}
#topinfo #promotext p:first-child{
	font-size: 18px;
	font-weight: bold;
	color: #000;
}


#topinfo #promotext a.cta{
	font-weight: bold;
	font-size: 18px;
}
#topinfo div#tube{
	width: auto;
	margin: 0;
}
#topinfo div#tube h3{
	margin-bottom: 5px;
}
div#tube p.address{
	margin-bottom: 15px;
	color: #353434;
	font-style: italic;
}
.directions a, span#walktime {
	float: left;
	display: block;
	line-height: 29px;
	margin-right: 10px;
	font-size: 14px;
}
span#walktime{
	background: url(../images/hp/walking.png) no-repeat 0 center;
	padding-left: 24px;

}
.directions a{
	background: url(../images/hp/map.png) no-repeat 10px center;
	padding-left: 42px;
	padding-right: 15px;
	-moz-border-radius: 20px;
  	-webkit-border-radius: 20px; 
    border-radius: 20px; 
}
div#tube a:hover{
	background-color: #e2006e;
	color: #FFF;
}

#home #secondary{
	background: url(../images/hp/shad_bg.gif) repeat-x 0 bottom;
}
#home #secondary div.wrapper{
	background: url(../images/hp/shadow.gif) no-repeat 0 bottom;
	padding-bottom: 70px;
	padding-top: 10px;
}
div#moreinfo{
	width: 280px;
	float: left;
	margin-right: 20px;
	margin-left: 20px;
}
div#testimonial{
	float: left;
	width: 580px;
}
div#testimonial h2, div#testimonial blockquote {
	padding-left: 80px;
}
#home #secondary h2{
	color: #454544;
	font-weight: bold;
	font-style: italic;
}
div#testimonial blockquote {
	background: url(../images/hp/quote.png) no-repeat 22px top;
}
#home #secondary blockquote p{
	font-size: 24px;
	color: #e2006e;
	margin-bottom: 10px;
	line-height: 28px;
}
#home #secondary blockquote cite{
	font-size: 16px;
	color: #565656;
	font-style: italic;
}
#home #moreinfo a{
	display: block;
	margin-bottom: 20px;
	font-size: 14px;
	text-decoration: underline;
}
input.bigfield, input.mlbtn2{
	background-color: #ecebe7;
	border-style: none;
	line-height: 40px;
	height: 40px;
	margin: 0;
	font-size: 14px;
}
input.mlbtn2{
	background-color: #c9c8c5;
	font-weight: bold;
	color: #fefffe;
	width: 75px;
	text-align: center;
}
input.bigfield{
	width: 160px;
	padding-left: 20px;
}
#partners h2 {
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-size: 24px;
}

#sponsorlogos li a, a#nspcc{
	display: block;
	margin-left:auto;
	margin-right: auto;
	background-image: url(../images/hp/sponsors2011.gif);
	text-indent: -999em;
	overflow: hidden;
	outline: none;
}

#charity{
	padding: 30px;
	border-top: 2px dotted #ccc;
}

/* @group Sponsor logos */

/* @group carousel skin */
.jcarousel-skin-sponsors .jcarousel-container {
	margin-bottom: 20px;
}
.jcarousel-skin-sponsors  .jcarousel-container-horizontal {
    width: 100%;
}
.jcarousel-skin-sponsors .jcarousel-clip {
    overflow: hidden;
}
.jcarousel-skin-sponsors .jcarousel-clip-horizontal {
    width:  100%;
}
.jcarousel-skin-sponsors .jcarousel-item {
	
}
.jcarousel-skin-sponsors .jcarousel-item-horizontal {
	margin-left: 0;
}
.jcarousel-skin-sponsors .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-sponsors .jcarousel-next-horizontal, .jcarousel-skin-sponsors .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    right: -40px;
    width: 32px;
    height: 32px;
    cursor: pointer;
	background-color: #28fdb1;
}

.jcarousel-skin-sponsors .jcarousel-prev-horizontal {
    left: -40px;
}


/* @end */
a#partner_jaguar {
	height: 100px;
	width: 136px;
	background-position: -436px -251px;
	margin-top: 11px;
}

a#holts_academy {
	height: 41px;
	width: 153px;
	background-position: -634px -20px;
	margin-top: 38px;
}
a#purejewels {
	height: 43px;
	width: 166px;
	background-position: -792px -18px;
	margin-top: 36px;
}

a#elds {
	height: 60px;
	width: 191px;
	background-position: -580px -98px;
	margin-top: 30px;
}

a#goldsmiths {
	height: 80px;
	width: 191px;
	background-position: -773px -90px;
	margin-top: 19px;
}

a#bahamas {
	height: 120px;
	width: 174px;
	background-position: -458px -363px;
}
a#barclayswealth {
	height: 100px;
	width: 202px;
	background-position: -21px -373px;
	margin-top: 11px;
}
a#thienot {
	height: 115px;
	width: 120px;
	background-position: -304px -248px;
	margin-top: 1px;
}

a#partner_swarovski {
	height: 56px;
	width: 234px;
	background-position: -273px -150px;
	margin-top: 34px;
}
a#partner_exchange {
	height: 110px;
	width: 161px;
	background-position: -583px -246px;
	margin-top: 4px;
}
a#partner_mayfair {
	height: 100px;
	width: 209px;
	background-position: -238px -371px;
	margin-top: 10px;
}
a#partner_radisson {
	height: 100px;
	width: 135px;
	background-position: -233px 4px;
	margin-top: 10px;
}
a#partner_benares {
	height: 100px;
	width: 170px;
	background-position: 8px -247px;
	margin-top: 10px;
}
a#partner_boodles {
	height: 70px;
	width: 218px;
	background-position: -515px -163px;
	margin-top: 28px;
}
a#fairtrade {
	height: 100px;
	width: 100px;
	background-position: -518px 5px;
	margin-top: 10px;
}
a#js_salon {
	height: 100px;
	width: 128px;
	background-position: -370px 4px;
	margin-top: 10px;
}
a#locationhouse {
	height: 100px;
	width: 186px;
	background-position: -641px -373px;
	margin-top: 9px;
}

a#eveningstandard {
	width: 142px;
	height: 74px;
	background-position: -156px -262px;
	margin-top: 24px;
}
a#projeweller {
	width: 175px;
	height: 56px;
	background-position: -89px -147px;
	margin-top: 32px;
	margin-bottom: 0;
}
a#fashion4media {
	height: 42px;
	width: 217px;
	background-position: -749px -175px;
	margin-top: 40px;
}
a#tableaudisplay {
	height: 80px;
	width: 100px;
	background-position: -123px 3px;
	margin-top: 10px;
}
a#nspcc {
	height: 59px;
	width: 197px;
	background-position: -761px -271px;
	float: right;
	margin-left: 20px;
	margin-right: 0;
}
a#partner_boconcept {
	height: 70px;
	width: 218px;
	background-position: -14px -75px;
	margin-top: 28px;
}
a#partner_benefit {
	height: 70px;
	width: 162px;
	background-position: -833px -389px;
	margin-top: 28px;
}


/* @end */




/*Second level content base styles*/


#rightcolumn{
float:right;
width:248px;
margin-top: 30px;
}
#leftcolumn{
float: left;
width: 736px;
margin-top: 10px;
}
#rightcolumn div {
	margin-bottom: 6px;
}



/* @group Sidebar callouts */

.callout1, .callout2, .callout3, .newsflash { 
	margin-bottom: 6px;
	padding: 15px;
}
.callout1 { 
background-color: #E2E3DD;
}
.callout2 { 
background-color: #B4C4BF;
}
.callout3 { 
background:url(../images/gradbg1.gif) repeat-x #F7F7F7;
}
.newsflash { 
background:url(../images/alertbg.gif) repeat-x #8DB025;
background-color: #AFDD2F;
}
a.ticketpromolink{
	width: 248px;
	height: 129px;
	display: block;
	text-indent: -9999em;
	outline: none;
	background: url(../images/buytickets.gif) no-repeat;
}

.diamonds { 
	margin-bottom: 6px;
	padding: 130px 30px 30px;
	background: url(../images/diamonds.jpg) no-repeat top right;
}
div.diamonds a{
	font-size: 20px;
	color: black;
	margin: 0;
}



/* @end */


/* @group Form Elements */
select, input.text{
	color: #4C4F4E;
	border: solid 1px #BFC1C0;
	padding: 5px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
input.button{
    font-size: 1.2em;
	padding: 3px;
}
#ticket_select label{
    clear:left;
    float: left;
    width: 180px;    
}
#ticket_select select{ 
}
#ticket_select input.text{
    float: left;
    width: 60px;
}

#orderform input.text{
    width: 260px;
}


#quicksearch h3, #mailinglist h3{
	margin:0;
	margin-top: 10px;
	margin-bottom: 10px;
}

#quicksearch select{
	width: 100%;
	margin-bottom: 5px;
}
#quicksearch option {
	width: 215px;
	padding-left: 3px;
}

/* Mailing List module styles*/
#mailinglist input.text {
	width: 208px;
	margin-bottom: 5px;
}
#mailinglist p {
	margin-bottom: 10px;
}



.joinbuttonon, .joinbuttonoff  {
	margin-top: 10px;
	background: transparent url(../images/joinbutton.gif) no-repeat;
	width:100px;
	height:37px;
    border:0;
	cursor: pointer;
}
.joinbuttonon {
	background-position:0% -37px;
}
.joinbuttonoff {
	background-position:0% 0px;
}


/* @end */


/* @group Global tab navigation */

#globalnav {
	position:absolute;
	bottom: 0px;
	width:100%;
	height: 40px;
	background: url("../images/tabs/bg_shadowsmall.gif") repeat-x bottom;
	font-size:16px;
	font-weight: bold;
	line-height:normal;
	z-index: 10;
}

#globalnav #tabs {
position:absolute;
bottom: 0px;
right: 50px;
background: transparent url("../images/tabs/bg_shadow.gif") no-repeat  0% 100%;
}

#tabs ul {
margin:0;
padding:0px;
list-style:none;
display: inline;
}

#tabs li {
display:inline;
margin:0px;
padding:0px;
}

#tabs a {
float:left;
background:url("../images/tabs/tableft_shadow.gif") no-repeat left top;
margin:0;
margin-right: 2px;
padding:0 0 0 9px;
border-bottom:1px solid #E5E5E5;
text-decoration:none;
width:0.1em;
white-space:nowrap;
}

#tabs > ul a {width:auto;}

#tabs a span {
float:left;
display:block;
background:url("../images/tabs/tabright_shadow.gif") no-repeat right top;
padding: 9px 20px 4px 7px;
color: #656565;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabs a span {float:none;}

/* End IE5-Mac hack */

#tabs a:hover span {
color:#000;
}

#home #nav-home a, #tickets #nav-tickets a,#info #nav-info a,#exhibit #nav-exhibit a,
#browse #nav-browse a, #contact #nav-contact a,
#login #nav-login a, #competition #nav-competition a, #workshops #nav-workshops a, #trade #nav-trade a, #apply #nav-apply a {
background-position:0% -150px;
border-width:0;
}
#home #nav-home a span, #tickets #nav-tickets a span, #info #nav-info a span, #exhibit #nav-exhibit a span,
#browse #nav-browse a span, #contact #nav-contact a span,
#login #nav-login a span, #competition #nav-competition a span, #workshops #nav-workshops a span, #trade #nav-trade a span, #apply #nav-apply a span {
background-position:100% -150px;
padding-bottom:5px;
color:#000;
}

#tabs a:hover {
background-position:0% -75px;
}
#tabs a:hover span {
background-position:100% -75px;
}

/* @end */



/* @group Generic text styles */

/*typography*/

a {
	text-decoration: none;
	color: #e2006e;
	}
a:hover {
	text-decoration: underline;
	}
h1, h2, h3, h4, h5{
    font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2","Trebuchet MS", Tahoma, Arial, sans-serif;
}
h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;
	}
h2 {
	font-size: 18px;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 16px;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}
img {
	border: 0;
	}
ol, ul, li {
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	color:#4C4F4E;
}
p {
	margin-bottom: 1.6em;
    color:#4C4F4E;
}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
	
.altcolour1{
	color:#74B93C;
	}
	
.normaltext{
font-size: 12px;
}





.promotext{
    margin-top: 20px;
    font-size: 16px ;
    line-height: 1.4em;
    font-weight: bold;
}
h2.title{
    line-height  : 1.3em;
    color: #000;
    font-size: 2em;
    font-weight: bold;
}
strong{
    font-weight: bold;
}
/*Drop cap*/
.firstLetter{
  display      : block;
  float        : left;
  margin-top   : -0.63em; /* use -0.205em for two lines */
  margin-left  : -0.56em;
  margin-right : 0.5em;
  height       : 4.5em;
  color:#D4D4C7;
}

.firstLetter span{
  font-size    : 5.6em;   /* use 3.33em for two lines */
  line-height  : 1.0em;
}

.firstLetter + span{
  margin-left  : -0.5em;
}



.bodytext1{
margin-bottom: 10px;
}
.bodytext2{
color:#4C4F4E;
line-height: 1.3em;
font-size: 1.2em;
margin-bottom: 10px;
}


.copyright{
	margin: 10px;
	text-align: center;
}
.byline{
	color:#4C4F4E;
}
.terms{
	line-height: 1.4em;
}
.para_highlight{
	color:#000;
}

div.images img{
float: left;
margin-right: 2px;
margin-bottom: 2px;
}
div.images{
margin-bottom: 5px;
}

/* HR */
div.hr {
	background: #808080;
	height: 1px;
	overflow: hidden;
	margin-bottom: 20px;
}
div.hr hr {
	display: none;
}


/* @end */

/* @group Info areas */

#infotabs{
margin-top: 2px;
margin-bottom: 10px;
background: url("../images/tabs/bg_shadowsmall.gif") repeat-x bottom;
}

#infotext{
float: left;
}

#infotext #column1, #infotext #column2{
float: left;
width: 340px;
}
#infotext #column1{
margin-right: 30px;
}
#infotext h1{
margin-top: 10px;

padding-bottom: 6px;
}
#infotext h2{
margin-top: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #E5E5E5;
padding-bottom: 6px;
}

#infotext.terms ul{
margin-left: 12px;
margin-bottom: 15px;
}
#infotext.terms li{
list-style-image: url(../images/pointer.gif);    
margin-bottom: 5px;
}


#column1 h2, #column2 h2, #orderform h2{
margin-bottom: 8px;
margin-top: 20px;
border-bottom: 1px solid #E5E5E5;
padding-bottom: 6px;
}

.currentstep{
    background: #E50071;
    padding: 10px;
    color: #FFF;
}

table.order{
    margin-bottom: 15px;
}
table.order td{
    border-bottom: 1px solid #C0C0C0;
    padding: 3px;
}
table.order th{
    padding: 3px;
    border-bottom: 1px solid #808080;
}
table.order tr.last td, table.order tfoot td{
    border-bottom: 3px double #808080;
}

table.schedule{
    margin-bottom: 20px;
}
table.schedule tr.odd{
	background-color: #f6f6f6;
}
table.schedule tr.even{
	background-color: #fcfcfc;
}
table.schedule td{
	padding: 6px;
	vertical-align: top;
}
table.schedule td h3{
	margin: 5px 0;
}

div.standdetails {
	float: left;
	width: 150px;
	margin-right: 20px;
	margin-top: 20px;
}
div.standspec {
	float: left;
	width: 420px;
}

.standspec li, .extras li{
	list-style-image: url(../images/pointer.gif);    
	margin-bottom: 7px;
	margin-left: 12px;
}
.cost{
	background: #E2E3DD;
    padding: 30px;
}
.price{
	font-weight: bold;
	font-size: 22px;
	display: block;
	margin-bottom: 5px;
	color: #FFF;
}
div.extras{
	background-color: #f4f3ea;
	padding: 30px;
	margin-top: 20px;
	border-top: 4px solid #bebdb5;
}


div.images img{
float: left;
margin-right: 2px;
margin-bottom: 2px;
}
div.images{
margin-bottom: 5px;
}

#openingtimes td{
padding: 8px 0px;
padding-left: 3px;
border:solid #E1E3E2;
border-width:1px 0px 0px;
color: #000;
}
#openingtimes .firstrow{
border-width:0px ;
padding-top: 0;
}

.callout3 a:link, .callout3 a:visited, .callout3 a:hover, .callout3 a:active {
text-decoration: none;
padding: 1px;
color: #e2006e;
}
.inlinelink a:link, .inlinelink a:visited, .inlinelink a:hover, .inlinelink a:active {
padding: 0;
}

.callout3 a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #e2006e;
}
.inlinelink a:hover {
	text-decoration: underline;
	background-color: transparent;
	color: #5D7FAF;
}
.noeffect a:hover{
	background-color: transparent;
}

.quoteattrib{
color:#999999;
}
#downloads{
	clear:both;
	border:solid #E1E3E2;
	border-width:1px 0px;
	padding: 10px 0px;
	margin: 10px 0px;
}
#downloads td{
padding: 4px 6px;
background: url(../images/gradbg1.gif) repeat-x;
}
.imageblock {
padding: 10px; 
background:url(../images/gradbg1.gif) repeat-x #F7F7F7;
margin-bottom: 5px;
}
.pressicons{
	float:right;
}




/* @end */

/* @group Browse */

/* pagination */
.pagination {
	padding: 5px 8px;
	margin-right: 4px;
	clear:both;
	border-bottom: 1px solid #ddd;
}

.viewing {
float: right;
color:#4C4F4E;
}
.viewing * {vertical-align: middle;}

.pagination p {
	text-align: left;
	font-size: 1em;
	margin: 0;
}

.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration: none;padding: 2px 6px;}
.pagination p a:hover, .pagination .current {
	color: #fff;
	text-decoration: none;
	background-color: #e2006e;
}
.pagination p span {
	text-decoration: none;
	padding: 2px 6px;
	color: #666;
}
.pagination p strong a {
	text-decoration: none;
	padding: 2px 6px;
	background-color: #CCC;
}

#browse_content{
margin: 10px 0px;
float: left;
background-color: #f4f4f4;
	padding: 20px;
}

#infotabs{
margin-top: 2px;
margin-bottom: 20px;
background: url("../images/tabs/bg_shadowsmall.gif") repeat-x bottom;
}

.listitem{
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 6px;
	width: 200px;
	background-color:#FFF;
	color:#4C4F4E;
}
.listitem a{
	display: block;
	height: 200px;
}

.ex_name {
	display: block;
	padding: 5px 0;
}

/*Exhibitor detail*/

#exhibitor{
float: left;
margin-top: 20px;
}

#exhibitor #column1{
float: left;
padding-left: 20px;
padding-right: 20px;
border-right:#A8A8A8 1px solid;
width: 459px;
margin-top: 10px;
}


#exhibitor #column2{
float: left;
width: 460px;
padding: 30px 0 20px 30px;
margin-top: 10px;
}

#exhibitor p, #exhibitor h2{
margin:0;
margin-bottom: 10px;
}
#exhibitor #description{
color:#4C4F4E;
font-size: 1.4em;
}
.tighter{
line-height: 1.2em;
}

h3.subhead{
margin-bottom: 10px;
margin-top: 20px;
padding-bottom: 6px;
border-bottom: 1px solid #E5E5E5;
color: #898989;
font-size: 1.3em;
}

/* @end */

/* @group Wizard and form styles */

.step {
	border: 1px solid #DDD; 
	clear: left; 
	width: 650px;
	padding: 20px;
    background-color: #f2f1f2;
    font-size: 14px;
}
.step label { 
    color: #000; 
    display: block;
    margin-bottom: 3px;
}
.step li label{
    display: inline;
}

#application p{
    margin-bottom: 1em;
}
#application h3, #application h2{
    border-bottom: 1px solid #888888;
    padding-bottom: 6px;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
}
#application h2{
    font-size: 24px;
    margin-top: 2em;
}
#application ul.options li{
    float: left;
    display: block;
    width: 50%;
}
label.required:after{
    content: '*';
    color: #e64b72;
}
#packages{
    margin-bottom: 1em;
}
#packages li{
    width: 16%;
    padding: 10px;
    border: 1px solid #807f80;
    margin: 0 5px 0 0;
    float: left;
    text-align: center;
    background-color: #ffffff;
}
#packages li:last-of-type{
    margin-right: 0;
}
#packages label{
    display: block;
    line-height: 1.4em;
    margin: 0;
    height: 60px;
}
#packages span.price{
    font-size: 16px;
	margin-bottom: 5px;
	color: #575757;
	display: block;
    margin-top: 5px;
}
.footnote{
    font-size: 11px;
    display: block;
    line-height: 11px;
}

ul.emailoptions{
    margin-bottom: 2em;
}
.step legend { color: #000000; padding: 10px;
    font-size: 18px;
}
.step input[type=text], .step textarea, .step select { border: 1px solid #AAA; }
.step input{
    padding: 3px;
    margin-bottom: 3px;
}
.step input[type=text]{
    width: 300px;
}
.step textarea{
    width: 100%;
}
.error-image { background: url('../img/error.png') no-repeat right top; }

.stepy-titles { list-style: none; margin: 0; padding: 0; width: 100%; }
.stepy-titles li { 
    color: gray; 
    cursor: pointer; 
    float: left; 
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
}
.stepy-titles li span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    padding-left: 23px;
}
.stepy-titles .current-step { color: #e64b72; cursor: auto; }
p.application-buttons{
    border-top: 1px solid #888888;
    margin-top: 0;
    padding-top: 10px;
    overflow: hidden;
    margin-bottom: 0;
}

.button-back { float: left; }
.button-next, .finish { float: right; }
.button-next, input.finish {
	color: #ffffff; 
	cursor: pointer;
	padding: 10px 25px 13px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    background-color: #e64b72;
    border-radius: 10px;
}
.button-back{
    padding: 10px 25px 13px;
    border: 1px solid #C9C4BA;
}
.button-back:hover{ 
    border-color: #e64b72;
    text-decoration: none;
}
.button-next:hover, .finish:hover {
    
}

input.error {
    border-style: dotted;
    border-color: #e64b72;
}

em.error {
    color: #e64b72; 
    padding-left: 20px;
}
em.success{
    padding-left: 30px;
    background: url(../images/tick.png) no-repeat; 
}

#loading {
	z-index: 10000;
	position:fixed; top:0px; left:0px; width:100%; height:100%;
    background: url(../images/bg_transp.png);
}
#loading div.progress{
    width: 300px;
    margin: 0 auto;
    padding: 50px;
    margin-top: 200px;
    -moz-box-shadow: 0 2px 12px #4a4a4a;
    -webkit-box-shadow: 0 2px 12px #4a4a4a;
    box-shadow: 0 2px 12px #4a4a4a;
    background-color: #ffffff;
}
#loading div.progress_bar_bg{
    background-color: #efefef;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#loading div.progress_bar{
    background: url(../images/progress.gif) repeat-x left center;
    height: 15px;
}

/* @end */

/* @group Utility bits and bobs */
.innerdiv{
/*Margins for inner DIV inside each column (to provide padding)*/
margin: 15px; 
}
.spacer{
height: 15px; 
clear:both;
}
.hidden{
    display: none;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}




/* @end */