/* ------------------------------------------------------------------- */
/* HEADER */
/* ------------------------------------------------------------------- */
#container-b {
	margin-bottom:20px;
}



/* ------------------------------------------------------------------- */
/* LAYOUT */
/* ------------------------------------------------------------------- */
#introduction-wrapper		{ display:none; }
#flash-movie-wrapper		{ display:none; }
#container-wrapper-cd,
#container-c 				{ background:none; width:100%; }


/* TITLES */
#social-network-wrapper span.social-network-twitter-heading,
#social-network-wrapper span.social-network-facebook-heading	{ font-size:16px; font-style:italic; color:#444; padding-bottom:3px; display:block; /*background:url('../grfx/layout/grey-arrow.gif') no-repeat right center;*/ }
#social-network-wrapper span.social-network-twitter-heading				{ width:85px; }
#social-network-wrapper span.social-network-facebook-heading			{ width:95px; }




#stockist-search-banner-wrapper {
	margin-top:0;
	border-top:none;	
}






/* Carousel ...... */



  .panel-1 .link-1 { background:url('../grfx/homepage/2012-02-05/1-1.jpg') no-repeat top left; width:450px; height:570px; text-indent:-9999px; margin:0; padding:0; display:block; }
  .panel-1 .link-1:hover { background-position:bottom left; }
  .panel-1 .link-2 { background:url('../grfx/homepage/2012-02-05/1-2.jpg') no-repeat top left; width:225px; height:570px; text-indent:-9999px; margin:0; padding:0; display:block; }
  .panel-1 .link-2:hover { background-position:bottom left; }
  .panel-1 .link-3 { background:url('../grfx/homepage/2012-02-05/1-3.jpg') no-repeat top left; width:225px; height:570px; text-indent:-9999px; margin:0; padding:0; display:block; }
  .panel-1 .link-3:hover { background-position:bottom left; }
  .panel-2 .link-1 { background:url('../grfx/homepage/2012-02-05/2-1.jpg') no-repeat top left; width:600px; height:570px; text-indent:-9999px; margin:0; padding:0; display:block; }
  .panel-2 .link-1:hover { background-position:bottom left; }
  .panel-2 .link-2 { background:url('../grfx/homepage/2012-02-05/2-2.jpg') no-repeat top left; width:300px; height:570px; text-indent:-9999px; margin:0; padding:0; display:block; }
  .panel-2 .link-2:hover { background-position:bottom left; }
  .panel-3 .link-1 { background:url('../grfx/homepage/2012-02-05/3-1.jpg') no-repeat top left; width:600px; height:570px; text-indent:-9999px; margin:0; padding:0; display:block; }
  .panel-3 .link-1:hover { background-position:bottom left; }
  .panel-3 .link-2 { background:url('../grfx/homepage/2012-02-05/3-2.jpg') no-repeat top left; width:300px; height:570px; text-indent:-9999px; margin:0; padding:0; display:block; }
  .panel-3 .link-2:hover { background-position:bottom left; }


.panel-1 a,
.panel-1 div,
.panel-2 a,
.panel-2 div ,
.panel-3 a,
.panel-3 div	{ float:left; display:block; position:relative; }


#section-a-wrapper { width:100%; position:relative; height:570px; } 

.infiniteCarousel {
  width: 100%;
  height:570px;
  position: relative;
  overflow:hidden;
  margin-top:-1px; 
}

.infiniteCarousel .wrapper {
  width: 100%; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  overflow:visible;
  height: 570px;
  margin: 0;
  position: absolute;
  top: 0;
}



.infiniteCarousel .wrapper ul {
  width: 900px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  margin-left:-450px;
  left:50%;
  oveflow:visible;
  top: 0;
 
}

.infiniteCarousel ul li {
  display:block;
  float:left !important;
  height: 570px !important;
  width: 900px !important;
  margin:0;
  padding:0;
  text-align:left;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  position: absolute;
  top: 37px;
  cursor: pointer;
  outline: 0;
}

.infiniteCarousel .forward {
  right:0;
   filter:alpha(opacity=90); 
   -moz-opacity: 0.9; 
   opacity: 0.9; 
   background-color:#FFFFFF;
   margin:0;
   padding:0;
   height:570px;
   top:0;
   width:900px;
   left:50%;
   margin-left:450px;
   background:#FFFFFF url('../grfx/layout-2012/right.gif') no-repeat left center;
}

.infiniteCarousel .back {
  left:0;
   filter:alpha(opacity=90); 
   -moz-opacity: 0.9; 
   opacity: 0.9; 
   background-color:#FFFFFF;
   margin:0;
   padding:0;
   height:570px;
   top:0;
   width:900px;
   left:50%;
   margin-left:-1350px;
   background:#FFFFFF url('../grfx/layout-2012/left.gif') no-repeat right center;
}
.infiniteCarousel .forward:hover {
    filter:alpha(opacity=60); 
   -moz-opacity: 0.6; 
   opacity: 0.6;
}

.infiniteCarousel .back:hover {
  filter:alpha(opacity=60); 
   -moz-opacity: 0.6; 
   opacity: 0.6;
}