/*
|
| TITLE:	CBS Corporate Master Stylesheet
| DESC:		Global Site-wide Styles
| AUTHOR:	Tomo Saito
|			
| EMPLOYED:	gotomedia LLC, http://www.gotomedia.com 	
| 
| CREATED:	April\, 2010
| 
|
*/

*{
	margin: 0px;
	padding: 0px;
}

h3 {
	font-weight:normal;
}

body{
	background-color: #020a12;
	font-family: Arial, Helvetica, sans-serif ;
	font-size:12px;
	line-height:1.7em;
	color:#333;
}

a { 
	color:#0066cc;
	text-decoration:none;
}
a:hover { 
	color:#70aded;
	text-decoration:none;
}
a.action-link-button, input.action-link-button{
		display:inline-block;
		margin:20px 0 0 0;
		padding:2px 10px 0px 10px;
		color:#FFF;
		height:20px;
		font-size:10px;
		text-transform:uppercase;
		text-decoration:none;
		background:url(../_images_new/button-bg.png) repeat-x 0 0;
		border:none;}

a.action-link-button:hover, input.action-link-button:hover{
		text-decoration:none;
		background:url(../_images_new/button-bg.png) repeat-x 0 -22px;}

img.external{
	margin-left:5px;}


.clear{
	clear:both;
}

div.callout {
	/*margin-bottom:15px;*/
	height: 100%;
}

img {
	border:none;
}

ul.arrow{
	margin:10px 0 0 0;
	padding:0;
	list-style:none;}
ul.arrow li{
	padding-left:17px;
	background:url(../_images_new/li-arrow.gif) no-repeat 0 50%;}

hr	{
	border-top: 1px solid #DDD;
	border-left: none;
	border-bottom: 1px solid #FFF;
	height:0px;}


#wrapper{
}

#headerCont{
width:100%;
height:133px;
background-image:url('../_images_new/header-bg.png');
background-repeat:repeat-x;
position:relative;
}

#header{
	width:972px;
	margin:0px auto;
}

#header h1{
	background:url('../_images_new/CBS-Corp-Logo.png') no-repeat;
	width: 380px;
	height: 90px;
	text-indent: -9999px; 
	display: block;
	margin-top:0px;
	float: left;
}

	#header h1 a {
		display: block;
		width: 180px;
		height: 90px;
		margin-top: 0px;
		outline:none;
	}
	
	
/*Navigation*/
#nav{
	width: 972px;
	float: left;
	background:url('../_images_new/navi-bg.jpg') no-repeat 0 0;

}
#nav ul{
	list-style-type: none;
	width: 100%;
	float: left;
	text-align: center;
}
	#nav ul li{
		float: left;
		position:relative;
		background:url(../_images_new/navi-divider.png) no-repeat 0 50%;
	}
	#nav ul li ul.drop-meu li{
		background:none;}
	
	#nav ul li a{
		display:block;
		float:left;
		width:120px;
		color: #FFF;
		font-size:12px;
		height: 18px;
		padding:15px 0px 10px 0px;
		text-transform:uppercase;
		font-weight:bold;
		text-decoration: none;
		text-align: center;
		line-height:16px;}
		#nav ul li#navi-about_cbs a{ width:140px;}
		#nav ul li#navi-portfolio a{ width:160px;}
		#nav ul li#navi-investors a{ width:140px;}


	#nav ul li.current a{
		text-decoration:none;
		background:url(../_images_new/navi-selected-bg.jpg) repeat-x 0 0;}

	#nav ul li:hover a, #nav ul li.hover a {
			color:#29598b;
			background:url(../_images_new/navi-hover-120.gif) no-repeat 0 0;
	}
	#nav ul li#navi-about_cbs:hover a,#nav ul li#navi-about_cbs.hover a { background:url(../_images_new/navi-hover-140.gif) no-repeat 0 0;}
	#nav ul li#navi-portfolio:hover a,#nav ul li#navi-portfolio.hover a{ background:url(../_images_new/navi-hover-160.gif) no-repeat 0 0;}
	#nav ul li#navi-investors:hover a,#nav ul li#navi-investors.hover a{ background:url(../_images_new/navi-hover-140.gif) no-repeat 0 0;}
	#nav ul li#navi-careers:hover a,#nav ul li#navi-careers.hover a { background:url(../_images_new/navi-hover-120-dropmenu.gif) no-repeat 0 0;}

	#nav ul li#navi-diversity a{ width:140px;}
	#nav ul li#navi-diversity:hover a,#nav ul li#navi-diversity.hover a {
		background:transparent url("http://www.cbscorporation.com/_images_new/navi-hover-140.gif") no-repeat scroll 0 0;}
	
	#nav ul li#navi-diversity:hover ul.drop-meu a,
	#nav ul li#navi-diversity.hover ul.drop-meu a {
		background:none;}
	
	#nav ul li#navi-diversity:hover ul.drop-meu a:hover,
	#nav ul li#navi-diversity.hover ul.drop-meu a:hover{
		background:#cdcdcd;
		color:#29598b;}


	#nav ul li ul.drop-meu{
	display: none;
	position:relative;
	width:225px;
	z-index:10000;
	top:0;
	left:0;
	margin-top:43px;
	margin-left:5px;
	padding-top:5px;
	padding-bottom:6px;
	background: url(../_images_new/navi-hover-menu-bg.gif) no-repeat 0 100%;}
	#nav ul li#navi-portfolio ul.drop-meu{
		width:410px;
		background: url(../_images_new/navi-hover-menu-bg-portfolio.gif) no-repeat 0 100%;}


	#nav ul li:hover ul.drop-meu, #nav ul li.hover ul.drop-meu{
		display:inline-block;
		position:absolute;
		z-index:10000;}

	#nav ul.drop-meu li{
		width:213px;
		display:inline-block;
		position:relative;
		background:none;
		left:6px;
		margin-right:6px;
		border-top:1px solid #d2d6db;
		z-index:1000;}
	#nav ul li ul.drop-meu li:first-child,	#nav ul li#navi-portfolio ul.drop-meu li:first-child + li, #nav ul li#navi-portfolio.hover ul.drop-meu li:first-child + li  {
		border-top:none;}

	#nav ul li:hover ul.drop-meu li a,
	#nav ul li.current:hover ul.drop-meu li a,
	#nav ul li#navi-about_cbs:hover ul.drop-meu a,
	#nav ul li#navi-portfolio:hover ul.drop-meu a,
	#nav ul li#navi-investors:hover ul.drop-meu a,
	#nav ul li#navi-careers:hover ul.drop-meu a,
	#nav ul li#navi-diversity:hover ul.drop-meu a,
	#nav ul li.hover ul.drop-meu li a,
	#nav ul li.current.hover ul.drop-meu li a,
	#nav ul li#navi-about_cbs.hover ul.drop-meu a,
	#nav ul li#navi-portfolio.hover ul.drop-meu a,
	#nav ul li#navi-investors.hover ul.drop-meu a,
	#nav ul li#navi-careers.hover ul.drop-meu a,
	#nav ul li#navi-diversity.hover ul.drop-meu a {
		display:block;
		float:left;
		width:183px;
		color: #0066cc;
		font-size:12px;
		height: 18px;
		padding:5px 10px 5px 20px;
		background:none;
		text-align:left;
		text-transform: none;
		font-weight:normal;
		text-decoration:none;}


	#nav ul li:hover ul.drop-meu li a:hover,
	#nav ul li.current:hover ul.drop-meu li a:hover,
	#nav ul li#navi-about_cbs:hover ul.drop-meu a:hover,
	#nav ul li#navi-portfolio:hover ul.drop-meu a:hover,
	#nav ul li#navi-investors:hover ul.drop-meu a:hover,
	#nav ul li#navi-careers:hover ul.drop-meu a:hover,
	#nav ul li.hover ul.drop-meu li a:hover,
	#nav ul li.current:hover ul.drop-meu li a:hover,
	#nav ul li#navi-about_cbs.hover ul.drop-meu a:hover,
	#nav ul li#navi-portfolio.hover ul.drop-meu a:hover,
	#nav ul li#navi-investors.hover ul.drop-meu a:hover,
	#nav ul li#navi-careers.hover ul.drop-meu a:hover {
		background:#cdcdcd;
		color:#29598b;}

