html, body, h1, h2, h3, h4, h5, h6, p, table, th, td, form, fieldset, ul, li, blockquote { margin: 0; padding: 0; }
body { background: url(/resources/images/bg-skygrass.jpg) no-repeat fixed bottom; background-color:#0087c0; color:#414141; font: 62.5%/normal  Arial,sans-serif; }
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfixpagination:after {
  /* content: "."; */
  /* height: 0; */
  clear: both;
  visibility: hidden;
}


p { margin-bottom: 1em; line-height:120%; }
.smallText { font-size:11px; }
h1 { font-size:2.3em; font-weight: normal; margin-bottom: 8px; line-height: 120%; }
h2 { margin-bottom:6px; _margin-bottom: 0px; }
h3 { line-height: 100%; margin-bottom: .5em; }
.rightAlign { float:right; }

ul { margin-bottom:8px; }


img { border: 0; }

a { outline:none !important; }
a:link, a:visited { color: #0099CB; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

.clear { clear:both; }
object { outline:none; }

.show { display:block; }
.hide { display:none; }

.subhead { font-size: 16px; }

hr {
	background-color: #ccc; /* for Firefox */
	color: #ccc;
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	height: 1px;
	border-width: 0;
}
a.bullet_back {
	font-size: 1.1em;
	line-height: 100%;
	color: #0099cc;
	text-decoration: none;
	padding:5px 0 5px 12px;
	background:url(/resources/images/bullet_arrow_blue_back.gif) no-repeat 2px center;
	/* background:url(/resources/images/bullet_blue_arrow_back.gif) no-repeat 2px center;  DARKER BLUE ARROW */
}
a.arrow {
	font-size: 1.1em;
	background: url(/resources/images/bullet_arrow_blue.gif) center left no-repeat;
	/* background: url(/resources/images/bullet_arrow_blue.gif) center left no-repeat;  DARKER BLUE ARROW */
	padding: 5px 0 5px 12px;
	text-decoration:none;
	color: #0099CB;
	line-height: 100%;
}
a.arrow:hover, a.arrow:active { text-decoration: underline; }

ul.default { font-size: 1.1em; margin-bottom: 12px; }

ul.default li {
	list-style-type: none;
	background: url(/resources/images/decorations/orange_bullet.png) 0px 5px no-repeat;
	_background: url(/resources/images/decorations/orange_bullet.gif) 0px 5px no-repeat;
	padding: 0 0 0 14px;
	margin-bottom: 5px;
	line-height: 120%;
}
ul.default li ul { margin-top: 8px; }


/*==================================== 
MAIN NAV TABS AND CONTENT 
====================================*/


/*	Top Tabs and Navigation
	=======================
*/

	#top_tabs {
		float:left;
		position: relative;
		width:500px;
		padding:0 0 0 20px;
		margin:0;
	}

	#top_tabs li {
		float:left;
		width:160px;
		list-style-type: none;
	}

	#top_tabs a {
		display:block;
		width:128px;
		padding:14px;
		margin:0 4px 0 0;
		background:url(/resources/images/tab_bg2.png) no-repeat -156px 0;
		color:#fff;
		font-size:1.091em;
		font-weight:bold;
		text-decoration:none;
		text-transform:uppercase;
	}

	#top_tabs a:hover,#top_tabs a:active {
		background-position: 0 0;
		color:#fff;
	}

	#top_tabs .selected a,#top_tabs .selected a:hover,#top_tabs .selected a:active {
		background-position: 0 0;
		cursor:default;
	}

#topLinks { float:right; padding-top:12px; text-align:right; }
#topLinks ul { margin-right:18px; list-style:none; color:#9ee2ff; }
#topLinks li { float:left; }
#topLinks a { text-decoration:none; color:#9ee2ff; }
#topLinks a:hover { text-decoration:underline; }

#headerWrapper { 
	position:relative;
	width:970px; 
	height:144px; 
	background:url(/resources/images/header_bg.png) top left no-repeat; 
}

