.cute-slider{
	position: relative;	
	margin: 0;
}

#slider-wrapper{
	margin-top: 5px;
	border: 5px solid #fff;
	border-radius: 2px;
	box-shadow: 0 1px 5px 0 #4a4a4a;
}

.cute-ie8 * {filter: inherit; opacity: inherit;}

/* -------------------------------------
 * Slider Controls
 * ------------------------------------*/

.br-controls {
	position:absolute;
	z-index: 2;
	background-image: url("../cute-theme/trans.png");
}

.br-next{
	position:absolute;
	right:5px;
	top:46%;
	width: 35px;
	height: 35px;
	background: url("../cute-theme/light-controls.png") -44px -4px;
}

.br-previous{
	position:absolute;
	left:5px;
	top:46%;
	width: 35px;
	height: 35px;
	background: url("../cute-theme/light-controls.png") -4px -4px;
	
}

@media screen and (max-width:800px){
	.br-next ,.br-previous {
		display: none;
	}
}

.br-slidecontrol{
	position:absolute;
	list-style: none;
	right:0px;
	z-index:10;
}

	.br-slidecontrol ul li{
		display: block;
		position:relative;
		margin:2px;
		float:left;
		width:14px;
		height: 15px;
		background: url("../cute-theme/light-controls.png") -113px -14px;
	}
	
	.br-slidecontrol ul li .br-control-selected{
		display: block;
		width:14px;
		height: 15px;
		background: url("../cute-theme/light-controls.png") -92px -14px;
	}


.br-thumb-bottom {
	left: -36px;
	position: relative;
}

.br-thumb-up {
	left: -36px;
	top:-143px;
	position: relative;
}

	.br-thumb-bottom .br-thumb-frame { 
		background: url("../cute-theme/thumb-frame.png") -0px -7px;
		width: 92px;
		height: 95px;
	}
	
	.br-thumb-up .br-thumb-frame { 
		background: url("../cute-theme/thumb-frame.png") -89px 1px;
		width: 92px;
		height: 95px;
	}
	
	.br-thumb-bottom .br-thumb-img , .br-thumb-up .br-thumb-img{ 
		position:absolute;
		top: 17px;
		left: 15px;
		width:60px;
		height:60px;
	}


