/*********************************************************************   
Client:	Alli Sports
Project: 2010 Redesign
Author:	Jessica Brown http://omniti.com/
Date:	3.1.10


ATHLETE GALLERY
**********************************************************************/

#gallery-athlete {
position: relative;
width: 640px;
height: 401px;
overflow: hidden;
position: relative;
border-bottom: 1px solid #fff;
margin-bottom: 18px;
}

#gallery-athlete .gallery-utils {
background: #fff url(/images/bkg_lg-gallery-utils.gif) top right repeat-y;;
height: 24px;
width: 630px;
padding: 7px 5px 0 5px;
color: #fff;
text-transform: uppercase;
position: absolute;
bottom:0px;
z-index:999;
}


#gallery-athlete .gallery-utils a {
color: #fff;
font-size: .814em;
}

#gallery-athlete .gallery-utils .rating-stars {
position: absolute;
top: 7px;
right: 20px;
}

#gallery-athlete .gallery-utils .rating-stars a {
display: block;
width: 15px;
height: 14px;
float: left;
margin: 0 4px 0 0;
text-indent: -9999px;
overflow: hidden;
background-image: url(/images/bkg_rating-star-sprite-gallery.gif);
background-position: top center;
background-repeat: no-repeat;
}

#gallery-athlete .gallery-utils .rating-stars a.none:hover, #gallery-athlete .gallery-utils .rating-stars a.rated, #gallery-athlete .gallery-utils .rating-stars a.over {
background-position: bottom center;
cursor: pointer;
}

#gallery-athlete .gallery-utils p.rate {
position: absolute;
right: 130px;
padding: 0 10px 0 0;
text-transform: uppercase;
}

#gallery-athlete .gallery-images {
clear: both;
position: relative;
}

#gallery-athlete .controls {
float: left;
width: 600px;
}

#gallery-athlete .ss-controls {
float: right;
padding: 2px 0 0 0;
position: absolute;
right: 200px;
}

#gallery-athlete .ss-controls a.play, #gallery-athlete .ss-controls a.pause {
display: block;
color: #000;
font-size: .714em;
}

#gallery-athlete .ss-controls a:hover.play, #gallery-athlete .ss-controls a:hover.pause {
color: #fff;
}

#gallery-athlete .nav-controls {
float: left;
}

#gallery-athlete .nav-controls a {
display: block;
float: left;
background-image: url(/images/arrow_sm-gallery-pager-sprite.png);
background-repeat:  no-repeat;
width: 9px;
height: 17px;
overflow: hidden;
text-indent: 9999px;
}

#gallery-athlete .nav-controls a.prev {
margin: 0 30px 0 20px;
background-position: top left;
}

#gallery-athlete .nav-controls a:hover.prev {
background-position: bottom left;
}

#gallery-athlete .nav-controls a.next {
margin: 0 0 0 62px;
background-position: top right;
}

#gallery-athlete .nav-controls a:hover.next {
background-position: bottom right;
}

#gallery-athlete .gallery-utils #show-thumbs {
float: right;
position: relative;
top: -1px;
cursor: pointer;
background-image: url(/images/bttn_show-thumbs-sprite.gif);
background-repeat: no-repeat;
background-position: bottom left;
width: 19px;
height: 19px;
overflow: hidden;
text-indent: -9999px;
}

#gallery-athlete .gallery-utils #show-thumbs:hover {
background-position: top left;
}

#gallery-athlete #gallery-info {
position: absolute;
bottom: 0;
height: 90px;
padding: 8px;
width: 944px;
}

#gallery-info h1 {
font-size: 1.125em;
margin: 0 0 5px 0;
}

#gallery-athlete .photo-index {
position: absolute;
left: 38px;
width: 80px;
text-align: center;
padding: 2px 2px 0 2px;
font-size: .814em;
}

#gallery-athlete div.loader,
#gallery-athlete div.slideshow a.advance-link {
width: 640px; 
}

#gallery-athlete div.loader,
#gallery-athlete div.slideshow a.advance-link,
#gallery-athlete div.caption-container {
width: 640px;	
}

#gallery-athlete div.loader {
position: absolute;
top: 0;
left: 0;
background: url(/images/loader-black.gif) center no-repeat;
}

#gallery-athlete div.slideshow span.image-wrapper {
display: block;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
height: 540px;
background: #000;
}

#gallery-athlete div.slideshow span.image-wrapper img {
position: absolute;
top: 0;
left: 0;
/*margin: 0 auto;*/
}

