﻿#pageContentTop #leftColumn { background: none; padding: 0; width: 710px; }

#tailormadePanel {
    margin-right: 5px;
  
}

#conferencePanel {

}


/* SCROLLABLE CONTROLS */
#scrollableControls { position: static; float: left; width: 227px; padding: 6px 9px; }
#scrollableControls a { cursor: pointer; display: block; height: 0px; overflow: hidden; padding-top: 14px; float: left; margin-left: 6px; }
#scrollableControls a#scrollPrev { background: url(../images/buttons/prev.gif) no-repeat 0 -29px; width: 7px; }
#scrollableControls a#scrollNext { background: url(../images/buttons/next.gif) no-repeat 0 -29px; width: 7px; }
body #wrapper #scrollableControls a.disabled { background-position: 0 0; }
#scrollableControls div#navi a { background: url(../images/buttons/page.gif) no-repeat; width: 12px; }
#scrollableControls div#navi a.active { background: url(../images/buttons/activePage.gif) no-repeat; width: 12px; }

#conferencesScroller img { display: block; }
#conferencesScroller { background: #7474CB; position: relative; width: 245px; overflow: hidden; }
#wrapper #leftColumn #conferencesScroller h2 { width: 227px; font-size: 18px; padding: 9px; background: repeat-x url(../images/backgrounds/blue.gif) top left; }
#conferencesScroller .scrollable { width: 245px; margin-top: 10px; height: 293px; }
#conferencesScroller .item { width: 227px; height: 275px; padding: 9px; background:#8282D5;}
#conferencesScroller .item a { float: left; text-decoration: none; position: relative; width: 227px; margin-right: 0; display: block; }
#conferencesScroller span { float: left; }
#conferencesScroller span.cufon { float: none; }
#conferencesScroller span.header { margin-bottom: 9px; }
#conferencesScroller span.header img { float: left; margin-right: 5px; }
#conferencesScroller span.header span.date { float: left; width: 134px; margin-top: 30px; font-size: 17px; line-height: 1em; text-align: right; }
#conferencesScroller span.image { position: relative; margin-bottom: 9px; }
#conferencesScroller span.image span.imageOverlay {
    background: url(../images/backgrounds/blueOverlay.png); position: absolute; bottom: 0; left: 0; 
    width: 217px; padding: 3px 5px 1px; }
#conferencesScroller span.image span.imageOverlay span.location { font-size: 24px; width: 100%; }
#conferencesScroller span.image span.imageOverlay span.cost .from { font-size: 18px; float: left;  }
#conferencesScroller span.image span.imageOverlay span.cost { font-size: 34px; width: auto; float: right; text-align: right; }
#conferencesScroller span.moreInfo, #conferencesScroller span.footer { font-weight: bold; width: 100%; text-align: right; }



.homeBanner{float:left; display:block; width:351px; position:relative; height:200px; overflow:hidden; background-repeat:no-repeat;}
#leftColumn .homeBanner .homeBannerToggle{width:331px; float:left; display:block; height:10px; text-decoration:none; cursor:pointer;}
.homeBanner .homeBannerInner{width:331px; padding-top:10px;}
.homeBanner .homeBannerHolder{width:331px; padding:10px; position:absolute; bottom:0;}
.homeBanner .readMore{ text-align:right;}
.banner1 .homeBannerHolder{ background-image:url(/images/home/banner1overlay.png);}
.banner2 .homeBannerHolder{ background-image:url(/images/home/banner2overlay.png);}
.banner1{padding-right:8px;}

#spashBanner{width:682px; height:250px; overflow:hidden; position:relative; float: left;}

#spashBanner .item{height:250px; min-height:250px; width:682px; display:block; float:left; }

#homeOffers 
{
    float: left;
    height: 258px;
    position:relative;
}

.tabNav{display:block; height:250px; width:14px; background-color:#996699; float:left; background-image:url(/images/home/sliderNav.png); background-repeat:no-repeat;}

.next{ background-position:-13px 0;}
.prev{}

.btnHolder{position:absolute; right:20px; bottom:15px;}



/* root element for tabs  */
#leftColumn .tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
}

/* single tab */
#leftColumn .tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style:none; 
}



/* link inside the tab. uses a background image */
#leftColumn .tabs a { 
	background: url(/images/buttons/homefeaturetabs.png) no-repeat 0 0;
	display:block;
	padding-top: 10px;
	overflow:hidden;
	height:0;
	width: 7px;
	margin:0px;	
	margin-right:5px;
}

#leftColumn .tabs .current{ background-position:-7px 0;}

.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.tabs a:hover {

}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	cursor:pointer; 
}

/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}

.item a{background-image:url(/images/home/headerOverlay.png); background-position:0 0; background-repeat:no-repeat; 
    display:block; width:201px; min-height:238px; padding:6px 10px 6px 10px; text-decoration:none;}

.item a span{width:201px; float:left; display:block; }

.heading
{
    font-size:2.5em;
    padding-bottom:5px;
    text-shadow: 2px 2px 4px #;
    filter: dropshadow(color=#, offx=2, offy=2);
} 
.shortDesc{padding-bottom:5px;}

#spashBanner a{ text-decoration: none;} 

.readMore{ text-align:right; color:#AEA8AE;}



#pageContentTop{margin-bottom:0;}