/* PORTFOLIO */
	#nav ul li#navi-portfolio:hover ul.drop-meu li,#nav ul li#navi-portfolio.hover ul.drop-meu li {
		width:196px;
		float:left;}

	#nav ul li#navi-portfolio:hover ul.drop-meu a, 	#nav ul li#navi-portfolio.hover ul.drop-meu a{
		width:166px;}

/* ///// PAGE STRUCTURE  */


#contentWrap, #mainWrap{
	width:100%;
	padding-top:0px;
	margin-top:0px;
	background:url(../_images_new/contents-wrap-bg.jpg) no-repeat 50% 100%;
	-webkit-background-size:1600px 370px;
	background-color:#0f2842;
}

	#contentCont{
		margin:0px auto;
		width:972px;
	}

	#mainCont{
		margin:0px auto;
		width:972px;
		background:#FFF;
		min-height:500px;
	}



/* ///// HOME */

	
	
		/*Middle Content Holder*/
		#mid_cont{
			padding-top:12px;
			padding-left:0px;
			height:402px;
			background:#132f4d;
		}
			
			#homeimage{
				width: 608px;
				height: 218px;
				float: left;
				margin:8px 15px 0px 0px;
			}
			
			#hometext{
				width: 285px;
				height:220px;
				float: left;
				font-size: 12px;
				color: #676968;
				line-height: 20px;
				margin: 9px 0px 0px 0px;
			}
			
				#hometext h2{
					color:#004289;
					font-size:18px;
					font-weight:normal;
				}
				
				#hometext p{
					padding:4px 0;
				}
			
		/*News Content Holder*/
		#homenews{
			width: 940px;
			height:175px;
			padding: 40px 0px 0px 0px;
		}
			#homenews p{
				width: 230px;
				text-transform: uppercase;
				float: left;
				font-size: 12px;
				color:#676968;
				line-height:18px;
				letter-spacing: .25px;
			}




#newsWrap{
	padding:20px;
	width:932px;
	background:#FFF;

}

#newsStoryCont-navi{
	float:right;
	margin:22px 20px 0 0;}

#newsStoryCont-navi a{
	display:block;
	width:9px;
	height:9px;
	float:left;
	background:url(../_images_new/newsStoryCont-navi.png) no-repeat 0 0;
	cursor:pointer;
	margin-left:10px;
	text-indent:-9999px;
	outline:none;
	line-height:0;}

#newsStoryCont-navi a.selected{
	cursor:default;
	background:url(../_images_new/newsStoryCont-navi.png) no-repeat 0 -9px;}





#newsCont{		
}
	
#storyCont{
	padding:0;
	float:left;
	width:563px;
	background:url(../_images_new/home-news-content-bg.png) repeat-x 0 0;
	background-color:#c2c6ca;
}
	
