/* Home Slider */

.home-banner .sliderwrapper{
position: relative;
overflow: hidden;
width: 978px;
height: 229px;
z-index: 90;
}

.home-banner .sliderwrapper .contentdiv{
visibility: hidden;
position: absolute;
left: 0;
top: 0;
width: 976px;
height: 227px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
float: left;
border: 1px solid #c7c7c7;
background: url(../images/content-block-bg.gif) bottom repeat-x #ffffff;
padding: 0;
}

.home-banner .sliderwrapper .contentdiv-bg {
width: 529px;
height: 188px;
padding: 17px 425px 22px 22px;
background: top right no-repeat;
}

.home-banner .sliderwrapper .provm {
background-image: url(../images/slider-flag-bg.jpg);
}

.home-banner .sliderwrapper .progd {
background-image: url(../images/slider-socks-bg.jpg);
}

.home-banner .sliderwrapper .va {
background-image: url(../images/slider-pants-bg.jpg);
}

.home-banner .sliderwrapper .ca {
background-image: url(../images/slider-superhero-bg.jpg);
}

.home-banner .pagination{
width: 978px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
height: 65px;
text-align: right;
position: absolute;
z-index: 99;
bottom: 0;
left: 0;
}

.home-banner .pagination ul {
	margin: 0;
	padding: 0;
	}

.home-banner .pagination ul li {
	display: block;
	width: 242px;
	height: 65px;
	background: url(../images/slider-button.png) 0 0 no-repeat;
	margin-left: 3px;
	padding: 0;
	float: left;
	list-style: none;
	list-style-image: none;
	}

.home-banner .pagination a{
	display: block;
	width: 242px;
	height: 30px;
	margin: 0;
	float: left;
	background: url(../images/slider-nav.png) 0 0 no-repeat;
	position: relative;
	padding: 35px 0 0 0;
	overflow: hidden;
	font-size: 14px;
	color: #ffffff;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
}

.home-banner .pagination a:hover{
	background-position: 50% 0;
	}

.home-banner .pagination a.selected{
	background: url(../images/slider-button-selected.png) 0 0;
	}

.home-banner .pagination li.anchor {
	margin: 0 1px 0 0;
	}

/* Social Slider */

.social-slider .sliderwrapper{
position: relative;
overflow: hidden;
width: 625px;
height: 157px;
border: 1px solid #c7c7c7;
}

.social-slider .sliderwrapper .contentdiv{
visibility: hidden;
position: absolute;
left: 0;
top: 0;
width: 625px;
height: 174px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
float: left;
padding: 0;
overflow: scroll;
background: #ffffff;
}

.social-slider .pagination{
width: 627px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
height: 26px;
text-align: right;
top: 0;
left: 0;
margin: 0 0 7px 0;
}

.social-slider .pagination ul {
	display: block;
	width: 627px;
	height: 25px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #08215c;
	}

.social-slider .pagination ul li {
	display: block;
	width: 160px;
	height: 25px;
	padding: 0;
	margin: 0;
	text-align: center;
	float: left;
	text-transform: uppercase;
	letter-spacing: 4px;
	}

.social-slider .pagination a{
	display: block;
	width: 158px;
	height: 17px;
	padding: 6px 0 0 0;
	background: #dfdfdf;
	border: 0;
	margin: 0 1px 2px 1px;
	color: #666666;
	text-decoration: none;
}

.social-slider .pagination a:hover{
	background: #bcbcbc;
}

.social-slider .pagination a.selected{
	display: block;
	width: 160px;
	height: 19px;
	padding: 6px 0 0 0;
	background: #08215c;
	border: 0;
	margin: 0;
	color: #ffffff;
	}

.social-slider .sliderwrapper .contentdiv ul {
	margin: 0;
	padding: 0;
	}

.social-slider .sliderwrapper .contentdiv ul li {
	margin: 0;
	list-style: none;
	list-style-image: none;
	display: block;
	width: 582px;
	padding: 10px 20px 10px 25px;
	background: url(../images/white-arrow.png) 2px 0 no-repeat #dedede;
	margin: 0 0 5px 0;
	}

.social-slider .sliderwrapper .twitterfeed ul li {
	margin: 0;
	list-style: none;
	list-style-image: none;
	display: block;
	width: 582px;
	padding: 3px 20px 10px 25px;
	background: url(../images/white-arrow.png) 2px 0 no-repeat #dedede;
	margin: 0 0 5px 0;
	}

.social-slider .sliderwrapper .contentdiv a {
	font-weight: bold;
	color: #555555;
	}

.social-slider .sliderwrapper .contentdiv a:hover {
	color: #08215c;
	}