/* ------ Gloabal ------ */

body{
	margin:0;
	padding:0;
	background:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

#wrapper {
}

#container {
	width: 100%;
	float: right;
	margin-left: -331px;
}


/* ------ Header ------ */

#header {
	width:100%;
	background:url(/slices/top-bg.png) repeat-x;
	height:75px;
	clear:both;
}

#welcome{
	background:url(/slices/welcome.jpg) no-repeat;
	float:left;
	padding:89px 0 0 0;
	width:730px;
	height:374px;
}

#welcome p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:18px;
	margin:0 280px 0 184px;
}

.logo{
	width:331px;
	height:75px;
	float:left;
}

#mini-menu{
	width:331px;
	height:22px;
	float:right;
	margin:0 100px 0 0;
}

.mini-button{
	width:85px;
	height:15px;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:#000000;
	margin:0 10px 0 0;
	float:left;
	padding:5px 0 2px 0;
	text-align:center;
}

.mini-button a:link, .mini-button a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#CCCCCC;
	text-decoration:none;	
}

.mini-button a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#990000;
	text-decoration:none;	
}


/* ------ Sidebar ------ */

#sidebar {
	width: 331px;
	float: left;
	background:url(/slices/back-sidebar.png) repeat-y #EEEEEC;
	top:75px;
	bottom:0px;
	position:absolute;
	font-size:12px;
	color:#333;
}
.sidebar-header{
	width:331px;
	height:71px;
}

.allmax{
	background:url(/slices/header-allmax.png)
}

.musclemaxx{
	background:url(/slices/header-musclemaxx.png)
}

.femme, .femmefit{
	background:url(/slices/header-femme.png)
}	

.novaforme{
	background:url(/slices/header-novaforme.png)
}	

.naturals{
	background:url(/slices/header-naturals.png)
}

.essentials{
	background:url(/slices/header-essentials.png)
}	

.sport{
	background:url(/slices/header-sport.png)
}

.step-number{
	padding:10px 0 0 16px;
}

.sidebar-product{
	width:331px;
	height:52px;
	background:url(/slices/back-product.png) top left no-repeat;
}

.product-selector{
	padding:15px 0 0 25px;
}

.sidebar-country{
	width:331px;
	height:52px;
	background:url(/slices/back-country.png) top left no-repeat;
}

.sidebar-size{
	width:331px;
	height:52px;
	background:url(/slices/back-size.png) top left no-repeat;
}

.sidebar-flavor{
	width:331px;
	height:52px;
	background:url(/slices/back-flavour.png) top left no-repeat;
}

.sidebar-data{
	width:331px;
	min-height:50px;
	height:auto;
}

.sidebar-buttons{
	width:311px;
	height:100px;
	padding:20px 0 0 30px;
	background:url(/slices/separator.jpg) top left no-repeat;
}

.options{
	height:23px;
	padding:4px 0 0 25px;
	width:300px;
	background:url(/slices/separator.jpg) bottom left no-repeat;
}

.last{
	background:none;
	height:21px;
}

input[type=radio], input[type=checkbox]{vertical-align: middle; margin: 0; *margin-top: -2px;}

.reset, #sidebar.search {
	cursor:pointer;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 input[type=radio] { margin-top: -2px; }
}

label {vertical-align:middle;}


/* ------ Product Area ------ */

#content {
	background:url(/slices/back-search-result.png) repeat-x;
	margin-left: 331px;
}

.search-results{
	height:24px;
	padding-top:10px;
	width:100%;
	clear:both;
}

.search-results p{
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 25px;
}

#product-wrapper{
	width:98%;
	min-height:500px;
	float:left;
}

.product{
	width:158px;
	height:227px;
	float:left;
	margin:50px 0 0 50px;
}

.canada{
	background:url(/slices/product-back-ca.png) no-repeat left top;
}

.usa{
	background:url(/slices/product-back-usa.png) no-repeat left top;
}

