/* Slider */
.slider { 
	width:900px; 
	height: 352px; 
	position: relative;
	z-index: 1000;
}

.slider #shadow {
	background:url("/gfx/global-bg-slider-shadow.png") no-repeat scroll 0 0 transparent;
	width:616px;
	height:352px;
	position:absolute;
	top:0;
	left:0;
	z-index:9000;
}

.slider .wrapper {
	margin: 0 15px 0 0; 
	width: 616px; 
	height: 352px; 
	overflow: hidden; 
	position: relative; 
	top: 0; 
	left: 0; 
	float:left;
	z-index: 3000;
	z-index: 2000;
}

.slider .wrapper ul {
	width: 9999px; 
	height: 352px;
	list-style: none; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 3000;
	background:url("/gfx/global-bg-small-grid.jpg") repeat fixed 0 0 #FFFFFF;
}

.slider ul#slides li {
	display: block; 
	width:616px; 
	height: 352px;
	float: left; 
	padding: 0; 
	margin: 0; 
	z-index: 4000;
	z-index: 2000;
}

.slider ul#slides li img {
	 z-index: 5000;
}

.slider .arrow, .slider #start-stop {
	position: absolute; 
	bottom: -23px; 
	display:block;
	height:16px;
	background:url(/gfx/buttons/slider-controls.gif) no-repeat transparent;
	cursor: pointer; 
	text-indent: -9999px; 
	z-index:9999;
}

.slider .wrapper ul ul {
	position: static; 
	margin: 0; 
	background: none; 
	overflow: visible; 
	width: auto; 
	border: 0; 
}

.slider .wrapper ul ul li {
	float: none; 
	height: auto; 
	width: auto; 
	background: none; 
}
				
.slider .arrow {
	width: 8px; 
	background-position: -33px 0px;  
}


.slider .back {
	left:6px; 
	background-position:-33px 0px;
}

.slider .back:hover { 
	background-position: -41px 0px; 
}

.slider .forward {
	left:38px; 
	background-position: -33px -16px;
}

.slider .forward:hover {
	background-position: -41px -16px;
}
		
#start-stop {
	width:16px;
	left:18px;
	background-position:0 0;
}

#start-stop:hover {
	background-position:-16px 0; 
}

#start-stop.playing {
	background-position:0 -16px;
}

#start-stop.playing:hover {
	background-position:-16px -16px;
}
			
/* SlideNav */
#slidenav {
	position:absolute;
	width:270px;
	float:left;
	padding:20px 0 0 0;
	font-size:0.98em;
	z-index: 6000;
	right:-1px;
	line-height: 1em;
}			

#slidenav li {
	display:block;
	height:30px;
	margin:0 0 10px -29px;
	padding:0 0 0 29px;
	z-index: 7000;
	width:270px;
	position: relative;
	text-align: left;
}

#slidenav li a {
	line-height:1em;
	display:block;
	padding:8px 11px;
	cursor:pointer;
	text-decoration: none;
	background-color:#2c2c2c;
	font-weight: bold;
	z-index: 8000;
	color:#ffffff;
	border:1px solid #2C2C2C;
}
#slidenav li a:hover,#slidenav a:active {
	color:#ffb620;
}			
#slidenav li.selected {
	background:url(/gfx/global-arrow-black.png) no-repeat 0 0;
	color:#3c3c3c;
	_background-image: url(/gfx/global-arrow-black_ie6.png);
}
#slidenav li.selected a {
	background:#888 url(/gfx/bg_slide_nav.png) no-repeat scroll 0 0;
	color:#3c3c3c;
}
#slidenav li.selected a:hover, #slidenav li.selected a:active {
	color:#3c3c3c;
}
                                        
/* SimOptions - Buttons etc - Telefonica can probably ignore this, as will have their own styles. */
#sim-options {
	position:absolute;
	height:80px;
	bottom:0;
	right:0;
	width:270px;
	background:url('/gfx/icons/graphy/sim59b.png') no-repeat right top;
}
#sim-options a.button {
	width:186px;
	border:0 none;
	cursor:pointer;
	height:35px;
	margin-right:5px;
	overflow:visible;
	padding:0 10px 0 0;
	position:relative;
	float:left;
	text-decoration: none;
	margin-left:0
	}
#sim-options a.button span {
	color:#FFFFFF;
	display:block;
	height:25px;
	margin-left:0;
	margin-top:0;
	padding:10px 5px 0 15px;
	position:relative;
	text-decoration:none;
	white-space:nowrap;
	text-align: center;
	font-size:1.3em;
	text-decoration: none;
}
#sim-options a.button:hover {
	background-position: right -95px;
}
#sim-options a.button:hover span {
	background-position: left -95px;
}
#sim-options a.button:active {
	background-position: right -190px;
}
#sim-options a.button:active span {
	background-position: left -190px;
}	
#sim-options a.button-gold {
	background:url("/gfx/buttons/button-gold.png") no-repeat scroll right top transparent;
	margin-bottom:10px;
}
#sim-options a.button-gold span {
	background:url("/gfx/buttons/button-gold.png") no-repeat scroll left top transparent;
	color:#3c3c3c;
}
#sim-options a.button-gold:hover span {
	color:#1c1c1c;
}
	
#sim-options a.bottom {
	position:absolute;
	bottom: 0;
	margin: 0;
}


#sim-options a.button-dark {
	background:url("/gfx/buttons/button-dark.png") no-repeat scroll right top transparent;
}
	
#sim-options a.button-dark span {
	background:url("/gfx/buttons/button-dark.png") no-repeat scroll left top transparent;
	color:#FFFFFF;
}
#sim-options a.button-dark:hover span {
	color:#FFFFFF;
}
		
#sim-options a.dark-btn,#sim-options a.dark-btn span  {
	background-position: right -85px;
}
	

/* IE6 Png Fix */
.png, .png img, #slides li {
	behavior: url('/js/iepngfix.htc');
}

/* --[Carousel Box]-- */

.hpslogan {
	overflow: hidden;
	font-size: 16pt;
	padding: 0;
}

/* carrousel (slider) */

#slider_box .header{
	height:15px;
	padding:0;
}

#slider_box .body {
    padding:0 15px 30px;
}

#slider_box li {
    background: none;
}

/* ul */
#slides{
	margin: 0;
	padding: 0;
	color: #3c3c3c;
}

#slidenav{
	margin: 0;
	padding-top:10px;
}

#slider_box a.button span{
	float:none;
	font-size:16px;
	line-height:normal;
}
#slides .content_slider {
    font-size: 1.1em;
    margin: 10px;
}

#slides .slide_title {
    margin: 15px 25px 0px 25px;
}

#slides a {
    color:#3c3c3c;
}
#slides a:hover {
    background-color: #FFD845;
}

#slides dl.list {
    padding: 0 15px;
}