/*************************************************************************/
/*********************** thumbs - teaser gallery *************************/

#load{
	width:40px;
	height:40px;
	position:absolute;
	margin-top:-260px;
	margin-left:447px;
	padding:5px 0 0 5px;
	background:#000000 url(/images/ajax-loader.gif) no-repeat center;
	text-indent:-9999em; /* hides loading text */
	display:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}
.row{
	height:175px;
	margin:20px 0 0 25px;
}
.row div{
	width:130px;
	margin-right:25px;
	position:relative;
	float:left;
}
*:first-child+html .row div{ /* IE7 */
	margin-right:10px;
}
* html .row div{ /* IE6 */
	margin-right:10px;
}

.row img{ /* ensure layout won't break */
	max-width:130px;
}
.row a{
	text-decoration:none;
}
.row div span{
	width:100%;
	height:175px;
	position:absolute;
}
.row div:hover span{ /* rollover login message */
	width:100%;
	height:175px;
	position:absolute;
	text-decoration:none;
	background:transparent url(/images/thumb-teaser-rollover.png) no-repeat top center;
}

/*************************************************************************/
/************************* thumbs - TMS gallery **************************/

.row-large{
	height:270px;
	margin:10px 0 0 0;
}
.row-large div{
	width:150px;
	margin-right:32px;
	position:relative;
	float:left;
}
.row-large img{ /* ensure layout won't break */
	max-width:150px;
}
.row-large a{
	text-decoration:none;
	cursor:pointer;
}
.row-large a:hover span{
	width:100%;
	height:210px;
	position:absolute;
	text-decoration:none;
	background:transparent url(/tms/images/thumb-rollover.png) no-repeat top center;
}

/*************************************************************************/
/************************** slideshow controls ***************************/

/* slide wrapper and positioning */
#controller-outer{
	width:960px;
	margin:0 auto;
	text-align:center;
}
#controller{
	width:225px;
	margin:0 auto;
	text-align:center;
}


/*************/
/* lifestyle */
.jFlowPrev-lifestyle, .jFlowNext-lifestyle{
	width:24px;
	height:24px;
	margin:0 6px 0 2px;
	float:left;
	display:block;
	cursor:pointer;
	background:url(/images/slide-lifestyle.png) no-repeat;
}
.jFlowPrev-lifestyle{
	background-position:0 0;
}
.jFlowPrev-lifestyle:hover{
	background-position:0 -24px;
}
.jFlowNext-lifestyle{
	background-position:-24px 0;
}
.jFlowNext-lifestyle:hover{
	background-position:-24px -24px;
}

/*************/
/*  sports   */
.jFlowPrev-sports, .jFlowNext-sports{
	width:24px;
	height:24px;
	margin:0 6px 0 2px;
	float:left;
	display:block;
	cursor:pointer;
	background:url(/images/slide-sports.png) no-repeat;
}
.jFlowPrev-sports{
	background-position:0 0;
}
.jFlowPrev-sports:hover{
	background-position:0 -24px;
}
.jFlowNext-sports{
	background-position:-24px 0;
}
.jFlowNext-sports:hover{
	background-position:-24px -24px;
}

/*************/
/*   kids    */
.jFlowPrev-kids, .jFlowNext-kids{
	width:24px;
	height:24px;
	margin:0 6px 0 2px;
	float:left;
	display:block;
	cursor:pointer;
	background:url(/images/slide-kids.png) no-repeat;
}
.jFlowPrev-kids{
	background-position:0 0;
}
.jFlowPrev-kids:hover{
	background-position:0 -24px;
}
.jFlowNext-kids{
	background-position:-24px 0;
}
.jFlowNext-kids:hover{
	background-position:-24px -24px;
}

/* controller buttons */
.jFlowControl{
	width:16px;
	height:16px;
	margin:4px 3px 0 0;
	float:left;
	display:block;
	cursor:pointer;
	background:url(/images/slide-controller.png) no-repeat 0 0;
}
.jFlowControl:hover, #controller span.jFlowSelected{
	background-position: 0 -16px;
}