/*surf stronger main css*/
/*rev 1.0 */
/*111708*/

/*global*/
body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
}


/*super styles*/
p, ol,ul {
	font-size: 12px;
	line-height: 16px;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	}

ol, ul {
	list-style: none;
	}	
	
h1 {
	font-size: 24px;
	margin: 10px 0px 7px 0px;
	}
	
h2 {
	font-size: 18px;
	margin: 10px 0px 7px 0px;
	}
	
h3 {
	font-size: 14px;
	margin: 10px 0px 7px 0px;
	}
	
img {
	border: none;
}

 a {
	text-decoration: none;
	color: #06f;
	}

 a:hover {
	color: #6cf;
	}
	
a.whitelink {
	color: white;
	font-weight: bold;
}

a.whitelink:hover {
		color: #6cf;
	}
	

	
/*to accomodate cake debug sql box*/
#ssbody table, #ssbody tr, #ssbody tr, #ssbody td, #ssbody th {
	margin: 0px;
	padding: 0px;
	height: 100%;
	}

/*structure*/
.struct {
	display: block;
	position: absolute;
	clear: both;
	}
	
	
/*matte*/
#matte {
	margin-left: auto;
	margin-right: auto;
	width: 916px;
	height: auto;
	}
	
	
/*main*/
#main {
	width: 916px;
	height: auto;
	}


/*head*/
#head {
	width: 916px;
	height: 98px;
	background: transparent url(/img/ss_header_bkgd.jpg) 0px 0px no-repeat;
}

#sslogo {
	float: left;
	height: 73px;	
	width: 339px;
	margin-top: 15px;
	margin-left: 6px;
}
/*-- general nav*/
#nav {
	font-weight: bold;
	height: 98px;	
	/*width: 570px;*/
	margin: 0px 0px 0px 345px;
	}
#ss_navbox {
	position: absolute;
	margin-top: 40px;
	width: 570px;
	z-index: 5;
	}

/*rounded stylings*/

#ss_main_nav .bd {

}
	
#ss_main_nav ul{
	font-size: 14px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#ss_main_nav li.yuimenubaritem {
	float: left;
	height: 25px;
	/*border: solid 1px red;*/
	text-align: center;
	}
	
#ss_main_nav li.yuimenubaritem-selected {
	/*background-color: white;*/
	
	}
	
#ss_main_nav a.yuimenubaritemlabel {
	display: block;
	color: white;
	text-decoration: none;
	padding: 5px 0px 0px 0px;
	}
	
#ss_main_nav a.yuimenubaritemlabel-selected{
	color: #00adef;
	}
	
#ss_main_nav div.yuimenu {
	margin: 0px;
	padding: 0px;
}

#ss_main_nav div.yuimenu ul {
	display: block;
	margin-top: 10px;
	padding: 0px;
}

#ss_main_nav div.yuimenu .yuimenuitem {
	display: block;
	margin: 0px;
	background-color: black;
	height: 25px;
	text-align: left;
}

#ss_main_nav div.yuimenu .yuimenuitemlabel {
	font-size: 11px;
	color: white;
	text-decoration: none;
	margin-left: 8px;
	height: 100%;
}

#ss_main_nav div.yuimenu .yuimenuitem-selected {
	/*background-color: white;*/

}

#ss_main_nav div.yuimenu .yuimenuitemlabel-selected {
	color: #00adef;
}

#ss_main_nav div.yuimenu li.lasty {
   background: transparent none repeat scroll 0% 0%;
   margin-top: 0px;
   margin-left: 0px;
   -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
	height: 15px;
	padding: 0px 24px;
	/*padding: 0px;*/
}

#ss_main_nav div.yuimenu img.lastylefty {
	position: absolute;
	height: 15px;
	width: 24px;
	left: 0;
	margin-left: 0;
	padding: 0px;
	}

#ss_main_nav div.yuimenu img.lastyrighty {
	position: absolute;
	display: inline;
	height: 15px;
	width: 24px;
	right: 0;
	bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0px;
	}
	
.filler {
	height: 15px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	}	
	

	
	
/*--specific nav*/

#home_navitem, #home_navitem div.yuimenu {
		width: 75px;
	}
	
#home_navitem .yuimenubaritemlabel{
	/*margin-left:  9px;*/
	}
	

