@charset "utf-8";

@font-face {font-family: avenir-medium; src: url('../assets/fonts/AvenirLTStd-Medium.otf');}
@font-face {font-family: avenir-light; src: url('../assets/fonts/AvenirLTStd-Light.otf');}
@font-face {font-family: avenir-heavy; src: url('../assets/fonts/AvenirLTStd-Heavy.otf');}
@font-face {font-family: avenir-oblique; src: url('../assets/fonts/AvenirLTStd-LightOblique.otf');}
@font-face {font-family: avenir-medium-oblique; src: url('../assets/fonts/AvenirLTStd-MediumOblique.otf');}

body {
	margin:0px;
	font-family:avenir-medium, Arial, Helvetica, sans-serif;
	font-size:14px;
	background: #fff; }

img { border:none; }

#container {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

a {text-decoration:none; outline:none; color:#333;}
a:hover {text-decoration:none; outline:none; color:#111;}

em { font-style: italic; font-family: avenir-oblique; }
i { font-style: italic;  font-family: avenir-oblique; }
b { font-weight:bold; font-family: avenir-heavy; }

.medium {font-family:avenir-medium, Arial, Helvetica, sans-serif; font-size:14px; text-transform:capitalize; margin-bottom:15px;}
.heavy {font-family:avenir-heavy, Arial, Helvetica, sans-serif; font-size:18px; text-transform:capitalize; margin-bottom:15px;}
.bold {font-family:avenir-heavy, Arial, Helvetica, sans-serif; font-weight: bold;}
.blue {font-family:avenir-heavy, Arial, Helvetica, sans-serif; font-weight: bold; color:#003366;}
.itz {font-style: italic;}
.source {font-size:9px; color:#999;}

#textLogo {width:960px; height:45px; float:left; display:inline; margin-top:-25px; margin-bottom:15px;}
#navigation {width:960px; height:40px; margin:0px; float:left; display:inline;}
#businessLogo {width:360px; height:55px; position:absolute; left:20px; top:100px; z-index:500;}

.video360 {width:306px; height:173px; padding-top:15px; padding-bottom:15px; padding-left:27px; padding-right:27px; background:url(../images/braviaFrame360x203.png);}
.video360-notv {width:350px; height:198px; padding:5px; background:#000;}
.videoIFRAME {}
.videoButton {width:155px; padding:5px; padding-top:7px; text-align:center; float:left; display:inline; background-color:#0c1d22; margin-left:10px; margin-top:5px;}
.videoButton a {color:#eee; text-decoration:none;}
.videoButton a:hover {color:#ccc;}
.videoShow {margin-left:153px;}

.ssButton {padding:7px; text-align:center; margin-right:20px; float:right; display:inline; background-color:#0c1d22; font-size:12px; text-transform:uppercase; }
.ssButton a {color:#eee; text-decoration:none; text-transform:uppercase;}
.ssButton a:hover {color:#ccc; text-transform:uppercase; }

.landingSiteButton {margin-right:20px; float:right; display:inline;}
.landingSiteButton a {opacity:1.0;}
.landingSiteButton a:hover {opacity:0.8;}

#bottomContainer {width:960px; margin:0 auto; margin-top:10px;}
#bottomContainer .bottom_04 {width:230px; margin-top:4px; margin-bottom:1px; margin-right:4px; margin-left:4px; float:left; display:inline; border:1px solid #ddd;} /*Used when the bottom has 3 sections*/
#bottomContainer .bottom4 {width:230px; margin:4px; float:left; display:inline; border:1px solid #ddd;} /*Used when the bottom has 3 sections*/
#bottomContainer .bottom3 {width:310px; margin:4px; float:left; display:inline; border:1px solid #ddd;} /*Used when the bottom has 3 sections*/
#bottomContainer .bottom2 {width:470px; margin:4px; float:left; display:inline; border:1px solid #ddd;} /*Used when the bottom has 2 sections*/
#bottomContainer .bottom67 {width:628px; margin:4px; float:left; display:inline; border:1px solid #ddd;} /*Used in About SPT Landing page for section that covers 2/3 of the width*/
#bottomContainer .bottom1 {width:470px; margin:4px 235px 4px 235px; float:left; display:inline; border:1px solid #ddd;} /*Used when the bottom has 1 section*/
#bottomContainer .bottom100 {width:950px; margin:4px; float:left; display:inline; border:1px solid #ddd;} /*Used when bottom has 1 section 100% across*/
#bottomContainer .header {padding:10px; height:20px; font-family:avenir-heavy, Arial, Helvetica, sans-serif; font-size:18px; text-transform:capitalize; margin-bottom:15px;}
#bottomContainer .showInfo {width:560px; float:left; display:inline; border:1px solid #ddd; padding-bottom:15px;}
.showNews {width:540px; float:left; display:inline; padding:10px; border-bottom:1px dotted #eee; margin-bottom:5px;}

#bottomContainer .showsPage1 {width:475px; margin:4px; float:left; display:inline; border:1px solid #ddd;} /*Used when the bottom has 3 sections*/
#bottomContainer .showsPage2 {width:485px; margin:4px; float:left; display:inline; }

.showwrapper {position:relative;margin-left:auto;margin-right:auto;width:960px;height:340px;display:block;padding-top:85px;padding-bottom:45px; z-index:2;}
#showbanner {width:960px;height:340px;margin-left:auto;margin-right:auto;;z-index:2;display:block;-moz-box-shadow:0px 0px 12px #666; -webkit-box-shadow:0px 0px 12px #666; box-shadow:0px 0px 12px #666;}
#showbanner img {position:absolute; top:0; left:0;}

/*SLIDER STYLES*/
.wrapper {position:relative;margin-left:auto;margin-right:auto;width:960px;height:340px;display:block;padding-top:85px;padding-bottom:45px; z-index:2;}
.wrapperMain {position:relative;margin-left:auto;margin-right:auto;width:960px;height:340px;display:block;padding-top:85px;padding-bottom:45px; z-index:2;}

/*---------- Left and Right Triggers ----------- */
/*#slide-prev {position:absolute;width:21px;height:28px;bottom:42px;left:5px;z-index:4;background:url('../images/sl-control.png') left top no-repeat;}
#slide-next {position:absolute;width:21px;height:28px;bottom:42px;right:5px;z-index:4;background:url('../images/sl-control.png') left bottom no-repeat;}
*/
/*---------- Main Slider Container without Thumbnails (Thumbnail styles defined locally----------- */
#slider {width:960px;height:340px;margin-left:auto;margin-right:auto;position:relative;z-index:2;display:block;-moz-box-shadow:0px 0px 12px #666; -webkit-box-shadow:0px 0px 12px #666; box-shadow:0px 0px 12px #666; border-bottom:3px solid #000;}
/* Every slide must be hidden by default */
/*.slide { display:none; }*/
/* And only the slide with "cs-activeSlide" class must be visible!
   !Reserved Class name. Required class! */
/*.cs-activeSlide {display:block; }*/
/* Container with caption's text. Must be hidden */
/*.slide-descriptions {display:none;}*/
/* Container with caption, must be hidden by default */
/*.caption {color: #fff;display: none;width: 720px;text-align:right;position: absolute;left:200px; top:445px; z-index: 3;}*/
/* Container with Pagination buttons */
/*.pagination {bottom: 48px;left: 30px;margin-top: 50px;position: absolute;text-align: left;}
.slider-pagination {display:inline-block;width:15px;height:10px; background:url(../images/navi.png) no-repeat left bottom;margin-right:5px;cursor:pointer;position:relative;z-index:200;}*/
/* This is a required class for the "Active" pagination button. ! Reserved Class Name ! */
/*.cs-active-pagination {	background:url(../images/navi.png) no-repeat left top;}
#arrowBar {background-color:#333; width:960px; height:40px; margin-top:3px;}*/
/*END OF SLIDER STYLES*/


/* Styles for the Homepage */
.slideshow { height: 394px; width: 980px; margin: auto; background: transparent; position:absolute; top:0; }
.slideshow img { padding: 0px; }
#homepagetv {width:394px; height:244px; position:absolute; left:280px; top:255px; z-index:500;}
#homepagetvShadow {width:449px; height:296px; position:absolute; left:250px; top:230px; z-index:250;}
#loginRegisterButtonHome {width:223px; height:40px; position:absolute; left:730px; top:0px; z-index:250;}

/* Styles for the header */
.header { font-family: "avenir-medium"; font-size:13px; color: #ffffff; height: 40px; padding-top:13px; }
.header a { color: #ffffff; font-size:13px; text-decoration: none; }
.header a:hover { color: #eeeeee; text-decoration: none; }

/* Styles for US Distribution */
#bottomContainer .header {padding:10px; height:20px; font-family:avenir-heavy, Arial, Helvetica, sans-serif; font-size:18px; color:#fff; text-transform:capitalize; margin-bottom:15px; background: url(../images/bg-x.jpg) repeat-x;}
#bottomContainer .header a { color: #ffffff; font-size:13px; text-decoration: none; }
#bottomContainer .header a:hover { color: #eeeeee; text-decoration: none; }
#bottomContainer p {padding:0 10px 10px 10px; font-family:avenir-light, Arial, Helvetica, sans-serif; font-size:14px; color:#000; margin-bottom:15px;}
.usDistBlue { font-family: "avenir-medium"; font-size:18px; color: #3e9bcc; font-weight: bold; }
.intlDist { font-family: "avenir-medium"; font-size:18px; color: #01a783; font-weight: bold; }
#container2 { clear:left; float:left; width:480; overflow:hidden; }
#container1 { float:left; width:480; margin-top:0px; position:relative; right:50%; }
#col1 { float:left; width:46%; position:relative; left:52%; overflow:hidden; display:inline; border:1px solid #ddd; }
#col2 { float:left; width:46%; position:relative; left:58%; overflow:hidden; }
#col1 .header {padding:10px; height:20px; font-family:avenir-heavy, Arial, Helvetica, sans-serif; font-size:18px; text-transform:capitalize; margin-bottom:15px;}


/* Styles for About SPT */
.businessBtn {width:265px; height:113px; margin:14px; float:left; display:inline; -moz-box-shadow:0px 0px 12px #ccc; -webkit-box-shadow:0px 0px 12px #ccc; box-shadow:0px 0px 12px #ccc}

a.PRmore { color: #024383; font-size:13px; text-decoration: none; }
a.PRmore:hover { color: #024383; text-decoration: none; }
a.PRmore:link { color: #024383; font-size:13px; text-decoration: none; }
a.PRmore:visited { color: #024383; text-decoration: none; }
.PRtitle { font-size:12px; color: #2e2e2e; padding-top: 10px; padding-bottom: 10px; margin-bottom:10px; border-bottom:1px dotted #ccc; }
.PRheader { font-size:23px; color: #013368; font-weight: bold; text-transform:uppercase;}
.PRmenuHeader { font-size:16px; color: #f1eff0; margin: 10px; width: 285px; height: 25px; padding-left: 15px; padding-top: 15px; text-align: left; font-weight: bold; background: #818181; }

.PRmenuContent { font-size:13px; color: #818181; font-family: "avenir-medium"; }
a.PRmenuContent { font-size:13px; color: #818181; font-family: "avenir-medium"; text-decoration: none; }
a.PRmenuContent:hover { font-size:13px; color: #818181; font-family: "avenir-medium"; text-decoration: none; }
a.PRmenuContent:link { font-size:13px; color: #818181; font-family: "avenir-medium"; text-decoration: none; }
a.PRmenuContent:visited { font-size:13px; color: #818181; font-family: "avenir-medium"; text-decoration: none; }


#bottomContainer .bottom68 {width:320px; margin-top:10px; background-color:#cccccc; border:2px solid #ddd; background: url('images/PRmenuBG.gif') repeat-x; float:left; display:inline; -moz-box-shadow:0px 0px 12px #ccc; -webkit-box-shadow:0px 0px 12px #ccc; box-shadow:0px 0px 12px #ccc; }
#bottomContainer .bottom69 {width:320px; margin-top:10px; height:100%; background-color:#cccccc; border:2px solid #ddd; background: url('images/PRmenuBG_tall.gif') repeat-x; float:left; display:inline; -moz-box-shadow:0px 0px 12px #ccc; -webkit-box-shadow:0px 0px 12px #ccc; box-shadow:0px 0px 12px #ccc; }
#bottomContainer .bottom70 {width:960px; margin:4px; float:left; display:inline; border:1px solid #ddd; } 
#bottomContainer .bottom71 {width:628px; margin:4px; float:left; display:inline; border:0px;}
#bottomContainer .bottom72 {width:628px; margin:4px; float:left; display:inline; border:0px;} 
#bottomContainer .bottom98 {width:320px; margin-top:30px; padding-top: background-color:#ffffff; border:2px solid #ffffff; float:left; display:inline; }

.aboutSiteButton { width: 185px; height: 35px; text-align: center; font-size:13px; color: #ffffff; font-family: "avenir-medium"; text-decoration: none; }
.BLheader { font-size:30px; color: #013368; padding-top: 10px; padding-bottom: 10px; font-weight: bold; }

#bottomContainer .bottom75 {width:628px; margin:4px; float:left; display:inline; border:0px;} 
#bottomContainer .bottom76 {width:320px; margin-top:10px; height:100%; background-color:#cccccc; border:2px solid #ddd; background: url('images/PRmenuBG_tall.gif') repeat-x; float:left; display:inline; -moz-box-shadow:0px 0px 12px #ccc; -webkit-box-shadow:0px 0px 12px #ccc; box-shadow:0px 0px 12px #ccc; }
 
#bottomContainer .bottom78 {width:150px; margin:4px; height:250px; background-color:#cccccc; border:2px solid #ddd; background: url('images/PRmenuBG.gif') repeat-x; float:left; display:inline; -moz-box-shadow:0px 0px 12px #ccc; -webkit-box-shadow:0px 0px 12px #ccc; box-shadow:0px 0px 12px #ccc; }
#bottomContainer .bottom103 {width:760px; margin:4px; float:left; display:inline; border:0px;} 

/* Styles for US AD SALES */
.arrow-usads { padding-top:-5px; border-style: dashed; border-color: transparent; border-width: 0.53em; display: -moz-inline-box; display: inline-block;font-size: 12px; height: 0; line-height: 0; position: relative; vertical-align: middle; width: 0; border-left-width: 1em; border-left-style: solid; border-left-color: #4595a9; left: 0.25em; }


/* Styles for LATIN AMERICA */
.viewALL { font-family: "avenir-medium"; font-size:14px; font-weight:bold; color: #0179cf; }
a.viewALL:link { text-decoration:none; color: #0179cf; }
.salesSheets { font-family: "avenir-medium"; font-size:14px; font-weight:bold; line-height: 160%; color:#2e2e2e; }
a.salesSheets:link { text-decoration: none; color:#2e2e2e; }

.arrow-e { border-style: dashed; border-color: transparent; border-width: 0.53em; display: -moz-inline-box; display: inline-block;font-size: 14px; height: 0; line-height: 0; position: relative; vertical-align: middle; width: 0; border-left-width: 1em; border-left-style: solid; border-left-color: #0179cf; left: 0.25em; }
.arrow-id { border-style: dashed; border-color: transparent; border-width: 0.53em; display: -moz-inline-box; display: inline-block;font-size: 14px; height: 0; line-height: 0; position: relative; vertical-align: middle; width: 0; border-left-width: 1em; border-left-style: solid; border-left-color: #01a783; left: 0.25em; }
.arrow-ip { border-style: dashed; border-color: transparent; border-width: 0.53em; display: -moz-inline-box; display: inline-block;font-size: 14px; height: 0; line-height: 0; position: relative; vertical-align: middle; width: 0; border-left-width: 1em; border-left-style: solid; border-left-color: #4E8A4E; left: 0.25em; }
.arrow-usd { border-style: dashed; border-color: transparent; border-width: 0.53em; display: -moz-inline-box; display: inline-block;font-size: 14px; height: 0; line-height: 0; position: relative; vertical-align: middle; width: 0; border-left-width: 1em; border-left-style: solid; border-left-color: #3d99c9; left: 0.25em; }

#bottomContainer .bottom29 {width:305px; height: 290px; margin:4px; float:left; display:inline; border:1px solid #ddd;} /*Used when the bottom has 2 sections*/
#bottomContainer .bottom30 {width:310px;  height: 290px;  margin:4px; float:left; display:inline; border:1px solid #ddd;} /*Used when the bottom has 2 sections*/

.imgA1 { position:absolute; z-index: 1; } 
.imgB1 { position:absolute; top: 15px; left: 25px; z-index: 3; }




/* Styles for MEDIA RELATIONS */
.MRtext { color: #8042dc; font-size:24px; font-weight: bold; text-transform:uppercase; }
.MRlink { color: #8042dc; font-size:15px; text-decoration: none; text-transform:uppercase; }
a.MRlink { color: #8042dc; text-decoration: none; text-transform:uppercase; }
a.MRlink:hover { color: #8042dc; text-decoration: none; text-transform:uppercase; }
a.MRlink:link { color: #8042dc; text-decoration: none; text-transform:uppercase; }
a.MRlink:visited { color: #8042dc; text-decoration: none; text-transform:uppercase; }
.arrow-gray { padding-top:-5px; border-style: dashed; border-color: transparent; border-width: 0.53em; display: -moz-inline-box; display: inline-block;font-size: 12px; height: 0; line-height: 0; position: relative; vertical-align: middle; width: 0; border-left-width: 1em; border-left-style: solid; border-left-color: #a4a4a4; left: 0.25em; }
#bottomContainer .bottomNB3 { padding:30px; margin:4px; float:left; display:inline;} /*Used when the bottom has 3 sections*/


/* Styles for US PRODUCTION */
.USPRODtext { color: #1d4970; font-size:24px; font-weight: bold; text-transform:uppercase; }
.USPRODlink { color: #1d4970; font-size:15px; text-decoration: none; text-transform:uppercase; }
a.USPRODlink { color: #1d4970; text-decoration: none; text-transform:uppercase; }
a.USPRODlink:hover { color: #1d4970; text-decoration: none; text-transform:uppercase; }
a.USPRODlink:link { color: #1d4970; text-decoration: none; text-transform:uppercase; }
a.USPRODlink:visited { color: #1d4970; text-decoration: none; text-transform:uppercase; }

/* Styles for NETWORKS */
.Networkstext { color: #3b6999; font-size:24px; font-weight: bold; text-transform:uppercase; }
#bottomContainer .bottom88 {width:310px; height:307px; margin:4px; float:left; display:inline; border:1px solid #ddd; background: #f5f5f5; } /*Used when the bottom has 3 sections*/
#bottomContainer .bottom87 {width:615px; margin:4px; float:left; display:inline; border:1px solid #ddd;} /*Used in About SPT Landing page for section that covers 2/3 of the width*/

/*Styles for Cookie Overlay*/
#cookieContainer {
		padding-top:10px; padding-bottom:10px;
		float:left; display:inline;
		width:100%;
		border-top: 5px solid #353939;
		background-color: #212121;
		color: #ccc;
		font-family: arial,helvetica,sans-serif;
		font-size: 11px;
	}
	#navOverlay {
		float:left; display:inline;
		width:100%;
		margin-bottom:-20px;
	}
	#cookieCenter { margin:0 auto; width:960px; background:#333;}
	#cookieCenter #cookieText { width:900px; float:left; display:inline; padding-top:7px; cursor: hand; color: #fff; }
	#cookieCenter #cookieText a { color: #fff; }
	#cookieCenter #close-image {width:25px; float:left; display:inline; font-weight: bold; font-size: 14px; padding: 5px; text-align:center; margin-left:20px; cursor: pointer; color:#fff; border:1px solid #454545; }
	
/*Styles for Sony Corp Logo*/
#corpNav {width:100%; height:40px; background:#000; border-bottom:1px solid #333; float:left; display:inline;}
#corpNav #corpLogo {width:970px; margin:0 auto;}

/*Styles for Business Logo*/
#busNav {width:100%; height:100px; background:#000; border-bottom:1px solid #333; float:left; display:inline;}
#busNav #busLogos {width:970px; margin:0 auto;}
#busNav #busLogos #bus {float:left; display:inline; margin-top:15px;}
#busNav #busLogos #corp {float:right; margin-top:30px;}

.divide {width:100%; height:1px; float:left; display:inline; margin-top:35px; padding-top:25px; border-top:3px solid #efefef;}

#externalNav {width:924px; margin:0 auto; height:300px; margin-top:40px;}
#externalNav h1 {text-align:center; font-size:44px; text-transform:uppercase; font-family:avenir-heavy; color:#999; margin-bottom:25px;}
#externalNav a .box {width:150px; height:135px; background:#333; margin:2px; float:left; display:inline; text-align:center; color:#fff;}

#externalNav a .usdist {background:url(../images/btn-usdist.jpg) no-repeat #333;}
#externalNav a:hover .usdist {background:url(../images/btn-usdist-hover.jpg) no-repeat  #333;}
#externalNav a .intldist {background:url(../images/btn-intldist.jpg) no-repeat  #333;}
#externalNav a:hover .intldist {background:url(../images/btn-intldist-hover.jpg) no-repeat  #333;}
#externalNav a .usadsales {background:url(../images/btn-usadsales.jpg) no-repeat  #333;}
#externalNav a:hover .usadsales {background:url(../images/btn-usadsales-hover.jpg) no-repeat  #333;}
#externalNav a .usprod {background:url(../images/btn-usprod.jpg) no-repeat  #333;}
#externalNav a:hover .usprod {background:url(../images/btn-usprod-hover.jpg) no-repeat  #333;}
#externalNav a .intlprod {background:url(../images/btn-intlprod.jpg) no-repeat  #333;}
#externalNav a:hover .intlprod {background:url(../images/btn-intlprod-hover.jpg) no-repeat  #333;}
#externalNav a .networks {background:url(../images/btn-networks.jpg) no-repeat  #333;}
#externalNav a:hover .networks {background:url(../images/btn-networks-hover.jpg) no-repeat  #333;}

#footersquares {width:100%; height:90px; padding-top:30px; padding-bottom:30px; margin-top:30px; background:url(../images/footer-bg.jpg) repeat-x #fff;}
#footersquaresContent {width:980px; margin:0 auto; color:#999; font-size:12px;}
#footersquaresContent img {float:right;}
#footersquaresContent a {color:#666; text-decoration:none;}