/* CSS for home pages */
.carouselAdContainer {
height:452px;
position:relative;
width:960px;
overflow:hidden;
}
.carouselAdContainer a {
color:#58595b;
text-decoration:none;
}
.carouselControlsContainer {
bottom:-410px;
float:right;
margin:0px 25px 0 0;
font-size:1.9em;
position:relative;
/*right:35px;*/
z-index:20;
}
.carouselControlsContainer a {
margin-left: 4px;
background:url(/img/sprits.png) -82px 0px no-repeat;
display:inline-block;
height:22px;
width:22px;
}
.carouselControlsContainer a.selected {
background:url(/img/sprits.png) -105px 0px no-repeat;
}
.carouselAd {
display:none;
left:0px;
position:absolute;
top:0px;
}
.carouselAd img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
/* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
/* IE6 & 7 */
zoom: 1;
}
.carouselThumbContainer {
margin-left:17px;
}
.carouselThumbContainer img {
margin-right:18px;
}
.carouselMessagesContainer{
position:relative;
display:block;
float:right;
margin:0 0 0 0;
width:460px;
height:90px;
bottom:-285px;
clear:both;
z-index: 20;
/*opacity: .75;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
zoom: 1;
background-color:#FFF;
border-top-left-radius:4px;
border-bottom-left-radius:4px;*/
}
.carouselMessage {
position:absolute;
display:none;
width:460px;
height:90px;
float:right;
padding:0 0 0 15px;
margin:0 0 0 0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
opacity: .75;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
zoom: 1;
background-color:#B4DBF7;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
}
.carouselHeader {
text-transform:uppercase;
font-size:14px;
font-weight:bold;
margin:8px 0 0 0;
white-space:no-wrap;
font-family:Arial, Helvetica, sans-serif;
}
.carouselBody {
width:320px;
font-size:14px;
line-height:1.3em;
padding:0 0 0 0;
margin:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
}
a.messageButton {
position:absolute;
top:40px;
right:0px;
width:80px;
height:20px;
background:url(/img/sprits.gif) 0 0 no-repeat transparent;
margin:0 38px 10px 0;
padding-top: 2px;
text-align: center;
text-shadow: 0 -1px 0 #999999;
text-transform: uppercase;
zoom: 1;
filter: alpha(opacity=100);
opacity:1.0;
z-index:25;
color: #F8FFF5;
font-family: Arial,Helvetica,sans-serif;
font-size: 0.78em;
font-weight: bold;
}
div.bodyContent {
position:relative;
margin:0;
padding: 0;
}
div.mainContentAreaMargin {
width:960px;
position:relative;
}
div.bodyContainer {
border:none;
padding-top:0;
}
.homePromos {
/*** position:relative;
z-index:0;
background: url("/dms-inline/images/promo-container-bkg.png") repeat-x scroll 0 0 transparent;
height: 125px;
margin: 0;
overflow: hidden;
padding-top:10px;
width: 960px;
background-color:#FFF;
border-bottom:1px solid #D9D9D9;***/
position:relative;
z-index:0;
width:960px;
font-size: .85em;
padding-top:20px;
background-color:#FFF;
}
/**** IP version
.homePromoContainer {
font-size:12px;
margin:0 0 0 0;
border-right: #d9d9d9 1px solid;
overflow: hidden;
position:relative;
padding:10px 25px 25px 25px;
} *********/
.homePromoContainer {
font-size:12px;
margin:0 0 0 0;
padding-right: 15px;
border-right: #d9d9d9 1px solid;
height: 110px;
overflow: hidden;
}
.homePromos > div:last-child .homePromoContainer {
padding-right: 0;
border-right: none;
}
.homePromos h3 {
font-size:1.0em;
text-transform: uppercase;
margin: 5px 0 5px 0;
}
.homePromoContainer {
position:relative;
}
.homePromoButtonContainer {
position:absolute;
bottom: 0px;
right: 10px;
}
/*** login style overrides *********/
#loginBlock
{
position:absolute;
z-index:100;
}
/**** smallscreen styles *********/
#log {
position:fixed;
right:200px;
top:0px;
color:red;
border:1px solid red;
}
.smallScreen {
margin-top:-130px;
}
.largeScreen {
margin-top:0px;
}