.product-shot{
	height:120px;
	margin:11px 0 0 6px;
	text-align:center;
	position: relative;
}

.product-shot img{
	position:absolute;
	bottom:0;
	left: 50%;
	transform: translateX(-50%);
}

.product-info{
	margin:10px 10px 0 16px;
	text-align:center;
	height:49px;	
}

.product-info h1{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-transform:uppercase;
}

.product-info h2{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:9px;
	text-transform:uppercase;
}

.product-controls{
	height:30px;
	margin:5px 0 0 10px;
	text-align:center;
}


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

.button-allmax{
	background:url(/slices/controls-allmax.png) no-repeat;
}

.button-musclemaxx{
	background:url(/slices/controls-musclemaxx.png) no-repeat;
}

.button-femme, .button-femmefit{
	background:url(/slices/controls-femme.png) no-repeat;
}

.button-novaforme{
	background:url(/slices/controls-novaforme.png) no-repeat;
}

.button-naturals{
	background:url(/slices/controls-naturals.png) no-repeat;
}

.button-essentials{
	background:url(/slices/controls-essentials.png) no-repeat;
}

.button-sport{
	background:url(/slices/controls-sport.png) no-repeat;
}

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

.info{
		border:0;
    background-position:0 0;
    height:28px;
    width:46px;
		float:left;
		cursor:pointer;
		margin:0 2px 0 0;
		padding:0;
}

.info:hover{
	background-position:0 -28px;
}

.info:active {
	 background-position:0 -56px;
}


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

.view{
		border:0;
    background-position:-46px 0;
    height:28px;
    width:46px;
		float:left;
		cursor:pointer;
		margin:0 2px 0 0;
		padding:0;
}

.view:hover{
	background-position:-46px -28px;
}

.view:active {
	background-position:-46px -56px;
}


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

.download{
		border:0;
    background-position:-92px 0;
    height:28px;
    width:47px;
		float:left;
		cursor:pointer;
		margin:0 2px 0 0;
		padding:0;
}


.download:hover{
	background-position:-92px -28px;
}

.download:active {
	background-position:-92px -56px;
}

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

/* ------ Tearsheets Page ------ */

#tearsheet-page-wrapper{
	margin:auto;
	text-align:center;
	width:100%;
}

.tearsheet-group-wrapper{
	width:100%;
	padding:25px;
	margin:auto;
	text-align:center;
	clear:both;
}

.tearsheet{
	min-width:200px;
	min-height:200px;
	text-align:centre;
	float:left;
	margin:25px;
}

.tearsheet img{
	margin-bottom:15px;
	text-align: center;
}

.tearsheet a:link, .tearsheet a:visited{
	font-size:14px;
	color:#900;
	text-decoration:underline;
	text-transform:uppercase;
	text-align: center;
}

.tearsheet a:hover{
	font-size:14px;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	text-align: center;
}


/* ------ Logos Page ------ */
#logo-page-wrapper{
	margin:auto;
	text-align:center;
	width:100%;
}

#grey-bar {
	background:url(/slices/back-search-result.png) repeat-x;
	height: 34px;
	width: 100%;
	clear: both;
}

#brand-group{
	min-width:356px;
	height:127px;
	clear:both;
	margin:25px auto;
	display:inline-block;
}

.brand-wrapper{
	width:356px;
	height:127px;
	margin:0;
	margin:0;
	float:left;
}

.brand-logo{
	width:356px;
	height:100px;
	background:url(slices/bk-brand.png);
	text-align:center;
	float:left;
}

.brand-controls{
	width:356px;
	height: 27px;
	float:left;
}

.logo-group-wrapper{
	width:100%;
	padding:25px;
	margin:auto;
	text-align:center;
	clear:both;
}

.logo-wrapper{
	width:203px;
	height:107px;
	margin:0 20px 20px 0;
	display:inline-block;
}

