﻿@font-face
{
    font-family: 'baskerville';
    src: url('/static/fonts/Baskerville/Baskerville.eot');
    src: url('/static/fonts/Baskerville/Baskerville.eot?#iefix') format('embedded-opentype'), 
    url('/static/fonts/Baskerville/Baskerville.woff') format('font/x-woff'), 
    url('/static/fonts/Baskerville/Baskerville.ttf') format('truetype'), 
    url('/static/fonts/Baskerville/Baskerville.svg#baskerville') format('image/svg+xml');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'baskervilleItalic';
    src: url('/static/fonts/Baskerville/Baskerville-Italic.eot');
    src: url('/static/fonts/Baskerville/Baskerville-Italic.eot?#iefix') format('embedded-opentype'), 
    url('/static/fonts/Baskerville/Baskerville-Italic.woff') format('font/x-woff'), 
    url('/static/fonts/Baskerville/Baskerville-Italic.ttf') format('truetype'), 
    url('/static/fonts/Baskerville/Baskerville-Italic.svg#BaskervilleItalic') format('image/svg+xml');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'AtlasGrotesk-Regular';
    src: url('/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.eot');
    src: url('/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.eot?#iefix') format('embedded-opentype'), 
    url('/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.woff') format('font/x-woff'), 
    url('/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.ttf') format('truetype'), 
    url('/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Regular-Web.svg#AtlasGrotesk-Regular') format('image/svg+xml');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'AtlasGrotesk-Medium';
    src: url('/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.eot');
    src: url('/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.eot?#iefix') format('embedded-opentype'), 
    url('/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.woff') format('font/x-woff'), 
    url('/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.ttf') format('truetype'), 
    url('/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Medium-Web.svg#AtlasGrotesk-Medium') format('image/svg+xml');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'AtlasGrotesk-Bold';
    src: url('/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.eot');
    src: url('/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.eot?#iefix') format('embedded-opentype'), 
    url('/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.woff') format('font/x-woff'), 
    url('/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.ttf') format('truetype'), 
    url('/static/fonts/AtlasGroteskWeb/AtlasGrotesk-Bold-Web.svg#AtlasGrotesk-Bold') format('image/svg+xml');
    font-weight: normal;
    font-style: normal;
}

html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}

.vahub-container *, .vahub-container *:before, .vahub-container *:after {
    box-sizing: border-box !important;
}

ul, ol {list-style: none;}

::-ms-clear {display: none;}

.img-responsive {height: auto; max-width: 100%;margin: 0 auto;}

/* vahub */
.container {background-color: #f8f8f8; width: 1364px; !important}

/* vahub-container */
.vahub-container {background: #ffffff; color: #000000; margin: 0 auto; padding: 0 5.70175%; width: 1140px; min-height: 750px;}

/* global links color */
.vahub-container a, .vahub-container a:hover, .vahub-container a:focus {color: #000000;}

/*gigya-icons*/
.gig-button > table tr td > div {
	background-image: url('/static/images/videoarticlehub/new-gigya-icons.png') !important; 
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
	height: 42px !important;
	width: 42px !important;
}

.gig-button > table tr td#ShareDiv-reaction0-icon > div {
	background-position: -6px -5px !important;
}

.gig-button > table tr td#ShareDiv-reaction0-icon > div:hover {
	background-position: -6px -55px !important;
}

.gig-button > table tr td#ShareDiv-reaction1-icon > div {
	background-position: -56px -5px !important;
}

.gig-button > table tr td#ShareDiv-reaction1-icon > div:hover {
	background-position: -56px -55px !important;
}

.gig-button > table tr td#ShareDiv-reaction2-icon > div {
	background-position: -106px -5px !important;
}

.gig-button > table tr td#ShareDiv-reaction2-icon > div:hover {
	background-position: -106px -55px !important;
}

/*pseudo classes*/
.alignLeft {text-align: left;}
.alignCenter {text-align: center;}
.alignRight {text-align: right;}

