/* ----------------------------------------------------------------------------------------------------
    ** BASE WRAPPER STYLES **

    DO NOT CHANGE THIS FILE WITHOUT CONSULTING THE CLIENTSIDE TEAM! Changing a style in here will change it
    across the entire site! If you absolutely need to modify a style, create an application specific stylesheet
    and copy the style you need to change into it. Then modify the the style as needed. Make sure your application
    specific stylesheet is loaded last! Contact CSE team with any questions.

   ---------------------------------------------------------------------------------------------------- */

div.column-one
{
    margin: 0 auto;
    float:none !important;
    width:auto !important;
}

﻿div#leftContent780
{
    width: 648px;
    float: left;
}

div#headerCon
{
    /* Over rides headerCon in the wrapperStyles.css - This makes the header smaller to fit breadcrumb */
    /* I hate putting a height on this but IE6 would NOT clear the floats. */
    /*height: 172px !important; */
    width: 980px;
    /*margin: 0 auto;*/
}

div#pageContent /* content box next to left nav in wrapper780X */
{
    float:left;
    width:521px;
}

/*---This class is for: Index Pages - 780px width, white background with the Left Nav ---*/
div#mainCon780
{
    width: 780px;
    background-color: #FFFFFF;
    border-bottom: 2px solid #9b9b9b;
    border-left: 2px solid #9b9b9b;
    border-right: 2px solid #9b9b9b;
    background-image:url(https://assets.bodybuilding.com/images/contentBg.png);
    background-repeat: repeat-y;
    margin: 0 auto;
}

/*--- This class is for: Reviews, Newsletter - 780px width, white background with NO Left Nav ---*/
div#mainCon780NoNav
{
    width: 780px;
    background-color: #FFFFFF;
    border-bottom: 2px solid #9b9b9b;
    border-left: 2px solid #9b9b9b;
    border-right: 2px solid #9b9b9b;
    background-image:url(https://assets.bodybuilding.com/images/contentBgNoNav.png);
    background-repeat: repeat-y;
    margin: 0 auto;
}

/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/



table {
	border-spacing:0px 0px;
	border-collapse: seperate;
}

/* = Product page structue
----------------------------------------------------------------------------------------------------*/

#bodyContainer
{
	width: 980px;
	margin: 0 auto;
    border-left: 2px solid #9b9b9b;
	border-right: 2px solid #9b9b9b;
}

#headerCon
{
	/*height:131px !important;*/
	margin: 0 auto;
	width: 100%;
	background-color: #FFFFFF;
	text-align: left;
	border-left: 2px solid #9b9b9b;
	border-right: 2px solid #9b9b9b;
}

#headerLiquid
{
	background: #ffffff url(https://assets.bodybuilding.com/images/HeaderBg.png) top left repeat-x;
	height: 99px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#centerContainer
{
	margin: 0 auto;
	width: 100%;
	background-color: #FFFFFF;
	text-align: left;
	/*border-left: 2px solid #9b9b9b;
	border-right: 2px solid #9b9b9b;*/
}

#footerContainer
{
	margin: 0 auto;
	width: 980px;
	height: 182px;
	background: #ffffff url(https://assets.bodybuilding.com/images/footerBg980.png) top left no-repeat;
	text-align: left;
	border-left: 2px solid #9b9b9b;
	border-right: 2px solid #9b9b9b;
	border-bottom: 2px solid #9b9b9b;
}

div#footerContainer div.footerPlaceholder {
	height:63px;
}

div#footerContainer div#footerContent {
	margin-bottom:10px;
}

div#footerContainer div#footerContent table#footerImages {
	margin: 0 0 0 3px;
	width:430px;
	height:50px;
	float:left;
}

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

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

#leftSideCon
{
	width: 300px;
	margin: 0px;
	border-right: solid 1px #b7b1a9;
	background-color: #F4F3F2;
	vertical-align: top;
}


table.orderPriceTable
{
	margin: 0 0 0 10px;
	width:289px;
}

