﻿/***** BODY *****/
body { font-family: Arial, sans-serif; color: #666; }

/***** CAROUSEL *****/
#contentBox { width: 668px; height: 187px; }
#boxLinks ul li{ list-style: none; padding: 0!important; }
#boxDefSlider { width: 668px; height: 187px; background: url("../images/bgDefContainer.png") no-repeat top left; }
#boxDefSlider .container { float: left; width: 608px; height: 167px; padding: 10px; overflow: hidden; }
#boxDefSlider img { border:0px; }
#boxDefSlider .btnPrev, #boxDefSlider .btnNext { float: left; width: 19px; height: 1px; padding-top: 187px; cursor:pointer; }
#contentBox .defImageBoxLink { width: 200px; padding-right: 5px; }
#contentBox .defImageBoxLink img { border: 0px; width: 200px; }
#contentBox .defImageBoxLink h2 { font-size: 16px; font-weight: normal; line-height: 22px; padding-bottom: 0px; margin: 0px; }
#contentBox .defImageBoxLink h2 a { color: #9c8fc1; font-size: 16px; line-height: 16px; text-decoration: none; }
#contentBox .defImageBoxLink h2 a:hover { border-bottom: 1px solid #9c8fc1; /*text-decoration: underline;*/ }
#contentBox .defImageBoxLink .text { font-size: 12px; height: 47px; overflow: hidden; padding-top: 5px; }
#contentBox .defImageBoxLink .text a { color: #9c8fc1; }
#contentBox .defImageBoxLink .text a:hover { text-decoration: none;  }
#contentBox .defImageBoxLink .arrow { height: 19px; background: url("../images/arrowDefBox.gif") no-repeat right; text-align: right; padding-right: 3px; }
#contentBox .defImageBoxLink .arrow a { text-decoration: none; }
#contentBox .defImageBoxLinkSep { float: left; width: 9px;  }
/***** HELPER *****/
.clear { display: block; clear: both; }
.clear:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear { display: inline-block; }
* html .clearfix { height: 1%; }
.clear { display: block; clear:both } 
.left { float: left; }
.hidden { display: none; }