/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 21, 2014, 1:14:37 PM
    Author     : tgrubbs
*/

#tabs .tabs:before, #tabs .tabs:after{
    content:none;
}
ul.tabs{
    display:table;
    table-layout: fixed;
    width:96%;
    margin-left:2%;
}
ul.tabs li.tab-title{
    display:table;
    float:none;
    text-align: center;
    display:table;
    float:left;
    height:86px;
}
#mainNav ul.tabs li.tab-title{
    height:auto;
}
.col3 ul.tabs li.tab-title{
    width:33.33%;
}
#tabs li.tab-title >a{
    background:#79bee8;
    border:1px solid #ccc;
    color:#fff;
    font-family: "Myriad Pro",sans-serif;
    text-align:center;
    vertical-align:middle;
    display:table-cell;
    
}
#tabs li.tab-title.active> a,#tabs li.tab-title > a:hover,#tabs li.tab-title >a:focus{
    background:#0079c1;
}

#tabs li.tab-title{
    min-height:85px;
}
#tabs li.tab-title a {
    position: relative;
    font-size:24px;
    max-height:86px;
    padding:30px 0;
}
.t10 #tabs li.tab-title a{
    padding:29px 0;
}

#tabs li.tab-title.active a:before,#tabs li.tab-title a:hover:before,#tabs li.tab-title a:focus:before{
    content:url('../images/template4_tab_active_arrow.png');
    width:49px;
    height:18px;
    position:absolute;
    bottom:-15px;
    /*left:133px;*/
    z-index:10;
    
}
#tabs .tabs-content{
    background: none repeat scroll 0 0 #ebebeb;
    margin-top: -42px;
    padding-top: 45px;
    padding-right:5%;
    padding-left:5%;
    width: 100%;   
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.page-template-page-templatestemplate4-php #tabs .tabs-content{
    background: none repeat scroll 0 0 #f0f7fb;
}
#tabs .col-2 .col1,#tabs .col-2 .col2{
    float:left;
    width:405px;
}
#tabs .col-2 .col1{
    padding-right:26px;
    border-right:1px solid #ccc;
}
#tabs .col-2 .col2{
    padding-left:30px;
}
#tabs .noHead h3, .noHead h3{
    display:none;
}
.t10 li{
    margin-left:35px;
    margin-bottom:35px;
}
.t10 #tabs .tabs-content .youtube{
    margin:0;
}
.t10 #tabs .tabs-content .youtube div{
    padding:0;
}
.t10 #tabs .tabs-content .youtube div img{
    width:100%;
    
}
#mainNav #tabs .tabs-content,#mainNav .tabbedNav .tabs-content{
    background:inherit;   
    margin-left: inherit;
    margin-top: inherit;
    padding-top: inherit;
    padding-right:inherit;
    padding-left:inherit;
    width: inherit;  
}
#tabs .tabs-content *,.tabbedNav .tabs-content *{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
#compare h3{
    margin-bottom: 44px !important;
    text-align: center;
    font-weight:600 !important;

}
#compare .outerDiv{
    margin: 0 0 90px 0;
    position: relative;
    width: 888px;
}
#compare .outerDiv:last-child {
    margin-bottom: 27px;
}
#compare .outerDiv:before{
    content: url("images/template4_vs_icon.png");
    height: 70px;
    left: 404px;
    position: absolute;
    top: 190px;
    width: 80px;    
}
#compare .outerDiv img{
    margin-bottom: 15px;
    border-radius:3px;
}
#compare .leftDiv,#compare .rightDiv,#consider .leftDiv,#consider .rightDiv {
    float: left;
    padding: 35px 25px;
    width: 50%;
}
#compare .leftDiv div,#compare .rightDiv div{
    text-align:left;
}
#compare .leftDiv{
    border-radius:3px 0 0 3px;
}
#compare .rightDiv{
    border-radius:0 3px 3px 0;
}
#consider div.outerDiv{
    text-align:left;
    margin:30px 30px 30px 20px;
    width:415px;
    float:left;
    position: relative;
}
#consider .leftDiv,#consider .rightDiv{
    padding:0;
}
#tabs .tabs-content .youtube{
    max-width: none;
    margin-top: 50px;
    width:auto;
}
#tabs .tabs-content .youtube div{
    float: left;
    overflow: hidden;
    padding: 0 20px 60px;
    text-align: left;
    width: 33%;
}
#tabs .tabs-content .youtube h3{
    font-size:1.25rem;
    text-align: center
}
#tabs .tabs-content .youtube div:nth-child(4n){
   // clear: both;
}
#tabs .tabs-content .youtube div img {
    height: auto;
    width: 290px;
    margin-bottom: 20px;
}
#tabs .tabs-content .youtube div p{
    position: relative;
}
#tabs .tabs-content .youtube div p:before{
    content: url("images/template4_play_icon.png");
    left: 105px;
    position: absolute;
    top: -160px;
}
#stories.tabContent div{
    margin: 40px 35px 50px 0px;
    text-align: left;
    width:280px;
}
#stories.tabContent .alpha{
    margin-left: 15px;
}
#stories.tabContent .omega{
    margin-right: 15px;
}
#stories.tabContent p{
    margin-bottom: 15px;
}