.stepcarousel {
	position: relative;
	overflow: scroll;
}
.stepcarousel .belt {
	position: absolute;
}
.stepcarousel .panel {
	float: left;
	overflow: hidden;
	width:auto;
}
.stepcarousel .panel img {
	width: 147px;
	height:68px;
	margin-right:10px;
	border:1px solid #999999;
}
#galleryB {
	width: 308px;
	height: 70px;
	float:left;
}
#galleryB {
	float:left;
	padding: 0;
}
.pretbutton {
	float:left;
	width:21px;
	padding-top:17px;
	padding-right:7px;
}
.nextbutton {
	float:left;
	width:21px;
	padding-top:17px;
	padding-left:7px;
}
.imgscroller {
	float:right;
	width:auto;
}
.galleryA {
	width: 495px !important;
}
.brands div.pretbutton {
	padding-right:17px !important;
}
.brands div.nextbutton {
	padding-left:4px !important;
	width:18px;
	padding-right:3px;
}
.stepcarousel .panel div {
	width:auto;
	height:61px;
	margin-right:22px;
	margin-top:5px;
}
/* 1234 clicking */

.slider-wrap {
	position: relative;
	width: 100%;
	background:url(../images/flashframe.gif) no-repeat;
	width:552px;
	height:250px;
	padding:10px 10px 0px 10px;
}
/* These 2 lines specify style applied while slider is loading */
.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	margin: auto;
	width: 552px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 210px;
	clear: both;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 552px; /* Also specified in  .stripViewer  above */
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0px;
}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: 0 0 0 -9px;
}
.stripNav ul { /* The auto-generated set of links */
	list-style: none;
	position:absolute;
	margin-top:219px;
	border-top:1px solid #999999;
}
.stripNav ul li {
	float: left;
}
.stripNav li a {
	width:19px;
	height:29px;
	border-right:1px solid #999999;
	float:left;
}
.stripNav li.tab1 a{
	background:url(../images/1.gif) bottom no-repeat;
}
.stripNav li.tab2 a{
	background:url(../images/2.gif) bottom no-repeat;
}
.stripNav li.tab3 a{
	background:url(../images/3.gif) bottom no-repeat;
}
.stripNav li.tab4 a{
	background:url(../images/4.gif) bottom no-repeat;
}
.stripNav li.tab5 a{
	background:url(../images/blue-5.gif) no-repeat left top;
}
#mobilescroller .stripNav li.tab1 a{
	background:url(../images/1-green.gif) bottom no-repeat;
}
#mobilescroller .stripNav li.tab2 a{
	background:url(../images/2-green.gif) bottom no-repeat;
}
#mobilescroller .stripNav li.tab3 a{
	background:url(../images/3-green.gif) bottom no-repeat;
}
#mobilescroller .stripNav li.tab4 a{
	background:url(../images/4-green.gif) bottom no-repeat;
}
#digitalscroller .stripNav li.tab1 a{
	background:url(../images/1-blue.gif) bottom no-repeat;
}
#digitalscroller .stripNav li.tab2 a{
	background:url(../images/2-blue.gif) bottom no-repeat;
}
#digitalscroller .stripNav li.tab3 a{
	background:url(../images/3-blue.gif) bottom no-repeat;
}
#digitalscroller .stripNav li.tab4 a{
	background:url(../images/4-blue.gif) bottom no-repeat;
}
#digitalscroller .stripNav li.tab5 a{
	background:url(../images/blue-5.gif) bottom no-repeat;
}
#labscroller .stripNav li.tab1 a{
	background:url(../images/1-orange.gif) bottom no-repeat;
}
#labscroller .stripNav li.tab2 a{
	background:url(../images/2-orange.gif) bottom no-repeat;
}
#labscroller .stripNav li.tab3 a{
	background:url(../images/3-orange.gif) bottom no-repeat;
}
#labscroller .stripNav li.tab4 a{
	background:url(../images/4-orange.gif) bottom no-repeat;
}
#worldcroller .stripNav li.tab1 a{
	background:url(../images/1-red.gif) bottom no-repeat;
}
#worldcroller .stripNav li.tab2 a{
	background:url(../images/2-red.gif) bottom no-repeat;
}
#worldcroller .stripNav li.tab3 a{
	background:url(../images/3-red.gif) bottom no-repeat;
}
#worldcroller .stripNav li.tab4 a{
	background:url(../images/4-red.gif) bottom no-repeat;
}
#cinemacroller .stripNav li.tab1 a{
	background:url(../images/1-pink.gif) bottom no-repeat;
}
#cinemacroller .stripNav li.tab2 a{
	background:url(../images/2-pink.gif) bottom no-repeat;
}
#cinemacroller .stripNav li.tab3 a{
	background:url(../images/3-pink.gif) bottom no-repeat;
}
#cinemacroller .stripNav li.tab4 a{
	background:url(../images/4-pink.gif) bottom no-repeat;
}
.stripNav li a:hover , #mobilescroller .stripNav li a:hover, #digitalscroller .stripNav li a:hover, #labscroller .stripNav li a:hover, #worldcroller .stripNav li a:hover, #cinemacroller .stripNav li a:hover{
	background-position:top;
}
.stripNav li a.current , #mobilescroller .stripNav li a.current, #digitalscroller .stripNav li a.current, #labscroller .stripNav li a.current, #worldcroller .stripNav li a.current, #cinemacroller .stripNav li a.current {
	background-position:top;
}
.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}
.stripNavL a, .stripNavR a {
	display: block;
}
.stripNavL {
	left: 0;
}
.stripNavR {
	right: 0;
}
.stripNavL {
	background: url("images/arrow-left.gif") no-repeat center;
	display:none;
}
.stripNavR {
	background: url("images/arrow-right.gif") no-repeat center;
	display:none;
}

.slider-wrap p{margin:0px 0 0 0px; float:right; width:470px; position:relative;}
.slider-wrap p span img{ margin-top:17px; float:left; margin-right:48px;}
.slider-wrap p img{margin-top:13px;}