.logo-product{
	width:203px;
	height:80px;
	padding:0;
	background:url(slices/bk-brand.png);
	text-align:center;
	float:left;
}

.logo-controls{
	width:203px;
	height: 27px;
	float:left;
}


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

	BRAND BUTTONS

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

.brand-button-allmax{
	background:url(/slices/actions-brand-allmax.png) no-repeat;
}

.brand-button-musclemaxx{
	background:url(/slices/actions-brand-musclemaxx.png) no-repeat;
}

.brand-button-femme, .brand-button-femmefit{
	background:url(/slices/actions-brand-femme.png) no-repeat;
}

.brand-button-novaforme{
	background:url(/slices/actions-brand-novaforme.png) no-repeat;
}

.brand-button-naturals{
	background:url(/slices/actions-brand-naturals.png) no-repeat;
}

.brand-button-essentials{
	background:url(/slices/actions-brand-essentials.png) no-repeat;
}

.brand-button-sport{
	background:url(/slices/actions-brand-sport.png) no-repeat;
}

.brand-info{
		border:0;
    background-position:0 0;
    height:27px;
    width:51px;
		float:left;
		cursor:pointer;
		margin:0;
		padding:0;
}

.brand-info:hover{background-position:0 -27px;}
.brand-info:active {background-position:0 -54px;}

.brand-view{
		border:0;
    background-position:-51px 0;
    height:27px;
    width:51px;
		float:left;
		cursor:pointer;
		margin:0;
		padding:0;
}

.brand-view:hover{background-position:-51px -27px;}
.brand-view:active {background-position:-51px -54px;}

.brand-png{
		border:0;
    background-position:-102px 0;
    height:27px;
    width:51px;
		float:left;
		cursor:pointer;
		margin:0;
		padding:0;
}

.brand-png:hover{background-position:-102px -27px;}
.brand-png:active {background-position:-102px -54px;}

.brand-jpg{
		border:0;
    background-position:-154px 0;
    height:27px;
    width:51px;
		float:left;
		cursor:pointer;
		margin:0;
		padding:0;
}

.brand-jpg:hover{background-position:-154px -27px;}
.brand-jpg:active {background-position:-154px -54px;}

.brand-eps{
		border:0;
    background-position:-205px 0;
    height:27px;
    width:51px;
		float:left;
		cursor:pointer;
		margin:0;
		padding:0;
}

.brand-eps:hover{background-position:-205px -27px;}
.brand-eps:active {background-position:-205px -54px;}

.brand-pdf{
		border:0;
    background-position:-256px 0;
    height:27px;
    width:51px;
		float:left;
		cursor:pointer;
		margin:0;
		padding:0;
}

.brand-pdf:hover{background-position:-256px -27px;}
.brand-pdf:active {background-position:-256px -54px;}

.brand-zip{
		border:0;
    background-position:-306px 0;
    height:27px;
    width:50px;
		float:left;
		cursor:pointer;
		margin:0;
		padding:0;
}

.brand-zip:hover{background-position:-306px -27px;}
.brand-zip:active {background-position:-306px -54px;}

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

	LOGO BUTTONS

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

.logo-button-allmax{
	background:url(/slices/actions-product-allmax.png) no-repeat;
}

.logo-button-musclemaxx{
	background:url(/slices/actions-product-musclemaxx.png) no-repeat;
}

.logo-button-femme, .logo-button-femmefit{
	background:url(/slices/actions-product-femme.png) no-repeat;
}

.logo-button-novaforme{
	background:url(/slices/actions-product-novaforme.png) no-repeat;
}

.logo-button-naturals{
	background:url(/slices/actions-product-naturals.png) no-repeat;
}

.logo-button-essentials{
	background:url(/slices/actions-product-essentials.png) no-repeat;
}

.logo-button-sport{
	background:url(/slices/actions-product-sport.png) no-repeat;
}


.logo-info{
		border:0;
    background-position:0 0;
    height:27px;
    width:51px;
		float:left;
		cursor:pointer;
		margin:0;
		padding:0;
}