/*	Logo, Account Links, Search
	===========================
*/

	#logo_account_search {
		position:relative;
		padding: 25px 0 15px 25px;
		font-family: Arial, Helvetica, sans-serif;
		color: #e8e8e8;
	}
	#logo_account_search a:link, #logo_account_search a:visited {
		color:#9ee2ff;
		text-decoration:none;
	}
	#logo_account_search span {
		vertical-align: middle;
	}

	#search_form {
		position:absolute;
		right:0;
		bottom:8px;
		width:224px;
		margin:0;
	}

	#search_form input {
		vertical-align:middle;
	}

	#search_form input.text {
		width:154px;
		padding:2px 1px 1px 1px;
		margin:1px 0 0 0;
		color:#666;
	}

/*********************
	MAIN NAV
**********************/

#main_nav { margin:0 0 5px 0; }

#main_nav ul { 
		float:left;
		width:926px;
		margin:0;
		padding: 0 0 0 20px;
		list-style-type: none;
	}

	#main_nav li {
		float:left;
		height:40px;
		padding:0 0 0 0;
		background:url(/DiscoverCenter/images/dc_main_nav.png) no-repeat 0 0;
	}
	#main_nav a {
		display:block;
		height:27px;
		padding:13px 0 0 0;
		background:url(/DiscoverCenter/images/dc_main_nav.png) no-repeat 0 0;
		color:#fff;
		font-size:1.08em;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
		/* line-height: 1.25em; */
	}
	#main_nav a:hover {
		background-position:-200px 0;
		color:#002d39;
	}
	#main_nav li.home, #main_nav li.home a {
		width:48px;
		_width: 47px;
		height:40px;
		padding:0;
		text-indent:-9999px;
	}
	#main_nav li.home { background-image: none; }
	#main_nav li.home a:link, #main_nav li.home a:visited { background:url(/DiscoverCenter/images/dc_main_nav.png) no-repeat -400px 0; }
	#main_nav li.home a:hover, #main_nav li.home a:active { background-position:-448px 0; }
	
	#main_nav li.learnmore {
		display:block;
		width:104px;
		height:27px;
		padding:13px 0 0 0;
		color:#30aee0;
		font-size:1.091em;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		/* line-height: 1.25em; */
	}
	
	#main_nav li.phones a { width:140px; border: none; }
	#main_nav li.phones a span { width:106px; cursor: pointer; }

	#main_nav li.apps a { width:126px; border: none; }
	#main_nav li.apps a span { width:92px; cursor: pointer;	}
	
	#main_nav li.whycs a { width:172px; border: none; }
	#main_nav li.whycs a span { width:138px; cursor: pointer; }
	
	#main_nav li.community a { width:130px; border: none; }
	#main_nav li.community a span { width:96px; cursor: pointer; }
	
	#main_nav li.originals a { width:174px;	border: none; }
	#main_nav li.originals a span { width:140px; cursor: pointer; }
	
	#main_nav li.shopping { background-image: none; }
	#main_nav li.shopping a { background-position: -496px 0; width: 130px; _width: 129px; border: none; }
	#main_nav li.shopping a span { width: 96px; cursor: pointer; }
	#main_nav li.shopping a:hover, #main_nav li.shopping a:active { background-position: -626px 0; }
	
	#main_nav a.b2c_navend {
		float:left;
		width:194px;
		padding:13px 0 0 30px;
		background-position:-1580px 0;
		text-align:left;
	}

#homeLinks { 
  position:absolute; 
  top:124px; 
  left:36px; 
  font-weight:bold; color:#fff; 
  }
#homeLinks ul { 
  margin-left:20px; 
  margin-top:22px; 
  list-style:none; 
  }
#homeLinks li { float:left; }
#homeLinks a { text-decoration:none; color:#fff; }
#homeLinks a:hover { text-decoration:underline; }

/*==================================== 
PAGE CONTENT 
====================================*/
#mainContentShadow { display:block; width:960px; height:auto; background:url(/resources/images/pageShadow.png) bottom left no-repeat; padding-bottom:14px; }

