/*



Theme Name: TTS

Theme URI: http://www.triathlontrainingseries.com

Description:

Version: 1.0

Author: James Yule



*/	





/* Global Layout */





body 

{

font-size: .75em;

margin: 0px;

text-align: center;

background: #000000 url(img/bg.gif) top left repeat-x;

color: #fff;

font-family: Arial, Helvetica, sans-serif;

-moz-opacity: 0.9999;
}





#wrap

{

position: relative;

margin: auto;

width: 877px;

padding-top: 8px;

}





#header

{

position: relative;

height: 120px;

background: url(img/head.gif) top left no-repeat;

padding-bottom: 85px;

}





#sidebar

{

position: relative;

padding-top: 40px;

float: right;

width: 205px;

text-align: left;

}



#sidebar h2

{

position: relative;

padding: 3px 0 0 0;

color: #009EDB;

text-transform: uppercase;

font-size: 1.3em;

font-weight: normal;

}



#sidebar ul

{

position: relative;

padding-bottom: 20px;

}



#sidebar li

{

position: relative;

padding: 2px 0 2px 0;	

}



#sidebar a

{

color: #fff;

}



#searchbox

{

padding-bottom: 20px;

}



#s

{

position: relative;

color: #efefef;

float: left;

padding: 3px 5px 3px 5px;

background: #00455D;

border: 1px solid #000;

width: 155px;

}



#ss

{

position: relative;

float: left;

height: 20px;

width: 25px;

margin-left: 5px;

border: 0px;

background: url(img/arrow.gif) left center no-repeat;

}



#content

{

position: relative;

float: left;

width: 627px;

text-align: left;

}

#page

{

text-align: left;

}



#content a

{

color: #009EDB;

}

#page a

{

color: #009EDB;

}





.posthead

{

position: relative;

padding-left: 20px;
padding-right: 15px;

/*height: 46px;*/

background: url(img/phead.gif) top left no-repeat;

padding-bottom:5px;

font-size:.8em;

}

#page .posthead {

background: url(img/phead_wide.gif) top left no-repeat;

}

#content h1

{

position: relative;

padding: 3px 0 0 0;

color: #009EDB;

text-transform: uppercase;

font-size: 1.3em;

font-weight: normal;

}

#page h1

{

position: relative;

padding: 3px 0 0 0;

color: #009EDB;

text-transform: uppercase;

font-size: 1.3em;

font-weight: normal;

}


.date

{

position: relative;

color: #fff;

text-transform: uppercase;

font-size: 1.2em;

font-weight: normal;

}



.thepost

{

position: relative;

padding: 12px 20px 15px 20px;

background: url(img/postbg.gif) top left repeat-x;

}



.thepost ul

{

list-style-type:circle;

padding: .4em .2em .4em 0;

}



.thepost p

{

padding: .4em 0 .4em 0;

}



.postfoot

{

padding: 5px 20px 45px 20px;

font-size: 1.2em;

}





.commentlist li

{

position: relative;

margin-bottom: 10px;

padding: 10px;

border: 1px solid #003245;

}



#comment

{

width: 400px;

}



#comwrap input, #comwrap textarea

{

padding: 5px;

color: #ccc;

margin-bottom: 5px;

background: #003245;

border: 1px solid #083A4D;

}



/* Bottom Three Nav */

#bottom_nav

{

position: relative;

height: 0px;

margin-bottom: 0px;

}



#bottom_nav li

{

position: relative;

float: left;

}



#bottom_nav li a

{

position: relative;

float: left;

height: 26px;

text-indent: -9999px;

outline: none;

}



#nask

{

width: 290px;

height:26px;

overflow:hidden;

background: url(img/ask_the_coach_nav.jpg) top left no-repeat;

}



#nexplore

{

width: 292px;

height:26px;

overflow:hidden;

background: url(img/explore.jpg) top left no-repeat;

}





#ncoming

{

width: 292px;

height:26px;

overflow:hidden;

background: url(img/comingsoon-nav.jpg) top left no-repeat;

}

