/* =========================================================
header style
========================================================= */
#parentContainer {
	width:960px;
	padding:0;
	margin:0 auto;
	z-index:1;	
    position: relative;
	
}
.janus-shope-cart-dropdown {
    display: none !important;
}

.bold {
            font-weight: bold;

}

.padding-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.padding-sm {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.padding-md {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

html, body, #divBody {
    min-height:100%;
    height: 100%;
}

.headerHR {
    border-top: 2px solid #bbb;margin-top: 0px;
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: ">\00a0";
}

.orangeButton {
            color: #FFF;
            background-color: #DF783D;
            height: 45px;
            text-align:center;
            width: 75%;
            border: none;
            font-size: 1.2em;
            margin: auto;
            display:block;
            float:none;
}

 /*html,body,form,#wrap,#parentContainer {
            height: 100%;
        }*/



        body {
            background-color: #fff;
        }

        #parentContainer {
            background-color: #fff;
        }

        #wrap {
            padding-left: 0px;
            padding-right: 0px;
        }


.navtable {
    width: 100%;
}
.FeaturedProductsRow
{
    background-image: url('/GlobalImages/bottom-bar-background--box.jpg');
    width: 960px;
    height: 176px;
    
}
.brotherEco
{
    height:176px;
    width:25%;        
    float:left;
}
.FeaturedProducts
{
    height:176px;
    width:50%;    
    float:left;
}
.CreativeCenter
{
    clear:none;
    width:25%; 
    float:right;   
}
.CreativeCenterheader
{
    padding: 5px 2px 0px 2px;
    margin-left:35px;
    font-weight:bold;
    font-size:75%;
    color:white;
    height:25px;
}
.CreativeCenterContent 
{
    margin: 12px 0px 0px 0px;
    font-size:70%;
    font-weight:bold;
    text-align:center;
}
.brotherEcoHeader
{
    text-align:center;
    margin-top:5px;
    
    font-weight:bold;
    font-size:75%;
    color:white;
    height:25px;
}
.ecoLinks
{
    width:100%;
}
.globalLink
{
    margin-left:20px;
    float:left;
    text-decoration:none;
    font-weight:bold;
    text-align:left;
    width:80px;    
    display:inline;
}
.USAlink
{    
    text-decoration:none;
    font-weight:bold;

    margin-top:15px;
    margin-right:-25px;
}
.brotherEcoContent 
{
    margin: 25px 0px 0px 0px;
    font-size:70%;
    font-weight:bold;
    text-align:center;
}
.CreativeCenterContent > img
{    
    margin: 50px 0px 0px 0px;
}
.FeaturedProductsRow>ul
{
    list-style-type:none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;    
}
.globalNoUSA
{
    width:100%;
    text-align:center;
    margin-left:0px;
    float:none;
    margin-top:20px;
    display:block;
}
/* Featured products specific code from original default.aspx
*/
.HomeFeatProd
        {            
            float: left;
            margin-left: 2px;
            margin-right: 1px;            
            width:477px;
        }
        .HomeFeatProdHeader
        {            
            height: 17px;
            padding: 5px 0px 0px 0px;
            color: White;
            font-size: 75%;
            font-weight: bold;
            text-align:center;            
        }
        .Promo
        {
            height: 145px;
            width: 237px;
        }
        .HomeFeatProdLeftSide
        {
            margin-left:1px;
            float: left;
        }
        .HomeFeatProdRightSide
        {            
            float: left;            
        }
/* End Featured Products */

.divFeaturedProducts
{
    margin-left:1px;
    margin-right:1px;
}        
.HomeFeatProd
{
    margin-left:2px;    
}        

.HomeFeatProdHeader
{
    padding-bottom:6px;
}
    /* Main Theater */
div.mast
{
	height:348px;
	width:958px;
	overflow:hidden;
	position:relative;
	background:none;	
	border:1px solid #AAAAAA;
	border-radius:5px;
}

div.mast-content
{
	position:absolute;
	width:9999px;
}

div.mast-content>div
{
	float:left;
}

div.mast-crumbs
{
	position:absolute;
	right:32px;
	bottom:14px;
}
span.mast-buttons
{
    position: absolute;
    left:32px;
    bottom:0px;
    min-width:0px;
    max-width:700px;

}
span.mast-buttons ul
{
    list-style-type:none;
    background-color:White;
    border: 1px solid black;
    border-radius:5px;  
    margin-left:0px;
    padding-left:0px;     
    height:38px;
}
span.mast-buttons ul>li 
{
    float:left;
}
span.mast-buttons ul>li>a 
{
    text-decoration:none;
    color:black;  
    display: inline-block;  
    padding-top:12px;
    padding-bottom:12px;
    font-size:75%;
    padding-right:6px;
    padding-left:6px;   
}
span.mast-buttons ul>li
{
    border-right: 1px solid #AAAAAA;
}
span.mast-buttons ul>li:last-child
{
    border-right: none;
}

div.mast-crumbs>div
{
	display:inline-block;
	width:10px;
	height:10px;
	background-color:#6D6D6D;
	float:left;
	margin-right:8px;
	cursor:pointer;
	position:relative;
}

div.mast-crumbs>div:hover
{
	background-color:#0067AE;
}

div.mast-crumbs>div:hover span.tooltip
{
	display:block;
}

div.mast-crumbs>div.selected
{
	background-color:#0067AE;
}

div.mast-crumbs span.tooltip
{
	position:absolute;
	font-family:Helvetica, Arial, sans-serif;
	top:-40px;
	left:-42px;
	width:90px;
	height:26px;
	line-height:26px;
	font-size:12px;
	text-align:center;
	color:#282828;
	background:#FFF;
	border:1px solid #6D6D6D;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:none;
}

div.mast-crumbs span.tooltip:after
{
	content:"";
	position:absolute;
	width:0;
	height:0;
	border-width:10px;
	border-style:solid;
	border-color:#6d6d6d transparent transparent;
	top:26px;
	left:36px;
}

@media screen and (max-width: 768px){
     #divBody {
                background-image: none !important;
                background-size: auto !important;
      }

     #rightSection {
         padding-left:0px;
         padding-right: 0px;
     }
}

/* End Main Theater *
/* Additional overrides */
  
.fixedButtonsContainer {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position:fixed;
    top:0px;
    font-size:80%;
    -webkit-transform-origin:left bottom;
    -o-transform-origin:left bottom;
    -ms-transform-origin:left bottom;
    -moz-transform-origin:left bottom;
    transform-origin:left bottom;
    margin-left:960px;
    margin-top:90px;    
    width:450px;
}
.fixedButtonsContainer>a
{
    background-color:#120E5A;
    padding: 11px 11px 11px 11px;
    font-weight:bold;
    color:White;    
    text-decoration:none;
    display:inline-block;    
}
.tabSelfService
{
    whitespace:no-wrap;
}

#parentContainer {
    width: auto;
    max-width: 960px;
}

@media screen and (max-width: 768px) {
    .navtable, .navtable > tbody, .navtable > thead, .navtable > thead > tr > th, .navtable > thead > tr, .navtable > tbody > tr, .navtable > tbody > tr > td {
        display: block;
        width: 100%;
        text-align: center !important;
    }

    .navtable > tbody > tr > td {
        text-align: center;
    }
}

  @media screen and (min-width: 768px){
             body {
                font-size: 15px;
            }
        }


@media screen and (min-width: 768px) and (max-width: 991px) {
    #divBody {
        background: none; 
    }
}


/* End additional overrides /*