#pageContentFlash { position:relative; margin:0 auto; width:948px; height:auto; background:url(/resources/images/flashBG.jpg) top left no-repeat; }

/*#pageContent { position: relative; float:left; display:block; margin:8px auto 12px auto; width:936px; background-color:#f4f4f4; padding: 20px 4px 20px 20px; }*/
/*#pageContent p { /*font-size: 1.2em;*//* line-height: 140%; margin-bottom: 1em; }*/

#pageContentPhonesApps {
    float: left;
    display: block;
    margin: 0 auto;
    width: 936px;
    height: auto;
    padding-top: 20px;
    padding-left: 14px;
    padding-bottom: 0px;
    background: url(/resources/images/phonesAppsContentBG.jpg) top left no-repeat;
}

.genericContent {
	float:left;
	width:400px;
	margin-left:20px;
	margin-top:12px;	
}

#csLegalFooter { position: relative; clear:both; display:block; height: 16px; color:#fff; width: 980px; }
#csLegalFooter p { position: absolute; width: 100%; text-align:center; top: 5px; _top: 8px; margin: auto; }
#csLegalFooter a { text-decoration:none; color:#fff; }
#csLegalFooter a:hover { text-decoration:underline; }


/**** PAGE BOTTOM PADDING FOR IE 
====================================*/
#bottomSpacer { width:982px; height:40px; }


/*==================================== 
HOME PAGE 
====================================*/
#pageContentHome { float:left; display:block; margin:0 auto; width:948px; height:628px; background:url(/resources/images/homeContentBG.jpg) top left no-repeat; }

#pageContentHome #homeWrapper { 
	position:relative; 
	width:900px; 
	height:632px; 
	padding-top:7px; 
	margin-left:24px;
	overflow:auto;
}

.leftImg { 
	float:left; 
	margin-right:11px; 
	clear:both;
}

.rightImg { 
	float:right; 
	margin-left:11px; 
}

.homeTextBox { 
	float:left; 
	height:124px; 
	margin-bottom:36px;
}

.homeTextBox .capLeft { 
	float:left; 
	height:124px; 
}

.homeTextBox .stretch { 
	float:left; 
	height:124px; 
	background:url(/resources/images/home_textBoxStretch.png) top left repeat-x; 
}

.homeTextBox .capRight { 
	float:left; 
	height:124px; 
	margin-left:-2px; 
}

.homeCTAwhy {
	position:absolute;
	left:560px;
	top:48px;
}

.homeCTAcomm {
	position:absolute;
	left:75px;
	top:178px;
}

.homeCTAorig {
	position:absolute;
	left:660px;
	top:366px;
}

.homeCTAapps {
	position:absolute;
	left:46px;
	top:530px;
}

/************
column structures
********************/
div.col_600 { display: block; float: left; width: 580px; }
div.col_300 { float: left; display: inline; width: 220px; margin: 0 0 30px 20px; font-size: 1.1em; }

.col_300 h2 { font-size: 2.2em; font-weight: normal; line-height: 100%; margin-bottom: 12px;}

