.clear {
    clear:both;
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}
/*** BRANDBOX ***/
.brandBox {
    position:relative;
    width:585px;
    height:282px;
}
.brandBox * :focus { outline:none; }
.brandBox img { border:0; }
.brandBox h2 {
    font-size:24px;
    font-weight:lighter;
    margin:0;
    padding:0;
    color:#FFF;
    line-height:26px;
}
.brandBox h3 {
    font-size:16px;
    font-weight:300;
    margin:6px 0 0 0;
    padding:0;
    color:#FFF;
    line-height:17px;
}
.brandBox p {
    font-size:11px;
    line-height:12px;
    margin:10px 0 0 0;
    padding:0;
    color:#FFF;
}
.brandBox a {
    color:#FFF;
    text-decoration:none;
}
.brandBox .brandBoxMask {
    
    position: absolute;
    width:585px;
    height:282px;
}
.brandBox .brandBoxLinkContainer {
    position: absolute;
    width:585px;
    height:282px;
}
.brandBox .brandBoxLinkContainer a {
    text-decoration:none;
    display:block;
    width:100%;
    height:100%;
}
.brandBox .brandBoxImages {
    position: absolute;
    height:282px;
    width:585px;
    overflow:hidden;
}
.brandBox .brandBoxImages .brandBoxImagesList {
    margin:0;
    padding:0;
    list-style:none;
    width:6000px;
}
.brandBox .brandBoxImages .brandBoxImagesList li {
    margin:0 0 0 0; /* might need to change */
    padding:0;
    float:left;
    width:585px;
    overflow:hidden;
}
.brandBox .brandBoxOverlay {
    
    position:absolute;
    width:195px;
    height:255px;
    top:14px;
    left:14px;
}
.brandBox .brandBoxOverlay .brandBoxOverayFooter {
    position:absolute;
    width:195px;
    text-align:center;
    bottom:5px;
    zoom:1;
}
.brandBox .brandBoxOverlay .brandBoxOverayFooter .padding { padding:0; }
.brandBox .brandBoxOverlay .brandBoxOverayFooter .brandBoxLinkList {
    margin:0;
    padding:0;
    list-style:none;
    display:inline;
    zoom:1;
}
.brandBox .brandBoxOverlay .brandBoxOverayFooter .brandBoxLinkList a {
    background-color:#F00;
    display:inline-block;
    height:14px;
    width:14px;
    
    text-decoration:none;
}



.brandBox .brandBoxOverlay .brandBoxOverayFooter .brandBoxLinkList a img { display: none; }

.brandBox .brandBoxOverlay .brandBoxOverayFooter .brandBoxLinkList li {
    margin:0 3px 0 3px;
    padding:0;
    display:inline;
    list-style-type:none;
    height:14px;
    width:14px;
    zoom:1;
    position:relative;
}
.brandBox .brandBoxOverlay .brandBoxLeft {
    position:absolute;
    left:0;
    top:0;
}
.brandBox .brandBoxOverlay .brandBoxRight {
    position:absolute;
    right:0;
    top:0;
}
.brandBox .brandBoxOverlay .brandBoxOverayContent { position:absolute; }
.brandBox .brandBoxOverlay .brandBoxOverayContent .padding { padding:11px 9px; }
.brandBox .brandBoxOverlay .brandBoxOverayContentItem {
    position:absolute;
    width:179px;
    top:0;
    left:0;
}
.brandBox .brandBoxImages .brandBoxImagesScroller {
    position:absolute;
    top:0;
    left:0;
}
.brandBoxToolTip {
    position:absolute;
    width:160px;
    color:#FFF;
    font-size:11px;
    line-height:12px;
    bottom:30px;
    left:0;
}
.brandBoxToolTip .brandBoxToolTipContent {
    position:relative;
    width:100%;
    
    text-align:left;
}
.brandBox .brandBoxOverlay .brandBoxOverayFooter .brandBoxToolTip .brandBoxToolTipContent .padding {
    padding: 8px 8px 3px 8px;
    text-align:left;
}
.brandBoxToolTip .brandBoxToolTipFooter {
    position:relative;
    width:100%;
    height:20px;
    
}
/*** CAROUSELL ***/

.carousell {
    width:194px;
    position:relative;
}
.carousell img { border:none; }
.carousell * :focus { outline:none; }
.carousellHeader {
    position:relative;
    width:100%;
    height:31px;
    color:#FFF;
    font-size:14px;
    line-height:31px;
}
.carousellHeader .blockLeft {
    position:relative;
    float:left;
    width:100%;
    height:31px;
    
}
.carousellHeader .blockRight {
    position:relative;
    float:left;
    width:100%;
    height:31px;
    
}
.carousellHeader .blockCenter {
    height:31px;
    
    margin:0 14px 0 14px;
    overflow:hidden;
}
.carousell .carousellContent {
    width:16em;
    height:9.8em;
    position:relative;
    
    overflow:hidden;
}
.carousell .carousellImages {
    position:absolute;
    width:13.5em;
    height:10em;
    overflow:hidden;
    left:2.1em;
    top:0;
}
.carousell .carousellMask {
    position:absolute;
    width:0;
    height:152px;
    overflow:hidden;
    left:0px;
    top:0;
    
}
.carousell .carousellLinks {
    position:absolute;
    width:0;
    height:152px;
    left:0px;
    top:0;
}
.carousell .carousellLinks .carousellRight { right:0; }
.carousell .carousellLinks .carousellLeft { left:0; }
.carousell .carousellLinks .carousellCenter {
	left:36px;
	width:89px;
}
.carousell .carousellLinks a {
    position:absolute;
    display:block;
    width:63px;
    text-decoration:none;
    /*height:100%;*/
height:152px;
}
.carousell .carousellImagesScroller {
    position:absolute;
    width:6000px;
    top:0;
    left:-70px;
}
.carousell .carousellImagesListItem {
    
	float:left;
    
     width:89px;
    height:133px;
    position:relative;
}
.carousell .carousellImagesListItemHeader .padding {
    padding:5px;
    zoom:1;
}
.carousell .carousellImagesListItemHeader {
    position:absolute;
    left:25px;
    font-size:9px;
    width:105px;
    color:#FFF;
}

.carousell .carousellImagesList a{
cursor:pointer;
}
.carousell .carousellImagesListItem img {
    
	position:absolute;
    left:0;
    top: 0;
}

.carousell .carousellFooter { position:relative;width:17em;}

.carousell .carousellFooter div { float:left;padding-left:.5em; }
.carousell .carousellFooter div.carousellFooterRight { float:right;padding-left:0em; }
.carousell .carousellFooter .carousellFooterMid {
    width:11.5em;
	text-align:center;
	padding-top:.3em;
}