#nsignupnow

{

width: 292px;

height:26px;

overflow:hidden;

background: url(img/sign-up-now.jpg) top left no-repeat;

}

#nourcoaches

{

width: 292px;

height:26px;

overflow:hidden;

background: url(img/our-coaches3.jpg) top left no-repeat;

}

#njointheteam

{

width: 292px;

height:26px;

overflow:hidden;

background: url(img/join-the-team.jpg) top left no-repeat;

}

#naboutttsracing

{

width: 292px;

height:26px;

overflow:hidden;

background: url(img/about-tts-racing.jpg) top left no-repeat;

}

#nttsinaction

{

width: 292px;

height:26px;

overflow:hidden;

background: url(img/tts-racing-in-action.jpg) top left no-repeat;

}




/* navigation one */



#navbar

{

position: relative;

height: 42px;

margin-bottom: 42px;

/*background: url(img/endcap.gif) top right no-repeat;*/

}



#navbar li

{

position: relative;

float: left;

}



#navbar li a

{

position: relative;

float: left;

height: 42px;

text-indent: -9999px;

outline: none;

}



#nhome

{

width: 142px;

height:42px;

overflow:hidden;

background: url(img/logo.gif) top left no-repeat;

}



#nhome-section

{

width: 142px;

height:42px;

overflow:hidden;

background: url(img/logo.gif) top left no-repeat;

background-position: 0 -84px;
}



a#nhome:hover

{

height:42px;

width: 142px;

overflow:hidden;

background-position: 0 -42px;

}



/*a#nhome:active, a#nhome-section:active

{

width: 142px;

height:42px;

overflow:hidden;

background-position: 0 -84px;

}
*/


#nproducts

{

height:42px;

width: 147px;

overflow:hidden;

background: url(img/Products.gif) top left no-repeat;

}



#nproducts-section

{

height:42px;

width: 147px;

overflow:hidden;

background: url(img/Products.gif) top left;

background-position: 0 -84px;
}



a#nproducts:hover

{

height:42px;

width: 147px;

overflow:hidden;

background-position: 0 -42px;

}



/*a#nproducts:active, a#nproducts-section:active

{

height:42px;

width: 147px;

overflow:hidden;

background-position: 0 -84px;

}
*/


#ninteract

{

width: 147px;

overflow:hidden;

background: url(img/Interact.gif) top left no-repeat;

}



#ninteract-section

{

width: 147px;

overflow:hidden;

background: url(img/Interact.gif) top left;

background-position: 0 -84px;
}



a#ninteract:hover

{

width: 147px;

overflow:hidden;

background-position: 0 -42px;

}



/*a#ninteract:active, a#ninteract-section:active

{

width: 147px;

overflow:hidden;

background-position: 0 -84px;

}
*/


#ncoaching

{

width: 147px;

overflow:hidden;

background: url(img/Coaching.gif) top left;

}



#ncoaching-section

{

width: 147px;

overflow:hidden;

background: url(img/Coaching.gif) top left;

background-position: 0 -84px;
}



a#ncoaching:hover

{

width: 147px;

overflow:hidden;

background-position: 0 -42px;

}



/*a#ncoaching:active, a#ncoaching-section:active

{

width: 147px;

overflow:hidden;

background-position: 0 -84px;

}
*/

#ntts-racing

{

width: 147px;

overflow:hidden;

background: url(img/Racing.gif) top left;

}



#ntts-racing-section

{

width: 147px;

overflow:hidden;

background: url(img/Racing.gif) top left;

background-position: 0 -84px;
}



a#ntts-racing:hover

{

width: 147px;

overflow:hidden;

background-position: 0 -42px;

}



/*a#ntts-racing:active, a#ntts-racing-section:active

{

width: 147px;

overflow:hidden;

background-position: 0 -84px;

}

*/

#nabout

{

width: 147px;

overflow:hidden;

background: url(img/About.gif) top left;

}



#nabout-section

