.mask {
    background-color:transparent !important;
}


body {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	background:#005379 url(https://assets.bodybuilding.com/images/BgBottom.png) bottom left repeat-x;
	margin:0px;
	font-size:100%;
	line-height:1;
	text-align:left;
}


html {
	min-height: 100% !important;
	height: auto !important;
}


/*------Top container for the dark blue gradient image-----*/
.topBg
{
    background: url(https://assets.bodybuilding.com/images/BgTop.png) top left repeat-x;
    height:500px;
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:0;
}

.noMarginPad
{
	margin:0px !important;
	padding:0px !important;
}

.clearFix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .ClearFix
{
    height: 1%;
}
/* End hide from IE-mac */


.clear
{
	clear:both;
	font-size: 1px;
}

.clearFloatNoHeight {
	clear: both;
	line-height: 0;
	height: 0;
	display: block;
	overflow:hidden;
	width:0;
}

.clearFloat {
	clear: both;
	display: block;
}


a:link  
{
	outline:none;
	text-decoration:underline;
	color:#4AA9FF;
}

a:visited  
{
	outline:none;
	text-decoration:underline;
	color:#4AA9FF;
}

a:hover 
{
	outline:none;
	text-decoration:underline;
	color:#66ccff;
}

a:active  
{
	outline:none;
	text-decoration:none;
	color:#4AA9FF;
}

a:focus  
{
	outline:none;
	text-decoration:none;
	color:#4AA9FF;
}

a:link.blueLink  {
	outline:none;
	text-decoration:none;
	color:#005B82;
}

a:visited.blueLink  {
	outline:none;
	text-decoration:none;
	color:#005B82;
}

a:hover.blueLink  {
	outline:none;
	text-decoration:underline;
	color:#00a1de;
}

a:active.blueLink  {
	outline:none;
	text-decoration:none;
	color:#005B82;
}

a:focus.blueLink  {
	outline:none;
	text-decoration:none;
	color:#005B82;
}

:focus {
	-moz-outline-style:none;
	text-decoration: none;
	outline:none;
}

#centerContent
{
	z-index: 6; 
    position:relative; 
    min-height: 900px; /*min-height to keep bottom bg from colliding with top bg */
	margin:0 auto;
	clear:both;
}

#content{
width:780px;
text-align:left;
border-bottom:2px solid #9b9b9b;
border-left:2px solid #9b9b9b;
border-right:2px solid #9b9b9b;
background:#fff url(https://assets.bodybuilding.com/images/contentBgBlack.png) repeat-y;
margin:0 auto 15px auto;
}

/* A CSS comment before the hack \*/
* html #content{
 width:784px;
}
/* Another CSS comment after the hack */

#columnLeft{
	width:648px;
	float:left;
}

#columnRight{
	float:left;
	width: 120px;
	color:#333333 !important;
	margin-left:6px;
	display:inline;
    line-height:14px;
}

#header{
	width:648px;
	background:url(https://assets.bodybuilding.com/images/HeaderBg.png) top left repeat-x;
	height:99px;
	margin:0px !important;
	padding:0px !important;
}
/*
.BBLogo
{
	width:256px; 
	height:99px; 
	float:left;
}*/

#logoCon
{
	width:256px;
	height:99px;
	float:left;
}

#headerLinksCon
{
	width:360px;
	height:99px;
	float:right;
}

#cartLinks
{
	width:310px;
	height:32px;
	float:right;
	font-size:11px;
	text-align:right;
	padding-right:10px;
	padding-top:3px;
}

#textPromo{
float:right;
width:281px;
font-size:12px;
line-height:1.4em;
margin:5px 0 0 0;
padding:0px;
}

#areaTitle
{
	float:right;
	width:310px;
	height:22px;
	padding-right:10px;
	margin-top:7px;
	text-align:right;
}


ul#mainNav{
	background:url(https://assets.bodybuilding.com/images/mainNavBg2.png) top left no-repeat;
	width:340px;
	height:28px;
	float:right;
	font-size:12px;
	list-style:none;
	text-align:left;
	margin:0px;
	padding:0px;
}

ul#mainNav li{
	float:left;
	text-align:center;
}

ul#mainNav li#storeBtn a{width:66px;padding-left:4px;}

/* A CSS comment before the hack \*/
* html ul#mainNav li#storeBtn a{width:70px;}
/* Another CSS comment after the hack */