#gallery-athlete div.slideshow a.advance-link {
display: block;
height: 379px; /* This should be set to be at least the height of the largest image in the slideshow with padding */
text-align: center;
width: 640px;
}

#gallery-athlete div.slideshow a.advance-link:hover,
#gallery-athlete div.slideshow a.advance-link:active,
#gallery-athlete div.slideshow a.advance-link:visited {
text-decoration: none;
}

#gallery-athlete div.slideshow a.advance-link:focus {
outline: none;
}

#gallery-athlete .thumbs-container {
position: relative;
/*top: 31px;*/
z-index: 30;
padding: 10px;
width: 620px;
height: 369px;
background: url(/images/bkg_black-80.png) repeat;
display:none;
}

#gallery-athlete div.navigation {
float: left;
position: relative;
}

#gallery-athlete div.navigation a.pageLink {
display: block;
color: #fff;
font-size: .814em;
text-transform: uppercase;
position: absolute;
bottom: -28px;
right: 0;
z-index: 60;
text-indent: 0;
width: 50px;
height: 20px;
text-align: right;
}

#gallery-athlete div.navigation a:hover.pageLink {
color: #9C9EA1;
}
 
#gallery-athlete div.navigation a.pageLink:focus {
outline: none;
}

#gallery-athlete ul.thumbs {
position: relative;
top: 0;
float: left;
margin: 0;
padding: 0;
height: 369px;
width: 620px;
overflow: hidden;
}

#gallery-athlete ul.thumbs li {
float: left;
padding: 0;
margin: 6px;
list-style: none;
}

#gallery-athlete a.thumb {
padding: 1px;
display: block;
}

#gallery-athlete a.thumb:focus {
outline: none;
}

#gallery-athlete ul.thumbs img {
border: none;
display: block;
}

#gallery-athlete div.pagination {
clear: both;
position: relative;
left: 0;
}

#gallery-athlete div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
position: relative;
display: block;
float: left;
margin-right: 2px;
padding: 4px 7px 2px 7px;
border: 1px solid #ccc;
}

#gallery-athlete div.pagination a:hover {
text-decoration: none;
}

#gallery-athletediv.pagination span.current {
font-weight: bold;
}

#gallery-athlete div.pagination span.ellipsis {
border: none;
padding: 5px 0 3px 2px;
}

#gallery-athlete div.gallery-gutter {
clear: both;
padding-bottom: 20px;
}

#gallery-athlete #show-related {
position: absolute;
display: none;
padding: 2px 8px; 
right: 0px;
bottom: 4px;
font-weight: bold;
font-size: .814em;
} 

#gallery-athlete #show-related:hover {
color: #999;
} 

#gallery-athlete #related-content {
background: #fff;
/*position: relative;
top: 31px;*/
width: 600px;
height: 349px;
padding: 20px;
z-index: 50;
}

#gallery-athlete #related-content h2 {
color:#999;
font-size:1.625em;
margin:0 0 12px;
position:relative;
text-transform:uppercase;
font-family: "AvenirLight", Arial, sans-serif;
font-weight: normal;
font-style: normal;
}

#gallery-athlete #related-content dl.related {
margin: 0 30px 0 0;
width: 560px;
float: left;
}

#gallery-athlete #related-content dl.related dt {
position: relative;
width: 220px;
height: 165px;
overflow: hidden;
}

#gallery-athlete #related-content dl.related dd {
position: relative;
width: 320px;
min-height: 165px;
padding: 0 0 0 10px;
color: #999;
}

#gallery-athlete #related-content #shop-alli {
width: 300px;
float: left;
}

#gallery-share {
position: relative;
height: 35px;
width: 100%;
clear: both;
}

#gallery-share .social-utils {
position: absolute;
right: 0;
border-top: none;
}


#gallery-athlete div.slideshow span.image-wrapper 
{
height: 379px;
width:640px;
}

#gallery-athlete div.slideshow span.image-wrapper img 
{
text-align:center;
/*position:relative;*/
max-width: 640px;
max-height: 379px;
}


/*********************************************************************
LARGE GALLERY
**********************************************************************/
#gallery-large {
position: relative;
width: 960px;
height: 680px;
overflow: hidden;
position: relative;
border-bottom: 1px solid #999;
margin-bottom: 18px;
}

#gallery-large .gallery-utils {
background: #9a9c9f url(/images/bkg_lg-gallery-utils.gif) top right repeat-y;
height: 24px;
width: 950px;
padding: 7px 5px 0 5px;
color: #fff;
text-transform: uppercase;
position: relative;
}

