@charset "UTF-8";
/* CSS Document */



/*GENERAL */


html, body {background:#f5f5f5;font:14px/1; font-family:Verdana, Arial, "Helvetica", sans-serif; height: 100%; /* Resets 1em to 10px */
}

#wrapper {}
#header  { width:960px; height:190px; background:url(../img/header-bg.png) no-repeat top center; position:relative}
#content_wrapper { width:960px; margin:0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -135px; /* the bottom margin is the negative value of the footer's height */ 
	}
#content { background:url(../img/wrapper-content-bg.gif) repeat-y; padding-top:20px; width:960px; padding-bottom:30px;overflow:hidden;zoom:1;min-height:500px;height:auto !important;height:500px;}


/*Typography*/
p			{ font-size:12px; color:#3c3c3c}

h1			{ text-transform:uppercase; font-size:21px; color:#3a3a3a; font-family: "p22-underground-1","p22-underground-2","Gill Sans","Gill Sans MT",sans-serif; margin-bottom:10px}
h2			{ text-transform:uppercase; font-size:16px; color:#3a3a3a; font-family: "p22-underground-1","p22-underground-2","Gill Sans","Gill Sans MT",sans-serif; margin-bottom:10px}
h3			{ text-transform:uppercase; font-size:15px; color:#000000; font-family: "p22-underground-1","p22-underground-2","Gill Sans","Gill Sans MT",sans-serif; margin-bottom:10px}
h4			{ text-transform:uppercase; font-size:15px; color:#3a3a3a; font-family: "p22-underground-1","p22-underground-2","Gill Sans","Gill Sans MT",sans-serif; margin-bottom:10px}

/* HEADER */
#header h2	{ color:#d80000; text-align:center; width:300px; margin:0 auto; text-transform:none; position:relative; top:60px;}
#header #unit-advert { position:relative; top:66px; display:block; height:61px; width:468px; margin:0 auto; background:url(../img/add-space.gif) repeat-x;}
#branding { width:226px; float:left; height:94px; margin:23px 0 0 20px;}
#branding .logo, 
#branding a {display:block;}
#branding .page-title 	{ text-indent:-5000px}

#branding .page-title a img { position:absolute; left:24px; top:0px;}
#social				{ position:absolute; right:28px; top:75px;}
#social	ul			{ list-style:none;}
#social	ul li		{ margin-bottom:4px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
#social	ul li a		{ text-transform:uppercase; display:block; text-decoration:none; text-align:right; padding:2px 30px 2px 10px; width:inherit; font-size:12px;height:16px;}
#social	ul li a.ut	{ color:#d80000; background:url(../img/social-ut.gif) no-repeat right;}
#social	ul li a.ut:hover	{ color:#ffffff; background-color:#EB4A1F}
#social	ul li a.fb	{ color:#3C5A98; background:url(../img/social-fb.gif) no-repeat right;}
#social	ul li a.fb:hover	{ color:#ffffff; background-color:#3C5A98}
#social	ul li a.tw	{ color:#58bbd4; background:url(../img/social-twitter.gif) no-repeat right;}
#social	ul li a.tw:hover	{ color:#ffffff; background-color:#58bbd4}


/* NAVIGATION */

#nav	{ width:910px; margin:0 auto; height:35px; padding-left:30px;background:#d80000 url(../img/nav-li.gif) repeat-x bottom;}
#nav ul li	{ list-style:none; float:left; height:35px;font-family: "p22-underground-1","p22-underground-2","Gill Sans","Gill Sans MT",sans-serif;}
#nav ul li a	{ font-weight:normal; font-size:12px; padding:8px 10px 0; height:27px; display:block; color:#ffffff; text-transform:uppercase; text-decoration:none; }
#nav ul li a:hover,
#nav ul li a.current	{ background:#ab0707 url(../img/nav-li-hover.gif) bottom no-repeat;}
/* CONTENT */

#subnav { width:910px; margin:0 auto; padding: 10px 0 10px 30px;background:#5c5c5c url(../img/black-grad.jpg) repeat-x 0 0;overflow:hidden;zoom:1;border-bottom:1px solid #FBFBFB;color:#EEE;position:relative;}
#subnav ul {overflow:hidden;zoom:1;font-size:11px;width:800px;}
#subnav ul li {float:left;display:block;}
#subnav ul li a {float:left;display:block;padding: 3px 0 0;margin:0 6px 3px;text-decoration:none;color:#EEE;border-bottom:1px dotted #EEE;}
#subnav ul li a:hover,
#subnav ul li a:focus {color:#FFF;border-color:#FFF;}
#subnav h3 {font-size:11px;margin-left:10px;margin-top:5px;width:140px;color:#DDD;}
#subnav  .down-arrow {position:absolute;bottom:16px;right:32px;}
.js #subnav {height:20px;}


#content a,
#content a {color:#222;}
#content a:hover,
#content a:focus {color:#ba334f;}

#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a {text-decoration:none;}

#content p, #content ul, #content ol, #content table {line-height:1.5;margin-bottom:1em;}






/* FOOTER */



.push	{ height:135px; background:#f5f5f5}
#footer p { color:#ffffff; font-size:11px}
#footer {font-size:1em; background:url(../img/footer.gif) repeat-x bottom; height:135px;}
#footer a {color:#999;-webkit-transition:0.3s;}
#footer .content { width:960px; position:relative; background: url(../img/content-bg.png) top center no-repeat; padding-top:35px; height:100px; margin:0 auto}
#footer a:hover {color:#FFF;}
#footer p#licence { position:absolute; left:0px; top:95px;}

#footer p.attribute	{ text-indent:-5000px;}
#footer p.attribute img	{ position:absolute; right:15px; bottom:8px;}
ul#sponsors	{ list-style:none; margin:0px; position:absolute; right:58px; bottom:0px;}
ul#sponsors li	{ float:left; margin-right:25px;}
#footer .people	{ position:absolute;top:
15px; right:0px; background:url(../img/footer-men.png) no-repeat; width:109px; height:51px;}

/* PAGE SPECIFIC */

/*Home*/
#unit-suggest		{width:294px; border:#ebebeb 1px solid; padding:20px; margin-bottom:20px;}
#unit-suggest form {margin-bottom:1em;}
#unit-suggest form input {width:278px;border:1px solid #999;padding:4px;}
.video-info				{ margin-top:10px;}
.video-info h3				{ float:left;}
.video-info p.comments		{ text-transform:uppercase; float:right; color:#a40000;text-align:right;width:100px;}
.video-info ul.rating		{ float:right;}
.video-info ul.rating li	{ float:left; list-style:none}
.video-info	form {float:left;width:360px;}
.video-info	h3 {display:block;width:100%;}

#unit-carousel ul li		{ list-style:none; float:left; width:120px;}
#unit-carousel ul li img	{ display:block; margin:0 auto; height:86px;}
#unit-carousel ul			{ position:relative; width:499px;}
#unit-carousel ul li.prev	{ left:0px; position:absolute; width:24px;}
#unit-carousel ul li.next	{ right:0px; position:absolute; width:24px;}


.home #unit-latest ul li {margin-bottom:8px;}

#unit-latest	{ width:591px; float:left;}
#unit-latest ul li	{ width:93px; float:left; margin:0 12px 12px 0; list-style:none; background:#ffffff; padding:5px 5px 3px 5px;}
#unit-latest ul li.last	{ margin-right:0px;}

#unit-latest ul li p.meta { margin-bottom:1px;}
#unit-latest ul li ul.rating li { float:left; list-style:none; width:13px; margin-right:0px; margin-bottom:0px; padding:0px;}
#unit-latest ul li ul.rating li p.meta { margin-bottom:4px; line-height:inherit} 
#unit-latest ul li ul.rating		{ margin-bottom:0px}
#unit-latest p.meta			{ font-size:11px;}

#unit-latest h3 {background:url("../img/image-shadow.gif") repeat-x scroll center bottom #FFFFFF;display:inherit; margin-bottom:10px;padding:12px;float:left;}


.home #tertiary-content .offer-wrap			{ float:right; width:275px;margin-top:48px;}
.home #tertiary-content .free-offer			{ width:229px; background:#ffffff; border:#b8b8b8 1px solid;}
.home #tertiary-content .free-offer img		{ width:229px;}

#unit-home-features {width:500px;}
#unit-home-features ul.group {overflow:hidden;zoom:1;margin-left:-13px;margin-bottom:0;}
#unit-home-features ul.group li {float:left;margin-bottom:18px;margin-left:13px;overflow:hidden;zoom:1;width:114px;}
#unit-home-features ul.group li ul li {margin:0;}
#unit-home-features ul.group p {margin:0 0 4px;text-align:left;}
#unit-home-features ul.group p.thumb-title {height:30px;font-size:11px;color:#ca0000;}
#unit-home-features ul.group p.thumb-category {height:15px;font-size:11px;color:#333;}
#unit-home-features ul.group li a {display:block;text-decoration:none;}
#unit-home-features ul li span.thumb {display:block;width:114px;height:90px;background:#DDD;}
#unit-home-features ul li span.thumb img {position:absolute;clip:rect(0px,114px,90px,0px);overflow:hidden;}
#unit-home-features p {text-align:right;}


/* Browse */

#primary-content.major,
#primary-content.fitness-plan {right:0;float:left;width:858px;left:50px;overflow:hidden;zoom:1;}
#primary-content.major .col-4-1 {width:194px;margin:0 10px;float:left;}
#primary-content.major .col-4-3 {width:622px;margin:0 10px;float:left;}
#unit-browse {width:858px;}
#unit-browse ul.group {overflow:hidden;zoom:1;margin-left:-27px;margin-bottom:0;}
#unit-browse ul.group li {float:left;margin-bottom:10px;margin-left:27px;overflow:hidden;zoom:1;width:120px;}
#unit-browse ul.group li ul li {margin:0;}
#unit-browse ul.group p {margin:0 0 2px;}
#unit-browse ul.group p.thumb-title {height:30px;font-size:11px;color:#ca0000;}
#unit-browse ul.group p.thumb-category {height:15px;font-size:11px;color:#333;}
#unit-browse ul.group li a {display:block;text-decoration:none;}
#unit-browse ul li span.thumb {display:block;width:120px;height:90px;background:#DDD;}
#unit-browse ul li span.thumb img {position:absolute;clip:rect(0px,120px,90px,0px);overflow:hidden;}
#unit-pagination  {width:100%;text-align:center;border-top:1px solid #d80000;padding-top:1em;}
#unit-pagination ol {overflow:hidden;zoom:1;width:100%;margin-bottom:0;}
#unit-pagination ol li {display:inline;}
#unit-pagination ol li a {padding:2px 5px;}
#unit-pagination ol li.this-page a {background:#C00;color:#FFF;text-decoration:none;}
#unit-pagination-control {margin-bottom:2em;font-size:12px;border-bottom:1px solid #d80000;width:100%;padding-bottom:1em;overflow:hidden;zoom:1;}
#unit-pagination-control #unit-pagination-control-categories {float:left;width:60%;}
#unit-pagination-control #unit-pagination-control-controls {float:right;}
#unit-pagination-control #unit-pagination-control-controls label  {margin-left:10px;}

#unit-moderate-notice {padding:20px 20px 10px;background:yellow;margin:0 10px 20px;}


/*Internal*/

#primary-content	{ float:right; width:499px; position:relative; right:50px;overflow:hidden;zoom:1;}
#secondary-content	{ float:left; width:335px; position:relative; left:50px;overflow:hidden;zoom:1;}
#tertiary-content			{ clear:both; background:#e6e6e6; padding:15px 47px 30px 47px; width:866px; margin-bottom:20px;}
.video-meta						{ position:absolute; top:0; right:0px; width:150px;}
.video-meta	p					{ padding-top:8px; margin-right:10px; float:left; text-transform:uppercase; font-size:12px; font-weight:bold; color:#ab0707; font-family:Verdana, Arial, "Helvetica", sans-serif; margin-bottom:10px}
.video-meta img					{ float:right;}

#unit-watch-rating {overflow:hidden;zoom:1;padding-bottom:4px;margin-bottom:16px;border-bottom:1px dotted #666;}
#unit-watch-rating h3 {float:left;margin-right:16px;}
#unit-watch-rating fieldset {float:left;}
#unit-watch-rating div.comments {float:right;}

/*Unit specific*/
#unit-video				{ margin:0 0 20px 0}
#unit-video .holder {background:#EFEFEF;}
#video-description		{border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#e9e9e9; padding:20px; width:457px; margin:0 0 20px 0}
#unit-photos h3	{ padding:12px; background:#ffffff url(../img/image-shadow.gif) bottom repeat-x; margin-bottom:10px; display:inherit}
#unit-video-rating			{ width:497px;}
#unit-video-rating .group1	{ float:left; width:240px;}
#unit-video-rating .group2	{ float:right; width:240px;padding-left:4px;}

#unit-intro h1 {width:340px;}

#unit-video-rating h4	{ padding:12px; border:1px solid #cccccc; border-bottom:none; background:#ffffff url(../img/image-shadow.gif) bottom repeat-x; margin-bottom:10px;}
#unit-video-rating .group1 h4 { width:81px;}
#unit-video-rating .group2 h4	{ width:67px;}
#unit-video-rating ul { list-style:none;}
#unit-video-rating ul li { display:block; padding:1px 0 13px 36px; font-family:Verdana, Arial, "Helvetica", sans-serif; font-style:italic; color:#000000; font-size:11px; }
#unit-video-rating .group1 ul li { background:url(../img/tick.gif) no-repeat top left;}
#unit-video-rating .group2 ul li { background:url(../img/cross.gif) no-repeat top left;}

#unit-video-submit-form {border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:#E9E9E9;margin:6px 0 20px;padding:20px;width:457px;}
#unit-video-submit-form label,
#unit-video-submit-form samp {display:block;clear:both;margin-bottom:10px;font-size:14px;}
#unit-video-submit-form samp {font-family:Arial, Helvetica, sans-serif; color:#a40000;font-size:12px;padding-top:0.1em;}
#unit-video-submit-form input,
#unit-video-submit-form textarea {width:300px;padding:6px;font-size:16px;padding:4px;border:1px solid #999;}
#unit-video-submit-form .field,
#unit-video-submit-form .buttons {margin-bottom:0.5em;}

#unit-comments	{border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#e9e9e9; padding:20px;width:457px; margin:0 0 20px 0}
#unit-comments ul li { list-style:none; width:455px; margin-bottom:15px;}
#unit-comments ul li .avatar { float:left; padding:5px 5px 8px 5px; width:58px; border:1px #cccccc solid; border-bottom:none; background:#ffffff url(../img/image-shadow.gif) bottom repeat-x;}
#unit-comments ul li .excerpt { width:342px; float:right; background:#ffffff; padding:16px;}
#unit-comments ul li .excerpt p	{color:#3a3a3a; font-size:11px; }
#unit-comments ul li .excerpt p.meta	{ color:#a40000; font-style:italic; font-weight:bold}
#comment_form textarea	{ border:#e6e6e6; width:457px; background-color:#fff;margin-top:1em;}
#comment_form .field	{ margin-bottom:10px;}
#comment_form .rating label,
#comment_form .text label {float:left;width:100px;}
#comment_form .rating {margin-bottom:15px;}
#comment_form button	{border-radius:5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; background:#D80000;border:0 none;color:#FFFFFF;cursor:pointer;font-size:11px; text-transform:uppercase; font-weight:bold;padding:0 24px;font-weight:normal;line-height:35px;height:35px;font-family:"p22-underground-1","p22-underground-2","Gill Sans","Gill Sans MT",sans-serif;letter-spacing:1pt;}
#comment_form button:hover { background:#ac0000;}
#comment_form {font-size:12px;}
c
#unit-bread				{ height:35px;}

#unit-featured			{border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width:304px; background:#d80000; padding:15px; margin-bottom:20px; position:relative;}
#unit-featured .video-holder {margin-bottom:0.5em;}
#unit-featured h3		{ color:#ffffff}
#unit-featured p		{ color:#ffffff}
#unit-featured p.comments { margin-bottom:0;text-transform:uppercase; padding:0 0 0 18px; background:url(../img/comment.gif) no-repeat left; float:left;}
#unit-featured p.comments a {color:#FFF;}
#unit-featured a.more		{ float:right; display:block; height:18px; text-decoration:none; font-size:12px; text-transform:uppercase; color:#000000; font-weight:bold; width:normal; padding:0 10px 0 5px; background:#ffffff url(../img/read-more.gif) no-repeat right;}
#unit-featured .preview-frame {overflow:hidden;width:304px;height:220px;text-align:center;margin-bottom:10px;}
#unit-featured .preview-frame a {display:block;position:relative;width:304px;height:220px;}
#unit-featured .preview-frame a span {display:block;position:absolute;top:0;left:0;width:304px;height:220px;z-index:2;text-indent:-999%;background: url(../img/play-overlay.png) no-repeat 50% 50%;}
#unit-featured .preview-frame a:hover span {background-image: url(../img/play-overlay-hover.png);}
#unit-featured .preview-frame a img {display:block;position:absolute;top:0;left:0;width:304px;height:220px;z-index:1;}

.offer-wrap			{ position:relative; width:340px; padding-top:4px;}
.offer-wrap	img.wrap	{ position:absolute; top:0px; right:0px;}
#content .free-offer { width:294px; border:#ebebeb 1px solid; padding:20px; margin-bottom:20px}
#content .free-offer h3 {position:relative;}
#content .free-offer .button {width:180px;text-align:center;display:block;}
#content .free-offer img	{ margin-bottom:10px;}
#content .unit a.button {
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
background:none repeat scroll 0 0 #D80000;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-family:"p22-underground-1","p22-underground-2","Gill Sans","Gill Sans MT",sans-serif;
font-size:11px;
letter-spacing:1pt;
padding:0 24px;
height:35px;
line-height:35px;
text-transform:uppercase;text-decoration:none;display:inline-block;}
#content .unit a.button:hover,
#content .unit a.button:focus {background-color:#AC0000;}

#unit-related		{width:294px; border:#ebebeb 1px solid; padding:20px;}
#unit-related ul	{ width:294px;}
#unit-related ul li,
#unit-latest ul li { width:93px; float:left; margin-right:7px; list-style:none;position:relative;margin-bottom:4px;}
#unit-latest  {overflow:hidden;zoom:1;}
#unit-latest ul.group {clear:both;width:100%;}
#unit-related ul li.last,
#unit-latest ul li.last { margin-right:0px;}
#unit-related ul li a,
#unit-latest ul li a {display:block;text-decoration:none;color:#ac0000;}
#unit-related ul li:hover,
#unit-related ul li:focus,
#unit-latest ul li:hover,
#unit-latest ul li:focus {box-shadow:0 0 3px #333;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;}
#unit-related ul li span.thumb,
#unit-latest ul li span.thumb {display:block;width:93px;height:71px;background:#DDD;}
#unit-related ul li span.thumb img,
#unit-latest ul li span.thumb img {position:absolute;clip:rect(0px,93px,71px,0px);overflow:hidden;}
#unit-related ul li p.thumb-title,
#unit-latest ul li p.thumb-title {margin:2px 0;font-size:11px;color:#ac0000;height:34px;overflow:hidden;}
#unit-related ul li p.thumb-category,
#unit-latest ul li p.thumb-category {margin:2px 0;font-size:11px;color:#333;height:16px;overflow:hidden;}

#content table {width:100%;border-collapse:collapse;font-size:12px;}
#content table th {background:#ac0000;color:#FFF;}
#content table td,
#content table th {padding:4px;}

/*
#unit-related ul li ul.rating li { float:left; list-style:none; width:13px; margin-right:0px;}
#unit-related ul li ul.rating		{ margin-bottom:10px; width:93px;}
*/
#unit-related form,
#unit-browse ul li form{padding:4px 0 10px;overflow:hidden;zoom:1;}

#unit-photos			{ background:#e6e6e6; padding:15px 47px 30px 47px; width:866px; margin-bottom:20px;}
#unit-photos ul			{ list-style:none; margin:0px;}
#unit-photos ul li		{ float:left; margin:0px 10px 10px 0; list-style:none;}
#unit-photos ul li.last	{ margin:0 0 10px 0;}
#unit-photos ul li a	{ display:block; border:1px solid #cccccc; padding:8px 8px 19px 8px;background:#ffffff url(../img/image-shadow.gif) bottom repeat-x; border-bottom:none; }
#unit-photos ul li a:hover	{ background:none;}

#unit-contact			{margin:0 auto;width:864px; display:block}
#unit-contact .group1	{ float:left; width:278px;}
#unit-contact .group2	{ float:right; width:566px;}

#contact_form label {display:block; font-size:14px; margin-bottom:0.75em;text-transform:uppercase; color:#acacac
}
#contact_form input	{background:#f5f5f5;border:1px solid #e6e6e6;color:#000000;margin-bottom:1em;padding:8px;width:259px;}
#contact_form textarea	{background:#f5f5f5;border:1px solid #e6e6e6;color:#000000;margin-bottom:1em;padding:8px;width:548px;}
#contact_form button.send	{border-radius:5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; background:#ac0000;border:0 none;color:#FFFFFF;cursor:pointer;font-size:11px; text-transform:uppercase; font-weight:bold;padding:12px;}

ul.errors-display,
ul.notices-display {display:block;overflow:hidden;zoom:1;background:#ac0000;color:#FFF;padding:20px;margin:0 10px;border-top:10px solid #FFF;font-weight:bold;}
ul.notices-display {background:#00ac00;}
ul.errors-display li,
ul.notices-display li {list-style:square outside;font-size:12px;margin:0 20px;}

div.mock-form dl {
	overflow:hidden;zoom:1;font-size:13px;margin-bottom:1em;
}
div.mock-form dt {float:left;width:220px;clear:left;padding:4px 0;font-weight:bold;}

div.mock-form dd {
	float:left;width:300px;padding:4px 0;
}

#sign_in_form .field,
#sign_in_form .buttons {margin-bottom:1em;overflow:hidden;zoom:1;}
#sign_in_form .field input {width:200px;}
#sign_in_form .field label {width:120px;float:left;}
#sign_in_form .field .checkbox label {float:none;}
#sign_in_form .field .checkbox input {width:auto;}
#sign_in_form .indented {margin-left:120px;}

#content .col-3-1 {float:left;width:276px;margin-right:20px;}
#content .col-3-2 {float:left;width:562px;}
#content .fitness-plan form {font-size:12px;}
#content .fitness-plan ul li,
#content .terms ul li {font-size:12px;list-style:square;margin-left:2em;}
#content .fitness-plan form .text label {float:left;width:160px;}
#content .fitness-plan form .text input {float:left;}
#content .fitness-plan form div {clear:both;overflow:hidden;zoom:1;margin-bottom:1em;}
#content .fitness-plan form .option label {font-size:14px;}
#content .fitness-plan h3 {margin-top:1em;color:#ac0000;}

#content .form .field label {float:left;width:180px;}
#content .form .field input {width:300px;}
#content .form .field,
#content .form .buttons {overflow:hidden;zoom:1;margin-bottom:1em;}
#content .form .indented {margin-left:180px;}

.unit:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.unit {
	display: inline-block;
}
 
html[xmlns] .unit {
	display: block;
}
 
* html .unit {
	height: 1%;
}

.group:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.group {
	display: inline-block;
}
 
html[xmlns] .group {
	display: block;
}
 
* html .group {
	height: 1%;
}