{

width: 147px;

overflow:hidden;

background: url(img/About.gif) top left;

background-position: 0 -84px;
}



a#nabout:hover

{

width: 147px;

overflow:hidden;

background-position: 0 -42px;

}



/*a#nabout:active, a#nabout-section:active

{

width: 147px;

overflow:hidden;

background-position: 0 -84px;

}
*/


#ncart

{

width: 53px;

overflow:hidden;

background: url(img/cart-nav.gif) top left;

}



#ncart-section

{

width: 53px;

overflow:hidden;

background: url(img/cart-section-nav.gif) top left;

}



a#ncart:hover

{

width: 53px;

overflow:hidden;

background-position: 0 -42px;

}



a#ncart:active, a#ncart-section:active

{

width: 53px;

overflow:hidden;

background-position: 0 -84px;

}



/* newsletter signup */



#nl_form {

	text-align: right;

}



#nl_form p {

	font-size: 9px;

	color: #059ed0;

	position: absolute;

	right: 65px;

	top: 46px
	
}



#nl_form input {



	width: 170px;

	padding-left: 3px;

	height: 16px;

	padding-top: 3px;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	color: #059ed0;

	margin-bottom: 5px;

	background-color: #001921;
	
	border-style: solid;
	
	border-color: #0f2d38;
	
	border-width:thin;



}



/* ready set go */



#readysetgo

{

position: relative;

}



#readysetgo img

{

display: block;

}





/* products */



#theProduct

{

position: relative;

text-align: left;

height: 355px;

background: url(img/TTS_products-textless.jpg) top left no-repeat;

}



#theProduct h1

{

position: relative;

padding: 30px 0 0 50px;

font-size: 1.7em;

text-transform: uppercase;

color: #009DDA;

}



#theProduct .price

{

position: relative;

display: block;

padding: 0 0 0 70px;

font-size: 6em;

color: #fff;

}



#theProduct .price small

{

position: relative;

display: block;

float: left;

margin-top: -1px;

font-size: .6em;

}



#theProduct .price span

{

float: left;

}



#theProduct .altitem

{

position: relative;

padding: 0 0 0 135px;

font-size: 1.7em;

text-transform: uppercase;

color: #009DDA;

}



#theProduct p

{

position: relative;

width: 355px;

padding: 10px 0 0 95px;

font-size: 1.1em;

color: #fff;

line-height: 1.6em;

}



#productList

{

position: relative;

padding: 35px 0 0 75px;

}



#productList li

{

position: relative;

float: left;

padding-right: 18px;

width: 128px;

height: 165px;

}



#productList img

{

display: block;

border: 3px solid #0A2D3B;

}



#theProduct a.addcart

{

position: relative;

margin-top: 10px;

margin-left: 90px;

height: 26px;

width: 141px;

border: 0px;

}



#theCart

{

position: relative;

text-align: left;

height: 355px;

}


#theTriptych {
	position: relative;
	
	text-align: left;
}

#theTriptych #camps {
	float:left;
	width:282px;
	height:411px;
	border:3px solid #0A2D3B;
	margin-right: 6px;
}

#theTriptych #dvds {
	float:left;
	width:282px;
	height:411px;
	border:3px solid #0A2D3B;
	margin-right: 6px;
}

#theTriptych #coaching {
	float:left;
	width:282px;
	height:411px;
	border:3px solid #0A2D3B;
}
/* product pop */







/* the pop box */



#GB_overlay {

  background-image: url(img/overlay.png); 

  position: absolute;

  margin: auto;

  top: 0;

  left: 0;

  z-index: 100;

  width:  100%;

  height: 100%;

}



* html #GB_overlay {

  background-color: #000;

  background-color: transparent;

  background-image: url(img/blank.gif);

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");

}



#GB_window {

  top: 85px;

  left: 0px;

  position: absolute;

  overflow: auto;

  width: 877px;

  height: 457px;

  z-index: 150;

  overflow: hidden;

}



#GB_frame {

  border: 0;

  overflow: auto;

  width: 907px;

  height: 457px;

  overflow: hidden;

}