#gallery-large .gallery-utils a {
color: #fff;
font-size: .814em;
}

#gallery-large .gallery-utils .rating-stars {
position: absolute;
top: 7px;
right: 20px;
}

#gallery-large .gallery-utils .rating-stars a {
display: block;
width: 15px;
height: 14px;
float: left;
margin: 0 4px 0 0;
text-indent: -9999px;
overflow: hidden;
background-image: url(/images/bkg_rating-star-sprite-gallery.gif);
background-position: top center;
background-repeat: no-repeat;
}

#gallery-large .gallery-utils .rating-stars a.none:hover, #gallery-large .gallery-utils .rating-stars a.rated, #gallery-large .gallery-utils .rating-stars a.over {
background-position: bottom center;
cursor: pointer;
}

#gallery-large .gallery-utils p.rate {
position: absolute;
right: 130px;
padding: 0 10px 0 0;
text-transform: uppercase;
}

#gallery-large .gallery-images {
clear: both;
position: relative;
}

#gallery-large .controls {
float: left;
position:absolute;
width: 815px;
}

#gallery-large span#photo_title
{
	float:left;
	margin:0 0 0 150px;
	color:#fff;
	font-size: .814em;
	width:500px;
	overflow:hidden;
	white-space:nowrap;
	display:inline;
}



#gallery-large .ss-controls {
float: right;
margin:0 0 0 550px;
padding: 2px 0 0 0;
/*position: absolute;*/
right: 200px;
}

#gallery-large .ss-controls a.play, #gallery-large .ss-controls a.pause {
display: block;
color: #000;
font-size: .714em;
}

#gallery-large .ss-controls a:hover.play, #gallery-large .ss-controls a:hover.pause {
color: #fff;
}

#gallery-large .nav-controls {
float: left;
}

#gallery-large .nav-controls a {
display: block;
float: left;
background-image: url(/images/arrow_lg-gallery-pager-sprite.gif);
background-repeat:no-repeat;
width: 9px;
height: 17px;
overflow: hidden;
text-indent:-99999px;
}

#gallery-large .nav-controls a.prev {
margin: 0 30px 0 20px;
background-position: top left;
}

#gallery-large .nav-controls a:hover.prev {
background-position: bottom left;
}

#gallery-large .nav-controls a.next {
margin: 0 0 0 62px;
background-position: top right;
}

#gallery-large .nav-controls a:hover.next {
background-position: bottom right;
}

#gallery-large .gallery-utils #show-thumbs {
position: absolute;
top:5px;
left:930px;
cursor: pointer;
background-image: url(/images/bttn_show-thumbs-sprite.gif);
background-repeat: no-repeat;
background-position: bottom left;
width: 19px;
height: 19px;
overflow: hidden;
text-indent: -9999px;
}

#gallery-large .gallery-utils #show-thumbs:hover {
background-position: top left;
}

#gallery-large #gallery-info {
position: absolute;
bottom: 0;
height: 90px;
padding: 8px;
width: 944px;
}

#gallery-info h1 {
font-size: 1.125em;
margin: 0 0 5px 0;
}

#gallery-large .photo-index {
position: absolute;
left: 38px;
width: 80px;
text-align: center;
padding: 2px 2px 0 2px;
font-size: .814em;
}

#gallery-large div.loader,
#gallery-large div.slideshow a.advance-link {
width: 960px; 
}

#gallery-large div.loader,
#gallery-large div.slideshow a.advance-link,
#gallery-large div.caption-container {
width: 960px;	
}

#gallery-large div.loader {
position: absolute;
top: 0;
left: 0;
background: url(/images/loader-black.gif) center no-repeat;
}

#gallery-large div.slideshow span.image-wrapper {
display: block;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
height: 540px;
background: #000;
}

#gallery-large div.slideshow span.image-wrapper img {
position: absolute;
top: 0;
left: 0;
/*margin: 0 auto;*/
}

#gallery-large div.slideshow a.advance-link {
display: block;
height: 540px; /* This should be set to be at least the height of the largest image in the slideshow with padding */
text-align: center;
width: 960px;
}

#gallery-large div.slideshow a.advance-link:hover,
#gallery-large div.slideshow a.advance-link:active,
#gallery-large div.slideshow a.advance-link:visited {
text-decoration: none;
}

#gallery-large div.slideshow a.advance-link:focus {
outline: none;
}

