@charset "utf-8";



/*

=======================================================================

	Wrapper

=======================================================================

*/



/*#wrapper { width:940px; margin:0 auto; padding-top:50px; }*/


#media-gallery, 
#module-mediagallery-MediaGallery .page-content {
	border: none;
	padding: 0
}

.ui-widget-content {
    border: none;
    background: none;
    color: #707071;
}

.ui-widget-header {
	border: none !important;
    background: none !important;
	border-bottom: 5px solid #1e56a5 !important;
	padding: 0 !important;
}

.ui-widget-header .ui-tabs-active {
	border: none !important;
	background: #1e56a5 !important;
}

.ui-widget-header .ui-tabs-active a {
	color: #FFFFFF
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #FFFFFF !important;
	background: #1e56a5 !important;
}



.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: none !important;
    background: #e2e2e2 !important;
    color: #707071;
}

.ui-widget-header li {
	background: #e2e2e2 !important;
	border-radius: 0 !important;
}

.ui-widget-header li a {
	font-weight: 900 !important;
	border-radius: 0 !important;
	padding: 5px 10px !important;
	font-size: 14px;
	display: block; 
}

.ui-widget-header li:hover a {
	color: #1e56a5 !important
}

.ui-widget-header li.ui-tabs-active:hover a {
	color: #ffffff !important
}

.ui-tabs-close {
	display: none !important
}

.ui-tabs .ui-tabs-panel {
    padding: 20px 0 !important;
}

.btn-primary {
    background-color: #707071 !important;
	float: left;
	margin-right: 10px;
}

.btn-primary:hover {
    background-color: #1e56a5 !important;
}

.btn-primary.actived {
    background-color: #1e56a5 !important;
}

.actived{background-color: gray;color:white;}

.easyPaginateNav { margin-left:10px; margin-top:10px;}

.first {padding-right:10px;}

.prev {padding-right:10px;}

.page {padding-right:10px;}

.next {padding-right:10px;}

.last {padding-right:10px;}

.current {padding-right:10px;}



.vid_gallery { width:100%; padding:0px; margin:0 auto; }



.vid_gallery .toolbar { width:100%; 
}



/*Views*/



.vid_gallery .toolbar .views { width:50%; float:left; margin-left:10px; margin-top:6px; }



.vid_gallery .toolbar .views a { font-weight: 900;
	text-transform: uppercase; font-size: 20px; color: #1e56a5 }



.vid_gallery .toolbar .views a img { padding-right:2px; }



/*Filter*/



.vid_gallery .toolbar .filter { width:43%; float:right; text-align:left; margin-right:10px; position:relative; }



.dropdown { float:right; }



ul li{style:none;}



.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; z-index:100; }



.dropdown dd { position:relative; }