#videos_navitem, #videos_navitem div.yuimenu {
		width: 125px;
	}
	
#videos_navitem .yuimenubaritemlabel{
	/*margin-left:  16px;*/
	}
	

#training_navitem, #training_navitem div.yuimenu{
	width: 90px;
	}
	
#training_navitem .yuimenubaritemlabel {
	/*margin-left: 9px;*/
	}

#shop_navitem, #shop_navitem div.yuimenu {
	width: 80px;
	}
	
#shop_navitem .yuimenubaritemlabel {
	/*margin-left: 24px;*/
	}
	
#blog_navitem, #blog_navitem div.yuimenu {
	width: 80px;
	}
	
#blog_navitem .yuimenubaritemlabel{
	/*margin-left: 9px;*/
	}
	

#about_navitem, #about_navitem div.yuimenu {
	width: 110px;
	}
	
#about_navitem .yuimenubaritemlabel {
	/*margin-left: 9px;*/
	}
	






/*body*/
#ssbody {
	height: auto;
	width: 914px;
	margin-bottom: 50px;
	}


	
#ss_hp_body {
	width: 100%;
	height: 565px;
	}
	
#sshpcont {
	width: 100%;
	height: 420px;
}

	
#splashimg {
	position: absolute;
	z-index: 0;
	margin-left: 4px;
	}
	

	
#hp_vid_over {
	position: absolute;
	z-index: 1;
	width: 510px;
	height: 225px;
	margin-left: 390px;
	margin-top: 75px;
	}
	
#hp_vid_over #splashlink {
	font-size: 11px;
	display: block;
	position: absolute;
	margin: 162px 102px;
	}
	
#hp_vid_over #playlink{
	font-size: 11px;
	display: block;
	position: absolute;
	margin: 162px 102px;
	}
	

	
#hp_vid_over #vimwin {
	position: absolute;
	width: 200px;
	height: 150px;
	margin-left: 281px;
	margin-top: 38px;
	overflow: hidden;
	}
	
#hp_vid_over #ytwin {
	position: absolute;
	width: 205px;
	height: 155px;
	margin-left: 281px;
	margin-top: 38px;
	overflow: hidden;
	}
	
#vimwin #vimeo_clip_actual {
	background-color: black;
	margin: 0px;
	padding: 0px;
	}
	
#ytwin #yt_clip_actual {
	background-color: black;
	margin: 0px;
	padding: 0px;
	}

/*homepage big button nav*/
#sssbignav {
	position: absolute;
	margin-left: 4px;
	margin-top: 402px;
	}	
	

	
#reviews #reviewslink {
	color: white;
	font-weight: bold;
	font-size: 11px;
	display: block;
	position: absolute;
	margin-left: 222px;
	margin-top: 67px;
	z-index: 100;
	}
	
#reviews #reviewslink:hover {
	color: #6cf;
	}
	
#reviews {
	float: left;
	width: 421px;
	}
	
#reviews img {
	display: block;
	z-index: 0;
	position: absolute;
	}
	
#reviews p{
	color: white;
	display: block;
	position: absolute;
	margin: 120px 0px 0px 5px;
	width: 421px;
	z-index: 5;
	}


	
#buttonnav {
	margin-left: 422px;
	}
	
#buttonnav .bnav {
	float: left;
	width: 162px;
	}
	
	
/*ssbody column formats*/
#ss_onecol, #ss_twocol {
	margin-left: 0px;
	margin-top: 20px;
	width: 902px;
	height: auto;
	overflow: hidden;
	}


	


#ss_twocol div#sleft {
	float: left;
	width: 455px;
	height: 100%;
	padding: 0px;
	}
	
#ss_twocol div#sright {
	width: 455px;
	margin-left: 456px;
	}
	
	


#ss_twocol div#seven {
	float: left;
	/*width: 675px;*/
	width: 900px;
	height: 100%;
	padding: 0px;
}

#ss_twocol div#three {
	/*width: 225px;*/
	/*margin-left: 676px;*/
	width: 10px;
	margin-left: 901px;
	}



/*generic content containers*/
.sstip {
	width: 900px;
	}

	
/*sstip style*/
.sstip {
	background: transparent url(/img/tips_bkgd.png) no-repeat;
	height: 150px;
	margin: 20px 0px 0px 0px;
	}
	
