/* Global Site body */
.header { background:none; }
body { background:#FFF url(rs_bg.jpg) no-repeat top center; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; line-height:14px;}
h2.promo { font-size:20px; color:#ffffff; }
.sidebar { display:none; }
.ubiSubBar { height:0; } /* Makes Navbar text fully clickable */

.ubishop { position:absolute; top:0px; right:113px; width:65px; height:25px; background:transparent url(sharedSprite.png) no-repeat; z-index:9999 }


/* Site Container */
.actionArea, .main , .wideCompBox { width:1020px; }
  .main { }
  /*.header{width:1020px; margin:0px auto; position:relative;} */
   /* Logo */
   .main_logo { position:absolute; right:-75px; top:36px; z-index:99; height:178px; width:451px; }
   
   /* Nav */
   .hnav{
	   width:649px;
	   height:57px;
	   /*margin:-23px auto; Removed and hacked with position relative due to NAV link issue where half the text is clickable due to ubiSubBar div  */
	   position:relative;
	   left:176px;
	   background:url(nav-bg.png) no-repeat top left;
	   padding:15px 0 0 20px;
   }
   /* IE7 navbar issue fix hack */
   .ie7 .hnav { left:0px; top:-6px; padding:15px 0 0 40px; }
   
   	.hnav li{
		height:22px;
	}
		.hnav li span{
			visibility:hidden;
		}	
   	.hnav .nav-home{
		width:109px;
		background:url(nav-home.png) 0 0 no-repeat;
	}
	.hnav .nav-features{
		width:186px;
		background:url(nav-features.png) center 0 no-repeat;
	}
	.hnav .nav-news{
		width:131px;
		background:url(nav-news.png) center 0 no-repeat;
	}
	.hnav .nav-register{
		width:189px;
		background:url(nav-register.png) center 0 no-repeat;
	}	
		.hnav .nav-home:hover, 
		.hnav .nav-home.selected{
			background-position: 0 -22px;	
		}
		.hnav .nav-features:hover,
		.hnav .nav-features.selected,
		.hnav .nav-news:hover,
		.hnav .nav-news.selected,
		.hnav .nav-register:hover,
		.hnav .nav-register.selected{
			background-position: center -22px;	
		}
		
	.hnav a, .vnav a { height:22px; }
   
   /* Share This Box */
   /*.ubiSubBar{ width:100px; position:absolute; top:5px; right:5px; }*/
   .shareThisBox b { background:transparent url(sharedSprite.png) no-repeat; background-position:-99px 0; width:36px; } 
   
   
   /* Carousel */
   .carousel .widgetMainBox { background:transparent url(video-bg.png) no-repeat left 50px; width:678px; margin-left:-10px; margin-top:7px;}/*margin-top:3.5em;*/
     .wideCompBox .carouselZoomBox .carouselFocusBox { height:320px; width:605px; margin-top:80px; margin-left:-10px; border:1px solid #666;} 
	 .wideCompBox .carouselControlsBox { width:25px;  }
	 .carouselNavNext { background:transparent url("rsarrows.png") no-repeat scroll -17px 0; border:0; float:none; height:35px; position:absolute; left:372px; top:-20px; width:23px; }
	 .carouselNavPrev { background:transparent url("rsarrows.png") no-repeat scroll 4px 0; border:0; float:none; height:35px; position:absolute; right:-15px; top:-20px; width:23px; }
	 
	 
	 /* Carousel Thumbnail Container */
	 .carouselThumbWrap { border:none; margin-right:14px; }
	 .carouselControlsBox { top:27px; left:-6px; }
	 .wideCompBox .carouselThumbsBox { width:320px; top:22px; position:relative; left:18px;  }
	   .wideCompBox .carouselThumbWrap .carouselFocusBox  { height:73px; width:93px; border:1px solid #666; }
	 .wideCompBox .carouselDetailBox  { font-size:12px; position:relative; top:20px; width:245px; left:38px; }
     /*.encyTopSection, .carousel  { background:transparent url(videoList_bg.png) no-repeat scroll 16px 496px; height:147px; width:683px; z-index:0 !important; }*/
	 .carousel{ width:675px; z-index:0 !important; height:548px; background:url(videoList_bg.png) no-repeat bottom left ;}
	 
	 /* Carousel Sharebox */
	 .carousel .shareThisBox { right:6px; top:85px; }
	 
   /* Packshot */
   .packshot { width:240px; height:400px; position:absolute; top:186px; right:50px; z-index:10;}

   
   
   /* 3rd row */
   .compBox { margin-right: 8px; }
   .compBox h2.promo{
		background:url(boxtop.png) top left no-repeat;
		width:290px;
		height:30px;
		font-style:italic;
		font-weight:bold;
		font-size:18px;
		margin:0;
		padding:25px 20px 0 25px;
	}
   .center-content{ 
   		width:280px; 
		background:url(boxmid.png) repeat-y top left;
		float:left;
		text-align:center;
		padding:0 28px;
		color:black;
    }
	
	.center-content p { margin:0px; }
	
	.box-bottom{ 
		clear:both;
		background:url(boxbottom.png) top left no-repeat;
		width:335px;
		height:39px;
	}
   
   .banner{
		width:100%;
		text-align:center;
		padding-top:20px;
		clear:both;
   }
   
    /* Footer */
    .footer, .partners { width:1029px; color:#666;}
    .partnersLogoBox  { position:relative; text-decoration:none; margin-right:10px; }
	.racquet_sports_footer { font-size:10px; font-family:Arial; padding:20px 0 5px; position:relative; width:100%; margin:0px auto; text-align:center; }
	  .partnersLogoCaption { color:#000; cursor:pointer; }
	.partnersRatingBox { text-decoration:none; }
	.racquet_sports_footer_rating  .partnersLogoBox { float:left; }
	.footer p { text-align:left; padding:0 20px; }
  
  /* FEATURES PAGE */
 .features h4 { font-size:18px; }
 
  .raquetsports-tabs{
	 width:745px;
	 height:645px;
	 background:url(tabs-box-background.png) no-repeat top left;
	 margin-top:108px;
	 padding-left:0;
  }
  
  .ui-tabs .ui-tabs-nav {
	width:652px;  
	padding:30px;
	height:15px;
	margin:0px;
  }
  
  .ui-tabs .ui-tabs-nav li{
	border:none;  
	font-size:16px;
	text-transform:uppercase;
	font-style:italic;
	font-weight:bold;
	background:url(tab-right.gif) no-repeat right top;
	padding:5px 13px 0 0;
	height:37px;
  }
  .ui-tabs .ui-tabs-panel, .ui-tabs .ui-tabs-nav li { border:none; }
  
  	.tab3specialclass{
		background:none !important;	
	}
  	.ui-tabs .ui-tabs-nav li a { 
		color:#fff;  
  	}
		 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a{
			color:#e3e344;
		 }
  
  .features  .ui-tabs .ui-tabs-panel{
		/*background:#fff; */
		width:652px;
		height:510px;
		margin-left:42px;
		color:#fff;
		font-size:12px;
		overflow:scroll;
		overflow-x:hidden;
		position:relative; /* IE7 Hack for overflow*/
		padding:0 0 .5em;
  }
  .features .featinfo { width:600px; }
   
  /* BUY NOW PAGE */
  #placeholder{
		width:100%; 
		height:786px;
  }
  
  /* NEWS PAGE */
  .news-summary{
		width:745px; 
		margin-top:80px;
	 	padding-left:0;
		height:800px;
  }
.news .main .lastCompBox { 
   background:url(tabs-box-background.png) no-repeat 0 108px; 
   height:750px;
   }
  .news-container{
	  width:663px; 
	  height:578px;
	  overflow:scroll;
	  overflow-x:hidden;
	  position:relative;
	  top:138px;
	  padding-left:38px;
	  
  }
  
  .news-container .sum {
	  	clear:both;
		/*margin:20px 0; */
		font-size:12px;
		padding:10px 0 20px;
		border:none;
  }
  	.news-container .featured{
		/*padding-top:40px;*/
	}
		
	.news-container .featured{
		/* background:url(summary-featured-line.gif) no-repeat bottom left;*/
		display:none;		
	}
		.news-container.rs-caption, .news-summary .rs-date{
			font-size:10px;
			font-style:italic;
		}
		.news-container h4{
			font-size:18px;	
			line-height:18px;
			margin:0px;
		}
		.news-container .tn, .news-container.txt{
			float:left;	
			margin-right:15px;
		}
		.news-container .featured .txt{
			width:630px;
		}
				
			
/* new clearfix */
.news-container .sum:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .news-container .sum             { zoom: 1; } /* IE6 */
*:first-child+html .news-container .sum { zoom: 1; } /* IE7 */
