.promo_slider_wrapper { margin:10px 0; position:relative; }
.promo_slider { height:235px; overflow:hidden; position:relative; }
.promo_slider img { margin:0; padding:0; }
.promo_slider .panel { /* background:url('images/slide.png'); */ display:none; float:left; overflow:hidden; width:100%; height:100%; }
.promo_slider .panel-1 { display:block; }
.pointer {cursor:pointer; cursor:hand;}
.ps_hover { display:none; }
.promo_slider:hover .ps_hover { display:block; }
.promo_slider_sep { font-weight:normal; }

/* DEFAULT SLIDER NAV - If enabled */
.promo_slider_nav {
	display:none;
	position:absolute;
	bottom:0px; right:0px;
	margin:10px;
	padding:5px 10px;
	background-color:#fff;
	color:#666; text-align:center; 
	font-size:12px;
	font-weight:bold;
}
.fancy_ps_nav {background:url('images/nav.png') no-repeat transparent; width:147px; height:49px; line-height:49px; margin:0; padding:0;}
.slider_selections span.current {color:#000;}

/* OPTIONAL SLIDER NAV LINKS - If enabled */
.left_arrow, .right_arrow {position:absolute; top:45%; width:30px; height:30px;}
.left_arrow { left:5px; background:url('images/prev.png') no-repeat;}
.right_arrow { right:5px; background:url('images/next.png') no-repeat; }

/* THUMBNAIL SLIDER NAV - If enabled */
.promo_slider_thumb_nav { display:none; position:relative; height:50px; padding:10px 0; background:url('images/slide.png'); overflow:hidden;}
.promo_slider_thumb_nav .thumb_nav { height:50px; margin:0 40px; padding:0; }
.promo_slider_thumb_nav .right_arrow, .promo_slider_thumb_nav .left_arrow { top:20px; }
.promo_slider_thumb_nav .slider_selections span { float:left; display:block; width:50px; height:50px; margin:0 4px 11px 4px; padding:0 1px; overflow:hidden; }
.promo_slider_thumb_nav .slider_selections span.current { border:1px solid #fff; margin-top:-1px; padding:0; }
.promo_slider_thumb_nav img { width:50px; }

/* TITLE DISPLAY - If enabled */
.promo_slider_title {
	display:block;
	position:absolute;
	top:0px; left:0px;
	width:95%;
	padding:2.5%;
	text-align:left;
	font-size:1.5em;
	font-weight:bold;
	color:#000;
}
.fancy_ps_title {
	background-image:url('images/title.png');
	background-repeat:no-repeat;
	background-position:right;
	width:auto;
	height:77px; 
	padding:0 40px 0 10px;
	font-size:18px;
	text-align:center;
	line-height:77px;
}
.promo_slider_title a {color:#000; text-decoration:none;}
.promo_slider_title a:hover {text-decoration:underline;}

/* EXCERPT DISPLAY - If enabled */

.promo_slider_excerpt {
	display:block;
	position:absolute;
	bottom:0; left:0;
	background-color:#000;
	filter:alpha(opacity=60);
	opacity:0.6;
	color:#fff;
	padding:3px 2.5%;
	width:95%;
}
.promo_slider_excerpt p {margin:0; padding:0;}

/* Custom styles */

.promo_slider_excerpt {
	top:90px;
	bottom: auto;
	left:30px;
	background-color:#00aded;	
	color:#fff;
	padding:18px 30px 10px 20px;
	max-width:520px;
	width: auto;
	font-size: 18px;
	line-height: 33px;
	letter-spacing: -1px;
	filter:alpha(opacity=100);
	opacity:1;
}

.promo_slider_excerpt h2 {
	margin-top: 0;
	font-size: 30px;
	color: #FFF;
}

.promo_slider_excerpt a.button-primary {
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    display: inline-block;
    background-color: #0f7adb;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#2395e3), color-stop(1,#0f7adb)) repeat-x;
    background: -moz-linear-gradient(0% 0% 270deg,#2395E3, #0F7ADB) repeat-x;
    border: 1px solid #0766d2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 0.2em 1.0em;
    cursor: pointer;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 1px rgba(32,146,226,0.3), 0px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 0 1px rgba(32,146,226,0.3);
    -ms-box-shadow: inset 0 0 1px rgba(32,146,226,0.3);
    -o-box-shadow: inset 0 0 1px rgba(32,146,226,0.3);
    box-shadow: inset 0 0 1px rgba(32,146,226,0.3);
    position: absolute;
    bottom: -43px;
    left: 0;
}

* html .promo_slider_excerpt a.button-primary {
    zoom: 1;
    display: inline;
}

*+html .promo_slider_excerpt a.button-primary {
    zoom: 1;
    display: inline;
}

.promo_slider_excerpt a.button-primary:hover {
    background-color: #2395e3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#0f7adb), color-stop(1,#2395e3)) repeat-x;
    background: -moz-linear-gradient(0% 0% 270deg,#0F7ADB, #2395e3) repeat-x;
}

/* Demon Online Help Centre custom styles */

#dohc-slider .promo_slider_wrapper {
	margin-top: 0;
}

#dohc-slider .promo_slider .panel {
	width: 480px;
	background: rgba(0,0,0,0.2);
}

.no-rgba #dohc-slider .promo_slider .panel {
	background: url(../../../themes/dohc/assets/images/dohc-slider-screen.png) repeat;
}

#dohc-slider .promo_slider .promo_slider_excerpt {
	position: relative;
	left: 20px;
	top: 80px;
	background: none;
	padding: 0;
	font-size: 20px;
	line-height: 30px;
	width: 440px;
	letter-spacing: 0;
	max-width: none;
}

#dohc-slider .promo_slider .promo_slider_excerpt h2 {
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #f7941d;
	-webkit-text-shadow: 1px 3px 4px rgba(0,0,0,0.48);
	-moz-text-shadow: 1px 3px 4px rgba(0,0,0,0.48);
	-ms-text-shadow: 1px 3px 4px rgba(0,0,0,0.48);
	text-shadow: 1px 3px 4px rgba(0,0,0,0.48);
}