.col300_pod { display: block; width: 300px; margin-bottom: 15px; }
.col300_pod p { padding: 8px 10px 0 10px; }
.col300_pod strong { font-size: 1.4em; color: #000; }
.col300_pod span a { text-decoration: none; color: #333; }
.col300_pod:hover { cursor: pointer; background-color: #e8e8e8; }

/***********************
	BUTTONS
*************************/
a.btn_discover { display: block; width: 135px; height: 40px; background: url(/DiscoverCenter/images/button_discover.png) no-repeat top left; text-indent: -9999px; margin: 0 auto; }
a.btn_discover:hover { background-position: 0px -40px; }

/******************
Shopping Bottom pod
*******************/
div.shop { clear: both; background: url(/csnewcom/resources/images/box_shop.png) no-repeat top left; width: 600px; height: 106px; margin-top: 15px; }
div.shop div.promo { float: left; width: 265px; margin: 15px 0 0 15px; }
div.shop div.promo img { float: left; }
div.shop div.promo_content { float: left; display: inline; width: 185px; margin-left: 12px; } 
div.shop div.promo_content h3 { font-size: 1.4em; }
div.shop div.promo_content p { font-size: 1.1em; line-height: 120%; }
div.shop div.promo_content a { font-size: 1em; line-height: 120%; }
div.leftborder { padding-left: 12px; border-left: 1px solid #ccc; }

/*==================================== 
SOCIAL/CS LINKS 
====================================*/
#footerLinksPhoneApps { position: relative; margin-top: -40px; left: 10px;}
#phoneFooter { padding: 20px 0 0 0; margin: auto; text-align: center; }
#footerLinksCenter { margin: auto; text-align: center; }
#footerLinksApps { text-align: center; width: 685px; }
#footerLinksApps #footerLinks { clear: none; }

#footerLinks { clear: both; position:relative; width: 919px; margin: 0 auto; padding: 8px 0; text-align: center; }
#footerLinks ul { margin: 0; padding: 0px;}
#footerLinks ul#socialLinks { position: relative; padding: 0; border: 0; list-style: none; }
#footerLinks ul#socialLinks li {
    position: relative;
    list-style-type: none;
    display: inline;
    padding: 0px;
    margin-left: 2px;
}
#footerLinks ul#socialLinks li.socialLinksBorder { margin: 0 10px; }
#footerLinks ul#socialLinks li img { vertical-align: middle; }
#footerLinks ul#socialLinks li a { font-size: 10px; color: #2AA7D4; text-decoration: none; vertical-align: middle; }
#footerLinks ul#socialLinks li a:hover { text-decoration: underline; }

.rivalries_footer { padding:0 !important;}

#csLinks {
	float:left;
	border-right:solid 1px #999999;
	padding-left:8px;
	padding-right:8px;
	padding-top:2px;
}
/* 'Share This' popup */
.shareBoxContainer { position:relative; z-index: 1000;}
#shareBox { position:absolute;right:0;top:0;display:none;background:#666;border:1px solid #000;width:250px;color:#fff;font-size:11px;}
#shareBox .sharePadding { padding: 5px;}
#shareBox input { font-size:11px;padding:2px 0;width:240px;border:1px solid #bbb;background:#ebebe4;}
#shareBox p { margin:4px 0 0 0;}

#shareBox #sharelinks {
	margin:5px 4px 3px 0;
}

#shareBox #sharelinksstack {
	float:left;
	margin:0 0 0 18px;
}

#shareBox #sharelinksstack p {
	text-align: left;
	padding-bottom:3px;
}

#shareBox #sharelinks a {
	color:#fff;
	text-decoration:none;
}

/*-----------------------------------------------------------------------------------------------*/
/*                                            TOOLTIP                                            */
/*-----------------------------------------------------------------------------------------------*/

.toolTip { /* This is the hook that the jQuery script will use */
	/*padding-right: 20px; /* This is need to make sure that the help icon is always visible */
	/*background: transparent url(/resources/images/help.gif) no-repeat right;*/
	cursor: help;
	border-bottom:1px solid;
	color:#246da7;
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
	display:inline;
}

	.toolTipWrapper { /* The wrapper holds its insides together */
		width: 194px;
		position: absolute; /* Absolute will make the tooltip float above other content in the page */
		bottom: 20px;
		left:0;
		display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
		color: #246da7;
		font-size: 12px; /* A font size is needed to maintain consistancy */
	}
*HTML .toolTipWrapper { bottom:20px; left:70px; }

	
		.toolTipTop { /* Top section of the tooltip */
			width: 194px;
			height: 10px;
			background: transparent url(/resources/images/bubbleTop.png) no-repeat;
		}

		.toolTipMid { /* Middle section of the tooltip */
			padding: 8px 15px;
			background: #fff url(/resources/images/bubbleMid.png) repeat-x top;
		}
