body {
    padding-top: 20px;
}

.footer {
    border-top: 1px solid #eee;
    margin-top: 40px;
    padding-bottom: 40px;
    padding-top: 40px;
}
.jumbotron {
    background-color: transparent;
    text-align: center;
    padding: 40px 0;
    margin: 20px 0;
    text-align: center;
    position: relative;
    border:1px solid #ccc;
    
}
.jumbotron:before {
    background: url(../images/new_header5.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-position: -60px -40px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eee;
    border-color: #d5d5d5;
}

.nav-justified {
    /*background-color: #eee;*/
    border: 1px solid #ccc;
    border-radius: 5px;
}

.nav-justified > li > a {
    /*background-color: #e5e5e5;*/
    background-repeat: repeat-x;
    border-bottom: 1px solid #d5d5d5;
    color: #777;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}
.nav-justified > .active > a, .nav-justified > .active > a:hover, .nav-justified > .active > a:focus {
    background-color: #ddd;
    background-image: none;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15) inset;
}
.nav-justified > li:first-child > a {
    border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
    border-bottom: 0 none;
    border-radius: 0 0 5px 5px;
}


@media (min-width: 768px) {
    .nav-justified {
        max-height: 52px;
    }
    .nav-justified > li > a {
        border-left: 0 solid #fff;
        border-right: 1px solid #d5d5d5;
    }
    .nav-justified > li:first-child > a {
        border-left: 0 none;
        border-radius: 5px 0 0 5px;
    }
    .nav-justified > li:last-child > a {
        border-radius: 0 5px 5px 0;
        border-right: 0 none;
    }
    }
    @media screen and (min-width: 768px) {
    .masthead, .marketing, .footer {
        padding-left: 0;
        padding-right: 0;
    }
}


.nav-stacked {
    /*background-color: #eee;*/
    border: 1px solid #ccc;
    border-radius: 5px;
}

.nav-stacked > li + li {
    margin-top: 0;
    margin-left: 0;
}

.nav-stacked > li > a {
    /*background-color: #e5e5e5;*/
    background-repeat: repeat-x;
    border-bottom: 1px solid #d5d5d5;
    color: #777;
    font-weight: bold;
    margin-bottom: 0;
    text-align: center;
}
.nav-stacked > .active > a, .nav-stacked > .active > a:hover, .nav-stacked > .active > a:focus {
    background-color: #ddd;
    background-image: none;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15) inset;
}
.nav-stacked > li:first-child > a {
    border-radius: 5px 5px 0 0;
}
.nav-stacked > li:last-child > a {
    border-bottom: 0 none;
    border-radius: 0 0 5px 5px;
}

.nav-short > li > a {
    /*font-size:0.825em;*/
    padding: 5px 15px;
}

h1.siteHeading {
    margin-bottom:20px;
}

h1.pageHeading {
    margin-top:0;
}

h2.pageHeading {
    border-top:1px solid #ccc;
    padding-top:20px;
}


@media (min-width: 768px) { 
    #menuTogglerContainer
    {
        display:none;   
    }
}

@media (max-width: 768px) { 
    #mainMenu > li
    {
        display:none;   
    }
    #menuTogglerContainer {
        display:block;   
    }
}



/*--------------------*/
/*-- Ranges Analysis--*/
/*--------------------*/  
.analysisMenu {
    margin-bottom:20px;
}

.analysisMenu h4 {
    border-bottom:1px solid #ccc;
    padding-bottom:5px;
}  

.analysisMenu  a.currentSection {
    font-weight:bold;
}

.analysisMenu h4.topMenuItem {
    margin-top:0;
}

.analysisDetails {
    padding-right:0;   
}


.analysisDetails h1 {
    margin-top:0;
}

.analysisDetails p.topParagraph {
    margin-top:20px;
}

@media (max-width: 768px) { 
    .analysisMenu 
    {
        padding:0;   
    }
    .analysisDetails {
        padding:0;   
    }
}


/*------------*/
/*--compare---*/
/*------------*/ 

#compareVersions 
{
    border:1px solid #636363;
    width:100%;
}

