/** VERSION 1.1 **/
/** Please note: altering any details within this stylesheet will result in changes to the PSH learn pages (learn/fitness/index.html and learn/nutrition/index.html) **/
@charset "utf-8";
table.female, table.male, .gender_1, ul.tips_w, ul.tips_m {
	display:none;
}

/** at 759px hide original elements and display gender_1 table etc **/
@media only screen and (max-width: 759px) {
	.gender, ul.tips, table.imgs {
		display:none;
	}
	
	ul.tips_w, ul.tips_m {
		width:90%;
		margin:0 auto;
		display:block;
		padding:5px;
		border-top-style:solid;
		border-width:3px;
	}
	
	.gender_1 {
		display:block;
		width:100%;
		text-align:center;
		padding-bottom:20px;
	}
	
	table.female, table.male {
		display:table;
		width:100%;
		text-align:center;
	}
	
	tr.female, tr.male, th.female, th.male, td.female, td.male {
		width:100%;
	}
}

section.breadcrumbs {
	width:100%;
	height:20px;
	text-align:right;
}

p.breadcrumbs {
	font-size:12px;
	padding:10px 10px 10px 10px;
}

#wrap-section { /** CONTAINS SECTIONS - DYNAMIC AREA OF WEBSITE **/ 
	padding-top:0px;
	font-family:Tahoma, Geneva, sans-serif;
}

table.imgs {
	width:100%;
	height:auto;
	text-align:center;
}

tr.imgs {
	width:100%;
}

td.imgs {
	width:50%;
}

.gender {
	width:50%;
	height:auto;
	float:left;
	text-align:center;
}

ul.tips {
	margin:0 auto;
	width:85%;
	border-top-style:solid;
	border-width:3px;
}

.tips p {
	padding:5px;
}

.tips li {
	margin:0 auto;
	list-style-type:none;
}

ul.tips li {
	padding-top:5px;
}

/* List styles */
h3.tip {
	width:100%;
	color:#fff;
	text-align:center;
	background:#1a1718;
	padding:5px 0 5px 0;
}

h3.tip:hover {
	color:#00ff00;
}