﻿.rotatorCont {
     width: 800px;
     height: 400px;
     margin: 10px 0;
     padding-top: 54px;
     background: url(Images/rotator_back.jpg) no-repeat;
}
 
.rrClipRegion {
     border: 0 none !important;
}
 
.rotator {
     margin: 0 auto;
     width: 500px;
     height: 220px;
}
 
.links {
     margin: auto;
     width: 200px;
     float:right;
     position:relative;
     top:-50px;
     right:20px;
}
 
.ButtonsContainer {
     height: 22px;
     line-height: 22px;
     padding: 0 5px 0 2px;
}
 
.ButtonsContainer .buttonClass {
     display: inline-block;
     float: left;
     width: 22px;
     text-align: center;
     text-decoration: none;
     color: #eee;
     font-size: 12px;
}
 
.ButtonsContainer .buttonClass, .leftButton, .leftButton:hover, .rightButton, .rightButton:hover {
     background: url('Images/ArrowSprite.gif') no-repeat;
}
 
.btnHighlight {
     background-position: 0 -110px !important;
     color: #9EDA29 !important;
}
 
.ButtonsContainer .buttonClass {
     background-position: 0 0;
}
 
.ButtonsContainer .buttonClass:hover {
     background-position: 0 -110px;
     color: #9EDA29;
}
 
.ButtonsContainer, .leftButton, .rightButton {
     float: left;
}
 
.leftButton, .rightButton {
     display: block;
     width: 22px;
     height: 22px;
}
 
.leftButton {
     background-position: 0 -22px;
}
 
.leftButton:hover {
     background-position: 0 -44px;
}
 
.rightButton {
     background-position: 0 -66px;
}
 
.rightButton:hover {
     background-position: 0 -88px;
}
 
.conf {
     clear: both;
     height: 100px;
     margin-top: 20px;
}
.itemTemplate {
     width: 570px;
     height: 230px;
}
.imageStyle {
     float: left;
     width: 226px;
     height: 226px;
     margin: 0 0 0 5px;
     padding: 5px 0 0 5px;
     background: url('Images/item_back.png') no-repeat -7px -6px !important;
}
.info, .title {
     font-size: 14px;
}