/* 
 * CSS file.
 * 
 * @author 
 * carousel.css 2013-09-23
 *
 */
 /* main positioning */
.jcarousel-skin-gwc
{
	position: relative;
}



/*  default jcarousel stuff  */
.jcarousel-skin-gwc .jcarousel-container {

}
.jcarousel-skin-gwc .jcarousel-direction-rtl {
direction:rtl;
}
.jcarousel-skin-gwc .jcarousel-container-horizontal {
padding:0 35px;
width:320px;
}
.jcarousel-skin-gwc .jcarousel-container-vertical {
height:245px;
padding:40px 20px;

}
.jcarousel-skin-gwc .jcarousel-clip-horizontal {
height:250px;
width:320px;

}
.jcarousel-skin-gwc .jcarousel-clip-vertical {
height:245px;
}
.jcarousel-skin-gwc .jcarousel-item {
height:250px;
width:115px
}
.jcarousel-skin-gwc .jcarousel-item-horizontal {
/*margin-right:3px;
margin-left:3px;
padding-top:20px*/
}
.jcarousel-skin-gwc .jcarousel-direction-rtl .jcarousel-item-horizontal {
margin-left:10px;
margin-right:0;
}
.jcarousel-skin-gwc .jcarousel-item-vertical {
margin-bottom:10px;
}
.jcarousel-skin-gwc .jcarousel-item-placeholder {

}


/* next */
.jcarousel-skin-gwc .jcarousel-next-horizontal {
background:url("/cloroxprofessionalModule/images/arrow_carousel_right.png") no-repeat scroll 0 0 transparent;
cursor:pointer;
height:53px;
position:absolute;
/*right:0; Allen/Harlowtech moved inward */
right:10px;
top:95px;
width:29px;
}
.jcarousel-skin-gwc .jcarousel-direction-rtl .jcarousel-next-horizontal {
/* background-image:url("/img/home/carousel/prev-horizontal.png"); */
left:0;
right:auto;
}
.jcarousel-skin-gwc .jcarousel-next-horizontal:hover {
background-position:-29px 0;
}
.jcarousel-skin-gwc .jcarousel-next-horizontal:active {
/*background-position:-158px 0;*/
}
.jcarousel-skin-gwc .jcarousel-next-disabled-horizontal, .jcarousel-skin-gwc .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-gwc .jcarousel-next-disabled-horizontal:active {
background-position:-158px 0;
cursor:default;
}

/*previous */
.jcarousel-skin-gwc .jcarousel-prev-horizontal {
background:url("/cloroxprofessionalModule/images/arrow_carousel_left.png") no-repeat scroll 0 0 transparent;
cursor:pointer;
height:53px;
/*left:0; Allen/Harlowtech moved inward */
left:10px;
position:absolute;
top:95px;
width:29px;
}
.jcarousel-skin-gwc .jcarousel-direction-rtl .jcarousel-prev-horizontal {
/* background-image:url("/img/home/carousel/next-horizontal.png"); */
left:auto;
right:0;
}
.jcarousel-skin-gwc .jcarousel-prev-horizontal:hover {
background-position:-29px 0;
}
.jcarousel-skin-gwc .jcarousel-prev-horizontal:active {
/*background-position:-158px 0;*/
}
.jcarousel-skin-gwc .jcarousel-prev-disabled-horizontal, .jcarousel-skin-gwc .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-gwc .jcarousel-prev-disabled-horizontal:active {
background-position:-158px 0;
cursor:default;
}

/* give carousel items cursor pointer */
.jcarousel-item
{
	cursor:pointer
}




/**
 * Additional styles for the controls.
 */
.jcarousel-control {
    margin-top:-30px;
	position:relative;
	z-index:20;
}

.jcarousel-control a {
	background:url(../images/jcarousel-dot.png) no-repeat center center transparent;
	color:transparent;
	display:inline-block;
    height:16px;
	margin:0 auto;
	width:16px;
}

.jcarousel-control a:focus,
.jcarousel-control a:active,
.jcarousel-control a.active {
    outline: none;
	background:url(../images/jcarousel-dot-active.png) no-repeat center center transparent;
}

.jcarousel-scroll {
    margin-top: 10px;
    text-align: center;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}

#mycarousel-next,
#mycarousel-prev {
    display:none;
}


body.industry .dots .jcarousel-skin-gwc .jcarousel-container-horizontal,
body.industry .dots .jcarousel-skin-gwc .jcarousel-clip-horizontal {
	height: 200px;
	padding:0;
	width:322px !important;
}

body.industry .dots .jcarousel-skin-gwc .jcarousel-clip-horizontal .carouselMainImg {
	max-height: inherit;
}


.jcarousel-skin-gwc .jcarousel-item {
height:250px;
width:115px
}

/* Specific to Dots slide nav variation (dots) */
/*
.jcarousel-dot
{
	background:url(../images/jcarousel-dot.png) no-repeat center center transparent;
	cursor:pointer;
	height:18px;
	width:18px;
}

.jcarousel-dot.active
{
	background:url(../images/jcarousel-dot-active.png) no-repeat center center transparent;
	cursor:default;
	height:18px;
	width:18px;
}
*/