ul#mainNav li#superStoreBtn a{width:92px;}
ul#mainNav li#bodySpaceBtn a{width:99px;}
ul#mainNav li#forumsBtn a{width:79px;}

ul#mainNav li a, ul#mainNav li a:link, ul#mainNav li a:visited, ul#mainNav li a:active{
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	color:#675C53;
	font-weight:bold;
	text-align:center;
	display:block;
	line-height:25px;
}

ul#mainNav li a:hover{
color:#005B82;
}

/* = #breadCrumb
----------------------------------------------------------------------------------------------------*/

#breadCrumbBg{
width:647px;
border-left:1px solid #C1C1C1;
border-bottom:2px solid #C1C1C1;
background:url(https://assets.bodybuilding.com/images/breadCrumb.png) top left repeat-x;
height:28px;
color:#9c9d9c;
clear:both;
}

/* A CSS comment before the hack \*/

* html #breadCrumbBg{
	width:648px;
	height:30px;
    
}
/* Another CSS comment after the hack */


#breadCrumb{
float:left;
height:17px;
padding-top:11px;
padding-left:10px;
/*line-height:28px;*/
line-height:1;
width:365px;
font-size:10px;
}

#breadCrumb a:link, #breadCrumb a:visited, #breadCrumb a:active{
	color:#9c9d9c;
	font-weight:bold;
	text-decoration:underline;
	font-size:10px;
}

#breadCrumb a:hover{
	text-decoration:underline;
	font-size:10px;
    color:#bbbdbb;
}

#searchBox
{
	float:right;
	height:28px;
	width:270px;
	text-align:right;
}

.searchTable
{
 width:270px;
 height:22px;
 margin-top:5px;
}

.searchTable td
{
	vertical-align:middle;
    text-align:right;
	padding:0;
	margin:0;
}

/* Search Bar in Bread Crumb */

.form_no_padding {
	padding:0;
	margin:0;
}

.search_box_input {
	font-size:11px;
	border:1px solid #666666;
	padding:0px;
	margin:0px;
    width:80px;
}

.search_box_input_header {
	font-size:11px;
	border:1px solid #666666;
	width:112px;
	height:17px;
	padding:0px;
	margin:0px;
}

/*----------Green Button----------*/

.btnSearch {
    border: none;
    background: url(https://assets.bodybuilding.com/images/btnSearch.png) no-repeat top left;
	width:51px;
	height:22px;
	cursor:pointer;
	margin-right:5px;
}

.navSection{
	background:#0F5A7F url(https://assets.bodybuilding.com/images/navHeadersBg.png) top left no-repeat;
}

/* A CSS comment before the hack \*/
.navSection
{
background:#0F5A7F url(https://assets.bodybuilding.com/images/navHeadersBg.png) top left no-repeat;
width:127px;
}
/* Another CSS comment after the hack */

#navColumn h4
{
	height:31px;
	width:111px;
	line-height:31px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:16px;
	margin:0;
	font-size:14px;
}


/*--- StoreNavBg fix's the background image for the nav section ---*/
.StoreNavBg{
	background:#0F5A7F url(https://assets.bodybuilding.com/images/navHeadersBg1.png) top left no-repeat;
}

/* A CSS comment before the hack \*/
.StoreNavBg
{
background:#0F5A7F url(https://assets.bodybuilding.com/images/navHeadersBg1.png) top left no-repeat;
width:127px;
}
/* Another CSS comment after the hack */


.StoreNavBg h4
{
	height:31px;
	width:111px;
	line-height:31px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:16px;
	margin:0;
	font-size:14px;
}



#navColumn h4 a:link, #navColumn h4 a:visited, #navColumn h4 a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}
	
#navColumn{
	width:127px;
	float:left;
	margin:0;
	padding:0;
}

#navColumn p
{
  line-height:1.4em;
}

#navColumn img
{
  border:0;
}

#navColumn ul{
list-style-type:none;
padding:0;
margin:0;
}

#navColumn ul li a
{
 font-size:11px;
 width:127px;
 display:block;
}

#navColumn ul li a, #navColumn ul li a:link, #navColumn ul li a:visited, #navColumn ul li a:active{
color:#4D4F53;
text-decoration:none;
display:block;
height:20px;
width:112px;
padding-left:15px;
line-height:20px;
*line-height:19px;
background-image:url(https://assets.bodybuilding.com/images/navImgBg.png);
background-repeat:no-repeat;
}