.dropdown a, .dropdown a:visited { color:#FFF; text-decoration:none; outline:none; }



.dropdown a:hover { color:#FFF; }



.dropdown dt a:hover { color:#FFF; border: 1px solid #000; }



.dropdown dt a { background:#545454 url(../img/arrow.png) no-repeat scroll right center; display:block; padding-right:20px; border:1px solid #000; width:155px; padding-left:5px; }



.dropdown dt a span { cursor:pointer; display:block; padding:5px; }



.dropdown dd ul { background:#545454 none repeat scroll 0 0; border:1px solid #000; color:#C5C0B0; display:none; left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:180px; list-style:none; }



.dropdown span.value { display:none; }



.dropdown dd ul li a { padding:5px; display:block; padding-left:10px; }



.dropdown dd ul li a:hover { background-color:#000; }



.dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }



/*Gallery*/



.vid_gallery .gallery { width:98%; padding:10px 0 10px 0; margin:0 auto; }



.vid_gallery .gallery ul { list-style:none; padding:0px; margin:0px; }



.vid_gallery .gallery ul li { width:195px; height:90px; margin:17px; float:left; position:relative; }



.vid_gallery .gallery ul li .product1 { width:195px; height:90px; position:relative; }



/*Quick View*/



.vid_gallery .gallery ul li .product1 .view { position:absolute; display:none; width:195px; height:64px; top:0px; left:0px; background:url(../img/trans_hover.png) repeat; z-index:z-index:999;

text-align:center; text-align:center; padding-top:26px; }



.vid_gallery .gallery ul li .product1 .view .movie_icon { width:14px; height:10px; position:absolute; left:10px; top:10px; }



.vid_gallery .gallery ul li .product1 .view h4 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFF; padding-bottom:3px; margin-bottom:0px; }



.vid_gallery .gallery ul li .product1 .view p { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; font-weight:normal; color:#FFF; padding-bottom:8px; }



.vid_gallery .gallery ul li:hover .view { display:block; }



/*Pagination*/



.vid_gallery .pagination { width:100%; float:right; clear:both; background:#f3f3f3; border-radius:5px; padding:5px; margin-top:20px; }



.vid_gallery .pagination ul { list-style:none; margin:0px; padding:0px; }



.vid_gallery .pagination ul li { float:left; line-height:22px; margin:0 4px 0 4px; }



.vid_gallery .pagination ul li a { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000; font-weight:bold; }



.vid_gallery .pagination ul li a:hover { color:#F00; }



/*List View*/



.vid_gallery .gallery_list { width:98%; padding:10px 0 10px 0; margin:0 auto; }



.vid_gallery .gallery_list ul { list-style:none; padding:0px; margin:0px; }



.vid_gallery .gallery_list ul li { width:100%; margin:0px; clear:both; position:relative; border-bottom:#e2e2e2 1px solid; padding-bottom:0px; padding-top:25px; padding-bottom: 20px; }



.vid_gallery .gallery_list ul li .product1 { width:100%; height:auto; position:relative; }



/*Quick View*/



.vid_gallery .gallery_list ul li .product1 .thumb { width:310px; height:170px; float:left; position:relative; }



.vid_gallery .gallery_list ul li .product1 .thumb img { width:100%; height:auto; }



.vid_gallery .gallery_list ul li .product1 .thumb .view { position:absolute; display:none; width:310px; height:170px; top:0px; left:0px; background-color: rgba(30, 86, 165, 0.5); z-index:z-index:999; text-align:center; text-align:center; }



.vid_gallery .gallery_list ul li .product1 .thumb .view .movie_icon { width:20px; height:23px; position:absolute; left:50%; top:50%; transform: translate(-50% , -50%)}



.vid_gallery .gallery_list ul li .product1 .thumb:hover .view { display:block; }



.vid_gallery .gallery_list ul li .product1 .content { width:50%; float:left; margin-left:15px; }



.vid_gallery .gallery_list ul li .product1 .content h5 a { font-size:16px; font-weight:bold; color:#1e56a5; line-height:24px; }



.vid_gallery .gallery_list ul li .product1 .content h5 a:hover { text-decoration:underline; }



.vid_gallery .gallery_list ul li .product1 .content a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333; line-height:22px; }



.vid_gallery .gallery_list ul li .product1 .content p { padding-top:6px; }



.vid_gallery .gallery_list ul li .product1 .content p:empty { display: none; }



.vid_gallery .gallery_list ul li .product1 .content a:hover { text-decoration:underline; }



.vid_gallery .gallery_list ul li .product1 .watch_video { float:right; text-align:right; margin-top:30px; }



.vid_gallery .gallery_list ul li .product1 .watch_video a { background:#707071;  padding:0 20px; font-size:15px; color:#FFF; font-weight:bold; text-transform:uppercase; height: 50px; line-height: 50px; display: block}



.vid_gallery .gallery_list ul li .product1 .watch_video a:hover { background:#1e56a5; text-decoration:none; }



.vid_gallery .gallery_list ul li .product1 .watch_video a img { padding-right:3px; }



/*css file*/

.pagin { padding: 10px 0; font:bold 11px/30px arial, serif; }



.pagin * { padding: 2px 6px; color:#545454; margin: 2px; border-radius:3px; }



.pagin a { border:solid 1px #545454; text-decoration:none; background:#545454; padding:6px 7px 5px; }



.pagin span, .pagin a:hover, .pagin a:active, .pagin span.current { color:#FFFFFF; background:-moz-linear-gradient(top, #545454 1px, #545454 1px, #545454); }



.pagin span, .current { padding:8px 7px 7px; }



#loader { position: absolute; text-align: center; top: 75px; width: 100%; display:none; }



.media_gallery_block { width:202px; }



.media_gallery_block .product1 .thumbnail { width:100%; position:relative; }



.media_gallery_block .product1 .thumbnail .view { position:absolute; display:none; width:100%; height:100%; top:0px; left:0px; background:url(../img/trans_hover.png) repeat; z-index:z-index:999;

text-align:center; text-align:center; padding-top:26px; }



.media_gallery_block .product1 .thumbnail .view .movie_icon { width:20px; height:23px; position:absolute; left:92px; top:55px; }



.media_gallery_block .product1 .thumbnail:hover .view { display:block; }



/*Content*/



.media_gallery_block .product1 h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000; margin-top:15px; }



.media_gallery_block .product1 h3 a { color:#000; text-decoration:none; }



.media_gallery_block .product1 h3 a:hover { color:#C00; text-decoration:none; background:none; }



.media_gallery_block .product1 p { font-family:Verdana; font-size:12px; font-weight:normal; color:#545454; line-height:20px; padding:6px 0 0px 0; }



.media_gallery_block .product1 p a { font-family:Verdana; font-size:11px; font-weight:bold; color:#545454; float:right; }



.media_gallery_block .product1 p a:hover { color:#C00; background:none; }



.pre_wrap { background: #f9f9f9; padding: 5px 5px 5px 14px; margin-bottom: 33px; margin-top: 32px; }



.pre_wrap span.label { color: #999; font-size: 12px; font-style: italic; display: block; padding-left: 5px; padding-top: 5px; }



.syntaxhighlighter { font-size: 12px; }



.slides1_wrap { position: relative; padding: 20px 0 37px 0px; width: 100%; }



#slides1 { overflow: hidden; height: 212px; }



#slides1 li { list-style: none; width: 100%; }



#slides1 li .thumb { float: left; width:100px; }



#slides1 .content { float: left; width: 80%; padding-left: 45px; padding-right: 45px; position:relative; }



#slides1 .content .left_arrow { position:absolute; left:0px; top:0px; padding:0 10px 0 10px; }



#slides1 .content .right_arrow { position:absolute; right:0px; bottom:30px; padding:0 10px 0 10px; }



#slides1 li p { font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#333; line-height:20px; padding-top:0px; padding-bottom:6px; }



#slides1 li p a { font-size:11px; color:#000; font-weight:bold; }



#slides1 li p a:hover { color:#900; text-decoration:none; }



#slides1 li p a img { float:right; margin-left:12px; margin-top:8px; }



#slides1 h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#900; padding-bottom:10px; }



#slides1 h4 { font-size: 18px; color: #000; font-style: italic; font-weight: normal; text-transform: lowercase; padding-bottom: 16px; }



.slides1_wrap .prev { position: absolute; left: -6px; top: 100px; outline: 0; }



.slides1_wrap .next { position: absolute; right:20px; top: 100px; outline: 0; }



.slides1_wrap a:active { top: 102px; }



.bx_pager { padding-left: 200px; padding-top: 15px; }



.bx_pager a { float: left; background: url(../img/bg_pager.png) no-repeat 0 -21px; width: 14px; height: 17px; color: #fff; font-size: 11px; margin-right: 6px; padding: 4px 0 0 7px; }



.bx_pager a:hover, .bx_pager a.active { background-position: 0 0; text-decoration: none; }



.auto_controls { position: absolute; bottom: -11px; left: 394px; }



.auto_controls a { font-size: 16px; color: #a3a3a3; outline: 0; padding: 2px; }



.auto_controls a:hover { text-decoration: none;  background:;

color: #e41996; }



#content #notes li, #content #changes li { font-size: 12px; color: #8f8f8f; margin-left: 43px; padding-bottom: 6px; }



#content #notes li a { color: #e41996; }



#idc-container a { color: #e41996; }



#idc-container h3 { color: #666; }



.nav { margin: 0px 0 }



#nav a, #s7 strong { margin: 0 5px; padding: 3px 5px; border: 1px solid #ccc; background: #fc0; text-decoration: none }



#nav a.activeSlide { background: #ea0 }



#nav a:focus { outline: none; }

.toolbar {display: none}


.ui-tabs-nav {
	border-radius: 0 !important
}