#storyCont h3{
	float:left;
	width:109px;
	font-size:15px;
	font-weight:bold;
	text-transform: uppercase;
	margin:16px 22px;
	color:#29598b;
}
	#storyCont h2 a{
		color:#29598b;
	}

#newsStoryCont{
	float:left;
	background:#e4e7ea;
}

	#newsStoryCont div.newsStory{
		clear:both;
		width:513px;
		padding:20px 25px 25px 25px;
		height:130px;
	}
	
	#newsStoryCont div.newsStory h4{
		font-weight:normal;
		float:left;
		padding-right:30px;
		margin-top:4px;
		margin-right:20px;
		border-right:1px solid #CCC;
		text-transform:uppercase;
		text-align:center;
	}
	#newsStoryCont div.newsStory h4 .month{
		color:#666;
		font-size:18px;}
	#newsStoryCont div.newsStory h4 .date{
		color:#246bb4;
		line-height:1em;
		font-size:40px;}
	#newsStoryCont div.newsStory h4 .year{
		color:#a5a5a5;
		font-size:18px;
		line-height:1.4em;
		font-weight:bold;}

	#newsStoryCont div.newsStory .content{
		float:left;
		width:410px;}

	#newsStoryCont div.newsStory .content strong{
		color:#29598B;}

	#newsStoryCont div.newsStory p{
	/*	color:#454545; */
	}

#investor-info{
	float:right;
	padding:0;
	background:url(../_images_new/home-news-content-bg.png) repeat-x 0 0;
	background-color:#c2c6ca;
	width:345px;
}

#investor-info h3{
	float:left;
	font-size:15px;
	font-weight:bold;
	text-transform: uppercase;
	margin:16px 22px;
	color:#29598b;
}
#investor-info-content{
	clear:both;
	background:#e4e7ea;
	padding:20px 25px 25px 25px;
	height:130px;}


		#tickerCont{
			width:582px;
			height:26px;
			border:1px solid #d5d5d5;
			float:left;
			padding:0 10px;
		}

	#tickerCont p{
		font-size:11px;
		line-height:26px;
	}
	
		#tickerCont span{
			color:#9b9b9b;
		}
		
		#tickerCont span.tickerTitle{
			color:#004289;
			font-weight:bold;
		}



/* ///// LANDING PAGES */


#landing-title{
	background:url(../_images_new/landing-title-bg.png) repeat-x 0 0;
	background-color:#cbcfd3;
	padding:25px 40px 20px 40px;
}

#landing-title h2{
	font-size:32px;
	color:#616569;
	text-shadow:#FFF 0 1px 0;
	float:left;
	padding-top:12px;
	padding-bottom:10px;
/*	position:absolute;
	top:45%; */
	}

#landing-title p{
	margin-left:250px;
	color:#666;
	line-height:1.8em;}

#landing-content{
	padding:28px 40px 50px 40px;}

#landing-content h2{
	font-size:18px;
	font-weight:bold;
	color:#2e639b;
	margin-top:0px;
	line-height:1.5em;}

#landing-content p{
	margin-bottom:20px;}

#landing-content.page h3{
	font-size:18px;
	font-weight:bold;
	color:#2e639b;
	line-height:1.5em;}

/* ///// SUB PAGES */

#sub-page-title{
	height:47px;
	padding-top:20px ;
	background:url(../_images_new/sub-page-title-bg.png) repeat-x 0 0;}

#sub-page-title h2{
	margin:0 30px 0 30px;
	padding-bottom:20px;
	font-size:26px;
	font-weight:normal;
	border-bottom:1px solid #d8dbde;}

#sub-navi{
	width:210px;
	float:left;
	padding-right:40px;
	padding-top:15px;
	margin:0 26px 20px 20px;
	min-height:600px;
	background:url(../_images_new/sub-navi-bg.png) no-repeat 0 0;}

#sub-navi h2{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#2c5580;
	padding:14px 0 2px 15px;}

#sub-navi ul{
	margin:0;
	padding:0 0 20px 0;
	list-style:none;}
#sub-navi ul li{
	display:inline-block;
	float:left;
	width:210px;
	border-top:1px solid #d8dbde;}
#sub-navi ul li.selected{ /* for Investors page*/
	background:url(../_images_new/sub-navi-a-selected-bg.png) repeat-x 0 0;}
#sub-navi ul li:first-child{
	border-top:none;}

#sub-navi ul li a{
	display:block;
	padding:7px 15px 6px 15px;}
#sub-navi ul li a:hover{
	text-decoration:none;}
#sub-navi ul li a.selected{
	color:#FFF;
	cursor:default;
	background:url(../_images_new/sub-navi-a-selected-bg.png) repeat-x 0 0;}
#sub-navi ul li.selected a{ /* for Investors page*/
	color:#FFF;
	cursor:default;}



#sub-navi ul.sub-list{
	margin:0;
	padding:0 0 0 0px;
	list-style:none;}
#sub-navi ul.sub-list li{
	border-top:none;}
#sub-navi ul.sub-list li a{
	display:block;
	padding:3px 15px 2px 30px;}
#sub-navi ul.sub-list li a:hover{
	text-decoration:none;}
#sub-navi ul.sub-list li a.selected{
	color:#FFF;
	cursor:default;
	background:url(../_images_new/sub-navi-sub-list-a-selected-bg.png) repeat-x 0 0;}



/* ///// HEROS */

#hero.diversity{
	background:url(../_images_new/hero-diversity.jpg) no-repeat 0 0;
	width:970px;
	height:166px;
	border:1px solid #EEE;}


