@charset "UTF-8";
/* CSS Document */

.mediaroom .more {float:right; padding: 10px; font-size:14px; font-weight:bold;}
.mediaroom .box {margin-bottom:20px;}
.mediaroom .box_header {padding:0; height:25px;}
.mediaroom .box_header h2 {padding:5px}
.mediaroom .box_header .active {display:block; background:url(/images/box_gradient.jpg); color:#6a6a6a; padding:5px 10px; float:left; font-weight:bold;}
.mediaroom .box_header a {display:block; padding:5px 10px; float:left; color:#fff; text-decoration: none; font-weight:bold; border-right:solid 1px #6a6a6a;}
.mediaroom .box_content {padding:0!important; height:auto;}
.mediaroom .box li a:hover, .mediaroom .box li a.active {background:#000; color:#fff;}

.mediaroom .news_list li a {display:block; padding:5px 10px;}
.mediaroom .news_list li a:hover {background:#000; color:#fff;}

.mediaroom #article_body {padding:0 10px 10px 0;}

/* GALLERY */
.mediaroom .content_area {min-height:280px; overflow-y:auto;}
.mediaroom .content_area .article_image {float:right;}
.mediaroom .content_area div {padding:10px;}
.mediaroom .gallery_container {position:relative; height:218px;}
.mediaroom .gallery_mask {position:absolute; overflow: hidden; width:656px;}
.mediaroom .gallery_list {position:relative; overflow:hidden; left:0; width:100000px;}
.mediaroom .gallery_list li {float:left;}
.mediaroom .gallery_list li a {width:154px; text-align:center; text-decoration:none; display:block; padding:10px 5px 5px 5px;}
.pagination {height: 30px; margin-left: 30px;}
.pagination li {float: left;}
.pagination li a {display:block;color: #000;margin-right: 1px;padding: 2px 5px;outline: none;}
.pagination li a.active, .pagination li a:hover {background: #000000;}


.mediaroom .article_image_left {float:left; padding: 0 20px 20px 0}
.mediaroom .article_image_right {float:right; padding: 0 0 20px 20px}

/* VIDEOS */
.video_box {border:none;}
.video_box .box_content {background-image:none;}
.video_box .gallery_container {clear:both; height:150px;}
.video_box .pagination_container {padding: 7px 0 0 7px;}
.video_box .pagination {margin-right:30px; float:left;}
.video_box .gallery-pan-left, .video_box .gallery-pan-right {float:left;}
.mediaroom .video_area div {padding:0;}
.video_info {float:right; width:250px; margin-top:10px; margin-right:10px;}
.title {font-weight:bold;}
.date {font-style: italic;}
.caption {margin-top:10px;}
#latest, #haircare, #styling {border:solid 1px #000;}

.pagination_links {text-align:center;}
.pagination_links .prev {float:left;}
.pagination_links .next {float:right;}
.pagination_links .cur {font-weight:bold;}
.pagination_links a {display:block; float:left; padding:5px; background-color:#6a6a6a; color:#fff; margin:2px;}
.pagination_links a:hover {background-color:#000;}