.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(Images/checkbox.png) no-repeat;
	display: inline;
	
	float: left;
}
.radio {
	background: url(Images/radio.png) no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.png) no-repeat;
	overflow: hidden;
}
/* container for slides */
.images
{
    background-color: #FFFFFF;
    border: 1px solid #D7D7D7;
    position: relative;
    height: 183px;
    width: 698px;
    float: left;            
    
}
/* single slide */
.images div
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;           
    height: 183px;
    width: 698px;
    font-size: 12px;
    overflow: hidden;
}        
/* tabs (those little circles below slides) */
.slidetabs
{
    clear: both;
}
/* single tab */
.slidetabs a, .slidetabs a:hover
{
    width: 173px;
    height: 25px;
    float: left;
    border-left: solid 1px #858E94;
    border-right: solid 1px #C7C8CA;
    display: block;
    font-size: 12px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
}
.slidetabs a
{
    background: url(Images/tabs.jpg);
}
.slidetabs a:hover
{
    background: url(Images/tabsHover.jpg);
}
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled
{
    visibility: hidden !important;
}
.slidetabs a.current {
    background: url(Images/tabsActive.jpg);
}