/*================== Cases Landing Page Style Start Here =========*/
h3
{
	padding: 0px;
	margin: 0px;
}
#containerC
{
	width: 650px;
}

/* tabs 
.anchorsCase
{
	list-style: none;
	margin: 0;
	padding: 0 0 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.anchorsCase:after
{
	 clearing without presentational markup, IE gets extra treatment 
	display: block;
	clear: both;
	content: " ";
}
.anchorsCase li
{
	float: left;
	margin: 0 3px 0 0;
}
.anchorsCase a
{
	display: block;
	position: relative;
	top: 1px;
	z-index: 2;
	padding: 10px 2px 0 0;
	color: #000;
	text-decoration: none;
	background-image: url(../images/background/bg_case.gif);
	background-repeat: no-repeat;
	height: 57px;
	width: 86px;
	text-align: center;
}
.anchorsCase img
{
	border: none;
}
.anchorsCase .on a
{
	padding-bottom: 2px;
	font-weight: bold;
}
.anchorsCase a:focus, .anchorsCase a:active
{
	outline: none;  @ Firefox 1.5, remove ugly dotted border 
}
.anchorsCase .on a, .anchorsCase a:hover, .anchorsCase a:focus, .anchorsCase a:active, .anchor
{
	background-image: url(../images/background/bg_case.gif) !important;
	background-repeat: no-repeat;
	height: 57px;
	width: 86px;
}
.anchorsCase .on a:link, .anchorsCase .on a:visited
{
	 @ Opera, use pseudo classes otherwise it confuses cursor... 
	cursor: text;
	margin-bottom: -4px;
	padding-bottom: 5px;
}
.anchorsCase a:hover, .anchorsCase a:focus, .anchorsCase a:active
{
	cursor: pointer;
}
.anchorCase
{
	color: #898989;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	z-index: 2;
	width: 254px;
	background-repeat: no-repeat;
	height: 213px;
	padding: 10px;
	padding: 18px 20px 20px 30px;
	line-height: 21px;
}
.anchorCase h3
{
	color: #363538;
	font-size: 12px;
	font-weight: bold;
	margin-left: -10px;
}
.anchorCase a
{
	color: #898989;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
.anchorCase a:hover
{
	color: #ed1a22;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}*/
.tabContHld1 h3, .tabContHld2 h3, .tabContHld3 h3, .tabContHld4 h3, .tabContHld5 h3, .tabContHld6 h3, .tabContHld7 h3, .tabContHld8 h3, .tabContHld9 h3
{
	color: #363538;
	font-size: 12px;
	font-weight: bold;
	margin-left: -10px;
}

