/*
..................................................
Banner Cycle
..................................................
*/
#banner-cycle,
#no-cycle {
	width: 800px;
	height: 430px;
	position: relative;
	overflow: hidden;
}



#banner-cycle a,
#no-cycle a {
	text-decoration: none;
}


#banner-cycle h3,
#no-cycle h3 {
	color: #fff;
	font-size: 28px;
	font-weight: 100;
	letter-spacing: 1.65px;
	text-shadow: 1px 2px 4px #333;
	position: absolute;
	top: 32px;
	left: 30px;
	
}

#banner-cycle h3 span {
	display: block;
	font-weight: 100;
	font-size: 22px;
	margin-top: 10px;
}

#banner-cycle h3 span small {
	font-size: 15px;
	vertical-align: top;
}

#banner-cycle p,
#no-cycle p {
	width: 300px;
	color: #35a9d7;
	font-size: 18px;
	position: absolute;
	bottom: 18px;
	left: 30px;
}

/*
..................................................
3 Col box-style product intro (change on hover)
..................................................
*/
a.homebox { 
	/* apply 1st and 2nd boxes in 3 column grid */
	width:267px;
}

a.homeboxlast { 
	/*  apply to 3rd box in 3 column grid (one pixel narrower, and all three add to 800px)  */
	width:266px;
}

a.homebox,
a.homeboxlast {
	height: 200px;
	float:left;
	background-position: 0px 0px;
	border-top: 1px solid #d4d4d4;
}

a.homebox:hover, a.homeboxlast:hover {
	background-position: 267px 0px;
	text-decoration: none;
}

/* add id to differentiate background images */
a#one { 
background-image: url(/uk/includes/graphics/beta/homebox01_ipod_uk.jpg);
}


a#two {
background-image: url(/includes/graphics/beta/homebox02_lsg.jpg);
}


a#three {
background-image: url(/includes/graphics/beta/homebox03.jpg);
}

a.homebox h3, a.homeboxlast h3 {
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	margin: 176px 20px 0 20px;
}

#stripedivider {
	clear: both;
	width: 800px;
	height: 25px;
	background: url(/includes/graphics/beta/diagonalstripeDivider.png) top left no-repeat;
}