.titleBar{
	 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9fa0a2+1,fbfbfb+72 */
background: #9fa0a2; /* Old browsers */
background: -moz-linear-gradient(left, #9fa0a2 1%, #fbfbfb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #9fa0a2 1%,#fbfbfb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #9fa0a2 1%,#fbfbfb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fa0a2', endColorstr='#fbfbfb',GradientType=1 ); /* IE6-9 */

	color: white;
	font-size: 24px; 
	padding: 5px 20px;
	font-weight: bold;
}

.titleBarBase {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9fa0a2+1,fbfbfb+72 */
    background: #2E74B5; /* Old browsers */
    background: -moz-linear-gradient(left, #2E74B5 1%, #fbfbfb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #2E74B5 1%,#fbfbfb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #2E74B5 1%,#fbfbfb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2E74B5', endColorstr='#fbfbfb',GradientType=1 ); /* IE6-9 */
    color: white;
    font-size: 24px;
    padding: 5px 20px;
    font-weight: bold;
}

.titleBarSub {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9fa0a2+1,fbfbfb+72 */
    background: #70AD47; /* Old browsers */
    background: -moz-linear-gradient(left, #70AD47 1%, #fbfbfb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #70AD47 1%,#fbfbfb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #70AD47 1%,#fbfbfb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70AD47', endColorstr='#fbfbfb',GradientType=1 ); /* IE6-9 */
    color: white;
    font-size: 24px;
    padding: 5px 20px;
    font-weight: bold;
}
.subtitleBar {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9fa0a2+1,fbfbfb+72 */
    background: #E7E6E6; /* Old browsers */
    background: -moz-linear-gradient(left, #E7E6E6 1%, #fbfbfb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #E7E6E6 1%,#fbfbfb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #E7E6E6 1%,#fbfbfb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E7E6E6', endColorstr='#fbfbfb',GradientType=1 ); /* IE6-9 */
    color: black;
    font-size: 12px;
    padding: 5px 20px;
    margin-top: -10px;
    font-weight: bold;
}

.greenBox {
	
	 border-top: 30px solid #35ae4a;
	 padding-top: 10px;
	 min-height: 250px;
}

.greenTop 
{    
    border-top: 10px solid  #35ae4a; 
}

.orangeBox {
	 border-top: 30px solid #f79433; 
	 padding-top: 10px;
	 min-height: 250px;
}

.orangeTop 
{
    border-top: 10px solid  #f79433; 
}

.greyBox {
	 border-top: 30px solid #b1b3b6;
	 padding-top: 10px;
	 min-height: 250px;	 
}

.greyTop 
{
    border-top: 10px solid  #b1b3b6;
}



.boxGutter {
	padding: 0px 10px; 
}

.largeFont {
	color: #3e4543;
	font-size: 14pt;
	font-family: "Open Sans Bold";
}

.smallFont {
	color: #3e4543;
	font-size: 12pt;
	font-family: "Open Sans Regular"; 
	
	
}
.contentFont {
	color: #3e4543;
	font-size: 10pt;
	font-family: "Open Sans Regular";
    line-height: 15px; 
}

.greenBg 
{
    background-color: #f7f9f6;
	padding: 10px;
}

.orangeBg 
{
    background-color: #fdf8f2;
	padding: 10px;
	
}

.greyBg 
{
    background-color: #f3f3f3; 
	padding: 10px;
}

.topPadding 
{
    padding-top: 50px;
}

.topPaddingSmall 
{
    padding-top: 25px;
}

.priceStyle 
{
    font-size: 12pt; 
    color: #3e4543;
    font-family: "Open Sans Bold";
    
}

hr  
{
    height: 1px;
    /*
	background-color: Black;
    color: Black;*/
    width: 100%;
}

.checkoutBut 
{
    background-color: #1a3e6f;
    padding: 5px 10px;
    color: White;
    border-radius: 10px;
    font-size: 14pt;
    max-width: 200px;
    float: right;
    margin-bottom: 20px;
    font-family: "Open Sans Semibold";
}

.addtoCart 
{
    background-color: #b1b3b6; 
    border-radius: 25px;
    padding:5px;
    color: White;
    line-height: 12px;
    font-size:10px;
    text-transform: uppercase;
    max-width: 250px;
    min-width: 50px; 
	cursor: pointer;
	
}

.notQualif {
    position: relative;
    display: inline-block;
}

.notQualif a {
    visibility: hidden;
    width: 150px;
    height:70px;
    background-color: #C8C9CB;
    color: #646567;
    text-align: center;
    padding: 5px 5px;

    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -75px;
    margin-bottom:10px;
}

.notQualif:hover a {
    visibility: visible;
    text-decoration:none;
}

.notQualif:hover a::after{
    margin-top:40px;
    margin-left:40px;
    border: 1px solid transparent;
    border-top-color: #C8C9CB;
    content: " ";
    position: absolute;
    top: 40%; /* At the bottom of the tooltip */
    left: 17%;
    border-width: 10px;
    border-style: solid;

}

.disableAddtocart{
    background-color:#6E6F71;
    border-radius: 25px;
    padding:5px;
    color: gray;
    line-height: 12px;
    font-size:10px;
    text-transform: uppercase;
    max-width: 250px;
    min-width: 50px; 
	cursor: pointer;
}

.leftFloat 
{
    float: left;
    margin-left: 15px;
}

.quatity 
{
   display: block;
}

.smallPadding 
{
    padding: 10px;    
}

.allPadding 
{
    padding: 20px;
    border-right: 1px solid #636466; 
}

.mobileBorder
{
    padding: 20px;
    }

#canada 
{
    border: 1px solid red;
    color: Red;
    padding:10px;
    width: 80px;
    cursor:auto;
    float: left;
    margin-top:15px;
   
}

#canada:hover 
{
    background-color: Red;
    color: White;
}

#american 
{
    border: 1px solid blue;
    color: blue;
    padding: 10px;
    width: 80px;
    cursor: auto; 
    float: left; 
    margin:15px 15px;
}

#american:hover
{
    background-color: Blue;
    color: White;
} 

#learningCenterContainer 
{
    background-color: #636466; 
    border-radius: 20px;
    border: 5px solid #6dc0e5;
    padding: 10px 20px;
}

.whiteText
{
    color: White;
    font-size: 14px;
}

.addtoCartWhite 
{
    background-color: white; 
    border-radius: 25px;
    padding:5px;
    color: #b1b3b6;
    line-height: 10px;
    font-size:8px;
    text-transform: uppercase;
    max-width: 250px;
    min-width: 50px;  
    
}

.vcenter {
   display: block;
    /*vertical-align: middle;*/
   /* float: none;*/
    border: 1px solid grey;
	word-wrap: break-word; 
	clear: both;
   
}

.languageSelect 
{
    width: 150px; 
}

.checkoutText 
{
    
}

.inventoryCode 
{
    font-family: "Open Sans Light";
    font-size: 10pt;
    color: #3e4543; 
}

.tipText
{
    font-family: "Open Sans semibold";
    font-size: 12pt;
    color: #3e4543; 
    text-decoration: underline;

}


.smallIcon 
{
    width: 48px;
}

.emptyCell 
{
    visibility: hidden;
    display: none;
}

.mobileEmptypCell 
{
	display: none;
}

.relatedCover
{
   max-width: 85px;
   padding: 10px 10px 10px 0px;
}

.relatedTitle
{
    font-family: "Open Sans semibold";
    font-size: 24px;
    color: #1A3E6F;
 }

.floatLeft 
{
    float: left;
}

.blueTextTitle
{
    font-family: "Open Sans Bold";
     color: #1A3E6F;
     font-size: 18px;
}

.blueTextSmall 
{
    font-family: "Open Sans Bold";
     color: #1A3E6F;
     font-size: 14px;
     line-height: 14px;
}

.boxWidth 
{
    width: 386px !important;
}

.boxWidthSmall 
{
  width: 228px !important;  
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
    border: none !important;
}
.test 
{
    margin-top: auto;
    margin-bottom: auto;
}

.verticalCenter 
{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

.parent {
    display: table;
    table-layout: fixed;
}

.child {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

.vcenterText 
{
    height: 85px;
    line-height: 85px;
    white-space: nowrap;
    }

.textboxCenter
{
    padding-top: 20px !important;
    }

.largeIcon
{
    font-size: 25px !important;
}

 .fade-wrapper {
    /*display: none;*/
    /*position: fixed;*/
    /*height: 100%;*/
    /*width: 100%;*/
    background-image:url('/Resources/ContentRotator/themes/simple/loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #B0B0B0;
    z-index:99999;
    pointer-events: none;
    opacity: 0.4;
    margin-left:0 auto;
    margin-right:0 auto;
    display: block;
}

 .notapplicable {
        display: block;
        visibility: visible;
    }

 .imgFAS{
     vertical-align: bottom;
     margin-top: 50%;
 }

.imgFASMobile {
    vertical-align: bottom;
    
}

 .textFAS{
     padding-top: 10px;
     margin-top: 17px;
 }

 .textNotFAS{
     padding-top: 10px;
 }

 .mhs-btn-request-info,
    .mhs-btn-request-info:visited,
    .mhs-btn-request-info:hover
    {
        display: block;        
        max-width: 200px; 
        background-color: #1a3e6f; 
        color: white !important; 
        padding: 5px 10px; 
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;        
        text-align: center;
        text-decoration: none;
        cursor: pointer;
    }