.sstip h2 {
	margin: 10px 0px 0px 21px;
	}

.sstip p {
	width: 630px;
	margin: 17px 0px 0px 25px;

	}
	
.sstip a {

	}
	

.sstip .texts {
	position: absolute;
	float: left;
	width: 650px;

	}
	
.sstip .image {
	position: absolute;
	margin: 0px 0px 0px 675px;
	}
	
.sstip .image img {
	display: block;
	position: absolute;
	margin: 10px 0px 0px 40px;
	}


#ss_full_tip .clsLeftImg {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	}

#ss_full_tip .disclaim, .img_caption{
	color: #666;
	font-size: 10px;
}

#ss_full_tip td, #ss_full_tip tr, #ss_full_tip tbody, #ss_full_tip table{
	border: none;
}

/*foot*/
#foot {
	width: 910px;
	height: 70px;
	text-align: center;
	}
	

	
#foot #legal p {
	font-size: 10px;
	}
	






/********general form styles **********/
form {
	display: block;
}

form.inline {
	display:inline;
	}

form div.text {
	height: 50px;
	}
	
form div.text input {
	clear: both;
	display: block;
	position: absolute;	
	}

form div.text label {
	clear: both;
	display: block
	}	

	
form div.radio {
	height: 50px;
	}

form label, form legend {
	color: black;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}
	

	
form fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
	
form div.radio label{
	font-size: 12px;
	}


form p.reqnote {
	font-size: 10px;
	font-style: italic;
	color: #999;	
	}
	
	
form div.err legend, form div.err label, form.err input{
	color: red;
	}


/* signup form */
form#email_signupAddForm {
	width:400px;
	padding: 30px;
	border: solid 2px #6cf;
	}
	


/*footer form */
/*foot test*/
	
	#foot .center {
		/*width: 300px;*/
		margin: 0px auto;
		height: 75px;
	}

	#foot #red {
		background-color: red;
	}

#foot #blue {
	background-color: blue;
	width: 400px;
	}
	
#foot #blue div div {
	width: 100px;
	height: 50px;
	border: solid 1px red;
}
	
#foot #blue #left {
	left: 0px;
	margin: 0px;
	float: left;
	}
	
#foot #blue #right {
	margin-left: 110px;	
	}
	
#foot #green {
	background-color: green;
	}


/* footer email form */
#email_form {
	display: inline;
	}
#ss_email_button {
	color: black;
}

#footlinks {
	margin-left: 18px;
}

/*
#footform form{
	position: absolute;
	float: left;
	width: 250px;	
	}
	
	
#footform form div.text {
	display: block;
	position: absolute;
	float: left;
	width: 158px;
	height: 25px;	
}

#footform form div.err input {
	color: #f33;
}
#footform form #ss_hp_email_field {
	font-size: 11px;
	width: 150px;
	}
	
#footform form #ss_email_button {
	color: white;
	border: none;
	background: transparent url(/img/email_signup_button.jpg) 0px 1px no-repeat;
	font-size: 10px;
	margin-left: 160px;
	padding: 0px;
	height: 20px;
	width: 90px;
	}

*/

/******ss sections ******/

/*ssnews*/
.news_item {
	margin: 10px 0px 20px 0px;
	padding: 10px;
	background-color: #f5f5f5;
	}

.news_item h2, .news_item div {
	margin: 0px;
	}
	
.dateline p {
	font-size: 16px;
	}


/*sstv*/
#sstvmain {
	margin-top: 20px;
	height: 700px;
	width: 914px;
	background: transparent url(/img/sstv_bkgd_alt_yt.png) 0px 35px no-repeat;
	}

#sstvmain h1 {
	margin-top: 5px;
	margin-left: 14px;
	}
	
#sstvmain #vimwin {
	float: left;
	width: 600px;
	height: 650px;
	margin-top: 35px;
	}
	
#sstvmain #ytwin {
	float: left;
	width: 560px;
	height: 650px;
	margin-top: 35px;
	}
	
#sstvmain #vimeo_clip_actual {
 	background-color: black;
 	position: absolute;
 	margin-top: 13px;
 	*margin-top: 5px;
 	margin-left: 50px;
 	*margin-left: 45px;
 	overflow: hidden;
	}
	