#gallery-large .thumbs-container {
position: absolute;
top: 31px;
z-index: 30;
padding: 20px;
width: 920px;
height: 500px;
background: url(/images/bkg_black-80.png) repeat;
}

#gallery-large div.navigation {
float: left;
position: relative;
}

#gallery-large div.navigation a.pageLink {
display: block;
color: #fff;
font-size: .814em;
text-transform: uppercase;
position: absolute;
bottom: -28px;
right: 0;
z-index: 60;
text-indent: 0;
width: 50px;
height: 20px;
text-align: right;
}

#gallery-large div.navigation a:hover.pageLink {
color: #9C9EA1;
}
 
#gallery-large div.navigation a.pageLink:focus {
outline: none;
}

#gallery-large ul.thumbs {
position: relative;
top: 0;
float: left;
margin: 0;
padding: 0;
height: 480px;
width: 920px;
overflow: hidden;
}

#gallery-large ul.thumbs li {
float: left;
padding: 0;
margin: 6px;
list-style: none;
}

#gallery-large a.thumb {
padding: 1px;
display: block;
}

#gallery-large a.thumb:focus {
outline: none;
}

#gallery-large ul.thumbs img {
border: none;
display: block;
}

#gallery-large div.pagination {
clear: both;
position: relative;
left: 0;
}

#gallery-large div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
position: relative;
display: block;
float: left;
margin-right: 2px;
padding: 4px 7px 2px 7px;
border: 1px solid #ccc;
}

#gallery-large div.pagination a:hover {
text-decoration: none;
}

#gallery-largediv.pagination span.current {
font-weight: bold;
}

#gallery-large div.pagination span.ellipsis {
border: none;
padding: 5px 0 3px 2px;
}

#gallery-large div.gallery-gutter {
clear: both;
padding-bottom: 20px;
}

#gallery-large #show-related {
position: absolute;
display: block;
padding: 2px 8px; 
right: 0px;
bottom: 4px;
font-weight: bold;
font-size: .814em;
} 

#gallery-large #show-related:hover {
color: #999;
} 

#gallery-large #related-content {
background: #E6E7E8;
position: absolute;
top: 31px;
width: 920px;
height: 500px;
padding: 20px;
z-index: 50;
}

#gallery-large #related-content h2 {
color:#999;
font-size:1.625em;
margin:0 0 12px;
position:relative;
text-transform:uppercase;
font-family: "AvenirLight", Arial, sans-serif;
font-weight: normal;
font-style: normal;
}

#gallery-large #related-content dl.related {
margin: 0 30px 0 0;
width: 560px;
float: left;
}

#gallery-large #related-content dl.related dt {
position: relative;
width: 220px;
height: 165px;
overflow: hidden;
}

#gallery-large #related-content dl.related dd {
position: relative;
width: 320px;
min-height: 165px;
padding: 0 0 0 10px;
color: #999;
}

#gallery-large #related-content #shop-alli {
width: 300px;
float: left;
}

#gallery-share {
position: relative;
height: 35px;
width: 100%;
clear: both;
}

#gallery-share .social-utils {
position: absolute;
right: 0;
border-top: none;
}

/********************************************************************* 
SMALL GALLERY
**********************************************************************/
.gallery-small {
position: relative;
width: 640px;
height: 450px;
overflow: hidden;
position: relative;
clear: both;
margin-bottom: 18px;
background: #000;
}

.gallery-small .gallery-utils {
position: absolute;
bottom: 0;
border: 1px solid #fff;
background: url(../images/bkg_black-80.png) repeat;
height: 40px;
width: 638px;
color: #fff;
text-transform: uppercase;
}

.gallery-small .gallery-utils a {
color: #fff;
font-size: .814em;
}

.gallery-small .gallery-images {
position: relative;
float: left;
border:1px solid #fff;
}

.gallery-small .controls {
float: left;
width: 200px;
}

.gallery-small .nav-controls {
float: left;
padding: 11px 0 0 0;
}

.gallery-small .nav-controls a {
display: block;
float: left;
background-image: url(../images/arrow_sm-gallery-pager-sprite.png);
background-repeat:  no-repeat;
width: 9px;
height: 17px;
overflow: hidden;
text-indent: 9999px;
}

.gallery-small .nav-controls a.prev {
margin: 0 28px 0 10px;
background-position: top left;
}

.gallery-small .nav-controls a.next {
margin: 0 0 0 62px;
background-position: top right;
}