#hero.careers{
	background:url(../_images_new/hero-careers.jpg) no-repeat 0 0;
	width:970px;
	height:166px;
	border:1px solid #EEE;}



#main-content{
	float:left;
	padding:40px 0 60px 0;
	width:630px;
	color:#666;
	z-index:1;
	display:block;}
	#main-content.portfolio{
	height:1040px;}

#main-content strong{
	color:#333;}

#main-content h2 {
	font-size:18px;
	font-weight:bold;
	color:#2e639b;
	line-height:1.4em;
	margin-bottom:10px;}

#main-content p{
	margin-bottom:20px;}

#main-content p.c{
	margin-bottom:10px;}

#main-content ul	{ margin:0 0 20px 10px;}


#main-content.board strong, #main-content.executive strong{
	font-size:15px;
	color:#333;
	font-weight:normal;}

#landing-content p{
	color:#666;}
#landing-content p strong{
	color:#333;}

#main-content h4{
	color:#333;}


/* ///// ABOUT CBS */

#mediaspace{
	background:#000;
	padding:0;
	margin:0;}


#featured-video{
	width:auto;
	height:209px;
	margin-bottom:30px;
	background:url(../_images_new/about-cbs-video-thumb-bg.jpg) repeat-x 0 0;}

#featured-video #video-thumb{
	width:245px;
	height:209px;
	float:left;
	background:url(../_images_new/about-cbs-video-thumb.jpg) no-repeat 0 0;}

#featured-video #video-description{
	float:left;
	padding:40px 0  0 40px;
	width:280px;}
#featured-video #video-description h3{
	text-transform:uppercase;
	font-size:11px;
	color:#a3c1df;}
#featured-video #video-description p{
	color:#FFF;}

#featured-video #video-description a.launch-video{
	color:#FFF;
	text-transform:uppercase;
	font-size:11px;
	padding:3px 0 0 10px ;
	width:111px;
	height:23px;
	display:block;
	background:url(../_images_new/about-cbs-launch-video-button-bg.png) no-repeat 0 0;}


#about-cbs-description{
	color:#666;
	line-height:1.8em;
	margin-top:30px;}
#about-cbs-description .section1, #about-cbs-description .section2{
	width:425px;
	float:left;
	margin-right:20px;}



#about-cbs-description .callout{
	float:right;
	width:205px;
	padding:0;
	margin-bottom:30px;
	margin-left:30px;
	background:url(../_images_new/home-news-content-bg.png) repeat-x 0 0;
	background-color:#c2c6ca;}

#about-cbs-description .callout h3{
	float:left;
	font-size:13px;
	font-weight:bold;
	text-transform: uppercase;
	margin:10px 20px;
	color:#29598b;
}
#about-cbs-description .callout .callout-contents{
	clear:both;
	background:#e4e7ea;
	padding:0px 20px 15px 20px;}

#about-cbs-description .callout .callout-contents p{
	line-height:1.5em;
	position:relative;
	top:15px;
	margin:0 0 15px 0;}


#about-cbs-lower{
	clear:both;
	padding:30px 0;}


img.executive-image{
	float:right;
	margin:0 0 30px 45px;
	border:16px solid #e4e7ea;}



#about-cbs-lower-callouts{
	border-top:1px solid #DDD;
	margin-top:40px;
	padding-top:20px;}

#about-cbs-lower-callouts h3{
	font-weight:bold;
	color:#2E639B;
	margin-bottom:10px;}

#about-cbs-lower-callouts.cg .section1, #about-cbs-lower-callouts.cg .section2{
	width:320px;
	float:left;}
#about-cbs-lower-callouts.cg .section1{
	width:240px;
	border-right:1px solid #DDD;
	margin-right:40px;
	padding-right:20px;
	}


#about-cbs-lower-callouts.cr .section1, #about-cbs-lower-callouts.cr .section2{
	width:280px;
	float:left;}
#about-cbs-lower-callouts.cr .section1{
	border-right:1px solid #DDD;
	margin-right:40px;
	padding-right:20px;}
#about-cbs-lower-callouts.cr img{
	float:left;
	margin-right:15px;
	margin-bottom:200px;}
#about-cbs-lower-callouts.cr strong{
	display:block;}






#supplier-cont-right	{
	float:right;
	width:240px;
	margin-left:30px;
}

#supplier-cont-right-box{
	float:right;
	width:240px;
	padding:0;
	background:url(../_images_new/home-news-content-bg.png) repeat-x 0 0;
	background-color:#c2c6ca;
	margin:0 0 20px 0px;}

#supplier-cont-right-box h3{
	float:left;
	font-size:15px;
	font-weight:bold;
	text-transform: uppercase;
	margin:16px 22px;
	color:#29598b;
}
.supplier-cont-right-content{
	clear:both;
	background:#e4e7ea;
	padding:20px 25px 25px 25px;}

.supplier-cont-right-content ul	{
	margin-bottom:0;
}

#landing-content .supplier-cont-right-content p{
	margin-bottom:10px;}


#supplier-cont-right .lower-info	{
	padding:20px 0 80px 20px;}





#overlay-notice-1,
#overlay-notice-2	{
	width:500px;
	background:#fff;
	padding:50px;}
#overlay-notice-1 h2,
#overlay-notice-2 h2	{
	margin-bottom:20px;}

#overlay-notice-1 a.close,
#overlay-notice-2 a.close {
	display:inline-block;
	margin-left:20px;}


/* ///// OUR PORTFOLIO */


#portfoli-list{
	padding-bottom:69px;
	background:url(../_images_new/portfoli-list-bottom.png) repeat-x 0 100%;
	background-color:#CCC;}