/* A CSS comment before the hack \*/
* html #navColumn ul li a, #navColumn ul li a:link, #navColumn ul li a:visited, #navColumn ul li a:active{
	width:127px;
}
/* Another CSS comment after the hack */

#navColumn ul li a:hover{
background-position:left -22px;
color:#FFFFFF;
}

#navColumn ul li ul li a, #navColumn ul li ul li a:link, #navColumn ul li ul li a:visited, #navColumn ul li ul li a:active{
color:#4D4F53;
text-decoration:none;
display:block;
height:20px;
width:101px;
padding-left:26px;
line-height:20px;
*line-height:19px;
background-image:url(https://assets.bodybuilding.com/images/navImgSubBg.png);
background-repeat:no-repeat;
}


/* A CSS comment before the hack \*/
* html #navColumn ul li ul li a, #navColumn ul li ul li a:link, #navColumn ul li ul li a:visited, #navColumn ul li ul li a:active{
	width:127px;
}
/* Another CSS comment after the hack */

#navColumn ul li ul li a:hover{
background-position:left -22px;
color:#FFFFFF;
}

#navColumn ul li ul li.navSelected a, #navColumn ul li.navSelected a{
background-position:left -22px;
color:#FFFFFF;
}

#navContent
{
 font-size:11px;
 margin:20px 6px 20px 6px;
 line-spacing: 18px;
 color:#333;
}

#navContent span
{
 font-size:12px;
 color:#B2541A;
 font-weight:bold;
}


#mainContentColumn{
width:521px;
float:left;
}


/*#footer h1{
width:780px;
background-image:url(https://assets.bodybuilding.com/images/FooterLogoBlack7.png);
height:92px;
background-position:left top;
background-repeat:no-repeat;
text-align:left;
text-indent:-999em;
margin:0;
padding:0;
}


#footer{
clear:both;
padding:0;
margin:0;
}*/

#footer
{
    width: 780px;
    background-image: url(https://assets.bodybuilding.com/images/FooterLogoBlack7.png);
    height:176px;
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    text-align: left;
    clear: both;
}

#footer a
{
    text-decoration:none;
    color:#005B82;
}

#footer a:hover
{
    text-decoration:underline;
    color:#00a1de;
}

.footerPlaceholder
{
    height:63px;
}

#footerContent
{
    font-size: 11px;
    line-height: 18px;
    margin-bottom:10px;
}

#footerContent h3
{
    font-size: 11px;
    font-weight: bold;
    color: #57595d;
}

table#footerSections
{
    float:right;
    width:386px;
}

table#footerSections td
{
    vertical-align:top;
}

table#footerImages
{
    float: left;
    width: 370px;
    height:50px;
    margin: 30px 0 0 3px;
}

table#footerImages td
{
    vertical-align:top;
}

table#footerImages img
{
    vertical-align:top;
    margin: 0 0 0 2px;
    display:inline;
    border:none;
}

#footerFeedback
{
    width: 105px;
    color: #606266;
    padding:0 3px 0 0;
}

#footerFeedback a
{
    line-height:18px;
}


#footerFollowUs
{
    width: 90px;
    padding:0 3px 0 6px;
    border-left: solid 1px #a2a3a4;
}

#footerFollowUs div
{
    margin-bottom: 5px;
    height: 17px;
    color: #606266;
}

#footerFollowUs div a img
{
    margin-right: 3px;
    border:none;
}

#footerFollowUs a:link
{
    display: block;
    float: left;
}

#footerNewsletter
{
    width: 170px;
    padding:0 1px 0 6px;
    border-left: solid 1px #a2a3a4;
}

#footerNewsletter div
{
    color: #9a9b9c;
}

#footerNewsletter p
{
    line-height:14px !important;
    color: #9a9b9c;
    margin:0;
    padding:0;
}

#footerTextBox
{
    height: 18px;
    width: 150px;
    font-size: 10px;
    margin: 0 0 5px 0;
    vertical-align:top;
}






#bodyFooterLinks p
{
	font-size:12px;
	text-align:center;
	/*line-height:0.7;*/
    line-height:20px;;
	color:#FFF;
    margin:0;
    padding:0;
}

#bodyFooterLinks a:link, #bodyFooterLinks a:visited, #bodyFooterLinks a:focus, #bodyFooterLinks a:active
{
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}

 #bodyFooterLinks a:hover
{
    text-decoration:underline;
}

#rightLoginCon
{
	width:110px;
	border:solid 1px #000;
	margin-left:4px;
}