.logo-info:hover{background-position:0 -27px;}
.logo-info:active { background-position:0 -54px;}

.logo-view{
		border:0;
    background-position:-51px 0;
    height:27px;
    width:51px;
		float:left;
		cursor:pointer;
		margin:0;
		padding:0;
}

.logo-view:hover{background-position:-51px -27px;}
.logo-view:active {background-position:-51px -54px;}

.logo-png{
		border:0;
    background-position:-102px 0;
    height:27px;
    width:51px;
		float:left;
		cursor:pointer;
		margin:0;
		padding:0;
}

.logo-png:hover{background-position:-102px -27px;}
.logo-png:active {background-position:-102px -54px;}

.logo-jpg{
		border:0;
    background-position:-154px 0;
    height:27px;
    width:50px;
		float:left;
		cursor:pointer;
		margin:0;
		padding:0;
}

.logo-jpg:hover{background-position:-154px -27px;}
.logo-jpg:active {background-position:-154px -54px;}

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


/* ------ Product Packages ------ */

.package-header h1{
	margin: 25px 0;
	padding: 0px;
	text-align: center;
	font-size: 24px;
	font-weight: lighter;
	color: #444;
}

.package-header p{
	margin: 0;
}

.brand-toggle {
	background: url(/slices/facts-button-back.png) no-repeat;
	border: 0;
	background-position:0px 0;
	height: 19px;
	cursor: pointer;
	margin: 0;
	padding: 6px 10px 0 10px;
	display: inline-block;
	text-align: center;
	border-radius: 2px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	width: 105px;
}

.brand-toggle:hover{background-position:0px -25px; color:#000;}
.brand-toggle:active {background-position:0px -50px;}

.package-list {
	width: 500px;
	border-top: 1px solid #CCC;
	padding: 20px 0;
	margin: 20px auto;
	font-size: 12px;
}

.auth-form {
border-top: 1px solid #CCC;
width: 500px;
padding: 10px 0 0 20px;
margin: 20px auto 0 auto;
font-size: 12px;
text-align: left;
}

.auth-form h2 {
	text-align: left;
	font-weight: normal;
	font-size: 16px;
}

.package-footer {
	border-top: 1px solid #CCC;
	width: 500px;
	padding: 20px 0;
	margin: 20px auto 0 auto;
	font-size: 12px;
}

.package-list table {
	border-collapse: collapse;
	text-transform: uppercase;
}

.package-list table td {
	padding-bottom: 5px;
}

.package-list table .package-header-row td{
	padding-bottom: 12px;
	font-size: 13px;

}

.update-new {
	background-color: green;
	font-size: 11px;
	padding: 2px 4px;
	color: #FFF;
}

.update-updated {
	background-color: red;
	font-size: 11px;
	padding: 2px 4px;
	color: #FFF;
}


/* ------ Social ------ */

.social-nav {
	padding: 0 0 20px 0;	
	border-bottom: 1px solid #CCC;
	min-height: 50px;
	width: 80%;	
	text-align: center;
	margin: auto;	
}

.social-nav th {
	font-size: 13px;
	font-weight: normal;
	color: #660000;
	text-transform: uppercase;
	padding: 0 0 10px 0;
}

.social-list {
	width: 80%;	
	padding: 20px 0;
	margin: auto auto;
	font-size: 12px;
	text-align: center;
}

.social-box {
	/*float: left;*/
	margin: 10px;
	display: inline-block;
}

.social-img {
	clear: both;
}

.social-label {
	min-height: 25px;
	padding: 10px 0;
}

.social-label a {
	color: #333333;
	font-size: 1em;
	text-decoration: none;
}

.social-label a:hover {
	color: #FF1800;
}

/* ------ Footer ------ */

#footer {
	background: #d7dabd;
	width:100%;
	clear:both;
	height:100px;
	position:absolute;
	bottom:0;
}