#portfoli-list ul{
	margin:0;
	padding:0;
	list-style:none;
	margin-left:2px;
	background-color:#FFF;
	border-bottom:1px solid #CCC;}
#portfoli-list li{
	float:left;
	width:194px;
	height:104px;}

#portfoli-list li#portfoli-list-93{ background:url(../_images_new/logos/cbs-logo-93.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-94{ background:url(../_images_new/logos/cbs-logo-94.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-256{ background:url(../_images_new/logos/cbs-logo-256.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-106{ background:url(../_images_new/logos/cbs-logo-106.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-96{ background:url(../_images_new/logos/cbs-logo-96.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-98{ background:url(../_images_new/logos/cbs-logo-98.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-99{ background:url(../_images_new/logos/cbs-logo-99.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-97{ background:url(../_images_new/logos/cbs-logo-97.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-252{ background:url(../_images_new/logos/cbs-logo-252.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-107{ background:url(../_images_new/logos/cbs-logo-107.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-248{ background:url(../_images_new/logos/cbs-logo-248.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-95{ background:url(../_images_new/logos/cbs-logo-95.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-101{ background:url(../_images_new/logos/cbs-logo-101.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-265{ background:url(../_images_new/logos/cbs-logo-265.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-105{ background:url(../_images_new/logos/cbs-logo-105.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-102{ background:url(../_images_new/logos/cbs-logo-102.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-103{ background:url(../_images_new/logos/cbs-logo-103.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-104{ background:url(../_images_new/logos/cbs-logo-104.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-249{ background:url(../_images_new/logos/cbs-logo-249.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-266{ background:url(../_images_new/logos/cbs-logo-266.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-250{ background:url(../_images_new/logos/cbs-logo-250.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-258{ background:url(../_images_new/logos/cbs-logo-258.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-292{ background:url(../_images_new/logos/cbs-logo-292.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-297{ background:url(../_images_new/logos/cbs-logo-297.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-299{ background:url(../_images_new/logos/cbs-logo-299.png) no-repeat 50% 50%;}
#portfoli-list li#portfoli-list-300{ background:url(../_images_new/logos/cbs-logo-300.png) no-repeat 50% 50%;}


#portfoli-list .portfoli-list-item a{
	display:block;
	width:160px;
	height:70px;
	margin-bottom:1px;
	padding:17px 16px 17px 17px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-collapse: collapse;
	visibility:visible;
	overflow:hidden;
	text-decoration:none;
	line-height:1.2em;}

#portfoli-list .portfoli-list-item a:hover{
	visibility:visible;
	background:#000;
	filter:alpha(opacity=85); /* IE's opacity*/
	opacity: 0.85;
	text-decoration:none;
	color:#FFF;}

#portfoli-list .portfoli-list-item a span.overlay-content{
	visibility:hidden;}
#portfoli-list .portfoli-list-item a:hover span.overlay-content{
	visibility:visible;}

#portfoli-list .portfoli-list-item a span.overlay-content strong{
	display:block;
	margin-bottom:0px;}
#portfoli-list .portfoli-list-item a span.overlay-content span.text{
	color:#BBB;}
#portfoli-list .portfoli-list-item a span.more{
	color:#3399cc;}


#portfolio-carousel{
	height:310px;
	background:url(../_images_new/portfolio-carousel-bg.png) repeat-x 0 0;
	background-color:#DFE0E2;
	margin-bottom:20px;}

#horizontal_cover_flow{
	height:310px;
	z-index:0;}


.loader{
	display:none;}
#portfolio-content-left{
	width:430px;
	float:left;
	position:relative;}
#portfolio-content-right{
	float:right;
	text-align:right;
	margin:15px 0px 0 0;}

#portfolio-content-right .external-link{
	text-align:right;
	margin-top:5px;}


/* ///// INVESTORS */

table.investor-tools{
	padding:5px 0 0 15px;}
table.investor-tools td{
	padding:0 5px 5px 0;}

#statSummaryCont{
	background:#e2e4f0;
	padding:15px;
	margin-top:15px;}

#statCont{
	width:200px;
	float:left;
	margin-right:10px;}

#statCont table{
	border-collapse: collapse;}
#statCont table td{
	padding:2px 6px;
	border-bottom:3px solid #e2e4f0;}

#statCont .header{
	background:#29598b;
	color:#FFF;
	font-weight:bold;}

#statCont .ccbnBgTblLabelLeft{
	text-align:left;
	background:#FFF;
	color:#333;	
	font-weight:bold;}
#statCont .ccbnData{
	text-align:left;
	background:#FFF;
	color:#333;}



#investors-callouts{
	margin:30px 0;}

#investors-callouts .section1, #investors-callouts .section2, #investors-callouts .section3{
	width:200px;
	float:left;
	margin-right:15px;}
#investors-callouts .section3{
	margin-right:0;}

#investors-callouts h3{
	color:#2e639b;
	font-weight:bold;
	background:url(../_images_new/home-news-content-bg.png) repeat-x 0 0;
	padding:5px 10px;}
#investors-callouts .investor-callout-contents{
	background:#e4e7ea;
	padding:10px 5px 10px 10px;
	height:112px;}

#investors-callouts .section3 .investor-callout-contents{
	background:url(../_images_new/launch-video.jpg) no-repeat 0 0;
		position:relative;}
	#investors-callouts .section3 .investor-callout-contents a{
		display:block;
		margin:0;
		text-align:right;
		position:absolute;
		bottom:2px;
		right:30px;
		color:#FFF;
		font-weight:bold;}
