.shadow {  
	background: url('/images/shadow.gif') no-repeat bottom right;
	float:left;
	margin: 0 0 15px 0;
	padding: 0;
	position: relative;
	overflow:hidden;
	z-index: 1;
}

.shadow img {
	background-color: #fff;
	border: 1px solid #ececec;
	display: block;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
	overflow:hidden;
	z-index: 2;
}
.scrollerDemocontent-item p {
	text-align:left;
	clear:left;
	margin-top: -10px;
	}
.centered {
	text-align:center;
	}
.automargin {
	margin: 0 auto;
	text-align:left;
	width:auto;
	display:block;
	}
ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	border-bottom:1px solid #e1e1e1;
	height:30px;
	width:700px;
}
/* single tab */
ul.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}
/* link inside the tab. uses a background image */
ul.tabs a {
	background: url(/images/2009/homepage_tabs.jpg) no-repeat -422px 0;
	font-size:12px;
	font-weight:bold;
	display:block;
	height: 30px;
	line-height:30px;
	width: 134px;
	text-align:center;
	text-decoration:none;
	color:#002d5e;
	padding:0px;
	margin:0px;
	margin-right:5px;
	position:relative;
	top:1px;
}
ul.tabs a:active {
	outline:none;
}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -422px -31px;
	color:#fff;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -422px -62px;
	cursor:default !important;
	color:#0066b3 !important;
}
/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;
}
/* tab pane styling */
div.panes div {
	display:none;
	padding:15px 55px 0 15px;
	margin-right:15px;
	border:0px solid #e1e1e1;
	border-bottom:none;
	border-top:0;
	font-size:14px;
	background-color:transparent;
	width:670px;
	position:relative;
	height:100%;
}
/* get rid of those system borders being generated for A tags */
a:active {
	outline:none;
}
:focus {
	-moz-outline-style:none;
}
#scrollerDemoMain {
	width: 631px;
	padding: 10px;
	padding-top:0;
	padding-left:30px;
	border: 0px solid red;
	margin-left:-25px;
	
}
#scrollerDemocontent-slider {
	width: 600px;
	height: 20px;
	margin-left:15px;
	background: #FFF;
	position: relative;
	background-image:url(/images/2009/slider_arrows.gif);
	background-repeat:no-repeat;
}
#scrollerDemocontent-scroll {
	width: 655px;
	height: 210px;
	margin-top: 10px;
	overflow: hidden;
	border: solid 0px black;
}
#scrollerDemocontent-holder {
	height: 210px;
}
.scrollerDemocontent-item {
	width: auto;
	height: 210px;
	padding: 5px;
	padding-right: 10px;
	float:left;
	text-align:center;
}

@-moz-document url-prefix() { .scrollerDemocontent-item { 
	margin-left:auto; 
	margin-right:auto;
}}

.scrollerDemocontent-item p{
	width: 240px;
	text-align:center;
}
	
@-moz-document url-prefix() {.scrollerDemocontent-item p{
	 margin-left:auto; 
	 margin-right:auto; 
}}
	
/*Below is for the LBS wide slider*/
#wide_slider #scrollerDemoMain {
	width: 900px;
	padding: 0;
	margin-left:8px;
	}
#wide_slider #scrollerDemocontent-slider {
	background-image:url(/images/2009/slider_arrows_wide.gif);
	background-repeat:no-repeat;
	width: 870px;
	}
#wide_slider #scrollerDemocontent-scroll {
	width: 900px;
	}