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

body {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
}
.login {
	height:22px;
	width:150px;
	background-image: url(images/searchbg.gif);
	background-repeat: no-repeat;
	background-position: right;
	outline:none;
	outline-color:#58585a;
}
.input {
background-color:#58585a;
border:0px;
border-color:#58585a;
}

.lightgrey {
	background-color: #181415;
}
.bluebg {
	background-color: #3ab1ef;
}
.orangebg {
	background-color: #fb5e0b;
}
.bgnav {
	background-image: url(images/bignavbg.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:top;
	}
	
.bggreywide {
	background-image: url(images/biggreybg.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:top;
	}
	
.whitetext {
	color: #FFFFFF;
}

.topalign {
	vertical-align:top;
}

a:link {  color:#3ab1ef; text-decoration:underline;
}
a:visited { color:#3ab1ef; text-decoration:underline;
}
	
.psmallinset {
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:0.85em;
margin-left:25px;
margin-right:25px;
}
.psmallinset2 {
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:0.85em;
margin-left:25px;
margin-right:25px;
margin-top:30px;
margin-bottom:30px;
}

.blbg {
background-image:url(images/blbg.gif); background-repeat: repeat-x;
}

.psmall {
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:0.80em;
}

.pmedium {
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:0.95em;
}

.footertext {
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
color: #333333;
font-size:.8em;
}

.notetext {
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
color: #999999;
font-size:.85em;
}

.subhead {
margin-left:25px;

font-family: Myriad Pro, Arial, Helvetica, sans-serif;
font-size:1.15em;
margin-bottom:-8px;
margin-top:20px;
}


.subheadnoinset {
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
font-size:1.15em;
margin-bottom:-8px;
margin-top:20px;
}

.subheadwhite {
color:#FFFFFF;
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
font-size:1.15em;
margin-bottom:-8px;
margin-top:20px;
}

.whitetexttop{
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:0.8em;
}

a.bignav:link {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:1.1em;
	line-height:1.1em;
	width:180px;
	text-decoration:none;
	padding-left:12px;
	padding-top:7px;
	}
	
a.bignav:visited {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:1.1em;
	line-height:1.1em;
	text-decoration:none;
	padding-left:12px;
	padding-top:7px;

	}
	
a.bignav:hover {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:1.1em;
	line-height:1.1em;
	text-decoration:none;
	padding-left:12px;
	padding-top:7px;

	}
a.bignavon:link {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	color:#3ab1ef;
	font-size:1.1em;
	line-height:1.1em;
	width:180px;
	text-decoration:none;
	padding-left:12px;
	padding-top:7px;

	
	}
	
a.bignavon:visited {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	color:#3ab1ef;
	font-size:1.1em;
	line-height:1.1em;
	text-decoration:none;
	padding-left:12px;
	padding-top:7px;

	}
	
a.bignavon:hover {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	color:#3ab1ef;
	font-size:1.1em;
	line-height:1.1em;
	text-decoration:none;
	padding-left:12px;
	padding-top:7px;

	}

.bignavbox {
	width:180px;
	height:33px;
	padding-top:8px;
	}	
.bignavbox:hover {
	width:180px;
	height:33px;
	padding-top:8px;
	background-color:#3ab1ef;
	}
	
.textwhite {
 color:#fff;
 }	
	
.textblue {
 color:#3ab1ef;
 }
 
.textbluesm {
 color:#3ab1ef;
 font-size:12px;
}
.textbluemed {
 color:#3ab1ef;
 font-size:14px;
}
		
.bignavboxon {
	width:180px;
	height:33px;
	padding-top:8px;
	}

	
.bignavboxtop {
	width:180px;
	height:30px;
	margin-top:13px;
	padding-top:7px;
	}
.bignavboxtop:hover {
	width:180px;
	height:30px;
	margin-top:13px;
	padding-top:7px;
	background-color:#3ab1ef;
	}

.bignavboxtopon {
	width:180px;
	height:30px;
	margin-top:13px;
	padding-top:7px;
	}
	
a.chandler:link {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:1.6em;
	text-decoration:none;
	}
a.chandler:visited {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:1.6em;
	text-decoration:none;
	}
a.chandler:hover {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size:1.6em;
	text-decoration:none;
	}
	
	
a.smallnav:link {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-left:30;
	font-size:.8em;
	line-height:1.0em;
	text-decoration:none;
	}
a.smallnav:visited {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-left:30;
	font-size:.8em;
	line-height:1.0em;
	text-decoration:none;
	}
a.smallnav:hover {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-left:30;
	font-size:.8em;
	line-height:1.0em;
	text-decoration:none;
	}
	
.orangelink:link {
color:#FB5E0B;
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
font-size:1.2em;
text-decoration:none;
}
.orangelink:visited {
color:#FB5E0B;
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
font-size:1.2em;
text-decoration:none;
}
.orangelink:hover {
	color:#FB5E0B;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.orangelinknosize:link {
color:#FB5E0B;
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
}
.orangelinknosize:visited {
color:#FB5E0B;
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
}
.orangelinknosize:hover {
color:#FB5E0B;
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
}

.whitelink:link {
color:#FFFFFF;
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
text-decoration:none;
}
.whitelink:visited {
color:#FFFFFF;
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
text-decoration:none;
}
.whitelink:hover {
color:#FFFFFF;
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
text-decoration:none;
}
	
		
ul {
	list-style-image: url(images/bullet.gif);
	line-height:1.2em;
}



/* TYPE */

#main ul { margin-bottom: 18px; list-style: none outside; }
#main ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
#main ul.square,
#main ul.circle { margin-left: 2em; }
#main ul.square { list-style: square outside; }
#main ul.circle { list-style: circle outside; }
#main ul ul.circle,
#main ul ul.square { margin-top: 4px; margin-bottom: 5px; }
#main ol.sosumi { margin-left: 0; padding-left: 2em; }











/* PRODUCT BROWSER */
#productbrowser { width: 512px; height: 180px; background: url(images/productbrowser_background.jpg) no-repeat top; overflow: auto; }
#pb-productbrowsercontainer { position: relative; width: 512px; height: 180px; margin: 0 auto; }
#pb-productslider {
	top: 6px;
	left: 1px;
	width:1400px; /*change this line to add enough width for the products in the slider*/
	height: 130px;
	position: absolute;
	margin: 0;
	padding: 0;
}
#pb-productslider .pb-productimage {
	float: left;
	width: 170px;
	height: 130px;
	position: relative;
	top: 0;
}
#pb-productslider .pb-productimage a:link { text-decoration: none; float: left; width: 100%; padding-top: 105px; overflow: hidden; color: #ccc; font-size: 11px; text-align: center; background-position: 50% 70%; background-repeat: no-repeat; }
#pb-productslider .pb-productimage a:visited { text-decoration: none; float: left; width: 100%; padding-top: 105px; overflow: hidden; color: #ccc; font-size: 11px; text-align: center; background-position: 50% 70%; background-repeat: no-repeat; }
#pb-productslider .pb-productimage a:hover { text-decoration: none; color: #3ab1ef; }
#pb-productslidertrack {
	position: absolute;
	top: 152px;
	left: 0px;
	width:512px;
	height:19px;
	overflow: hidden;
	background: url(images/productbrowser_scrollbar.gif) no-repeat;
	visibility: hidden;
}
#pb-cat1 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 50px; }
#pb-cat2 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 100px; }
#pb-cat3 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 150px; }
#pb-cat4 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 200px; }
#pb-cat5 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 250px; }
#pb-cat6 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 250px; }
#pb-cat7 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 250px; }
#pb-productsliderhandle { position: absolute; width: 214px; height: 19px; cursor: pointer; z-index: 155; }
#pb-productsliderhandleimage { position: absolute; width: 214px; height: 19px; background: url(images/productbrowser_scroller.gif) no-repeat; cursor: pointer; z-index: 5; }
#pb-leftarrow {
	position: absolute;
	left: 3px;
	top: 152px;
	width: 20px;
	height: 20px;
	background: transparent;
	z-index: 150;
	cursor: pointer;
}
#pb-rightarrow {
	position: absolute;
	left: 490px;
	top: 152px;
	width: 20px;
	height: 20px;
	background: transparent;
	z-index: 150;
	cursor: pointer;
}

