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

.car-carousel
{
    float:right;
    overflow: hidden;
    position: relative;
	width:274px;
	_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:274px;
	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;
}

.slide2 h2
{
    padding:10px 13px;
}
.slide1 p, .slide2 p
{
    padding:0px 13px 0px 13px;
    font-size:0.75em;
}

.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/vouchers_bg.jpg) bottom no-repeat;
    min-height: 317px; 
    height:auto !important;
    height: 317px; 
} 



.slide1 h2{float: left; display: inline; width: 170px; height: 40px; background: url(../Media/Images/CSS/Home/carousel/vouchers_heading.gif) 0 0 no-repeat; margin: 10px 0 0 10px; overflow: hidden;}
.slide1 h2 span{display: none;} 

.slide1 p {float: left; clear: left; display: inline; padding-right:30px; margin-top: 10px; color: #494E4E; width: 230px;}   

.car-carousel .car-imagesContainer .car-imageLarge .slide1 a:link,
.car-carousel .car-imagesContainer .car-imageLarge .slide1 a:visited {float: left; clear: left; display: inline; color: #005292; width: 156px; height: 21px; background: url(../Media/Images/CSS/Home/carousel/vouchers_link.gif) 0 0 no-repeat;}



 
.slide1 a span{display: none;}  

/* Large subscriptions mod (right hand side on homepage */
.subscriptions .slide1{background:url(../Media/Images/CSS/Home/carousel/btsubs_bg.jpg) no-repeat 0 bottom;}  
.subscriptions h2{width: 229px; height: 79px; background: url(../Media/Images/CSS/Home/carousel/btsubs_title.gif) 0 0 no-repeat;}   

.car-carousel .subscriptions .car-imageLarge .slide1 a:link,
.car-carousel .subscriptions .car-imageLarge .slide1 a:visited {float: left; clear: left; display: inline; color: #005292; width: 156px; height: 24px; background: url(../Media/Images/CSS/Home/carousel/btsubs_a.gif) 0 0 no-repeat;}
        

.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;
} 

/* large VPN mod */
.vpn_large .slide1{background:url(../Media/Images/CSS/Home/carousel/btvpn_bg.jpg) no-repeat 0 bottom;}  
.vpn_large h2{width: 159px; height: 47px; background: url(../Media/Images/CSS/Home/carousel/btvpn_title.gif) 0 0 no-repeat;}            

.car-carousel .vpn_large .car-imageLarge .slide1 a:link,
.car-carousel .vpn_large .car-imageLarge .slide1 a:visited {float: left; clear: left; display: inline; color: #005292; width: 148px; height: 24px; background: url(../Media/Images/CSS/Home/carousel/btvpn_a.gif) 0 0 no-repeat;}






/**********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; }
***/                     


/* New carousel BLP style -->

/* Carousel 300 styles */  
a {outline: none; border: none;}

#bt-home-carousel-small {display: block; float: left; position: relative; height: 319px; width: 274px; margin: 0; overflow: hidden; margin: 0 20px 0 0;}
	#bt-home-carousel-small #slides {padding: 0; margin: 0;}
		#bt-home-carousel-small #slides li {left: 300px; display: block; height: 319px; width: 274px; position: absolute; list-style: none; padding: 0;} 
		#bt-home-carousel-small #module-vpn-300 h3, #module-vpn-300 p {display: block;}

.carousel-controls {position: absolute; z-index: 30; bottom: 0px; width: 274px; height: 30px; background: none;}   
	.control-bg {width: 300px; height: 30px; background: transparent url(../Media/Images/CSS/Common/control-bg-home.png) 0 0 no-repeat;}
* html .control-bg {background-image: url(/vfile/images/v3_layout/control-bg-home.gif);}
		.carousel-controls ul {display: inline; float: left; padding: 0; margin: 11px 0 0 126px;}
			.carousel-controls li {float: left; width: 10px; height: 10px; list-style: none; padding: 0; background: none; margin: 0 8px 0 0; }
				.carousel-controls a {cursor: pointer; display: block; width: 10px; height: 10px; background: transparent url(../Media/Images/CSS/Common/bg_button.png) 0 0 no-repeat; text-indent: -99999px;}                                                                         
				.carousel-controls .active a {background-position: -10px 0;}

				* html .carousel-controls a {background-image: url(../Media/Images/CSS/Common/bg_button.gif);}    
#carousel_overlay {cursor: pointer; display: block; position: absolute; z-index: 25; top: 0; left: 0; background: transparent url(../Media/Images/CSS/Common/carousel_container.png) no-repeat 0 0; height: 319px; width: 274px; overflow: hidden; border-right: 2px solid #ffffff;}
* html #carousel_overlay {background-image: url(../Media/Images/CSS/Common/carousel_container.gif);}        
* html .control-bg {background-image: url(../Media/Images/CSS/Common/control-bg.gif);}  
