/* 
Designed by Alozie Emmanuel N@DigitalWeb for Colosense
All rights reserved
 */

body, td, th {font-family:verdana;
		font-size:10px;
		color:black;
		font-weight:normal;
		background:#CCCCCC;
		margin:0px 0px 0px 0px;
		}

table, th, td { background:#FFFFFF;}

.bannerTh {height:90px;
			text-align:right;
			padding-right:10px;
			vertical-align:bottom;
			
			}
			
.menuBarBorder {border:1px solid #FF9900;}



/*This part contains the css for the side link*/

.buttonmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px;
}

.buttonmenu li a, .buttonmenu li a:active, .buttonmenu li a:visited{
color: #B7693C;
display: block;
width: 100%;
padding-right:3px;
margin-left:0px;
font-size:10px;
padding-top:6px;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #BADB7E;
background-color: #FFF;
text-decoration:none;
text-align:right;
height:25px;
}


.buttonmenu li a:hover, .buttonmenu li a.current{
color: #372779;
background-color: #FFF;

}


/* This part handles the top menu */
.ddoverlap{
border-bottom: 1px solid #bbb8a9;
height:24px;
}

.ddoverlap ul{
padding: 0;
margin: 0;
font: bold 90% default;
list-style-type: none;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
padding: 6px 8px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color: #333333;
background: transparent url(../img/righttabselected.gif) 100% 0px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}

.ddoverlap li a:visited{
color: #333333;
}

.ddoverlap li a:hover{
text-decoration: none;
background: transparent url(../img/righttabdefault.gif) 100% 0 no-repeat;
}

.ddoverlap li.selected a{ /*selected tab style*/
color: #333333;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 0px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(../img/righttabdefault.gif) 100% 0 no-repeat;
}

.ddoverlap li.selected a:hover{
text-decoration: none;
}



.stepcarousel{
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 570px; /*Width of Carousel Viewer itself*/
height: 470px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 550px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}




<--[if IE]>

.ddoverlap{
height: 1%;  /*Apply Holly 3px jog hack to get IE to position bottom border correctly beneath the menu*/
}

<![endif]-->