.orange {
	color:#FB5E0B;
	}


/* PRODUCT BROWSER PRODUCTS - TRAILERS*/
#pb-productslider #pb-serve a { background-image: url(images/thumbs/serve.gif); }
#pb-productslider #pb-forehand a { background-image: url(images/thumbs/forehand.gif); }
#pb-productslider #pb-backhand a { background-image: url(images/thumbs/backhand.gif); }
#pb-productslider #pb-netplay a { background-image: url(images/thumbs/netplay.gif); }
#pb-productslider #pb-extras a { background-image: url(images/thumbs/extras.gif); }
#pb-productslider #pb-dvd a { background-image: url(images/thumbs/dvd.gif); }
#pb-productslider #pb-grips a { background-image: url(images/thumbs/grips.gif); }
#pb-productslider #pb-set a { background-image: url(images/thumbs/set.gif); }


/* PRODUCT BROWSER PRODUCTS - Interviews*/
#pb-productslider #pb-lleyton-hewitt a { background-image: url(images/thumbs/lleyton-hewitt.gif); }
#pb-productslider #pb-john-fitzgerald a { background-image: url(images/thumbs/john-fitzgerald.gif); }
#pb-productslider #pb-peter-carter a { background-image: url(images/thumbs/peter-carter-tribute.gif); }
#pb-productslider #pb-darren-cahill a { background-image: url(images/thumbs/darren-cahill.gif); }
#pb-productslider #pb-roger-rasheed a { background-image: url(images/thumbs/roger-rasheed.gif); }