﻿/*carousel************************************************************************************************/

.car-carousel
{
    float:right;
    overflow: hidden;
    position: relative;
	width:276px;
	_width:274px;
	color:#000;
	text-align:left;
	height:319px;
	margin-top:19px;
	
}

.car-lightBoxContent
{
	border:none;
}

.car-carousel .car-imagesContainer
{
	width: 1500px;
	overflow: hidden;
	position: relative;
}

.car-small .car-imagesContainer
{
	left: 9px;
}

.car-medium .car-imagesContainer
{
	left: 40.5px;
}

.car-carousel .car-imagesContainer .car-imageLarge
{
	height:319px;
	width:276px;
	margin:0px;
	overflow: hidden;
}
.car-controls
{
	display: none;
    margin-top:5px;
}

.car-carousel .car-container
{
    margin-top:10px;
    position:relative;
}
.car-large .car-imagesContainer
{
	/*height:271px;*/
	width:8000px;
}
.itemContainer .car-controls
{
	margin:0px;
}
.itemContainer
{
	margin-top:0px;
	padding-left:120px;
	padding-top:0px;
	height:32px;
	width:153px;
	position:absolute;
	bottom:0px;
	left:1px;
	_left:0px;
	_background:url(../Media/Images/CSS/Home/carousel/bg-control.gif);
	background-repeat:no-repeat;
		  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Media/Images/CSS/Home/carousel/bg-control.gif');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.itemContainer[class] {
  background-image:url(../Media/Images/CSS/Home/carousel/bg-control.png);
  background-repeat:no-repeat;
  
}

.itemContainer .car-controls
{
	margin:0px;
	padding-top:10px;
}

.car-lightBoxContent .car-container .car-controls
{
	padding-top:10px;
	margin:0px;
}
.car-controls img
{
    cursor:pointer;
}

/***************specific slides**************/
.car-imageLarge
{
    background:url(../Media/Images/CSS/Home/carousel/ItemBackground.jpg) top no-repeat;
}

.slide1 h2, .slide2 h2
{
    padding:10px 13px;
}
.slide1 p, .slide2 p
{
    padding:0px 13px 0px 13px;
    font-size:0.75em;
}
.slide1 p
{
    padding-right:30px;
}
.car-carousel h2
{
    padding-bottom:10px;
    font-size:1.4em;
    font-weight:normal;
    color:#333;
}
.slide2 img
{
    padding:0px 0px 0px 43px;
}
.slide2 strong
{
    font-size:1.1em;
    padding-bottom:5px;
    display:block;
}
.slide1
{
    background:url(../Media/Images/CSS/Home/carousel/subscriptions.jpg) bottom no-repeat;
    min-height: 317px; 
    height:auto !important;
    height: 317px; 
}

.car-carousel .car-imagesContainer .car-imageLarge a:link,
.car-carousel .car-imagesContainer .car-imageLarge a:visited
{
    background:url(../Media/Images/CSS/Common/arrow-right_pink.gif) no-repeat 0 2px;
    color:#d81f99;
    padding-left:17px;
    text-decoration:none;
    margin-top:5px;
    display:block;
    font-size:0.8em;
    margin-left:13px;
}



/**********square button*****/
/***
.slide2 .button{padding-top:0px;padding-bottom:10px; padding-left:13px;}
.car-carousel .car-imagesContainer .car-imageLarge .button a:link,
.car-carousel .car-imagesContainer .car-imageLarge .button a:visited { text-decoration:none; cursor:pointer; background-color: #d81f85 !important; font-size:0.7em; line-height:1.2em; color:#fff; display:block; float:left; }
.car-carousel .car-imagesContainer .car-imageLarge .button span{display:block;float:left;}


.slide2 .btn-tl { background:#6c459a url(../Media/Images/CSS/Home/carousel/btn-purple-tl.gif) no-repeat top left; display:block; float:left; }
.slide2 .btn-tr { background: url(../Media/Images/CSS/Buy/btn-purple-tr.gif) no-repeat top right; display:block; float:left; }
.slide2 .btn-bl { background: url(../Media/Images/CSS/Buy/btn-purple-bl.gif) no-repeat bottom left; display:block; float:left; }
.slide2 .btn-br { background: url(../Media/Images/CSS/Buy/btn-purple-br.gif) no-repeat bottom right; display:block; float:left; padding:1px 7px 1px 14px; }
***/