#dohc-slider .promo_slider .promo_slider_excerpt p {
	margin: 0;
	padding: .5em 0;
}

#dohc-slider .promo_slider_excerpt a.button-primary {
    padding: 0.7142857143em 1em;
    background: #f7941d;
    background-image: none;
    filter: none; /* IE6-9 */
    color: #FFF;
    display: inline-block;
    overflow: visible;
    font-size: 14px;
    line-height: 1.2857142857;
    border: none;
    letter-spacing: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	-ms-border-radius: 0;
    border-radius: 0;
}

* html #dohc-slider .promo_slider_excerpt a.button-primary {
    zoom: 1;
    display: inline;
}

*+html #dohc-slider .promo_slider_excerpt a.button-primary {
    zoom: 1;
    display: inline;
}

#dohc-slider .promo_slider_excerpt a.button-primary:hover {
    background: #fea527; /* Old browsers */
    background: -moz-linear-gradient(top, #fea527 0%, #f27019 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fea527), color-stop(100%,#f27019)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fea527 0%,#f27019 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fea527 0%,#f27019 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fea527 0%,#f27019 100%); /* IE10+ */
    background: linear-gradient(top, #fea527 0%,#f27019 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fea527', endColorstr='#f27019',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.22), 0px 1px 3px rgba(0,0,0,0.33);
    -moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.22), 0px 1px 3px rgba(0,0,0,0.33);
    -ms-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.22), 0px 1px 3px rgba(0,0,0,0.33);
    box-shadow: inset 0px 1px 1px rgba(255,255,255,0.22), 0px 1px 3px rgba(0,0,0,0.33);

    -webkit-text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    -moz-text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    -ms-text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

#dohc-slider .promo_slider_nav {
	position:absolute;
	bottom: 0px;
	margin:10px;
	padding:5px 10px;
	background-color: none;
	background-color: transparent;
	color:#666;
	text-align:center; 
	font-size:12px;
	font-weight:bold;
}

#dohc-slider .move_backward,
#dohc-slider .move_forward {
	display: none;
}

#dohc-slider .promo_slider_sep {
	display: none;
}

#dohc-slider span.slider_selections.pointer span {
	width: 8px;
	height: 8px;
	display: block;
	text-indent: -99999px;
	background: #999999;
	float: left;
	margin-left: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
#dohc-slider span.slider_selections.pointer span:first-child {
	margin-left: 0;
}

#dohc-slider span.slider_selections.pointer span.current {
	background: #f7941d;
}