#sstvmain #yt_clip_actual {
 	background-color: black;
 	position: absolute;
 	margin-top: 13px;
 	*margin-top: 5px;
 	margin-left:  50px;
 	*margin-left: 50px;
 	overflow: hidden;
	}


#sstv_player_container {
	float: left;
	width: 600px;
	height: 650px;
	margin-top: 35px;
	}
	

	
#sstv_list {
	margin: 0px 0px 0px 561px;
	height: 380px;
	width: 325px;
	height: 100%;
	overflow: hidden;
}


#sstv_list_contents {
	margin: 87px 0px 0px 25px;
	width: 294px;
	height: 320px;
	overflow: auto;

}

#sstv_list div.vimeoclip {
	height: 100px;
	width: 239px;
	margin-top: 10px;
	margin-bottom: 10px;
	/*overflow: auto;*/
	}
	
#sstv_list div.ytclip {
	height: 100px;
	width: 239px;
	margin-top: 10px;
	margin-bottom: 10px;
	/*overflow: auto;*/
	}

#sstv_list div.hframe {
	float: left;
	height: 97px;
	width: 130px;
	margin: 0px;
	padding: 0px;

	}
	
#sstv_list div.vnfo {
	margin-left: 131px;
	width: 134px;
	height: 100px;
	/*overflow: hidden;*/
	}
	
#sstv_list_contents h2 {
	font-size: 12px;
	margin-top: 0px;
	margin-left: 0px;
	margin: 0px;
	padding-left: 5px;
	}
	
#sstv_list_contents  p {
	font-size: 12px;
	margin: 0px;
	padding-left: 5px;
	}
	

#clip_information {
	margin-left: 14px;
	margin-top: 465px;
	}

/*store*/
table#merch_table, table#merch_table tbody{
	width: 100%;
	background-color: #fff;
	clear:both;
	padding: 0;
	white-space: normal;
	border-width: 0px;
	border-style: none;
	border-color:none;
}

table#merch_table tr {
	width: 100%;
	}

table#merch_table tr td {
	vertical-align:top;
	text-align: left;
	border: none;
	height: 300px;
	width: 50%;
}

table#merch_table td {
		background-color: #f0f0f0;
		}

table#merch_table th {
		background-color: #39f;
		border: none;
		text-align: left;
		color: white;
		font-size: 18px;
		padding-left: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
		}
		
.ss_item_name h2 {
	font-size: 14px;
	}		
	
	.item_txt {
		float: left;
		width: 250px;
		margin-top: 20px;
		margin-left: 10px;
	}

	.item_img {
		width: 175px;
		height: 200px;
		margin-top: 20px;
		margin-left: 270px;
		padding-top: 5px;
		}
		
	
	.item_buy_nfo {
		clear: both;
		position: relative;
		margin-bottom: 4px;
		bottom: 5px;
		margin-left: 10px;
		}
	
	.item_txt p {
		font-size: 11px;
	}	
	
	.item_txt h2 {
		margin: 0px;
		padding: 0px;
	}

/*

.ss_item_shortinformation {
	overflow: hidden;
	height: auto;
	margin-bottom: 10px;
	}
	
.ss_item_shortinformation p{
	float: left;
	width: 200px;
	height: auto;
	margin: 0px;
	padding: 0px;
	}
	
.ss_item_shortinformation a.item_link{
	display: block;
	margin-left: 213px;
	padding: 0px;
	height: auto;
	width: 210px;
	}

	*/

.ss_item_select_options {
		margin-bottom: 5px;
}

	
.ss_item_price {
	font-size: 16px;
	/*color: #39f;*/
	font-weight: bold;
	}
	
.buynow a {
	font-size: 16px;
	font-weight: bold;
	}
	
	
#ss_fullitem form {
	display: inline;
	}
	
#itemdetails {
	float: left;
	width: 400px;
	}
	
#itemimg {
	margin-left: 420px;
	height: 400px;
	}

	
/*main videos page*/
.vid_list_item {
	background: transparent url(/img/video_curve_bkgd.png)  0px -1px no-repeat;
	height: 250px;
	margin: 20px 0px 20px 0px;
	}
	
.vid_item_text {
	margin-top: 23px;
	margin-left: 26px;
	float: left;
	width: 600px;
	}
	

	
.vid_item_text h2 {
	margin-bottom: 20px;
	}
	