#GB_caption {

display: none;

}



#GB_window img {

  position: absolute;

  top: 2px;

  left: 0px;

  cursor: pointer;

  cursor: hand;

}







/* interact */



#twofer

{

position: relative;

text-align: left;

padding-bottom: 20px;

}



#twoferleft

{

position: relative;

float: left;

width: 380px;

padding: 15px 20px 15px 20px;

background: #003044 url(img/twoferbg.gif) bottom left repeat-x;

}



#twoferright

{

position: relative;

float: right;

width: 380px;

padding: 15px 20px 15px 20px;

background: #003044 url(img/twoferbg.gif) bottom left repeat-x;

}



#twofer h1

{

position: relative;

padding: 0px 0 0 0px;

font-size: 1.4em;

text-transform: uppercase;

color: #009DDA;

}



#twofer p

{

padding: .4em 0 .4em 0;

color: #fff;

line-height: 1.5em;

}

/*

#twofer a

{

position: absolute;

display: block;

font-weight: bold;

text-transform: uppercase;

font-size: 1.1em;

bottom: -23px;

left: 0px;

width: 395px;

padding: 8px 0 8px 25px;

color: #fff;

background: #003246 url(img/atag.gif) left center no-repeat;

background-position: 7px 11px;

}

*/



.twolink a

{

position: absolute;

display: block;

font-weight: bold;

text-transform: uppercase;

font-size: 1.1em;

bottom: -23px;

left: 0px;

width: 395px;

padding: 8px 0 8px 25px;

color: #fffff;

background: #003246 url(img/atag.gif) left center no-repeat;

background-position: 7px 11px;

}



#twofer a

{

color: #009EDB;

}



/* Bottom Three Nav */

.interact_title

{

position: relative;

height: 0px;

}



.interact_title li

{

position: relative;

float: left;

}



.interact_title li a

{

position: relative;

float: left;

height: 42px;

text-indent: -9999px;

outline: none;

}



#ask-coach-nav

{

width: 419px;

height:42px;

background: url(img/ask-the-coach-interact.jpg) top left no-repeat;

}



#spacer-nav

{

width: 39px;

background: url(img/spacer.gif);

}



#forum-nav

{

width: 419px;

height:42px;

background: url(img/message-board-interact.jpg) top left no-repeat;

}



/* coaches */



#coaches

{

position: relative;

text-align: left;

}



#coaches h1

{

position: relative;

padding: 0px 0 5px 8px;

font-size: 1.4em;

text-transform: uppercase;

color: #009DDA;

border-bottom: 3px solid #000808;

}



#coaches a

{

color: #009EDB;

}



#coachleft

{

position: relative;

float: left;

width: 193px;

border: 1px solid #000808;

}



#coachleft a

{

display: block;

padding: 6px 0 6px 8px;

background: #00141B;

color: #fff;

font-size: .85em;

text-transform: uppercase;

border-bottom: 1px solid #001821;

}



#coachleft a:hover

{

background-color: #009dda;

background: #009dda;

color: #fff;

}



#coachright

{

position: relative;

float: right;

width: 550px;

padding-right: 107px; 

}



#coachright h2

{

position: relative;

font-size: 1.4em;

text-transform: uppercase;

color: #009DDA;

font-weight: bold;

}



.coachbox

{

position: relative;

margin-top: 15px;

margin-bottom: 45px;

padding: 12px;

background: url(img/twoferbg.gif) top left repeat-x;

}



.aboutbox

{

position: relative;

margin-top: 15px;

margin-bottom: 45px;

padding: 12px;

background: url(img/twoferbg.gif) top left repeat-x;

}



.aboutbox img

{

margin-right: 9px;

}



.aboutbox p

{

margin-bottom: 2px;

margin-top:2px;

}



#coaches p

{

line-height: 1.5em;

color: #fff;

}



.coachbox img

{

margin-right: 9px;

}



.ctop