*HTML .toolTipMid { padding:5px; margin:-10px 0 0 0px; border-left:1px solid #fff; }
		
		.toolTipBtm { /* Bottom Section of the tooltip */
			height: 34px;
			background: transparent url(/resources/images/bubbleBot.png) no-repeat;
		}

/******************
	OVERLAY
*******************/

div.overlay {
	display:none;
	background: url(/resources/images/overlay/white.png) no-repeat;
	_background: url(/resources/images/overlay/white.gif) no-repeat;
	padding: 40px;	
	width:576px;
	margin: 0 auto;
	z-index: 10000;
}

div.overlay .close {
	background: url(/resources/images/overlay/close.png) no-repeat;
	_background: url(/resources/images/overlay/close.gif) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

div.wrap {
	height: 450px;
	overflow-y: auto;
}
a.player { 
	display:block;
	height:450px;
}
div.wrap h1 { font-size: 2em; font-weight: bold; color: #333; }
div.wrap p { line-height: 120%; }

/************************
	PHONES FEATURE POD
*************************/

#featuresPod { background: url(/DiscoverCenter/images/pod_features_bg.png) no-repeat top left; width: 920px; height: 130px; margin: 15px 0 0 0; padding: 0; }
#featuresPod .featuresPromo { float: right; display: inline-block; width: 296px; margin: 15px 0 0 0; padding: 0; padding-left: 33px; border-left: 1px solid #ccc; }
#featuresPod .featuresPromo img { float: left; margin: 0 0 0 20px; padding: 0; }
#featuresPod .featuresPromo-copy { float: left; display: inline-block; width: 160px; margin: 0; padding: 0; }

#featuresPod_threeBin { background: url(/DiscoverCenter/images/pod_features_3bin_bg.png) no-repeat top left; width: 920px; height: 130px; margin: 15px 0 0 0; padding: 0; }
#featuresPod_threeBin .featuresPromo { float: left; display: inline-block; width: 280px; margin: 15px 0 0 0; padding: 0; padding-left: 20px; border-left: 1px solid #ccc; }
#featuresPod_threeBin .featuresPromo img { float: left; margin: 0 0 0 15px; padding: 0; }
#featuresPod_threeBin .featuresPromo-copy { float: left; display: inline-block; width: 160px; margin: 0; padding: 0; }

.featuresPromo h3 { font-size: 1.5em; _font-size: 1.6em; *font-size: 1.6em; margin-bottom: 8px; }
.featuresPromo p { line-height: 120%; }

/************************
	ADDING CLASSES FOR LEADERBOARDS PAGE
*************************/
.col_350 li{
	
	display:inline-block;
	font-size:1.5em;
	height:30px;
	line-height:100%;
	list-style-type:none;
	margin-bottom:0.3em;
	*margin-bottom:0.2em;
	width:400px;
	

}
.col_350 li img{
	float:left;

}
.col_350 li span{
	color:white;
	float:left;
	font-style:italic;
	font-weight:bold;
	height:35px;
	margin-left:10px;
	margin-top:10px;
	width:140px;
}

.col_350 li span.serialNumber{
	width:20px;
	margin-left:0px;
}

div.col_900 { 

	display:block;
	height:477px;
	margin:90px 0 0;
	width:940px;
}

div.col_350 { 
	display:inline;
	float:left;
	height:450px;
	margin:10px 0 0;
	width:440px;
}

.col_900 ul {
	margin-bottom:8px;
	margin-left:75px;
	margin-top:75px;
}

#featuresPod_threeBin_whitebg {
	height:100px;
	width:920px;
}
#featuresPod_threeBin_whitebg .featuresPromo {
	display:inline-block;
	float:left;
	margin:15px 0 0;
	padding:0 0 0 20px;
	width:280px;
}

/* Class for adding Loading Wheel image on a page */
.loading { 
	background: url("/DiscoverCenter/cs-originals/music/images/ajaxLoader.gif") no-repeat center center; 
	visibility:visible;
	display:block;
	z-index:10001;
}

div.col_900_promo {
	display:block;
	height:520px;
	margin:50px 0 0;
	width:940px;
}

.imageText_promo{
	color:#333333;
	font-size:0.9em;
	left:195px;
	position:absolute;
	top:570px;
	width:535px;
}
.font_italics
{
	font-style:italic;
}