/*CSS File for elements found on home page*/

#content{
    background: url("/fileadmin/media/images/grass.jpg") bottom center no-repeat;
    background-color: white;
}
#tabs{
    float: left;
    width: 293px;
    height: 318px;
    position: absolute;
    z-index: 10;
}

.csc-textpic-learn-more {
	width: 203px;
	float: right;
}


#callout-border {
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 5px;
	background: url("/fileadmin/media/images/cycle-left-right-border.jpg") repeat-y;
	height: 308px;
}

#callout-border-top {
	background-image: url("/fileadmin/media/images/cycle-top-border.jpg");
	background-repeat: no-repeat;
	margin-top: -5px;
	margin-left: -2px;
	width: 864px;
	height: 3px;
	line-height: 3px;
	position: absolute;
}

#callout-border-bottom {
	background-image: url("/fileadmin/media/images/cycle-bottom-border.jpg");
	background-repeat: no-repeat;
	margin-top: 310px;
	margin-left: -2px;
	width: 864px;
	height: 3px;
	line-height: 3px;
	position: absolute;
}

.bodytext {
	margin-top: -10px;
	font-family: Arial;
	width: 250px;
	font-size: 11px;
	letter-spacing: 0px;
	line-height: 20px;
}

.csc-textpic-text .bodytext {
	margin-top: -5px;
	font-family: Arial;
	width: 190px;
	font-size: 11px;
	letter-spacing: 0px;
	line-height: 20px;
	float: right;
}

#tabs h2{padding: 12px 0px;}
.main-content-tab{height: 102px;width: 276px; cursor: pointer; } 
.main-content-tab-divider{
    line-height: 1px;
    width: 250px;
    margin-left: 13px;
    background: #dddddd;
    float: left;
    height: 1px;
}

.activeDIV{
	margin-top: 1px;
    width: 293px;
    height: 102px;
    background: url("/fileadmin/media/images/orange-box.png") !important;
    background-image:url(none);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/fileadmin/media/images/orange-box.png);
    color: #ffffff;
}
.activeDIV h2{color: #ffffff;}


#featured-wrapper{
	padding:18px 0px 59px 18px;
    width: 900px;
    overflow: hidden;
    margin-top: -12px;
}
/*Special classes*/
.hidden{display: none;}
#tabs .csc-frame{
    padding: 0px 16px 14px 13px;
}
#callout .csc-frame{
	position: relative; 
	margin-left: -23px; 
	width:581px;
	height: 308px;
	display: none;
}
#callout dl{margin: 0px;}

#callout{
    float: right;
    width: 581px;
    height: 308px;
}
#callout .csc-header {
    position:absolute;	
    width: 112px;
    height: 32px;
    margin-top: 248px;
	margin-left: 455px;
}

#callout .csc-header a{ 
	padding-left: 106px;
	padding-right: 6px;
	padding-bottom: 32px;
    height: 32px;	
    line-height: 0px;
	background: url("/fileadmin/media/images/btn-learn-more.png") no-repeat;
    font-size: 0px;
    color: #5c831a;
}

#featured-wrapper .box {
	width: 277px;
	margin: 1px 16px 0 0;
	padding-top: 0px;
}
#featured-wrapper .box-content{width: 276px; height: 132px; background: white}
#featured-wrapper .box-content h2{padding: 14px 12px;}
#featured-wrapper .box-content .csc-textpic{padding: 0px 12px;}

#callout h4 {
	margin-top: 10px;
	color: green;
}