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

/**************************************************************
Kobe Landing page 
***************************************************************/

#page-content { background-color: #000; }

*.content-home{}

*.home-feature, *.top-feature
{
	height: 510px;
	width: 910px;
	position: relative;
}

*.flash{padding-left: 1px;}

/* Seconday Nav */

#secondary_nav{	
	width:inherit;	
	height:22px;	
	background:transparent url(../images/kobe/secondary_nav_bg.png) repeat-x;
	position:relative;	
	clear:both;
	}

#secondary_nav div.btn{	
height:22px;	
position:relative;	
float:left;
}

#secondary_nav div.highlight{	
background: transparent url(../images/kobe/secondary_nav_btn_bg.png) repeat-x;
}

#secondary_nav div.btn div{	
background:transparent url(../images/kobe/secondary_nav_btn_divider.gif) repeat-y top right;	
float:left;	
height:22px;	
margin:0 auto 0;
width: 150px; 
min-width: 150px;
}

 
#secondary_nav div.btn div img{	
margin:7px 0px 10px 15px;	
position:relative;	
display:inline;
}

#secondary_nav div.btn div a {	display:block; width:100%;}

/* Tertiary nav */

#tertiary_nav{	
width:inherit;	
height:34px;	
background:transparent url(../images/kobe/tertiary_nav_bg.png) repeat-x;
position:relative;	
clear:both;
}

#tertiary_nav div.btn{	
height:34px;	
position:relative;	
float:left;
}

#tertiary_nav div.highlight{	
	background:transparent url(../images/kobe/tertiary_nav_btn_bg.png) repeat-x;
}

#tertiary_nav div.btn div{	
	background:transparent url(../images/kobe/tertiary_nav_btn_divider.gif) repeat-y top right;	
	float:left;	
	height:34px;	
	margin:0 auto 0; 
	width: 165px;
}

/* IE HACK */
html>body #tertiary_nav div.btn div {   
width: auto;   
min-width: 165px;
}

#tertiary_nav div.btn div img{	
margin: 12px 0px 0px 15px;	
position:relative;	
display:inline;
}

#tertiary_nav div.btn div a {	
width:100%; 
display:block;
}

/*------------------------------------------------------------
copy blocks
------------------------------------------------------------*/
#kobe-hairline {
	padding-top: 12px;
	margin: 0px 10px;
	background: url(../images/kobe/bg_kobe_hairline.gif) repeat-x top left #000000;
}

/* COLOR FOR HEADER TEXT OF COPY BLOCKS */
#header {
	color: #513d9b;
	font-size: 29px;
	font-weight: regular;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 18px;
}

.headerwhite {
	color: #fff;
	padding-right: 5px;
}

#main {
	color: #999;
	font-size: 11px;
	font-weight: regular;
	text-decoration: none;
	width: 620px;
	
	padding-top: 5px;
	padding-left: 20px;
}

#home-copy {
	height: 135px;
}

#shoe-copy {
	height: 20px;
}

#firstblock {
	height: 135px;
}

#secondblock {
	height: 135px;
	padding-top: 7px;
}

#thirdblock {
	height: 135px;
	padding-top: 7px;
}


/*****************************************
GENERAL TOUT STYLES
****************************************/

#tout-header {
	padding: 3px 0px 0px 15px;
	color : #666;
	font-weight : bold;
	text-decoration : none;
	text-transform : uppercase;
	font-size: 10px;
}

*.tout-wrapper
{
position: relative;
padding-left: 10px;
}

#tout-holder .tout {
	float: left;
	display : inline; /* fixes ie6 double float bug */
	cursor : pointer;
	font-weight : bold;
	text-transform : uppercase;
	font-size: 10px;
	text-align: left;
}

#tout-holder #off .tout
{
cursor: default;
}

#tout-holder a {
	text-decoration : none;
}

/*************************************************************/
/* navbar touts */
/*************************************************************/
#navtouts {
	background: url(../images/kobe/navtout_bg.png) repeat-x; 
	height: 130px;
}

#navtouts .tout{
	height: 138px;
	width: 223px; /* image shadow indents appearance */
}
	
#navtouts .hover{
	/*background:url(../images/kobe/vidtout_bg_highlight.png) no-repeat;*/
}

#navtouts #tout-header
{
color: #6453A0;
}

#navtouts .tout img{
	top:0px;
	left:0px;
	position:absolute;
}

#navtouts .tout-overlay
{
background: transparent url(../images/kobe/tout_kobe_l_overlay.png) no-repeat scroll 0 0;
height: 132px;
width: 224px;
}

#navtouts  .tout img.tout-overlay { top:1px; }

#navtouts .tout a {
	display:block;
	width:100%;
}

#navtouts .tout-img
{
margin: 0px;
height: 133px;
}

/* shorter nav buttons on lesson pages */
#navtouts.lessons div.tout-overlay
{
background-image: url(../images/kobe/lesson_vid_overlay.png);
height: 109px !important;
}

.lessons, .lessons #tout,  .lessons .tout-img,  .lessons .tout
{
height: 110px !important;
}

/*************************************************************/
/* content touts; not nav or footer */
/*************************************************************/
#widetouts  {
	height: 165px;
}

#widetouts .vid-arrow-blank {
	margin : -12px 10px 0 7px;
	padding: 10px 0px 0px 0px;
	height: 15px;
}

#widetouts  .vid-arrow-blank-off {
	background-image: none;
	margin: -2px 0px 0px 7px;
}

#widetouts #tout-holder {
	padding-top: 5px;
	color : #352867;
}

#widetouts  #tout-holder a {
	color: #352867;
}

#widetouts  #tout-holder a .hover {
	color : #513d9b;
}

#widetouts #tout-header {
	/* COLOR FOR HEADER TEXT OF TOUT ROWS */
	color : #6453a0;
	background: url(../images/kobe/tout_kobe_bar_purple.gif) repeat-x top left;
	margin-right: 10px;
	height: 17px;
}

#widetouts .tout{	
background:url(../images/kobe/widetout_bg.png) no-repeat;	
height:131px;	
width:439px;	
margin-right: 10px;
}

#widetouts .tout-img
{
margin: 7px;
}

#widetouts .tout img{	
	top:0px;	
	left:0px;	
	position:absolute;
}

#widetouts .tout-overlay-off, #widetouts .tout-overlay
{
background: transparent url(../images/kobe/tout_vid_overlay.png) no-repeat scroll 0 0;
}

#widetouts .tout-overlay-off, #widetouts .tout-img, #widetouts .tout-overlay
{
width: 425px;
height: 98px;
}

#widetouts .tout img.tout-overlay {top:1px;}
#widetouts .tout a {	display: block; width:100%;}
#off .tout img.tout-overlay{display:none;}
#off .tout img.disabled{display:block;}

.disabled .tout-overlay
{
opacity: .9 !important;
}

.disabled
{
cursor: default !important;
}