#investors-callouts .link-web-cast{}




#recentNewsCont {
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #DDD;}
#recentNewsCont h4{
	font-weight:normal;
	float:left;
	padding-right:30px;
	margin-top:4px;
	margin-right:20px;
	border-right:1px solid #DDD;
	text-transform:uppercase;
	text-align:center;
}
#recentNewsCont h4 .month{
	color:#666;
	font-size:18px;}
#recentNewsCont h4 .date{
	color:#246bb4;
	line-height:1em;
	font-size:40px;}
#recentNewsCont h4 .year{
	color:#a5a5a5;
	font-size:18px;
	line-height:1.4em;
	font-weight:bold;}

#recentNewsCont .content{
	float:left;
	width:510px;}

#recentNewsCont .content p{
	margin-bottom:0;}


#investor-news-content{
	clear:both;
	margin-top:30px;
	border-top:1px solid #DDD;}

/* ///// DIVERSITY */

#diversity-cont-left{
	width:530px;
	float:left;
	color:#666;}

h2.quote-title{
	margin-bottom:0px;}
h2.quote-title span.quote-left{
	display:block;
	float:left;
	width:26px;
	height:20px;
	padding-right:10px;
	text-indent:-9999px;
	background: url(../_images_new/quote-left.png) no-repeat 0 0;}
h2.quote-title span.quote-right{
	display:inline-block;
	width:26px;
	height:25px;
	text-indent:-9999px;
	padding-left:10px;
	background: url(../_images_new/quote-right.png) no-repeat 100% 100%;}

#diversity-cont-left a.action-link-button{
	margin:30px 0;}




#diversity-cont-right{
	float:right;
	width:300px;
	padding:0;
	background:url(../_images_new/home-news-content-bg.png) repeat-x 0 0;
	background-color:#c2c6ca;}

#diversity-cont-right h3{
	float:left;
	font-size:15px;
	font-weight:bold;
	text-transform: uppercase;
	margin:16px 22px;
	color:#29598b;
}
.diversity-cont-right-content{
	clear:both;
	background:#e4e7ea;
	padding:20px 25px 25px 25px;}

#landing-content .diversity-cont-right-content p{
	margin-bottom:10px;}


/* ///// CAREERS */

#careers-cont-left{
	width:530px;
	float:left;
	color:#666;
	line-height:1.5em;
	padding-bottom:30px;}

#careers-cont-right{
	float:right;
	width:300px;
	padding:0;
	margin-bottom:30px;
	background:url(../_images_new/home-news-content-bg.png) repeat-x 0 0;
	background-color:#c2c6ca;}

#careers-cont-right h3{
	float:left;
	font-size:15px;
	font-weight:bold;
	text-transform: uppercase;
	margin:16px 22px;
	color:#29598b;
}
.careers-cont-right-content{
	clear:both;
	background:#e4e7ea;
	padding:20px 25px 20px 25px;}

#landing-content .careers-cont-right-content p{
	margin-bottom:0;}

.careers-cont-right-content form{
	margin:10px 0;}
.careers-cont-right-content label{
	display:block;
	clear:both;
	padding:5px 0;}
.careers-cont-right-content label strong{
	display:inline-block;
	width:70px;}

.careers-cont-right-content input.action-link-button{
	margin-top:5px;
	margin-left:70px;}

.careers-cont-right-content .forget-password{
	display:block;
	margin-top:5px;
	margin-left:70px;}

#career-callouts{
	clear:both;
	border-top:1px solid #DDD;
	margin-top:40px;
	padding-top:20px;}

#career-callouts .section1, #career-callouts .section2, #career-callouts .section3 {
	float:left;
	width:260px;
	padding-left:10px;
	padding-right:30px;
	border-right:1px solid #DDD;}
	#career-callouts .section3{
		border-right:none;
		padding-right:0;}

#career-callouts .icon{
	float:left;
	width:60px;
	height:60px;
	margin:0 10px 60px 0;}
	#career-callouts .section1 .icon{ background:url(../_images_new/career-callout-icons.jpg) no-repeat 0 0;}
	#career-callouts .section2 .icon{ background:url(../_images_new/career-callout-icons.jpg) no-repeat 0 -60px;}
	#career-callouts .section3 .icon{ background:url(../_images_new/career-callout-icons.jpg) no-repeat 0 -120px;}

#career-callouts h3{
	font-weight:bold;}


/* ///// NEWS */

#latest-news{
	height:140px;
	padding:20px 30px;
	margin-bottom:30px;
	background:url(../_images_new/about-cbs-video-thumb-bg.jpg) repeat-x 0 0;}

#latest-news h3{
	color:#FFF;
	padding-bottom:5px;
	font-size:12px;
	text-transform:uppercase;
	border-bottom:1px solid #a3c1df;}

	#latest-news-content {
		padding:10px 0 0 0;}
	#latest-news-content h4{
		font-weight:normal;
		float:left;
		padding-right:30px;
		margin-top:4px;
		margin-right:20px;
		border-right:1px solid #a3c1df;
		text-transform:uppercase;
		text-align:center;
	}
	#latest-news-content h4 .month{
		color:#b7b7b7;
		font-size:18px;}
	#latest-news-content h4 .date{
		color:#FFF;
		line-height:1em;
		font-size:40px;}
	#latest-news-content h4 .year{
		color:#a3c1df;
		font-size:18px;
		line-height:1.4em;
		font-weight:bold;}

	#latest-news-content .content{
		float:left;
		color:#FFF;
		width:470px;}

	#latest-news-content .content strong{
		color:#a3c1df;}

	#latest-news-content p{
		margin-bottom:5px;
	}