.gallery-small .nav-controls a:hover.prev, .gallery-small .nav-controls a:hover.next {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: .6;
}
 
.gallery-small .gallery-utils #show-thumbs {
float: right;
padding: 13px 34px 0 10px;
margin: 0 6px 0 0;
height: 27px;
display: block;
cursor: pointer;
background-image: url(../images/bttn_show-thumbs-small.gif);
background-repeat: no-repeat;
background-position: right;
overflow: hidden;
border-left: 1px solid #fff;
text-decoration: none;
}

.gallery-small .gallery-utils #show-thumbs:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: .6;
}

.gallery-small #gallery-info {
position: absolute;
top: 0;
width: 624px;
height: 19px;
padding: 8px;
background: url(../images/bkg_black-80.png) repeat;
border-bottom:1px solid #333;
}

.gallery-small .rating-stars {
position: absolute;
right: 0;
top: 10px;
width: 95px;
}

.gallery-small .rating-stars a {
width: 13px;
height: 13px;
background: url(../images/bkg_rating-star.png) top center no-repeat;
}

.gallery-small .rating-stars a:hover, .gallery-small .rating-stars a.over, .gallery-small .rating-stars a.rated {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: .6;
background: url(../images/bkg_rating-star.png) bottom center no-repeat;
}

.gallery-small .photo-index {
position: absolute;
left: 24px;
width: 80px;
text-align: center;
padding: 13px 2px 0 2px;
font-size: .814em;
}

.gallery-small div.loader,
.gallery-small div.slideshow a.advance-link {
width: 640px; 
}

.gallery-small div.loader,
.gallery-small div.slideshow a.advance-link {
height: 380px;	
}

.gallery-small .caption {
color: #fff;
position: absolute;
z-index: 15;
left: 10px;
top: -400px;
font-size: 1.1875 
}

.gallery-small div.loader {
position: absolute;
top: 0;
left: 0;
background: url(../images/loader-black.gif) center no-repeat;
}

.gallery-small div.slideshow span.image-wrapper {
display: block;
position: absolute;
left: 0;
top: 35px;
overflow: hidden;
height: 380px;
background: #000;
}

.gallery-small div.slideshow span.image-wrapper img {
position: absolute;
top: 0;
left: 0;
float: left;
}

.gallery-small div.slideshow a.advance-link {
display: block;
line-height: 380px; /* This should be set to be at least the height of the largest image in the slideshow with padding */
text-align: center;
}

.gallery-small div.slideshow a.advance-link:hover,
.gallery-small div.slideshow a.advance-link:active,
.gallery-small div.slideshow a.advance-link:visited {
text-decoration: none;
}

.gallery-small div.slideshow a.advance-link:focus {
outline: none;
}

.gallery-small .thumbs-container {
position: absolute;
top: 35px;
z-index: 30;
padding: 20px;
width: 600px;
height: 263px;
background: url(../images/bkg_black-50.png) repeat;
}

.gallery-small div.navigation {
float: left;
position: relative;
}

.gallery-small div.navigation a.pageLink {
display: block;
color: #fff;
font-size: .814em;
text-transform: uppercase;
position: absolute;
bottom: -28px;
right: 0;
z-index: 60;
text-indent: 0;
width: 50px;
height: 20px;
text-align: right;
}

.gallery-small div.navigation a:hover.pageLink {
color: #9C9EA1;
}
 
.gallery-small div.navigation a.pageLink:focus {
outline: none;
}

.gallery-small ul.thumbs {
position: relative;
top: 0;
float: left;
margin: 0;
padding: 0;
height: 245px;
width: 600px;
overflow: hidden;
}

.gallery-small ul.thumbs li {
float: left;
padding: 0;
margin: 6px;
list-style: none;
}

.gallery-small a.thumb {
padding: 1px;
display: block;
}

.gallery-small a.thumb:focus {
outline: none;
}

.gallery-small ul.thumbs img {
border: none;
display: block;
}

.gallery-small div.pagination {
clear: both;
position: relative;
left: 0;
}

.gallery-small div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
position: relative;
display: block;
float: left;
margin-right: 2px;
padding: 4px 7px 2px 7px;
border: 1px solid #ccc;
}

.gallery-small div.pagination a:hover {
text-decoration: none;
}

.gallery-smalldiv.pagination span.current {
font-weight: bold;
}

.gallery-small div.pagination span.ellipsis {
border: none;
padding: 5px 0 3px 2px;
}

.gallery-small div.gallery-gutter {
clear: both;
padding-bottom: 20px;
}