/*
<reference name="head">
    <action method="addCss">
        <stylesheet>../hellomix/css/black.css</stylesheet>
        <params>media="screen"</params>
    </action>
</reference>
*/

/* Layout ================================================================================ */
.main-container {}
.main { background:#1b1b1b; border-top:0; padding-top: 0px;padding-bottom: 20px; border-bottom-color:#666; min-height:350px; }

#video {
float:left;
height:402px;
margin-left:50px;
width:480px;
}
#addtocart{background:url(../images/p90x/atc_side_bg.jpg) top center no-repeat;float: right;height: 402px;margin-left:13px;position:relative;width: 365px;}

.addtocart a{left:102px; top:297px; position: absolute;}

.clear{height: 15px; width: 100%;}

.copy{width: 488px;float: left;background: transparent;}

.whatis{height: 520px; color: #b4b4b4!important;}
.whatis img{float: left;}
#whatis-p90x{margin:0 86px 5px 50px;padding-top: 30px;float: left; color: #b4b4b4!important;}
.whatis-p90x-header{background: url(../images/p90x/whatis.png) no-repeat;height: 41px;width: 302px;text-indent: -9999px;margin-bottom: 5px;}


.muscle-conf-wrap{height: 283px;background: #1b1b1b;margin: 0px auto; color: #b4b4b4!important;}
.muscle-conf{padding-top: 45px;}
.muscle-conf strong{color:#ffba00;}
.muscle-conf img{float: left;margin:20px 50px 0 50px;}
.muscle-header{background: url(../images/p90x/p90xsecret.png) no-repeat;height: 33px;width: 500px;text-indent: -9999px;margin: 20px 0 5px;}


.get-wrap{background:#1b1b1b;margin: 0px auto; color: #b4b4b4!important;}
.get-vid{}
.get-header{background: url(../images/p90x/12dvds.png) bottom no-repeat; height:79px!important; text-indent: -9999px;margin-bottom:15px;}

.get-vid #workouts {margin: 0; padding-left: 80px;}
.get-vid strong{color:#ffba00;}
.get-vid #workouts dl {	float:left;	display: inline;	width: 160px;	padding: 10px 0;	margin: 0 15px 0 15px;}
.get-vid #workouts dt {	padding: 0;	margin: 0;	text-align: center;}
.get-vid #workouts dd {	padding: 0;	margin: 5px 0 0;}
.get-vid #workouts a, .get-vid #workout a:link, .get-vid #workout a:visited {	font-size: 13px;	color: #ffb400;	text-decoration: none;}
.get-vid #workout a:hover, .get-vid #workout a:active {text-decoration: underline;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #1B1B1B;
padding: 5px;
left: -1000px;
border: 1px gray;
visibility: hidden;
color: #B4B4B4;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -113px; /*position where enlarged image should offset horizontally */
top: 54px;
}

#success {
margin-left: 50px;
margin-right: 50px;
}

.success-header{background: url(../images/p90x/p90xbeforeafter.png) no-repeat;height: 41px;width: 450px;text-indent: -9999px;margin-bottom: 5px;}


.p90x-bottom-wrap{background: #1b1b1b;height: 305px;margin: 0px auto;}
.p90x-bottom{height: 242px;margin: 0 0 0 26px;padding: 41px 0 0 0;position: relative;width: 900px;}
.p90x-bottom-text{background: url(../images/p90x/p90x_bottom.jpg) no-repeat;height: 230px;}
.p90x-bottom-text h1{background: url(../images/p90x/join.png) no-repeat;height: 49px;width: 573px;text-indent: -9999px;margin: 0px;position: absolute;top: 98px;left:282px;}
.p90x-bottom-text p{height: 67px;top:158px;_top:158px;left:300px;width: 305px;position: absolute; color:#B4B4B4;}
.p90x-bottom-text a{position: absolute;left: 625px;top:160px;}