#latest-news-content a.action-link-button{
	margin-top:0px;}




#news-content{
	margin-top:20px;}

#main-content.news .newsStory, #main-content.investors .newsStory {
	clear:both;
	border-bottom:1px solid #DDD;
	padding-top:9px;}

#main-content.news .newsStory h4, #main-content.investors .newsStory h4{
	width:110px;
	float:left;
	font-size:13px;}
#main-content.news .newsStory p, #main-content.investors .newsStory p{
	width:500px;
	float:left;
	margin-bottom:0;
	padding-bottom:7px;}

p.seeAll{
	clear:both;
	}

#main-content.news-article{
	width:580px;}
#main-content.news-article h4{
	margin-top:10px;
	font-size:13px;}

#main-content.news-article p{
	font-size:13px !important;
	margin-bottom:20px !important;}
#main-content.news-article span{
	font-size:13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
}


/* ///// CONTACT */

#contact-cont-left{
	width:530px;
	float:left;
	color:#666;}

#contact-cont-left .section1{
	width:275px;
	float:left;}
#contact-cont-left .section2{
	width:250px;
	float:left;}

#contact-cont-right{
	float:right;
	width:300px;
	padding:0;
	background:url(../_images_new/home-news-content-bg.png) repeat-x 0 0;
	background-color:#c2c6ca;}

#contact-cont-right h3{
	float:left;
	font-size:15px;
	font-weight:bold;
	text-transform: uppercase;
	margin:16px 22px;
	color:#29598b;
}
.contact-cont-right-content{
	clear:both;
	background:#e4e7ea;
	padding:20px 25px 25px 25px;}



/* ///// SITE MAP */
.map{
	float:left;
	width:260px;}




/* ///// TERMS OF USE, PRIVACY POLICY */

#landing-content.page #contentCont{
	width:540px;
	margin:0;
	float:left;}


#page-cont-right{
	float:right;
	width:300px;
	padding:0;
	background:url(../_images_new/home-news-content-bg.png) repeat-x 0 0;
	background-color:#c2c6ca;}

#page-cont-right h3{
	float:left;
	font-size:15px;
	font-weight:bold;
	text-transform: uppercase;
	margin:16px 22px;
	color:#29598b;
}
.page-cont-right-content{
	clear:both;
	background:#e4e7ea;
	padding:20px 25px 25px 25px;}



.terms-of-use ol,
.terms-of-use ul{
	margin-left: 20px;
}
.terms-of-use ul{
	margin-top: -20px;
	margin-bottom:20px;
}




/* ///// FOOTER */

#footerWrap{
	width:100%;
	background-image:url('../_images_new/footer-bg.png');
	background-repeat:repeat-x;
}

#footerCont{
	width:972px;
	margin:0px auto;
	height:50px;
	padding:30px 0;
	line-height:1em;
}

#footerBar{
	float:left;
	width:100%;
}

#footerBar p{
	font-size:11px;
	color:#CCC;
	float:left;
	width:400px;
	padding:0;
}

#footerLinks{
	list-style-type:none;
	float:right;
}

#footerLinks li{
	float:left;
	padding:0;
	border-left:1px solid #666;
}
#footerLinks li:first-child{
	border-left:none;}

	#footerLinks li a{
		color:#CCC;
		font-size:11px;
		display:block;
		margin:0 10px;
		text-decoration:none;
	}
	#footerLinks li a:hover{
		text-decoration: underline;}

/*Text Links*/
a.more{
	color: #004289;
	font-weight: bold;
}





/* Image Rotator */

#img-rotation {
	margin:0;
	padding: 0;
	width: 100%;
	height: 100%;	
}
	#rotationImages {
		display: none;
		margin: 0;
		padding: 0;
		width: 100%
		height: 100%;
		overflow: hidden;	
		border: none;
		z-index: 1;
	}
	#img-rotation img {
		float: left;
		display: none;
		position: absolute;		
		margin: 0 auto;
		z-index: 1;
		border: none;
	}
	
/* Search bar */

	#searchBoxCont{
		float:right;
		margin-right:0px;
		margin-top:33px;
		width:500px;
	}
	#searchBoxCont form{
		float:right;
		margin-left:30px;}
	
	#searchBoxCont input{
		border:1px solid #a6a6a6;
		padding:3px 5px;
		font-size:11px;
		width:155px;
		height:14px;
		float:left;
		background:url(../_images_new/input-bg.png) no-repeat 0 0;
	}
	#searchBoxCont input.submit {
		width:auto;
		padding:0px 10px;
		height:22px;
		border:none;
		color:#adcff0;
		line-height:1em;
		cursor:pointer;
		font-size:10px;
		text-transform:uppercase;
		background:url(../_images_new/button-bg.png) repeat-x 0 0;
	}
#subsearchBox {
	float:left;
}
#subsearchBox input {
	border:1px solid #d5d5d5;
	padding:2px;
	font-size:11px;
	width:160px;
}
	#subsearchBox input.submit {
		width:auto;
		background:#9AAAC3;
		padding:5px 1px 4px 1px;
		border:1px solid #6D829F;
		color:#002E5F;
		cursor:pointer;
	}
	
	#jumpSwitch{
		float:right;
	}
	
	#jumpSwitch select{
		width:186px;
		color:#FFF;
		font-size:11px;
		border:1px solid #4072a6;
		background:#305b88;
		padding:1px 1px 1px 5px;
	}
	#jumpSwitch option{
		padding:1px 0 1px 5px;
	}
	#jumpSwitch input{
		
	}
			
	#jumpSwitch p{
		font-size:11px;
		color:#757575;
	}