/*vahub-heppening-cont*/
.vahub-happening-cont {margin: 25px 20px 0;}
.vahub-happening-cont h2 {background: #f5f3f3; border: 1px solid #dcdbdb; font-family: 'baskerville', Times, Georgia; font-weight: normal; height: 40px; line-height: 40px; margin: 0 0 20px; padding-left: 20px;}
.vahub-happening-cont .happening-now {border-top: 1px solid #f1f1f1; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #d1d1d1; border-left: 1px solid #eeeeee; display: inline-block; float: left; margin: 0 1.5625% 1.82% 0; padding: 1.04166%; width: 32.2916%;}
.vahub-happening-cont .happening-now:last-child {margin-right: 0;}
.ie8 .vahub-happening-cont .happening-now+.happening-now+.happening-now {margin-right: 0;}
.vahub-happening-cont span {display: block; margin: 5px 0;}
.vahub-happening-cont span.activity a {color: #5f5e5e; font-family: 'AtlasGrotesk-Medium', Arial, Helvetica; text-transform: uppercase;}
.vahub-happening-cont span.activity:active, .vahub-happening-cont span.activity:hover {color: #5f5e5e;}
.vahub-happening-cont span.title {color: #5f5e5e; font-family: 'baskerville', Times, Georgia; font-style: italic; font-weight: normal; line-height: 24px;}

/*vahub-videoimage-cont*/
.vahub-videoimage-cont {margin: 25px auto 0; width: 960px;}
.vahub-videoimage-cont .image-cont {display: block; height: auto; width: 960px; overflow: hidden; text-align: center;}
.vahub-videoimage-cont .image-cont a {display: block;}

/*.date-share*/

.vahub-videoimage-cont .date-share .date {display: inline-block; margin: 0 auto;}
.vahub-videoimage-cont .date-share .date li {float: left; height: 11px; line-height: 11px; margin-right: 5px;}
.vahub-videoimage-cont .date-share .date li, 
.vahub-videoimage-cont .date-share .date li a {color: #000000; font-family: 'AtlasGrotesk-Medium', Arial, Helvetica; font-weight: normal; text-transform: uppercase;}

.date-share {display: block; line-height: 0; margin: 60px 0; padding: 0; text-align: center;}
.date-share .share {display: inline-block; margin: 0 auto;}
.date-share .share li {color: #000000; font-family: 'AtlasGrotesk-Medium', Arial, Helvetica; font-weight: normal; margin-right: 5px;}
.date-share .share li a {color: #000000; display: inline-block; vertical-align: middle;}
.date-share .share .gigya-share {color: #000000; font-family: 'AtlasGrotesk-Medium', Arial, Helvetica; font-weight: normal; margin-left: 15px; }
.date-share .share .SocialBlock .gig-bar-container.gig-share-bar-container {display: inline-block;}
.vahub-videoimage-cont .date-share {display: block; line-height: 0;/* margin: 50px 0;*/  margin: 50px 0 35px; padding: 0; text-align: center;}

/*vahub-article-cont*/
.vahub-article-cont {margin: 0 20px;}
.vahub-article-cont article {color: #000000; font-family: 'baskerville', Times, Georgia; font-weight: normal; line-height: 26.25px; padding: 0 11.5%;}
.vahub-article-cont article h1 {color: #000000; font-family: 'baskervilleItalic', Times, Georgia; font-style: normal; font-weight: normal;/* margin: 0 0 50px;*/ margin: 0 0 30px;   text-align: center;line-height: 1;}
.vahub-article-cont article h2, 
.vahub-article-cont article h2 p {color: #000000; font-family: 'AtlasGrotesk-Regular', Arial, Helvetica; font-weight: normal; line-height: 24px; /*margin: 0 0 60px;*/ margin: 0 0 35px; text-align: center;}
.vahub-article-cont article h3 {color: #000000; font-family: 'AtlasGrotesk-Regular', Arial, Helvetica; font-weight: normal; line-height: 20px; text-align: center; text-transform: uppercase;}
.vahub-article-cont article p {color: #000000; font-family: 'baskerville', Times, Georgia; font-weight: normal; line-height: 26.25px; margin: 0 0 25px;}
.vahub-article-cont article p:last-child {margin: 0;}
.vahub-article-cont article p > span.article-image-cont {display: block; margin: 60px 0;}
.vahub-article-cont article p > span.article-image-cont img {height: auto; max-width: 650px;}
.vahub-article-cont article p > span.article-image-cont span.caption {color: #000000; display: block; font-family: 'AtlasGrotesk-Regular', Arial, Helvetica; letter-spacing: 0.6px; line-height: 24px; margin-top: 15px; text-align: center; text-transform: capitalize;}

/*vahub-from-this-sale*/
.vahub-fromsale-cont {height: auto; margin: 0 -52px 60px; padding: 0;}
.vahub-fromsale-cont .sale-content {display: table; height: auto; padding: 0;}
.vahub-fromsale-cont .sale-content:before, .vahub-fromsale-cont .sale-content:after {box-sizing: border-box;}
.vahub-fromsale-cont .sale-content h2 {color: #000000; font-family: 'baskervilleItalic', Times, Georgia; font-weight: normal; line-height: 20px;}
.vahub-fromsale-cont .sale-content .from-the-sale {float: left; margin: 20px 1.8248% 0 0; padding: 0; width: 32.1167%;}
.ie8 .vahub-fromsale-cont .sale-content .from-the-sale {float: left; margin: 0 1.82% 1.82% 0; padding: 0; width: 31.1115%;}
.vahub-fromsale-cont .sale-content .from-the-sale:last-child {margin-right: 0;}
.vahub-fromsale-cont .sale-content span {display: block;}
.vahub-fromsale-cont .sale-content span.activity {margin: 18px 0;}
.vahub-fromsale-cont .sale-content span.activity, .vahub-fromsale-cont .sale-content span.activity a {color: #000000; font-family: 'AtlasGrotesk-Medium', Arial, Helvetica; text-transform: uppercase;}
.vahub-fromsale-cont .sale-content span.activity a, .vahub-happening-cont span.activity:active, .vahub-happening-cont span.activity:hover {color: #000000;}
.vahub-fromsale-cont .sale-content span.title, .vahub-fromsale-cont .sale-content span.title a {color: #000000; font-family: 'baskervilleItalic', Times, Georgia; font-style: normal; font-weight: normal; line-height: 24px;}

.from-the-sale > a {
    display: block;
    height: 196px;
    position: relative;
}

.from-the-sale .Play_Button {
    background-image: url("../../images/homePage/Play_Button.png");
    background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 100%;
	opacity: 0.4;
	position: absolute;
	width: 100%;
	/*left: 41%;
	top: 32%;*/
}
.from-the-sale .Play_Button:hover{
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

/*vahub-recom-cont*/
.vahub-recom-cont {margin: 0 20px;}
.vahub-recom-cont h1 {border-bottom: 1px solid #cccccc; color: #000000; font-family: 'baskervilleItalic', Times, Georgia; font-style: normal; font-weight: normal; line-height: 24px; margin: 0 0 40px; padding: 0 0 20px;  text-align: left;}
.vahub-recom-cont div ul {display: inline-block;}
.vahub-recom-cont div.col1 {float: left; margin: 0; padding-right: 20px; width: 50.0%;}
.vahub-recom-cont div.col2 {float: left; padding-left: 20px; width: 50.0%;}
.vahub-recom-cont div.col1.singlecol {width: 100%;}
.vahub-recom-cont div.col2.singlecol {width: 100%;}
.vahub-recom-cont div.col1.singlecol ul li, .vahub-recom-cont div.col2.singlecol ul li {float: left; padding: 0 20px; width: 50%;} 

.vahub-recom-cont ul li {margin: 0 0 60px 0;}
.vahub-recom-cont ul li > div, .vahub-recom-cont ul li > div  > a {display: block; padding: 0;}
.vahub-recom-cont ul li > div span.name {color: #000000; display: block; font-family: 'AtlasGrotesk-Medium', Arial, Helvetica; font-weight: normal; line-height: 24px; margin-top: 20px;}
.vahub-recom-cont ul li > div span.lotno {color: #000000; display: block; font-family: 'AtlasGrotesk-Regular', Arial, Helvetica; font-weight: normal; line-height: 24px;}
.vahub-recom-cont ul li > div span.saledate {color: #000000; display: block; font-family: 'AtlasGrotesk-Regular', Arial, Helvetica; font-weight: normal; line-height: 24px;}
.vahub-recom-cont ul li > div span span {color: #000000; font-family: 'AtlasGrotesk-Regular', Arial, Helvetica; font-weight: normal; line-height: 24px;}
.vahub-recom-cont ul li span.moreinfo {border-top: 1px solid #cccccc; display: block; margin-top: 18px; padding-top: 18px;}
.vahub-recom-cont ul li span.moreinfo a {color: #000000; display: block; font-family: 'AtlasGrotesk-Medium', Arial, Helvetica; font-weight: normal; text-transform: capitalize;}
.vahub-recom-cont ul li span.moreinfo a:hover {text-decoration: underline;}

/*vahub-related-cont*/
.vahub-related-cont {margin: 0 20px 30px;}
.vahub-related-cont div.col1 {float: left; width: 74.5%; margin: 0 2.0625% 0 0;}
.vahub-related-cont div.col2 {float: left; width: 23.4375%;}

.vahub-related-cont div h3 {border-bottom: 1px solid #cccccc; color: #000000; display: block; font-family: 'baskerville', Times, Georgia; font-weight: normal; height: 40px; line-height: 40px; padding-left: 10px; text-transform: capitalize;}
.vahub-related-cont ul {float: left; width: 100%;}
.vahub-related-cont ul li {border-bottom: 1px solid #cccccc; float: left; height: 50px; line-height: 50px; width: 100%;}
.vahub-related-cont ul li:last-child {border-bottom: 0;}
.vahub-related-cont ul li a {color: #000000; float: left; font-family: 'AtlasGrotesk-Medium', Arial, Helvetica; font-weight: normal; padding-left: 15px; width: 50%; overflow: hidden;}
.vahub-related-cont div.col2 ul li a {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}

/*paginate*/
.paginate {display: block; margin: 30px 0 0; text-align: center;}
.paginate ol {display: inline-block; margin: 0 auto;}
.paginate ol li {float: left; height: 30px; line-height: 30px;}
.paginate ol li.pageof {color: #000000; font-family: 'AtlasGrotesk-Regular', Arial, Helvetica; font-weight: normal; margin: 0 40px;}
.paginate ol li a {background-image: url(/static/images/sprites/NextPrevious.png); background-repeat: no-repeat; display: block; height: 30px; width: 16px;}
.paginate ol li a.btnPrev {background-position: -10px -10px;}
.paginate ol li a.btnNext {background-position: -47px -10px;}

.paginate ol li a.btnPrev.off {background-position: -10px -61px;}
.paginate ol li a.btnNext.off {background-position: -47px -61px;}

.paginate ol li a:hover {cursor: pointer;}
.paginate ol li a.off {cursor: default;}

/*vahub-tooltip*/
.vahub-tooltip {background: #ffffff; border: 1px solid #cbcbcb; height: auto; padding: 5px; position: absolute; width: 250px; z-index: 9999;}
.vahub-tooltip {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.vahub-tooltip .tooltip-inside {color: #000000; display: block; font-family: 'AtlasGrotesk-Regular', Arial, Helvetica; font-weight: normal; letter-spacing: 0.6px; line-height: 18px; margin-top: 10px; padding: 5px; text-transform: capitalize;}
.vahub-tooltip .closeTooltip {cursor: pointer; font-family: 'AtlasGrotesk-Bold', Arial, Helvetica; font-weight: normal; height: 20px; line-height: 20px; position: absolute; right: 0; text-align: center; top: 0; width: 20px; z-index: 10;}
.vahub-tooltip .closeTooltip:hover {background: #d1d1d1;}

/***font sizes***/
/*vahub-heppening-cont*/
.vahub-happening-cont h2 {font-size: 17.71px;}
.vahub-happening-cont span.activity a {font-size: 10px;}
.vahub-happening-cont span.title {font-size: 20.83px;}

/*.date-share*/
.date-share .date li, .date-share .date li a {font-size: 10.5px;}
.date-share .share li {font-size: 11px;}
.date-share .share li a {font-size: 12.5px;}
.date-share .share .gigya-share {font-size: 12.5px;}

/*vahub-article-cont*/
.vahub-article-cont article h1 {font-size: 50px;}
.vahub-article-cont article h2 , .vahub-article-cont article h2 p{font-size: 16px;}
.vahub-article-cont article h3 {font-size: 11px;}
.vahub-article-cont article p {font-size: 21px;}
.vahub-article-cont article p > span.article-image-cont span.caption {font-size: 12.5px;}

/*vahub-from-this-sale*/
.vahub-fromsale-cont .sale-content h2 {font-size: 25px;}
.vahub-fromsale-cont .sale-content span.activity, .vahub-fromsale-cont .sale-content span.activity a {font-size: 10.5px;}
.vahub-fromsale-cont .sale-content span.title, .vahub-fromsale-cont .sale-content span.title a {font-size: 25px;}

/*vahub-recom-cont*/
.vahub-recom-cont h1 {font-size: 25px;}
.vahub-recom-cont ul li > div span.name, .vahub-recom-cont ul li > div span.name a, .vahub-recom-cont ul li > div span.name a span {font-size: 14px;}
.vahub-recom-cont ul li > div span.lotno {font-size: 12.5px;}
.vahub-recom-cont ul li > div span.saledate {font-size: 14px;}
.vahub-recom-cont ul li span.moreinfo a {font-size: 12.5px;}

/*vahub-related-cont*/
.vahub-related-cont div h3 {font-size: 17.71px;}
.vahub-related-cont ul li a {font-size: 12px;}

/*paginate*/
.paginate ol li.pageof {font-size: 14px;}

/*vahub-tooltip*/
.vahub-tooltip .tooltip-inside {font-size: 12px;}
.vahub-tooltip .closeTooltip {font-size: 14px;}

._imageBlock
{
    max-width: 475px;
}

@media (min-width: 600px) and (max-width: 1024px) 
{
    body {min-width: 100%;}
    .container {max-width: 100%; width: auto;}
    .vahub-container {max-width: 100%; width: auto;}
	.vahub-videoimage-cont {width: 100%;}
	.vahub-fromsale-cont {margin-left: auto; margin-right: auto;}
	
	.vahub-videoimage-cont .image-cont {width: 100%;}	
	iframe {width: 100%;}	
	._imageBlock{width: 100%; height: auto;}
	
	/*.from-the-sale .Play_Button {height: 80%; width: 69%;}*/
	.from-the-sale > a {height: auto;}
}

@media screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio:0) 
{
    /*paginate*/
    .paginate ol li {font-size: 11px;}
    .paginate ol li a {font-size: 11px;}
    
    /*vahub-tooltip*/
    .vahub-tooltip .tooltip-inside {font-size: 13px;}
	
	.vahub-videoimage-cont .image-cont {width: 100%;}
	iframe {width: 100%;}	
	._imageBlock{width: 100%; height: auto;}
	
	/*.from-the-sale .Play_Button {height: 80%; width: 69%;}*/
	.from-the-sale > a {height: auto;}
}

object.video {
left: 0px;
position: absolute;
z-index: 1;
}

.caption-article {
font-size: 14px;
line-height: 21px;
font-family: AtlasGrotesk-Regular, Arial, Helvetica;
color: #808080;
}
#ShareDiv_gig_containerParent #ShareDiv table  tr td{
	display: inline;
    margin-right: 10px;
}
#mainform *, #mainform *::before, #mainform *::after {
    box-sizing: border-box;
}