table.orderPriceTable td
{
	vertical-align: middle;
	height: 25px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

table.orderPriceTable td span
{
	vertical-align: top;
	height: 25px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

td.priceOrderHeader
{
	vertical-align: bottom;
}

td.priceOrderHeader h4
{
	font-weight: bold;
	font-size: 14px;
}

.orderLeft
{
	width: 135px;
}

.orderMiddle
{
	width: 50px;
}

.orderRight
{
	width: 95px;
}

.productDetails
{
	width: 680px;
	background-color: Black;
	color: #fff;
	font-size: 12px;
	line-height: 1.4em;
}

.productDetails p
{
	margin-bottom: 12px;
}

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

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

.productDetails a:active, .productDetails a:focus
{
	outline:none;
	text-decoration:none;
	color:#4AA9FF;
}

h5.productPrice
{
	color: #5b8f06;
	font-size: 14px;
	font-weight: bold;
	display: inline;
}

h5.productPrice span
{
	color: #9a9b9c;
	text-decoration: line-through;
	font-size: 14px;
	font-weight: bold;
}

h4.flavor
{
	font-size: 11px;
	font-weight: bold;
}

a.btnOrder
{
	background: url(https://assets.bodybuilding.com/images/btnOrder.png) top left no-repeat;
	width: 45px;
	height: 19px;
	display: block;
}

.btnOrder span
{
	display: none;
}


h5.shipAndStock
{
	font-size: 11px;
	color: #9a9b9c;
	font-weight: bold;
}

h5.outOfStock
{
	font-size: 11px;
	color: #ba6f2e;
	font-weight: bold;
}

#leftLinks
{
	height: 100px;
	width: 100%;
	background-color: #fff;
	border-top: solid 1px #b7b1a9;
	border-bottom: solid 1px #b7b1a9;
}

#leftLinks h5
{
	font-size: 10.5px;
	font-weight: bold;
	margin: 8px 0;
}

.manufactureLinks
{
	width: 140px;
	float: left;
	margin: 0 0 0 10px;
	display: inline;
}

.workdsWellLinks
{
	width: 135px;
	float: right;
	margin: 0 5px 0 0;
	display: inline;
}

.manufactureLinks ul, .workdsWellLinks ul
{
	list-style: none;
}


.manufactureLinks li, .workdsWellLinks li
{
	padding-left: 10px;
	background-image: url(https://assets.bodybuilding.com/images/arrowWhiteBg.png);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	margin-bottom: 6px;
	font-size: 11px;
}


.ingredientTable
{
	width: 278px;
	margin-left: 8px;
    font-size:12px;
}

.ingredientTable ul
{
    list-style-type:disc !important;
    margin:5px 0 10px 25px !important;
}

.ingredientTable li
{
    margin:0px 0px 6px 10px !important;
}

/*over riding deprecated font size*/
.ingredientTable p.extraText, .ingredientTable p
{
    font-size:11px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    margin:10px 0 5px 4px !important;
    color:#2c2b2a;
}

.FDADisclaimer
{
    border: thin solid;
    font-weight:bold;
    font-style:italic;
    font-size:10px;
    font-family: Arial, Helvetica, sans-serif;
    width:268px;
    padding:2px;
    margin-left:3px;
 }

.LearnMoreLinks
{
	width: 274px;
	margin-left: 11px;
    font-size:12px;
}


#rightSideCon
{
	width: 680px;
}

#productArea
{
	width: 680px;
	background-color: #fff;
}

#productAreaImage
{
	width: 200px;
	text-align: center;
}

.productHeader
{
	background-color: #005379;
	height: 44px;
	line-height: 44px;
	width: 980px;
    margin:0 auto;
}

.productHeader h1
{
	color: #fff;
	padding-left: 12px;
	font-size: 22px;
	font-weight: bold;
}

.productBarBg
{
	height: 24px;
	width: 100%;
	line-height: 24px;
	background: #f0f0f0 url(https://assets.bodybuilding.com/images/productBarBg.png) top left repeat-x;
}

.productBarBg h3
{
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
}

.productBarBg a
{
	float: right;
	font-size: 11px;
	padding-right: 10px;
}

.productSquareBg
{
	width: 160px;
	height: 160px;
	background: url(https://assets.bodybuilding.com/images/productSquareBg.png) top left no-repeat;
	margin: 0 auto;
}

.productDesc
{
	vertical-align: top;
	width: 290px;
}

.productDesc h2
{
	font-size: 22px;
	color: #004165;
	font-weight: bold;
	line-height: 22px;
	margin: 5px 0 8px 0;
}
.productDesc p
{
	font-size: 14px;
	color: #333;
	line-height: 20px;
}

.productDetails ul
{
    list-style-type:disc !important;
    margin:5px 0 10px 25px !important;
}

.productDetails ol
{
    margin:5px 0 10px 25px !important;
}

.productDesc
{
	vertical-align: top;
	width: 290px;
}

.ratingAndQuality
{
	width: 190px;
	text-align: right;
	padding: 0 8px 8px 0;
	vertical-align: top;
	font-size: 12px;
}

.ratingAndQuality h2
{
	font-weight: bold;
	float: right;
	line-height: 20px;
}

.ratingAndQuality h2 span
{
	float: right;
	font-size: 11px;
	color: #666;
	line-height: 20px;
}

.ratingAndQuality h3 a
{
	text-align: right;
	float: right;
	font-size: 11px;
	line-height: 14px;
}

.rateDetailsCon
{
	float: right;
	width: 110px;
    line-height:16px;
}

.rateCon
{
	float: right;
	height: 85px;
	width: 45px;
	margin: 0 2px 0 10px;
}

.rateCon p
{
	text-align: center;
	font-size: 10px;
}

.ratingBg
{
	background: url(https://assets.bodybuilding.com/images/rateBg.png) top left no-repeat;
	width: 45px;
	height: 43px;
	line-height: 43px;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	text-align: center;
    text-decoration: underline;
}

.ratingBg a
{
    color: #fff;
    text-decoration:underline;
}

.ratingBg h3
{
	float: right;
}

.ratingBg p
{
	float: right;
}

.bottomRight
{
	width: 656px;
	margin: 0 auto;
	font-size: 12px;
}

.greyLine
{
	background-color: #ccc;
	height: 1px;
	margin: 20px 0 20px 0;
}

/* = Product page structue END
----------------------------------------------------------------------------------------------------*/


/* = Cross Sell Container Styles BEGIN
----------------------------------------------------------------------------------------------------*/

.otherProducts
{
	width:321px;
	height:202px;
	background:url(https://assets.bodybuilding.com/images/crossSellBg.png) top left no-repeat;
	float:left;
	display:inline;
	margin:8px 0;
    padding-top:10px;
}

.leftPadding
{
	margin-left:12px;
	*margin-left:2px; /* IE6 Hack */
}


/* = Cross Sell Container Styles END
----------------------------------------------------------------------------------------------------*/


/* = #breadCrumb
----------------------------------------------------------------------------------------------------*/
#breadCrumb
{
    width: 100%;
  /*  height: 20px;
    line-height:24px;
    clear: both;*/
    color:#BBBDBB;
    text-align:left;
    font-size: 10px;
    width:650px !important;
    padding:0 0 0 4px !important;
}

#breadCrumb a, #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;
    color: #bbbdbb;
}

/* = END breadCrumb
----------------------------------------------------------------------------------------------------*/



/*

div#breadCrumb {
	width:970px;
    margin:0 auto;
	clear:both;
	height:28px;
	border-left:2px solid #9b9b9b;
    border-right:2px solid #9b9b9b;
}*/

/*
div#breadCrumbBg div#breadCrumb {
	width:970px;
	padding-bottom:0;
	vertical-align:baseline;
	float:left;
	overflow:hidden;
	padding-left:10px;
	border-right:2px solid #9b9b9b;
	height:28px;
}*/

table.productSquareBg td {
	vertical-align:middle;
}


div.otherProducts table tbody tr td table tbody tr td table tbody tr td {
	vertical-align:top;
}


.whosTaking
{
    width:120px;
    background:url(https://assets.bodybuilding.com/images/store/vertDots.png) top right repeat-y;
    float:left;
    padding:15px 8px 15px;
    font-size:12px;
}

.whosTaking h4
{
    color:#9a3b26;
    font-weight:bold;
    margin:5px 0 5px 0;
    font-size:14px;
}

.profilePic
{
    float:left;
    margin-bottom:0;
    padding:8px 6px 0;
    text-align:center;
    width:90px;
    text-decoration:none;
}

.profilePic a
{
    text-decoration:none;
}

.profilePic a span
{
    display:block;
    margin:0 0 3px 0;
}

#headerBulletsCon
{
    width:360px;
    float:left;
    font-size:12px;
    /*margin-left:25px;*/
    margin-top:20px;
}

.headerBullets span
{
    font-size:16px;
    font-style:italic;
    font-weight:bold;
}

.headerBullets a
{
    font-weight:bold;
}


.headerBullets ul
{
   border:solid 5px #000;
}


.headerBullets li
{
    margin-bottom:4px;
    list-style-type:none;
}

#freeShipping
{
    line-height:15px;
    background:url(https://assets.bodybuilding.com/images/iconTruck.png);
    background-repeat: no-repeat;
    background-position: 0 9%;
    padding: 2px 0 3px 37px;
    margin: .4em 0;
}


#customerService
{
    background:url(https://assets.bodybuilding.com/images/iconPhone.png) top left;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 2px 25px;
    margin: .4em 0;
}

#moneyBack
{
    background:url(https://assets.bodybuilding.com/images/iconMoneyBack.png) top left;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 2px 25px;
    margin: .4em 0;
}


#freeGift
{
    background:url(https://assets.bodybuilding.com/images/iconFreeGift.png) top left;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 2px 25px;
    margin: .4em 0;
}