/* ///// HOME HERO */
#slides { position:relative;}
.slides_container{	width:970px; height:390px; position:relative;}
.slides_container img.panel	{ position:absolute; z-index:100;}
.slides_container img.panel-r	{ right:0;}
.slides_container img.main	{ position:relative; z-index:1;}
#slides a.prev	{ display:block; position:absolute; width:30px; height:30px; background:url(../_js/slides/arrows.png) no-repeat 0 0; top:170px; left:10px; z-index:1000; text-indent:-9999px;}
#slides a.prev:hover	{ background-position:0 -30px;}
#slides a.next	{ display:block; position:absolute; width:30px; height:30px; background:url(../_js/slides/arrows.png) no-repeat -30px 0; top:170px; right:10px; z-index:1000; text-indent:-9999px;}
#slides a.next:hover	{ background-position:-30px -30px;}

#slides span.panel	{ display:block; width:300px; height:390px;position:absolute; z-index:100;}
#slides span.panel-r	{ right:0;}
#slides .panel-2 { background:url(../_flash/data/panel02.png) no-repeat 0 0;}
#slides .panel-3 { background:url(../_flash/data/panel01.png) no-repeat 0 0;}
#slides .panel-4 { background:url(../_flash/data/panel04.png) no-repeat 0 0;}
#slides .panel-5 { background:url(../_flash/data/panel03.png) no-repeat 0 0;}
#slides .panel-6 { background:url(../_flash/data/panel06.png) no-repeat 0 0;}
#slides .panel-7 { background:url(../_flash/data/panel05.png) no-repeat 0 0;}
#slides .panel-8 { background:url(../_flash/data/panel08.png) no-repeat 0 0;}
#slides .panel-9 { background:url(../_flash/data/panel07.png) no-repeat 0 0;}
#slides .panel-11 { background:url(../_flash/data/panel09.png) no-repeat 0 0;}
#slides .panel-12 { background:url(../_flash/data/panel10.png) no-repeat 0 0;}
#slides .panel-13 { background:url(../_flash/data/panel11.png) no-repeat 0 0;}
#slides .panel-14 { background:url(../_flash/data/panel12.png) no-repeat 0 0;}
#slides .panel-15 { background:url(../_flash/data/panel13.png) no-repeat 0 0;}
#slides .panel-16 { background:url(../_flash/data/panel14.png) no-repeat 0 0;}
#slides .panel-17 { background:url(../_flash/data/panel25.png) no-repeat 0 0;}
#slides .panel-18 { background:url(../_flash/data/panel16.png) no-repeat 0 0;}
#slides .panel-19 { background:url(../_flash/data/panel15.png) no-repeat 0 0;} 
/*#slides .panel-20 { background:url(../_flash/data/panel18.png) no-repeat 0 0;} */
#slides .panel-21 { background:url(../_flash/data/panel24.png) no-repeat 0 0;}
#slides .panel-22 { background:url(../_flash/data/panel21.png) no-repeat 0 0;}
#slides .panel-23 { background:url(../_flash/data/panel18.png) no-repeat 0 0;}
#slides .panel-24 { background:url(../_flash/data/panel22.png) no-repeat 0 0;}
#slides .panel-25 { background:url(../_flash/data/panel20.png) no-repeat 0 0;}
#slides .panel-26 { background:url(../_flash/data/panel26.png) no-repeat 0 0;}
#slides .panel-27 { background:url(../_flash/data/panel23.png) no-repeat 0 0;}



/* ///// ROUNDABOUT */

.horizontal_cover_flow	{}
#roundabout li{ height:403%;}
#roundabout li img{ height:120%;}
#roundabout li.roundabout-in-focus img{ height:290px;}

.roundabout-holder {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 5em;
	width: 67%;
	left:40px;
	top:100px;
}
.roundabout-105	{ left:20px;}
.roundabout-94 { left:35px;}
.roundabout-256 { left:30px;}
.roundabout-106 { left:35px;}
.roundabout-98 { left:30px;}
.roundabout-97 { left:45px;}
.roundabout-252 { left:50px;}
.roundabout-107 { left:30px;}
.roundabout-248 { left:35px;}
.roundabout-95 { left:30px;}
.roundabout-265 { left:25px;}
.roundabout-102 { left:45px;}
.roundabout-103 { left:30px;}
.roundabout-104 { left:35px;}
.roundabout-250 { left:30px;}
.roundabout-258 { left:35px;}


.roundabout-moveable-item {
	height: 4em;
	width: 4em;
	cursor: pointer;
}
.roundabout-in-focus {
	cursor: auto;
}


/* ///// WRAPPER */

#wrapper ul.drop-meu{
	position:absolute;
	z-index:1001;}
#wrapper #portfolio-carousel{
	position:relative;
	z-index:1000}

#wrapper #portfolio-carousel ul li{
	position:absolute;
	z-index:1 !important;}


.alignleft {
	float:left;
}
.alignright {
	float:right;
}
.clearfix, #landing-content, #mainCont{
	display: inline-block;
}
.clearfix:after, #landing-content:after, #mainCont:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix, * html #landing-content, * html #mainCont {
	height: 1%;
}
.clearfix, #landing-content, #mainCont {
	display: block;
}
/* End hide from IE-mac */

.spacer100 {
	height:100px;
}
.spacer200 {
	height:200px;
}
.spacer300 {
	height:300px;
}
.spacer400 {
	height:400px;
}
.spacer500 {
	height:500px;
}