{

position: absolute;

bottom: -30px;

left: 0px;

width: 550px;

display: block;

height: 31px;

background: #00354A url(img/top.gif) left center no-repeat;

}















/* bottom three*/



#bottomthree

{

position: relative;

margin-top: 30px;

padding: 4px 0 8px 0;

background: url(img/askbg.gif) top left repeat-x;

text-align: left;

color: #fff;

border-bottom: 3px solid #00161F;

}



.onethird

{

position: relative;

float: left;

width: 31%;

padding: 0 1% 0 1%;

}



#bottomthree h2

{

position: relative;

margin-bottom: 7px;

text-align: center;

font-size: 1em;

letter-spacing: 3px;

font-weight: 900;

text-transform: uppercase;

color: #009DDB;

border-bottom: 1px solid #00445F;

}



.onethird img

{

position: relative;

float: left;

margin-top: .3em;

margin-right: 5px;

border: 3px solid #1A2930;

}







#bottomthree p

{

line-height: 1.4em;

padding: .3em 0 .3em 0;

font-size: .9em;

}



#bottomthree cite, #bottomthree a, .color1

{

color: #009DDB;

}



#bottomthree ol

{

padding-top: .4em;

font-size: .9em;

}



/* newletter styles */


/* footer images */

#logo-footer {
	margin-top:20px;
	text-align:center;
	padding:5px;
	background-color:#000000;
}

#logo-footer a:focus, #logo-footer a:active {
	outline:none;
	-moz-outline:none;
}
	
img.logo {
	margin:0 20px;
}

/* copyright */



#copy

{

margin-top: 10px;		

border-top: 3px solid #00161F;

font-size: .75em;

color: #666666;

text-align: left;

}

#social-icons {
	width:80px;
	float:right;
	padding-top:6px;
}
.social-icon {
	padding-right:10px;
	display:block;
	width:16px;
	height:16px;
	float:left;
}
#insider {
	float:right;
}

.slideshow {
	position:relative;
	width:877px;
	height:355px;
}

#login {
	width:117px;
	float:left;
	background-image:url(img/login-bg.jpg);
	color:#009DDB;
	padding:10px 15px;
	height:185px;
}
#login h3 {
	color:#f8f8f8;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.light {
	color:#f8f8f8 !important;
	text-decoration:none;
	font-size:10px;
	display:block;
}
.login-input {
	border:2px solid #01394c;
	width:115px;
}
.label {
	text-transform:uppercase;
	display:block;
}
.label2 {
	display:block;
}
.pad-top {
	padding-top:6px;
}
#promo {
	float:left;
	margin-left:6px;
}

/* products sub nav */
#subnavbar {
height:25px;
margin:0;
padding:0;
position:relative;
width:877px;
margin-bottom:10px;
}
#subnavbar li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:relative;
}
#subnavbar li a {
float:left;
height:25px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
position:relative;
text-indent:-9999px;
}
#ndvds {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/wp-content/themes/TTS_new/nexternal/images/store-sub-nav.jpg) no-repeat scroll left top;
height:25px;
overflow:hidden;
width:133px;
}
#nindcoaching {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/wp-content/themes/TTS_new/nexternal/images/store-sub-nav.jpg) no-repeat scroll -133px 0;
height:25px;
overflow:hidden;
width:161px;
}
#nsessions {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/wp-content/themes/TTS_new/nexternal/images/store-sub-nav.jpg) no-repeat scroll -294px 0;
overflow:hidden;
width:138px;
}
#ntraining {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/wp-content/themes/TTS_new/nexternal/images/store-sub-nav.jpg) no-repeat scroll -432px 0;
overflow:hidden;
width:158px;
}
#ncamps {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/wp-content/themes/TTS_new/nexternal/images/store-sub-nav.jpg) no-repeat scroll -590px 0;
overflow:hidden;
width:140px;
}
#napparel {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/wp-content/themes/TTS_new/nexternal/images/store-sub-nav.jpg) no-repeat scroll -730px 0;
overflow:hidden;
width:147px;
}