.tabContHld1 a, .tabContHld2 a, .tabContHld3 a, .tabContHld4 a, .tabContHld5 a, .tabContHld6 a, .tabContHld7 a, .tabContHld8 a, .tabContHld9 a
{
	color: #898989;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
.tabContHld1 a:hover, .tabContHld2 a:hover, .tabContHld3 a:hover, .tabContHld4 a:hover, .tabContHld5 a:hover, .tabContHld6 a:hover, .tabContHld7 a:hover, .tabContHld8 a:hover, .tabContHld9 a:hover
{
	color: #ed1a22;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}
.tabContHld1
{
	margin: 20px 0 5px 10px !important;
	*left:-0px;
	*top:65px;
	*margin: 0px !important;
	/*height: 120px;*/
	width: 200px;
	background-image: url(../images/background/bg_caseHldTopSmall.gif);
	background-position:top;
	clear:both;
	display: none;
	position:absolute;
	text-align:left !important;
}
.tabContHld2
{
	margin: 25px 0 5px 10px;
	*left:100px;
	*top:65px;
	*margin: 0px !important;
	/*height: 125px;*/
	width: 200px;
	background-image: url(../images/background/bg_caseHldTopSmall.gif);
	background-position:top;
	display: none;
	clear:both;
	position:absolute;
	text-align:left !important;
}
.tabContHld4
{
	margin: 25px 0 5px 10px;
	*left:270px;
	*top:65px;
	*margin: 0px !important;
	/*height: 125px;*/
	width: 200px;
	background-image: url(../images/background/bg_caseHldTopSmall.gif);
	background-position:top;
	display: none;
	clear:both;
	position:absolute;
	text-align:left !important;
}
.tabContHld6
{
	margin: 25px 0 5px -140px;
	*left:310px;
	*top:65px;
	*margin: 0px !important;
	/*height: 120px;*/
	width: 200px;
	background-image: url(../images/background/bg_caseHldTopSmallR.gif);
	background-position:top;
	display: none;
	clear:both;
	position:absolute;
	text-align:left !important;
}
.tabContHld8
{
	margin: 25px 0 5px -130px;
	*left:500px;
	*top:65px;
	*margin: 0px !important;
	/*height: 113px;*/
	width: 200px;
	background-image: url(../images/background/bg_caseHldTopSmallR.gif);
	background-position:top;
	display: none;
	clear:both;
	position:absolute;
	text-align:left !important;
}
.tabContHld1 div, .tabContHld2 div, .tabContHld4 div, .tabContHld6 div, .tabContHld8 div {
	background-image: url(../images/background/bg_caseHldBtmSmall.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding: 18px 20px 20px 30px;
	margin-top:10px;
	/*border:1px dotted #ff00cc;*/
}
.tabContHld3
{
	margin: 25px 0 5px 10px;
	*left:190px;
	*top:65px;
	*margin: 0px !important;
	/*height: 180px;*/
	width:254px;
	background-image: url(../images/background/bg_caseHldTop.gif);
	background-position:top;
	display: none;
	clear:both;
	position:absolute;
	text-align:left !important;
}
.tabContHld5
{
	margin: 25px 0 5px -170px;
	*left:180px;
	*top:65px;
	*margin: 0px !important;
	/*height: 185px;
	border:1px dotted #ff0000;*/
	width:254px;
	background-image: url(../images/background/bg_caseHldTopR.gif);
	background-position:top;
	background-repeat:no-repeat;
	display: none;
	clear:both;
	position:absolute;
	text-align:left !important;
}
.tabContHld7
{
	margin: 25px 0 5px -150px;
	*left:355px;
	*top:65px;
	*margin: 0px !important;
	/*height: 230px;*/
	width:254px;
	background-image: url(../images/background/bg_caseHldTopR.gif);
	background-position:top;
	display: none;
	clear:both;
	position:absolute;
	text-align:left !important;
}
.tabContHld8
{
	margin: 25px 0 5px -150px;
	*left:355px;
	*top:65px;
	*margin: 0px !important;
	/*height: 230px;*/
	width:254px;
	background-image: url(../images/background/bg_caseHldTopR.gif);
	background-position:top;
	display: none;
	clear:both;
	position:absolute;
	text-align:left !important;
}


.tabContHld3 div, .tabContHld5 div, .tabContHld7 div{
	background-image: url(../images/background/bg_caseHldBtm.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding: 18px 20px 20px 30px;
	margin-top:15px;
	/*border:1px dotted #ff00cc;*/
}
/*============================Scroll style start here=====================================*/

.lay {
display: none;
/*position: relative;*/
}

/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 526px;	 
	height:450px;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:1284px;
	height:34px;
	clear:both;
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}



/* single item */
.thumbsDiv {
	float:left;
	padding: 10px 2px 0 0;
	color: #000;
	text-decoration: none;
	background-image: url(../images/background/bg_case.gif);
	background-repeat: no-repeat;
	height: 57px;
	width: 86px;
	text-align: center;
	cursor:pointer;
}
.thumbContHld {position: relative;}
/* style when mouse is over the item 
#thumbs div.hover {
	background-color:#444;	
}*/

/* style when element is active (clicked)
#thumbs div.active {
	background-color:#066;
	cursor:default;
}

#thumbs h3, #thumbs p, #thumbs span {
	margin:13px;		
	font-family:"bitstream vera sans";
	font-size:13px;
	color:#fff;	
}

#thumbs h3 em {
	font-style:normal;
	color:yellow;
} */

/* this makes it possible to add next button beside scrollable */
div.scrollable {
 float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
 display:block;
 width:18px;
 height:18px;
 background:url(../images/btn/left.png);
 background-repeat:no-repeat;
 float:left;
 margin:20px 10px;
 cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
 background-position:0px -18px;
}

/* disabled navigational button */
a.disabled {
 visibility:hidden !important;
}

/* next button uses another background image */
a.next, a.nextPage {
 background-image:url(../images/btn/right.png);
 clear:right;
}