#compareVersions td, #compareVersions th 
{
    height:24px;    
    vertical-align:middle;
    border-bottom:1px solid #636363;
    border-right:1px solid #636363;
    text-align:left;
}

#compareVersions td a
{
    padding-left:10px;
    
}

#compareVersions td a:hover
{
    
}

#compareVersions td img
{
    padding-top:0px;

}

#compareVersions .rangesDemoColumn, #compareVersions .ranges7Column, #compareVersions .ranges8Column
{
    width:20%;
    text-align:center;
}

@media (min-width: 1024px) { 
    #compareVersions 
    {
        width:70%;

    }
    
}

/*-------------*/
/*--buy ranges-*/
/*-------------*/

table.purchaseItems
{
    border:1px solid #636363;
    width:100%;
    margin-bottom:20px;
}

/*
@media (min-width: 1024px) { 
    table.purchaseItems 
    {
        width:70%;

    }
    
}*/

.purchaseItems tr
{
    

}

.purchaseItems th 
{
    /*background-color:#CCFECC;*/
}


.purchaseItems td, .purchaseItems th 
{
    height:24px;
    padding-left: 10px;
    border-bottom:1px solid #636363;
    border-right:1px solid #636363;
    text-align:left;
}

.purchaseItems td.selectorColumn
{
    padding:0;
    width:50px;
    text-align:center;
}

.purchaseItems td.priceColumn
{
    width:100px;
}


.purchaseLine
{
    font-size: 0.75em;
}

.purchaseTerms
{
    float:left;   
    padding-right:10px;
}

.purchaseButton
{
    float:right; 
    padding-top:12px;
}


/*----------*/
/*--contact-*/
/*----------*/  

.contactDetailsContainer
{
    padding:10px;
    margin-bottom:20px;
}

.contactDetails
{
    
}

.contactDetails .detailsLabel
{
    float:left;
    width:100px;
}

.contactDetails .detailsValue
{
    float:left;
}

.contactForm .formLine, .contactForm .formLineHidden
{
    clear:both;
    padding-top:10px;
    margin-right:5px;
    /*font-size: 0.75em;*/
}

.contactForm .formLineHidden
{
    display:none
}

.contactForm .formLabel
{
    float:left;
    padding-top:1px;
}   

.contactForm .formField
{
    float:right;
}   

.contactForm input.normal, .contactForm textarea 
{
    /*width:24.2em;*/
    width:100%;
    border:1px solid #CAC2B5;
    /*background-color:#fff8f2;*/
}

.contactForm textarea 
{
    /*width:26.9em;*/
    height: 5em;
    overflow: auto;
}

/*----------*/
/*--privacy--*/
/*----------*/  


.terms-definition .term-name {
    text-align: right;
}

.indent {
    padding: 0 50px;
}

/*----------*/
/*--footer--*/
/*----------*/  

#bottomBar
{
    clear:both;
    height:22px;
    margin: 40px auto;
    line-height:22px;
    background-color: #FFFFFF;
    padding:0;
    border-top:1px solid #ccc;
}

/*----------*/
/*---misc---*/
/*----------*/  
span.displaynone 
{ 
    display:none; 
}   

div.clear
{
    clear:both;
    font-size:1px;
    line-height:0;
}

.spinner {
  display: inline-block;
  opacity: 0;
  width: 0;

  -webkit-transition: opacity 0.25s, width 0.25s;
  -moz-transition: opacity 0.25s, width 0.25s;
  -o-transition: opacity 0.25s, width 0.25s;
  transition: opacity 0.25s, width 0.25s;
}

.has-spinner.active {
    cursor:progress;
}

.has-spinner.active .spinner {
  opacity: 1;
  width: auto; /* This doesn't work, just fix for unkown width elements */
}

.has-spinner.btn-mini.active .spinner {
    width: 10px;
}

.has-spinner.btn-small.active .spinner {
    width: 13px;
}

.has-spinner.btn.active .spinner {
    width: 16px;
}

.has-spinner.btn-large.active .spinner {
    width: 19px;
}

/* btprtctn */
.contactForm .form-group:nth-child(3)
{
    position:absolute;
    left:-2000px;
}