.vid_item_img {
	margin-left: 668px;
	height: 250px;
	}
	
.vid_item_img img {
	position: absolute;
	display: block;
	margin-left: 25px;
	margin-top: 5px;
	}
	


/* workout videos */
#ss_workout_main {
	background: transparent url(/img/workout_player.jpg)  0px 50px no-repeat;
	width: 914px;
	height: auto;
	margin-top: 20px;
	}

#workout_player {
	float: left;
	margin-top: 0px;
	width: 683px;
	}

#workout_preview {
	float: left;
	width: 315px;
	height: 365px;
	}
	
#workout_preview #vimwin {
	position: absolute;
	width: 250px;
	height: 195px;
	margin-left: 35px;
	margin-top: 35px;
	*margin-top: 25px;
	padding: 0px;
	overflow: hidden;
	}	
	
#workout_preview #ytwin {
	position: absolute;
	width: 250px;
	height: 195px;
	margin-left: 35px;
	margin-top: 35px;
	*margin-top: 25px;
	padding: 0px;
	overflow: hidden;
	}	
	
	
#preview_text {
	margin-top: 250px;
	}
	
#preview_text p, #preview_text h3 {
	text-align: center;
	}
	
#workout_nfo {
	margin-left: 316px;
	padding-top: 22px;
	}
	
#workout_nfo h3 {
	margin-top: 3px;
	margin-bottom: 5px;
	padding: 0px 15px;
	}

#workout_nfo p {
	font-size: 11px;
	line-height: 13px;
	padding: 0px 15px;
	}

.workout_image {
	margin-left: 690px;
	width: 220px;
	height: 365px;
	margin-top: 22px;
	*margin-top: 12px;
	}
	
.workout_image p {
	position: absolute;
	margin-top: 325px;
	}
	
#woi_one {
	background: transparent url(/img/SS1_product_view.jpg) no-repeat;
}

#woi_two {
	background: transparent url(/img/SS2_product_view.jpg) no-repeat;
}
	
#workout_prices {
	position: absolute;
	margin-top: 270px;
	width: 220px;
	}
	
#workout_prices a {
	position: absolute;
	font-size: 11px;
	font-weight: bold;
	display: block;
	float: left;
	margin-left: 34px;
	}
	
#workout_prices a#wpright {
	margin-left: 139px;
	}

.workout_graphic {
	width: 910px;
	height: 150px;
	}
	
#wog_one {
		background: transparent url(/img/SS1_product_deco.jpg) no-repeat;
}

#wog_two {
		background: transparent url(/img/SS2_product_deco.jpg) no-repeat;
}
	
#graphic_link {
	position: absolute;
	margin-top: 75px;
	margin-left: 112px;
	}
	
	
	
	
/*staff */
.ssstaff {
	height: 200px;
	margin-top: 20px;
	margin-bottom: 10px;
	}

#ss_staff_bio {
	/*height: 400px;*/
	height: 100%;	
	}

.ss_bio_txt {
	position: absolute;
	float: left;
	width: 500px;
	height: 100%;
	overflow: auto;
}
	
.ss_bio_img, .ss_bio_img_thumb {
	/*position: absolute;*/
	margin-left: 510px;	
	margin-top: 0px;
	}	
	
.ss_bio_img_thumb {
	
	}
	
/* digital downloads */

.dd {
	height: 175px;
	margin: 10px 0px 10px 0px;
}

.dd .ddimg {
	float: left;
	width: 160px;
	}
	
.dd .dd_nfo {
	margin-left: 185px;
	}

/*error pages*/

/*404*/
#foflnks {
	display: block;
	margin: 5px 0px 5px 0px;
}

#foflnks li a {
	display: block;
	font-size: 16px;
	margin: 5px 0px 5px 0px;
}

/*error class*/
.error-message {
	font-size: 11px;
	color: red;
	font-weight: bold;
	margin: 0px 5px 0 5px;
	}
	
/*cake debug*/
/* tables */

table {
display: block;
position: static;
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 5em 0 2em 0;
white-space: normal;
}
th {
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: center;
padding:1px 4px;
}
table tr td {
border-right: 1px solid #ddd;
padding:4px 4px;
vertical-align:top;
text-align: center;
}
table tr.altRow td {
background: #f4f4f4;
}
table td.actions {
	white-space: nowrap;
}
#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}