/* CSS for JS Accordian */

/* Container */
.hrzContainer3 {overflow:hidden; padding-top: 5px; width: 784px; height: 230px; margin-left: 0px;}
.hrzContainer3 ul {list-style-type: none; margin: 0px; padding: 0px;}
.hrzContainer3 li {display: inline; margin: 0px; padding: 0px;}

/*Handle*/
.handle3 {width: 769px; float: left; width: 21px; height: 228px; text-align:center; margin-top: 1px; background: #fff; cursor: pointer; cursor: hand;}
.handle3 img{}
.handleOver3{}
.handleOver3 img{}
.handleSelected3{background: #000;}

/*Content Container*/
.contentWrapper3 {text-align: left; height: 228px;}
.contentInnerWrapper3 {padding: 10px; height: 228px;}
.contentWrapper3 h3 {color: #241b83; font-size: 12pt; margin-top: 5px; margin-bottom: 10px;}
.contentWrapper3 p {color: #0069b9; width: 330px; font-size: 19pt; font-weight: lighter; line-height: 26px; font-family: Arial;}
img.feature_pic {float: right; width: 340px; height: 228px; margin-right: -2px;}
.accordian_pic {width: 338px; height: 228px; float: right; margin-top: -9px; margin-right: -10px;}

/*Animation Start*/
.contentStart3 {padding-left: 0px; float: left; width:0px; height: 310px; overflow: hidden;}

/*Animation End*/
.contentEnd3 {float: left; height: 310px;}