/************************************************
 *
 *  File     :  media-gallery.css
 *  Medium   :  Screen
 *  Version  :  0.1
 *  Website  :  Michelin Connected
 *  Author   :  Blast Radius
 *  Desc.    :  media gallery items
 *
 ************************************************/

#michelin-media-gallery.container { margin:0;}
#michelin-media-gallery .blockContent { 
	margin: 0 0 4px 8px;
	}

#media-gallery-small ,
#media-gallery-small-tab {
	float: left;
	}

#media-gallery-small li,
#media-gallery-small-tab li,
#media-gallery-large li {
	float:left;
	margin-right: 2px;
	}

#media-gallery-small li,blank,
#media-gallery-small-tab li,blank,
#media-gallery-large li.blank {
    height: 119px;
    background: #eee;
    }

#media-gallery-small li a,
#media-gallery-small-tab li a,
#media-gallery-large li a {
	display: block;
	float: left;
	position: relative;
	}

#media-gallery-small li a img,
#media-gallery-small-tab li a img,
#media-gallery-large li a img {
    display: block;
    width: 147px;
    height: 119px;
    }


#media-gallery-small li a span.video,
#media-gallery-small-tab li a span.video,
#media-gallery-large li a span.video,
div.article-video a span.video {
	display: block;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 50%;
	left: 50%;
	margin-left: -12.5px;
	margin-top: -12.5px;
	background: url(../img/mediagallery/playbutton.png);
	}

#container-media-gallery-large .media-gallery-next,
#container-media-gallery-large .media-gallery-prev, 
#media-gallery-small .media-gallery-small-next,
#media-gallery-small .media-gallery-small-prev,
#media-gallery-small-tab .media-gallery-small-tab-next,
#media-gallery-small-tab .media-gallery-small-tab-prev {
	border: 1px solid #e4e4e4;
	color: #000;
	width: 18px;
	height: 13px;
	float: right;
	padding: 4px 2px 4px 2px;
	margin-right: 2px;
	}

#container-media-gallery-large .media-gallery-prev, 
#media-gallery-small .media-gallery-small-prev, 
#media-gallery-small-tab .media-gallery-small-tab-prev  {
	background: url(../img/generic/arrow-blue-light-left.gif) 50% 50% no-repeat;
	}

#container-media-gallery-large .media-gallery-next, 
#media-gallery-small .media-gallery-small-next, 
#media-gallery-small-tab .media-gallery-small-tab-next {
	background: url(../img/generic/arrow-blue-light-right.gif) 50% 50% no-repeat;
	}
	
#container-media-gallery-large .media-gallery-prev:hover, 
#media-gallery-small .media-gallery-small-prev:hover ,
#media-gallery-small-tab .media-gallery-small-tab-prev:hover {
	background: url(../img/generic/arrow-blue-dark-left.gif) 9px 7px no-repeat;
}

#container-media-gallery-large .media-gallery-next:hover, 
#media-gallery-small .media-gallery-small-next:hover,
#media-gallery-small-tab .media-gallery-small-tab-next:hover {
	background: url(../img/generic/arrow-blue-dark-right.gif) 9px 7px no-repeat;
}

#container-media-gallery-large .disabled:hover,
#container-media-gallery-large .disabled,
#media-gallery-small .disabled:hover,
#media-gallery-small .disabled,
#media-gallery-small-tab .disabled:hover,
#media-gallery-small-tab .disabled {
	background: none;
	cursor: default;
	}

    
#media-gallery-large {
    width: 596px;
    height: 120px;
    margin: 10px auto;
    overflow: hidden;
    }

#media-gallery-large ul {
    position: absolute;
    }
    
#container-media-gallery-large .media-gallery-next {
    margin-right: 10px;
    margin-bottom: 10px;
    }

div.article-video {
    width: 400px;
    margin:0 auto;
}
div.article-video a {
    display: block;
    float: left;
    position: relative;
}

div.article-video a.img {
    display: block;
}

div.article-video strong {
    /*width: 131px;*/
    float: left;
    padding-top: 10px;
    padding-left: 14px;
    display: block;
}