@charset "utf-8";

/*@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro);*/


/* CSS Document */
*{ margin:0; padding:0; }

@font-face {
    font-family: 'Museo 700';
    /*src: url('https://vincitraining.com/LLMS4_hk/css/fonts/Museo-700-Regular.eot');*/
    src: url('https://vincitraining.com/LLMS4_hk/TransactionalLearner/css/fonts/Museo-700-Regular.eot');
    src: url('https://vincitraining.com/LLMS4_hk/TransactionalLearner/css/fonts/Museo-700-Regular.eot?iefix') format('embedded-opentype'),
     url('https://vincitraining.com/LLMS4_hk/TransactionalLearner/css/fonts/Museo-700-Regular.woff') format('woff'),
      url('https://vincitraining.com/LLMS4_hk/TransactionalLearner/css/fonts/Museo-700-Regular.ttf') format('truetype'),
       url('https://vincitraining.com/LLMS4_hk/TransactionalLearner/css/fonts/Museo-700-Regular.svg#Museo 700') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo300';
    src: url('https://vincitraining.com/LLMS4_hk/TransactionalLearner/css/fonts/museo300-regular-webfont.eot');
    src: url('https://vincitraining.com/LLMS4_hk/TransactionalLearner/css/fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'), 
    url('https://vincitraining.com/LLMS4_hk/TransactionalLearner/css/fonts/museo300-regular-webfont.woff') format('woff'), 
    url('https://vincitraining.com/LLMS4_hk/TransactionalLearner/css/fonts/museo300-regular-webfont.ttf') format('truetype'), 
    url('https://vincitraining.com/LLMS4_hk/TransactionalLearner/css/fonts/museo300-regular-webfont.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('https://vincitraining.com/LLMS4_hk/TransactionalLearner/css/fonts/SourceSansPro-Regular.eot');
    src: url('https://vincitraining.com/LLMS4_hk/TransactionalLearner/css/fonts/SourceSansPro-Regular.eot?iefix') format('embedded-opentype'), 
    url('https://vincitraining.com/LLMS4_hk/TransactionalLearner/css/fonts/SourceSansPro-Regular.woff') format('woff'), 
    url('https://vincitraining.com/LLMS4_hk/TransactionalLearner/css/fonts/SourceSansPro-Regular.ttf') format('truetype'), 
    url('https://vincitraining.com/LLMS4_hk/TransactionalLearner/css/fonts/SourceSansPro-Regular.svg#Source Sans Pro') format('svg');
    font-weight: normal;
    font-style: normal;
}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset{margin:0 0 14px;}
html, body, div, span, applet, embed, object, iframe, frameset, p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center, h1, h2, h3, h4, h5, h6, b, strong, big, u, ins, i, cite, em, var, dfn, address, s, strike, del, dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt, fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio,video{
	border:0;
	margin:0; padding:0;
	background:none;
	outline:0;
}
.arrow{
	position:absolute;
	width:48px;
	height:24px;
	margin:auto;
	top:239px;
	left:49%;
}
body{
	 font-family: 'source_sans_proregular';
	font-size:81.3%;
	color:#232323;
	background:transparent url(../Images/bg.png) left top repeat-x !important;
}
a{
	text-decoration:none;
	color:#00bac8;
}
/* a:hover{text-decoration:underline;}*/
a:active{background-color:transparent;}

/* Layout Structure Styles */
.lgt {
    background-color: #D6E9EF;
    display: table;
    /*position: relative;*/
}
.vw-fluid {
    width: 100%;
}

.vw-max {
    width: 940px;
    padding: 0 10px;
    margin: auto;
}
#vw-mainWrapper{
	width:940px;
	padding:0 10px;
	margin:auto;
}
.vw-header{
	text-align:left;
	padding:25px 0;
	position:relative;
	height:70px;
}
.vw-topNav{
	position:absolute;
	top:55px;
	right:0;
	font-size:8px;
	color:#999;
	float:right;
}
.vw-topNav a { font-size:16px; font-family:'source_sans_proregular' !important; color:#FFF; vertical-align:middle; padding:0 5px; } 
.vw-topNav a:hover {color:#00b2c5;}
.vw-contentContainer{ width:100%; }
.vw-mainCaption{
	/*background:#00bac8 url(../Images/caption-bg.jpg) left top repeat-x;*/
	height:120px;
	text-align:center;
	margin:auto;
	/*margin-top:11px;*/
	line-height:80px;
}
.vw-mainCaption h1, .vw-mainCaption h2{
    font-family: 'Museo 700';
 color:#FFF; 
 font-size:32pt;
 font-weight:normal;
 padding:15px 0;
}
.vw-mainCaption h2{
	font-size:20px;
	padding:8px 0;
}
.promo-box{
	padding-left:20px;
	/*margin:30px auto;*/
}
.promo-box-blks{
/*	background:transparent url(../Images/promo-box-bg.png) left top no-repeat;
*/	width:264px;
	float:left;
	text-align:center;
	display:inline-block;
	height:142px;
	margin:30px 60px 0 0;
	position:relative;
}
.promo-box-blks:hover{
	color:#FFF !important;
}
.promo-box > .promo-box-blks + .promo-box-blks + .promo-box-blks{
	margin-right:0 !important;
}
.promo-box-blks img{
	padding:20px 0;
	display:inline-block;
	
}

.promo-box-blks span {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    line-height:35px;
    *position: static;
}

a.promoBtn {
    font-size: 31px;
    line-height: 30px;
    text-decoration: none;
    color: #FFF;
    /*display: inline-block;*/
    height: 35px;
    margin: 10px 0 0 0;
}

    a.promoBtn:hover {
        color: #000;
    }
    
a.promoBtn i {
     width: 124px;
    display: block;
    height: 124px;
    margin: auto;
}
.icon-lunch-course {
    background: url("../Images/big-icons.png") no-repeat scroll left -372px transparent;
   
}

.icon-buy-course {
    background: url("../Images/big-icons.png") no-repeat left -496px transparent;
}

.icon-cancel {
    background: url("../Images/big-icons.png") no-repeat scroll left bottom transparent;
}

.promo-box-blks span:hover a {
        color:#000;
    }
    .promo-box-blks span:hover i.icon-lunch-course {
         background: url("../Images/big-icons.png") no-repeat scroll -124px -372px transparent;
    }
    .promo-box-blks span:hover i.icon-buy-course {
         background: url("../Images/big-icons.png") no-repeat scroll -124px -496px transparent;
    }
    .promo-box-blks span:hover i.icon-cancel {
         background: url("../Images/big-icons.png") no-repeat scroll right bottom transparent;
    }
.vw-grid-video{ width:100%; text-align:center; }
.vw-grid-video h3{
	color:#333;
	font-size:20px;
	font-family: 'source_sans_proregular' !important;
	text-align:center;
	line-height:30px;	
	margin-bottom:20px;
	/* width: 530px;*/
	display:inline-block;
	  margin: 10px auto auto auto;
	/*border-bottom:3px solid #00B2C5;*/
}
.vw-dyGrid { 
	float:left;
	/*background:transparent url(../Images/grid-bg.png) left top no-repeat;
	height:363px;
	width:506px;*/
	/*padding:10px;*/
	margin-top:20px;
}
.vw-c-grid{
	width:auto;
	margin:35px 0 20px 0; 
}
table.dyGrid{ font-size:14px; 
    background-color:#d3c7c3; 
    border-left: 1px solid #D3C7C3;
    border-right: 1px solid #D3C7C3;
    /*border-top: 1px solid #D3C7C3;*/
    font-family: 'source_sans_proregular';    
    /*text-align: center;*/
    text-indent: 0; }
.dyGridHeader { color:#FFF; background-color:#333; line-height:20px; }
table.dyGrid tr td{ color:#333; line-height:19px; 
  padding-left: 7px;
  padding-right: 7px;
 
   
   border-bottom: 1px solid #d6e9ef; 
  border-top: 1px solid #d6e9ef;
 /* border-left: 1px solid #D3C7C3;
  border-right: 1px solid #D3C7C3;*/}
.alternate{ color:#333; background-color:#D6EAEF; } 
span.discont { text-decoration:line-through; color:#CD0000; }
.vw-videos{ float:right; width:340px; }
.vw-videos span{ display:block; color:#333; line-height:20px; margin-bottom:20px; text-align:center;}
.vw-actItems{
	text-align:right;
	padding:10px 0;
}

a.buy{
 font-size:26px !important;
 color:#00BAC8  !important;
}
.vw-footer{
	/*background:transparent url(../Images/footer-bg.png) left top repeat-x;*/
	height:74px;
	border-top:1px solid #d5d5d5;
	width:100%;
	padding-top:20px;
	text-align:center;
}
.pos-r
{
    position:relative;
}
.userNc
{
    position:absolute;
    right:5px;
    top:-25px;
    float:right;
}
table.dyGrid .rgFooter td
{
   border-left: 0 none transparent !important;
    border-right: 0 none transparent !important;
   
    /*text-align: left;*/
    vertical-align: top !important;
     border-width: 0 0 1px;
}

.noCoursesmsg h3{
	color:#333;
	font-size:20px;
	font-family: 'source_sans_proregular' !important;
	text-align:center;
	line-height:40px;	
	margin-bottom:20px;
	 width: 500px;
	  margin: auto auto 20px auto;
	
}

.crsabstract {
    background: url("../Images/abstract_teal.png") no-repeat scroll right top transparent;
    border: 0 none;      
    cursor: pointer;
    display: block;
    height: 23px;
    width: 21px;
    
}

.crsabstract:hover {
    background: url("../Images/abstract_red.png") no-repeat scroll right top transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 23px;
    width: 21px;
}

.crsrecord {
    background: url("../Images/record_teal.png") no-repeat scroll right top transparent;
    border: 0 none;      
    cursor: pointer;
    display: block;
    height: 22px;
    width: 23px;
    
}

.crsrecord:hover {
    background: url("../Images/record_red.png") no-repeat scroll right top transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 22px;
    width: 23px;
}

.crsplay {
    background: url("../Images/enter_teal.png") no-repeat scroll right top transparent;
    border: 0 none;      
    cursor: pointer;
    display: block;
     height: 23px;
    width: 21px;
    
}

.crsplay:hover {
    background: url("../Images/enter_red.png") no-repeat scroll right top transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 23px;
    width: 21px;
}

.carticon {
    background: url("../Images/cart_teal.png") no-repeat scroll right top transparent;
    border: 0 none;      
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
  
}

.carticon:hover {
    background: url("../Images/cart_red.png") no-repeat scroll right top transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
     height: 18px;
    width: 20px;
}


.buy-m-c {
    font-size:22pt;
    font-family:'source_sans_proregular';
    color:#00B2C5;
}
.gridLinks {
    display: inline-block;
}
    .gridLinks i {
        display: block;
        width: 24px;
        height: 24px;
    }

.icon-cart {
    background: url("../Images/gridicons.png") no-repeat scroll left -72px transparent;
}

    .gridLinks:hover i.icon-cart, .icon-cart:hover {
        background: url("../Images/gridicons.png") no-repeat scroll -24px -72px transparent;
    }

.icon-abstract {
    background: url("../Images/gridicons.png") no-repeat scroll left top transparent;
}

.gridLinks:hover i.icon-abstract, .icon-abstract:hover {
    background: url("../Images/gridicons.png") no-repeat scroll -24px top transparent;
}
.icon-record {
    background: url("../Images/gridicons.png") no-repeat scroll left -24px transparent;
}

.gridLinks:hover i.icon-record, .icon-record:hover {
    background: url("../Images/gridicons.png") no-repeat scroll -24px -24px transparent;
}
.icon-play {
    background: url("../Images/gridicons.png") no-repeat scroll left -48px transparent;
}

.gridLinks:hover i.icon-play, .icon-play:hover {
    background: url("../Images/gridicons.png") no-repeat scroll -24px -48px transparent;
}
.gridLinks i.big {
        display: inline-block;
        width: 30px;
        height: 30px;
        vertical-align:middle;
    }
     
.icon-cart-big {
    background: url("../Images/cartsprite.png") no-repeat scroll left top transparent;
}

.gridLinks:hover i.icon-cart-big, .icon-cart-big:hover {
    background: url("../Images/cartsprite.png") no-repeat scroll right top transparent;
}
.association
{
    position: relative; 
    float: left;
     left: 0; 
     top:10px;
     font-size:13pt;
     
}


.con-leftCol {
    float: left;
    text-align: left;
    width: 370px;
}


.con-rightCol {
    float: right;
    text-align: left;
    width: 360px;
}


.ph-e {
    border-top: 1px solid #E5E5E5;
    margin-top: 20px;
    padding-top: 20px;
    text-align:left;
}

.WhyVinciWorks
{
    text-align:left;
    font-size:16px;
    margin:10px;
    
}
.whyvincitopcontent
{
    text-align:left;
    font-size:18px;
    margin-top:20px;
    margin-bottom:15px;
    
}

.whyvincitopcontent {
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 40px;
    text-align: left;
}
.WhyVinciWorks strong {
    display: block;
    margin-bottom: 10px;
    margin-top: 15px;
}