.br-slideinfo .br-infocontent{
	background: url("../cute-theme/info-pat.png");
	font-size: 12px;
	text-shadow: white 1px 1px;
	width:100%;
	height: 100%;
}

	.br-slideinfo .right , .br-slideinfo .left{
		width:260px;
		height: 100%;
	}
	
	.br-slideinfo .info1 div{
		padding:20px 20px 26px 20px;
	}
	
	.br-slideinfo .info1 .title{
		font-weight: 700;
		font-size: 19px;
	}
	
	.br-slideinfo .info1 .text{
		line-height: 152%;

	}

	.br-slideinfo .info1 .more-btn{
			cursor: pointer;
			-moz-box-shadow:	inset 0px 1px 0px 0px #FF7979;
			-webkit-box-shadow:	inset 0px 1px 0px 0px #FF7979;
			box-shadow:			inset 0px 1px 0px 0px #FF7979;
			background: -webkit-gradient( linear, left top, left bottom, color-stop(0.35, #DD1C1F), color-stop(1, #CB120F) );
			background:			-moz-linear-gradient( center top, #DD1C1F 35%, #CB120F 100% );
			background-color: #DD1C1F;
			-moz-border-radius:		4px;
			-webkit-border-radius:	4px;
			border-radius:			4px;
			border: 1px solid #7C2E2E;
			color: white;
			font-size: 11px;
			font-weight: 400;
			padding: 8px 13px;
			text-shadow: 1px 1px 0px black;
			float: right;
			display: block;
			position: relative;
			top: -5%;
			margin: 0px 10px 18px 10px;
			text-decoration: none;
	}
	
	.br-slideinfo .info2 .more-btn{
			cursor: pointer;
			-moz-box-shadow:	inset 0px 1px 0px 0px #FF7979;
			-webkit-box-shadow:	inset 0px 1px 0px 0px #FF7979;
			box-shadow:			inset 0px 1px 0px 0px #FF7979;
			background: -webkit-gradient( linear, left top, left bottom, color-stop(0.35, #DD1C1F), color-stop(1, #CB120F) );
			background:			-moz-linear-gradient( center top, #DD1C1F 35%, #CB120F 100% );
			background-color: #DD1C1F;
			-moz-border-radius:		4px;
			-webkit-border-radius:	4px;
			border-radius:			4px;
			border: 1px solid #7C2E2E;
			color: white;
			font-size: 12px;
			font-weight: 400;
			padding: 4px 13px;
			text-shadow: 1px 1px 0px black;
			float: left;
			display: block;
			position: relative;
			left: 65px;
			top: 42px;
			text-decoration: none;
	}
	
	.br-slideinfo .info2 .subtitle{
			display: block;
			font-weight: 300;
			letter-spacing: -2px;
			font-size: 42px;
			margin-left: 10px;
	}
	
	.br-slideinfo .info2 .title{
			display: block;
			font-weight: 700;
			letter-spacing: -1px;
			margin-bottom: 5px;
			padding-left: 10px;
			padding-top: 10px;
			font-size: 19px;
	}
	
	.br-slideinfo .info2 .text{
			display: block;
			font-size: 13px;
			font-weight: 400;
			padding: 39px 32px;
			line-height: 127%;
	}
/* -------------------------------------
 * Slider Timer
 * ------------------------------------*/

.br-circle-timer {
	position:absolute;
	width:28px;
	height:28px;
}

	.br-circle-timer .br-timer-dot {
		width:11px;
		height: 13px;
		background: url("../cute-theme/light-controls.png") -134px -15px;
	}

.br-bar-timer{
	height: 6px;
	position:absolute;
	bottom:0px;
}

	.br-bar-timer .br-timer-glow{
	 	height: 7px;
		background: url("../cute-theme/light-timer-glow.png");
		width: 104px;
	}
	 
	.br-bar-timer .br-timer-bar{
	 	height: 2px;
		background-color: white;
		position: absolute;
		top: 4px;
	}


/* -------------------------------------
 * Slider Captions
 * ------------------------------------*/

.br-captions .br-caption-content {

}

	.br-captions .caption{
		position: absolute;
	}
	
	.br-captions .caption1 {
		font-size: 170%;
		font-weight: 300;
		color: white;
		letter-spacing: -2px;
		bottom: 20%;
		left: 28%;
	}
	
	.br-captions .caption2 {
		color: #59251A;
		font-weight: 700;
		font-size: 70%;
		bottom: 14%;
		left: 28%;
	}
	
	/* -------------------------*/
	.br-captions .caption3 {
		font-size: 280%;
		font-weight: 300;
		letter-spacing: -3px;
		bottom: 24%;
		left: 3%;
		overflow: visible !important;
	}
	
	.br-captions .caption4 {
		color: white;
		font-weight: 700;
		font-size: 75%;
		left: 3%;
		letter-spacing: -1px;
		bottom: 16%;
	}
	
	/* -------------------------*/
	.br-captions .caption5 {
		font-size: 25px;
		font-weight: 800;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
		text-transform: uppercase;
		top: 15%;
		left: 1%;
		overflow: visible !important;
		color: white;
		background: #333;
		padding: 10px 20px;
	}
	
	.br-captions .caption6 {
		color: white;
		background: #5da423;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 900;
		line-height: 30px;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
		text-transform: uppercase;
		left: 1.5%;
		top: 60%;
		padding: 0 10px;
	}

	.br-captions .caption6-1 {
		color: white;
		background: #5da423;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 900;
		line-height: 30px;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
		text-transform: uppercase;
		left: 1.5%;
		top: 67%;
		padding: 0 10px;
	}

	.br-captions .caption6-2 {
		color: white;
		background: #5da423;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 900;
		line-height: 30px;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
		text-transform: uppercase;
		left: 1.5%;
		top: 74%;
		padding: 0 10px;
	}
	
	/* -------------------------*/
	.br-captions .caption7 {
		font-size: 147%;
		font-weight: 300;
		letter-spacing: -1px;
		bottom: 50px;
		right: 91px;
		overflow: visible !important;
		color: #710912;
	}
	
	.br-captions .caption8 {
		color: white;
		background: black;
		font-weight: 700;
		font-size: 80%;
		right: 131px;
		letter-spacing: -1px;
		bottom: 41px;
		padding-right: 1px;
		height: 13px;
		margin: 0;
	}
	
	.br-captions .caption8 div {
		top: -7px;
	}
	
	/* -------------------------*/
	.br-captions .caption9 {
		font-size: 16px;
		font-weight: 700;
		letter-spacing: -1px;
		top: 32px;
		right: 245px;
		overflow: visible !important;
	}
	
	.br-captions .caption10 {
		font-weight: 300;
		font-size: 30px;
		right: 109px;
		letter-spacing: -1px;
		top: 50px;
		height: 13px;
		overflow: visible !important;
	}
	
	/* -------------------------*/
	.br-captions .caption11 {
		font-size: 100%;
		font-weight: 700;
		letter-spacing: -1px;
		bottom: 62px;
		right: 51px;
		color: #FFFCE5;
		overflow: visible !important;
	}
	
	.br-captions .caption12 {
		font-weight: 300;
		font-size: 160%;
		right: 51px;
		letter-spacing: -1px;
		bottom: 54px;
		height: 13px;
		overflow: visible !important;
		color: #AF4008;
	}
	
	/* -------------------------*/
	.br-captions .caption13 {
		font-size: 160%;
		font-weight: 300;
		letter-spacing: -2px;
		top: 124px;
		left: 46px;
		color: #2B485A;
		text-shadow: #BBB 0 1px 0px;
		overflow: visible !important;
	}
	
	.br-captions .caption14 {
		font-weight: 700;
		font-size: 90%;
		left: 47px;
		letter-spacing: -1px;
		top: 148px;
		height: 13px;
		overflow: visible !important;
	}
	
	.br-captions .caption15 {
		left: 1%;
		top: 30%;
		font-weight: 600;
		font-size: 19px;
		line-height: 30px;
		letter-spacing: -1px;
		overflow: visible !important;
		color: white;
		text-decoration: none;
		display: block;
		background: #de1f25;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
		padding: 5px 20px;
	}
	
	@media screen and (max-width:600px){
		.br-captions {font-size:80%}
		.br-captions .caption6 {top:73%	}
	}
	
	@media screen and (max-width:500px){
		.br-captions {font-size:70%}
		.br-captions .caption15 {display: none;	}
		.br-captions .caption6 {display: none;	}	
	}
	
	@media screen and (max-width:400px){
		.br-captions , .br-slideinfo {display: none;}
		
	}
	
	
/* -------------------------------------
 * Slider Video
 * ------------------------------------*/

.br-video {
	
}

	.br-video .play-btn{
		width: 43px;
		height: 43px;
		background: url("../cute-theme/controls.png") no-repeat -3px -44px;
		cursor: pointer;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -21px 0 0 -21px;
	}
	
	.br-video .close-btn{
		width: 22px;
		height: 22px;
		background: url('../cute-theme/controls.png') no-repeat 0px -123px black;
		cursor: pointer;
		position: absolute;
		right: 6px;
		top: 6px;
		border: solid 1px #5E5C5C;
	}

	.br-video .video-cont{
		background: black;
		position:absolute;
		z-index: 2;
		width:100%;
		height:100%;
	}	


/* -------------------------------------
 * Slider Shadow
 * ------------------------------------*/

.br-shadow img{
    width: 100%;
}


/* -------------------------------------
 * Slider Loading
 * ------------------------------------*/

.br-loading {
	width: 23px;
	height: 23px;
	background: url("../cute-theme/controls.png") 150px -94px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -11px;
	z-index: 101;
}

	.br-loading .img{
		width:21px;
		height:21px;
		background: url("../cute-theme/small-loading.gif") no-repeat center;	
	}

.br-large-loading {
	width: 43px;
	height: 43px;
	background: url("../cute-theme/controls.png") -92px -42px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -21px;
	z-index: 100;
}

	.br-large-loading .img{
		width:40px;
		height:40px;
		background: url("../cute-theme/large-loading.gif") no-repeat center;	
	}
