﻿* {
	vertical-align: baseline;
	outline: 0;
}

/* ------------ ELEMENTS -------------- */

BODY
{
    width: 100%;
    font-size: 0.71em;
    /*color: #656565;*/
    /*background: #0C2A5E url(/templates/sony/images/sonyBackground.jpg); */
    color:#656565;
    background: #FFFFFF url(/templates/sony/images/mainOuterBgHome.png) repeat-x 0 0;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    margin: 0;
}
/* IE-specifics (are these needed? - should not really use ) 
*:first-child+html BODY{word-wrap: break-word;}
* html BODY{word-wrap: break-word;}
*/

IMG
{
    border: 0;
}

h1
{
    display: block;
    clear: both;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    color: #91959D;
}


h2
{
    display: block;
    clear: both;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    color: #5B95CB;
}


h3
{
    display: block;
    clear: both;
    float: left;
    font-weight: bold;
    font-size: 1.2em;
    color: #000;
    margin: 3px 0;
    padding: 0;
}

h4
{
    display: block;
    clear: both;
    float: left;
    font-weight: bold;
    font-size: 1em;
    color: #000;
    margin: 0;
    padding: 0;
}
h5
{
    display: block;
    clear: both;
    float: left;
    font-weight: normal;
    font-size: 1em;
    color: #000;
    margin: 0;
    padding: 0;
}

A:link, A:visited, A:hover
{
    text-decoration: none;
    color: #5B95CB;
    font-weight: bold;
    font-size: 1em;
}
A:hover
{
    text-decoration: underline;
}


/* ------ main page structures ---------- */

.clear
{
    clear: both;
}

/* top-most level div container */
#mainPageContainer
{
    background-color: #FFF;
    width: 100%;
    display: block;
    clear: both;
}

#page
{
    margin: 0 auto;
    width: 1003px;
}

#pageOuter
{
    background: url(/templates/sony/images/pageBottom.gif) no-repeat bottom; 
    float: left;
    padding: 0px 0px 12px 0px;
    border-right: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
}

#pageInner
{
    float: left;
    padding: 0 31px;
    width: 941px;
    background: #FFF;
}

#pageMid
{
    width: 941px;
    display: block;
    float: left;          
}

#pageContent
{
    width: 880px;
    display: block;
    float: left;
    clear: both;
}

#leftCol
{
    float: left;
    width: 190px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

* HTML #leftCol
{
    width: 187px;
}

.midCol
{
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.midColTwoColumn
{
    width: 728px;
    margin: 0 0 0 10px;
}

.midColThreeColumn
{
    width: 470px;
    padding: 0px 26px 0px 19px;
}

.minHeightColumn
{
    width: 1px;
    height: 480px;
    float: left;
}

#rightCol
{
    float: left;
    width: 214px;
    margin: 0px 0px 0px 0px;
    padding: 0px 8px 0px 0px;
}


#topHeaderOuter
{
    width: 100%;
    /*height: 50px;*/
    height: 67px;
    background: #FFF url(/templates/sony/images/headerTopBg.jpg) repeat-x;
    padding-bottom: 1px;
}

#topHeaderInner
{
    width: 1003px;
    /*height: 50px;*/
    height: 67px;
    padding: 0;
    margin: 0 auto;
    background: transparent url(/templates/sony/images/headerTop.jpg);
}

#topHeaderLeft
{
    float: left;
    width: 380px;
    height: 87px;
    margin: 0px 0px 0px 4px;
    background-image: url(/templates/Sony/images/headerTop.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
#topHeaderLeft A
{
    width: 370px;
    /*height: 50px;*/
    height: 67px;
    display: block;
    margin: 20px 0px 0px 0px;
}
#topHeaderMiddle
{
    float: left;
    width: 326px;
    height: 87px;
}
#topHeaderRight
{
    float: left;
    width: 160px;
    height: 87px;
    margin: 0px 10px 0px 0px;
    background-image: url(/templates/Sony/images/headerTopCOI.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}
#topHeaderRight A.COILogo
{
    width: 130px;
    height: 70px;
    float: right;
    margin: 4px 0px 0px 0px;
}

/* ------- tab styles ------- */

#tabHeaderGradient
{
    width: 749px;
    float: left;
    background: transparent url(/templates/sony/images/tabs/tabGradient.jpg) repeat-x top;
    border: solid 1px #E4E4E4;
    border-top: 0;
    border-bottom: 0;
    height: 29px;
}

#tabContainer
{
    border: solid 1px #E4E4E4;
    border-top: 0;
    float: left;
    width: 749px;
    background: url(/templates/sony/images/greyGradient.jpg) repeat-x bottom;
    padding: 0;
    margin-bottom: 30px;
}

#tabHeader
{
}

#tabHeader a:link, #tabHeader a:visited, #tabHeader a:hover, #tabHeader a:active
{
    font-size: 1em;
    display: block;
    float: left;
    text-align: center;
    height: 23px;
    color: #797979;
    text-decoration: none;
    padding-top: 15px;
    font-weight: bold;
}

#tabHeader a.tabFirst:link, #tabHeader a.tabFirst:visited, #tabHeader a.tabFirst:hover, #tabHeader a.tabFirst:active
{
    background: url(/Templates/sony/images/tabs/tabFirst_off.jpg) no-repeat 0 5px;
    width: 247px;
}

#tabHeader a.tabFirst:hover
{
    color: #797979;
    text-decoration: underline;
}

#tabHeader a.tabFirstSelected:link, #tabHeader a.tabFirstSelected:visited, #tabHeader a.tabFirstSelected:hover, #tabHeader a.tabFirstSelected.tab:active
{
    background: url(/Templates/sony/images/tabs/tabFirst_on.jpg) no-repeat;
    width: 246px;
    color: #5B95CB;
}

#tabHeader a.tab:link, #tabHeader a.tab:visited, #tabHeader a.tab:hover, #tabHeader a.tab:active
{
    background: url(/Templates/sony/images/tabs/tab_off.jpg) no-repeat 0 5px;
    width: 218px;
}

#tabHeader a.tab:hover
{
    color: #797979;
    text-decoration: underline;
}

#tabHeader a.tabSelected:link, #tabHeader a.tabSelected:visited, #tabHeader a.tabSelected:hover, #tabHeader a.tabSelected:active
{
    background: url(/Templates/sony/images/tabs/tab_on.jpg) no-repeat;
    display: block;
    float: left;
    width: 218px;
    color: #5B95CB;
}

#tabHeader a.tabLast:link, #tabHeader a.tabLast:visited, #tabHeader a.tabLast:hover, #tabHeader a.tabLast:active
{
    background: url(/Templates/sony/images/tabs/tabLast_off.jpg) no-repeat 0 5px;
    display: block;
    float: left;
    width: 216px;
    text-align: center;
}

#tabHeader a.tabLast:hover
{
    text-decoration: underline;
}

#tabHeader a.tabLastSelected:link, #tabHeader a.tabLastSelected:visited, #tabHeader a.tabLastSelected:hover, #tabHeader a.tabLastSelected:active
{
    background: url(/Templates/sony/images/tabs/tabLast_on.jpg) no-repeat;
    width: 216px;
    text-align: center;
    color: #5B95CB;
}

a.tabPlaceHolder:link, a.tabPlaceHolder:visited, a.tabPlaceHolder:hover, a.tabPlaceHolder:active
{
    background: url(/Templates/sony/images/tabs/tabPlaceHolder.gif) no-repeat 0 5px;
    width: 70px;    
    padding-top: 15px;
    height: 23px;    
}

/*#tabHeader a.tabPlaceHolder:link, #tabHeader a.tabPlaceHolder:visited, #tabHeader a.tabPlaceHolder:hover, #tabHeader a.tabPlaceHolder:active
{
    background: url(/Templates/sony/images/tabs/tabPlaceHolder.gif) no-repeat;
    width: 70px;
}
*/

/* ------- forms and form parts------ */


input, select, textarea
{
    color: #000;
    font-family: arial,sans-serif;
    font-size: 1em;
    margin-left: 0px;
}
input[type="text"], input[type="password"], select, textarea
{
    border: solid 1px #7f9db9;
}
.sidebarBox input[type="text"], .sidebarBox input[type="password"], .sidebarBox select, .sidebarBox textarea
{
    border-color: #999;
}

/* ... also need to remove the border in ie6 ... 
input[type="checkbox"] {border:0; border-style:none;}
.sidebarBox input[type="checkbox"].noBorder {border:0; border-style:none;}
* html .sidebarBox input[type="checkbox"].noBorder {border:0; border-style:none;}*/



input.formInput_S, input.formInput_S2, input.formInput_M, input.formInput_L
{
    height: 18px;
}
.searchBoxItem input.formInput_S, .searchBoxItem input.formInput_S2, .searchBoxItem input.formInput_M, .searchBoxItem input.formInput_L
{
    height: 15px;
}

select.formInput_S, * html select.formInput_S, select.formInput_S2, * html select.formInput_S2, select.formInput_M, * html select.formInput_M, select.formInput_L, * html select.formInput_L
{
    height: 22px;
}

.searchBoxItem select.formInput_S, * html .searchBoxItem select.formInput_S, .searchBoxItem select.formInput_S2, * html .searchBoxItem select.formInput_S2, .searchBoxItem select.formInput_M, * html .searchBoxItem select.formInput_M, .searchBoxItem select.formInput_L, * html .searchBoxItem select.formInput_L
{
    height: 19px;
}

#searchBoxButtonContainer
{
    background: transparent url(/templates/sony/images/searchBox/searchButtonGradient.jpg) repeat-x top;
    border: solid 1px #D5D9D9;
    height: 10px;
    float: left;
    width: 208px;
    padding: 7px 5px 7px 0px;
    border-left: 0;
    border-right: 0;
    text-align: right;
}

a.SearchBoxButton:link, a.SearchBoxButton:visited, a.SearchBoxButton:hover, a.SearchBoxButton:active
{
    color: #9B3B3B;
    font-weight: bold;
    padding: 0px 15px 0px 0px;
    background: url(/templates/Sony/images/arrowRight_Red.gif) no-repeat right;
}

input.formInput_S
{
    width: 140px;
}
* html input.formInput_S
{
    width: 138px;
}
*:first-child + html input.formInput_S
{
    width: 138px;
}
input.formInput_S2
{
    width: 192px;
}
* html input.formInput_S2
{
    width: 179px;
}
*:first-child + html input.formInput_S2
{
    width: 158px;
}
input.formInput_M
{
    width: 240px;
}
* html input.formInput_M
{
    width: 238px;
}
*:first-child + html input.formInput_M
{
    width: 238px;
}
input.formInput_L
{
    width: 360px;
}
* html input.formInput_L
{
    width: 358px;
}
*:first-child + html input.formInput_L
{
    width: 358px;
}

textarea.formInput_S
{
    width: 140px;
}
* html textarea.formInput_S
{
    width: 138px;
}
*:first-child + html textarea.formInput_S
{
    width: 138px;
}
textarea.formInput_S2
{
    width: 160px;
}
* html textarea.formInput_S2
{
    width: 158px;
}
*:first-child + html textarea.formInput_S2
{
    width: 158px;
}
textarea.formInput_M
{
    width: 240px;
}
* html textarea.formInput_M
{
    width: 238px;
}
*:first-child + html textarea.formInput_M
{
    width: 238px;
}
textarea.formInput_L
{
    width: 360px;
}
* html textarea.formInput_L
{
    width: 358px;
}
*:first-child + html textarea.formInput_L
{
    width: 358px;
}

select.formInput_S
{
    width: 142px;
}
* html select.formInput_S
{
    width: 144px;
}
*:first-child + html select.formInput_S
{
    width: 143px;
}
select.formInput_S2
{
    width: 162px;
}
* html select.formInput_S2
{
    width: 164px;
}
*:first-child + html select.formInput_S2
{
    width: 179px;
}
select.formInput_M
{
    width: 242px;
}
* html select.formInput_M
{
    width: 244px;
}
*:first-child + html select.formInput_M
{
    width: 243px;
}
select.formInput_L
{
    width: 362px;
}
* html select.formInput_L
{
    width: 364px;
}
*:first-child + html select.formInput_L
{
    width: 363px;
}

textarea.webuserAddress
{
    width: 240px;
    height: 60px;
}

div.formBox_XSM
{
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    width: 20px;
    vertical-align: top;
}
div.formLabel_GEN
{
    display: inline;
    float: left;
    margin: 0;
    padding: 3px 0px 0px 0px;
    width: 242px;
}
div.formLabel_S, div.formLabel_M, div.formLabel_L, div.formLabel_XL
{
    display: inline;
    float: left;
    margin: 0;
    padding: 4px 0px 0px 0px;
    height: 21px;
}
.formLabel_S
{
    width: 69px;
}
.formLabel_M
{
    width: 82px;
}
.formLabel_L
{
    width: 132px;
}
.formLabel_XL
{
    width: 252px;
}

img.formIcon
{
    margin: 0px 0px 0px 2px;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
}
* html img.formIcon
{
    vertical-align: baseline;
}
*:first-child + html img.formIcon
{
    vertical-align: baseline;
}

/* ------- all inner boxes, containers and sections------ */


#pageTopFurniture
{
    display: block;
    float: left;
    clear: both;
    font-size: 80%;
    line-height: 150%;
    margin: 0px 0px 3px 0px;
    padding: 3px 0px 3px 0px;
}

#pageTopFurniture
{
    width: 100%;
    background: #f8fbfe;
}

#breadcrumbBlock
{
    float: left;
    width: 931px;
    margin: 0;
    color: #656565;
    font-weight: bold;
    background-color: #FFF;
}

#breadcrumb
{
    margin: 25px 0 10px 0; /* float: left;     margin: 0px 0px 0px 10px;     padding: 0;     width: 538px;     font-weight: normal; */
    float: left;
    width: 710px;
}
#subHeader
{
   width: 100%;
}
.sharethis
{
	float:right;	
	margin: 25px 0 10px 0;
	width: 200px;
}
#breadcrumb a:link, #breadcrumb a:visited
{
    text-decoration: underline;
    color: #656565;
    font-weight: normal;
}

#topDateBlock
{
    display: inline;
    float: left;
    width: 152px;
    color: #666;
}

#localeDropDown
{
    float: right;
    width: 200px;
    /*margin: 25px 0 10px;    */
}

#backClientWebsiteLink
{
    float: right;
    text-align: right;
    width: 584px;
    padding-left: 6px;
    padding-top: 4px;
}

#printfriendlyBlock
{
    display: inline;
    float: left;
    width: 164px;
}

.topPageTitle
{
    width: 100%;
    line-height: 130%;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}

.mainContainer
{
    width: 100%;
    display: block;
    float: left;
    margin: 10px 0px 0px 0px;
}

.mainContainerInner
{
    float: left;
    width: 509px;    
}

.mainContainerDetail
{
    float: left;
    width: 100%;
}

.blockHalf_1of2
{
    width: 264px;
    display: inline;
    float: left;
    margin: 0px 5px 0px 0px;
}
.blockHalf_2of2
{
    width: 264px;
    display: inline;
    float: left;
    margin: 0px 0px 0px 5px;
}
.blockOneThird
{
    width: 127px;
    display: inline;
    float: left;
    margin: 0px 0px 0px 5px;
}
.blockTwoThirds
{
    width: 396px;
    display: inline;
    float: left;
    margin: 0px 0px 0px 5px;
}

.innerBlockFull
{
    display: block;
    clear: both;
    float: left;
    width: 100%;
    margin: 5px 0px 5px 0px;
    overflow: hidden;
}
.innerBlockHalf
{
    display: inline;
    float: left;
    width: 249px;
    padding: 0;
    margin: 5px 10px 0px 10px;
    overflow: hidden;
}

.checkBoxContainer
{
}

.boxInfocus
{
    background-color: #d2e9f9;
}

.SearchBoxMainContainer
{
    float: left;
    background-color: #FFF;
    width: 100%;
}

.SearchBoxSubContainer
{
    display: inline;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.SearchBoxSubContainerFull
{
    display: block;
    clear: both;
    float: left;
    width: 518px;
    padding: 0;
    margin: 10px 10px 0px 10px;
}
.searchBoxItem
{
    display: block;
    clear: both;
    padding: 0px 5px;
    margin: 5px 0px;
}
.searchBoxItem select
{
    width: 192px;
}

/* ----- quick search ----- */
#quickSearch
{
    /*height: 48px;*/
    width: 200px;
    margin: 10px 0 10px 0;
    position:relative;
    float:right;
}

#quickSearch .quickSearchTextBox
{
    /*width: 169px;
    height: 12px;
    padding: 5px;
    margin: 0px 0px 10px 0px;*/
}

a.linkArrowRight:link, a.linkArrowRight:visited, a.linkArrowRight:hover, a.linkArrowRight:active
{
    color: #5B95CB;
    background: url(/templates/Sony/images/arrowRight.gif) no-repeat right;
    padding-right: 15px;
    font-weight: bold;
    *display: inline-block;
}

a.linkArrowLeft:link, a.linkArrowLeft:visited, a.linkArrowLeft:hover, a.linkArrowLeft:active
{
    color: #5B95CB;
    background: url(/templates/Sony/images/arrowLeft.gif) no-repeat right;
    padding-right: 15px;
    font-weight: bold;
}

input.MediaFilterButton
{
    background: #FFF;
    color: #669DCE;
    border: none;
    margin-top: 5px;
    padding: 0;
    width: 170px;
    text-align: left;
    font-weight: normal;
    cursor: pointer;
}

input.MediaFilterButtonSelected
{
    background: #FFF;
    color: #000;
    border: none;
    margin-top: 5px;
    padding: 0;
    width: 170px;
    text-align: left;
    font-weight: bold;
}


#leftCol #quickSearch a:link
{
}

/* ----- navigation------ */
.leftNav
{
    background: url(/templates/sony/images/menu/menuGradientTop.jpg) no-repeat top;
    float: left;
    width: 179px;
    padding: 0;
    color: #FFF;
    margin-bottom: 10px;
}

.leftNavSpacer
{
    height: 10px;
    background: url(/templates/sony/images/menu/menuGradientBackground.jpg) repeat-y bottom;
}

.leftNav ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    background: url(/templates/sony/images/menu/menuGradientBottom.jpg) no-repeat bottom;
}


.leftNav ul li
{
    background: url(/templates/sony/images/menu/menuGradientBackground.jpg) repeat-y bottom;
    padding: 2px 0px 2px 5px;
}

.leftNav ul li a:link, .leftNav ul li a:visited, .leftNav ul li a:hover, .leftNav ul li a:active
{
    color: #FFF;
    font-weight: normal;
    padding: 0px 0px 0px 15px;
}

.leftNav ul li a:hover
{
    color: #BEF6FB;
    text-decoration: underline;
    background: url(/templates/sony/images/menu/menuArrow.gif) no-repeat left;
}

.leftNav ul li a.selected:link, .leftNav ul li a.selected:visited, .leftNav ul li a.selected:hover, .leftNav ul li a.selected:active
{
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    background: url(/templates/sony/images/menu/menuArrow.gif) no-repeat left;
}


.leftNav ul li a.selectedNoArrow:link, .leftNav ul li a.selectedNoArrow:visited, .leftNav ul li a.selectedNoArrow:hover, .leftNav ul li a.selectedNoArrow:active
{
    color: #FFF;
    font-weight: bold;
    background-image: none;
}

.leftNav li.hidden
{
    display: none;
}

.leftNav .boxTitle
{
    font-weight: bold;
    text-decoration: none;
    display: block;
    clear: both;
    float: left;
    color: #999;
    height: 18px;
    width: 152px;
    padding: 2px 0px 0px 6px;
}

.leftNav ul#leftNavSubMenu
{
    padding: 0;
    margin: 0;
    width: 160px;
}


/*
.subNav
{
    display: block;
    float: left;
    clear: both;
    overflow: hidden;
}

.leftNav .subNav A.leftNavLink:link, .leftNav .subNav A.leftNavLink:hover, .leftNav .subNav A.leftNavLink:visited
{
    font-weight: bold;
    text-decoration: none;
    display: block;
    clear: both;
    float: left;
    color: #000;
    height: 18px;
    width: 152px;
    padding: 2px 0px 0px 6px;
    margin: 1px 0px 0px 0px;
}


.leftNav .subNav A.leftNavLink:link, .leftNav .subNav A.leftNavLink:visited
{
    background-color: #fff;
}
.leftNav .subNav A.leftNavLink:hover
{
    background-color: #e7ecf1;
}

.leftNav .subNav A.leftNavLinkSelected
{
    font-weight: bold;
}
.leftNav .subNav A.leftNavLinkSelected
{
    background-color: #e7ecf1;
}

.leftNav .firstItem
{
    padding-bottom: 0px;
    margin-top: 1px;
}
* HTML .leftNav .firstItem
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

*/
.box_grad_mid1, .box_grad_mid2
{
    display: block;
    clear: both;
    float: left;
    border: solid 1px #989898;
    margin: 0;
    padding: 4px 4px 4px 4px;
    width: 154px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.box_grad_mid1
{
    height: 124px;
    background-image: url(/templates/Sony/images/gradient1.jpg);
}
.box_grad_mid2
{
    height: 248px;
    background-image: url(/templates/Sony/images/gradient2.jpg);
}

.box_standard_mid
{
    display: block;
    clear: both;
    float: left;
    border: solid 1px #fff;
    background-color: #fff;
    margin: 0; /*margin-top: 23px;*/ /*padding: 4px 4px 4px 4px;*/
    padding: 0;
    width: 145px;
    height: 124px;
}

/* ------ right sidebar--------- */

.sidebarBoxHeader
{
    float: left;
    width: 179px;
    background: transparent url(/templates/Sony/images/presspass/PressPassTop.jpg) no-repeat top;
    height: 25px;
}

.sidebarTitle
{
    font-size: 1em;
    color: #fff;
    padding: 3px 0px 0px 10px;
    font-weight: bold;
}

.sidebarBox
{
    float: left;
    text-align: left;
    width: 177px;
    border: solid 1px #D5D9D9;
    border-top: 0;
    margin:0px 0px 20px 0px;
    padding: 0;
}

.socialMediaBox .sidebarBox
{
    float: left;
    padding: 8px 0 4px 0;
}
* html .socialMediaBox .sidebarBox
{
	padding: 8px 0 9px 0;
}
*:first-child+html .socialMediaBox .sidebarBox
{
	padding: 8px 0 10px 0;
}
.socialMediaBox ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.socialMediaBox ul li
{
	width: 100%;
	clear: both;
	margin-bottom: 10px;
	float: left;
}
.socialMediaBox ul li a.logo
{
	float: left;
	padding: 0 6px;
}
.sidebarItem
{
    display: block;
    clear: both;
    margin: 4px 0px 4px 0px;
    padding: 5px;
}

.sidebarRegister
{
    background: url(/templates/Sony/images/searchBox/searchButtonGradient.jpg) repeat-x top;
    display: block;
    border: solid 1px #D5D9D9;
    border-left: 0;
    border-right: 0;
    padding: 5px 5px 5px 10px;
    /*text-align: right;
    height: 20px;*/
}

a.sidebarLogin:link, a.sidebarLogin:visited, a.sidebarLogin:hover, a.sidebarLogin:active
{
    background: url(/templates/Sony/images/arrowRight.gif) no-repeat right;
    padding-right: 15px;
}

.sidebarItem A:link, .sidebarItem A:visited, .sidebarItem A:hover
{
    /* use defaults */
}

.sidebarBoxContainer
{
    float: left;
    width: 210px;
}

.sidebarBoxContainerSearch
{
    bottom: 35px;
    position: relative;
}

.sidebarBoxContainerContacts
{
    float: left;
    width: 215px;
}

.sidebarBoxContainer .sidebarBoxHeader
{
    font-weight: bold;
    color: #FFF;
    padding: 3px 5px 0px 5px;
    background: transparent url(/templates/Sony/images/sidebarBoxTop.jpg) no-repeat top;
    height: 30px;
    width: 205px;
    float: left;
}

.sidebarBoxContainer .sidebarBoxBody
{
    width: 213px;
    float: left;
    border: solid 1px #D5D9D9;
    border-top: 0;
    padding: 0px 0px 5px 0px;
    margin: 0;
}

.sidebarBoxContainer .sidebarBoxBodyInner
{
    padding: 0px 0px 0px 5px;
}

div.downloadAll
{
    display: block;
    clear: both;
    float: left;
    width: 100%;
    margin: 4px 0px 4px 0px;
    padding: 0;
}

div.downloadAll .downloadAllImage
{
    width: 30%;
    float: left;
}

div.downloadAll .downloadAllText
{
    width: 70%;
    float: left;
}

/* -- home page announcemnts -- */

#homePageAnnouncementsInnerContainer
{
    background: transparent url(/Templates/Sony/Images/HomepageAnnouncements/background.jpg) repeat-y;  
    float: left;    
    width: 941px;
}

#homePageAnnouncements
{
    width: 941px;
    float: left;
    margin: 0px 0px 15px 0px;
    padding: 0px;  
}

#homePageAnnouncements #left
{
    width: 55px;
    height: 96px;
    padding-top: 80px;
    float: left;
    text-align: center;
    background: transparent url(/Templates/Sony/Images/HomepageAnnouncements/background_left.jpg) no-repeat;
}

#homePageAnnouncements #middle
{
    width: 831px;
    float: left;
    background: transparent url(/Templates/Sony/Images/HomepageAnnouncements/background_middle.jpg) repeat-x;
}

#homePageAnnouncements #middle #middleMinHeightPlaceHolder
{
    width: 2px;
    float: left;
    height: 176px;
    padding: 0;
    margin: 0;
}

#homePageAnnouncements #right
{
    width: 55px;
    float: left;
    height: 96px;
    padding-top: 80px;
    text-align: center;
    background: transparent url(/Templates/Sony/Images/HomepageAnnouncements/background_right.jpg) no-repeat;
}

#homePageAnnouncements #middle #imageContainer
{
    float: left;
    width: 200px;
    padding: 15px 10px 0px 10px;
    margin: 0;        
}

#homePageAnnouncements #middle #textContainer
{
    width: 594px;
    float: left;
    padding: 0;
    margin: 10px 0;
    font-size: 1.1em;    
}

#homePageAnnouncements a.Next:link, #homePageAnnouncements a.Next:visited, #homePageAnnouncements a.Next:hover, #homePageAnnouncements a.Next:active
{
    /*background: url(/templates/sony/images/homePageAnnouncements/nextArrow.gif) no-repeat right;*/
    color: #656565;
    /*padding-right: 15px;*/
}

#homePageAnnouncements a.Prev:link, #homePageAnnouncements a.Prev:visited, #homePageAnnouncements a.Prev:hover, #homePageAnnouncements a.Prev:active
{
    /*background: url(/templates/sony/images/homePageAnnouncements/prevArrow.gif) no-repeat left;*/
    color: #656565;
    /*padding-left: 15px;*/
}

#homePageAnnouncements a.homePageTitle:link, #homePageAnnouncements a.homePageTitle:visited, #homePageAnnouncements a.homePageTitle:hover, #homePageAnnouncements a.homePageTitle:active 
{
    font-size: 1.1em;
}

#homePageAnnouncements #homePageAnnouncementsFooter
{
    float: left;
    background: url(/templates/sony/images/homePageAnnouncements/background_footer.jpg) no-repeat;
    height: 5px;
    width: 941px;
    padding: 0;
}

.homePageBodyText
{
    font-size: 1.1em;
}

.homePageBodyText p
{
    margin: 0;
    padding: 0;
}

/* -- media library home -- */

#searchMediaLibraryContainer
{
    background-color: #DCE8F4;
    width: 704px;
    float: left;
    padding: 10px;
}

.searchMediaItemContainer
{
    float: left;
    width: 210px;
    line-height: 200%;   
    height: 20px;
}

#searchMediaButtonContainer
{
    bottom: 20px;
    background: #FFF url(/templates/Sony/images/searchBox/searchButtonGradient.jpg) repeat-x scroll center top;
    height: 13px;
    border: solid 1px #D5D9D9;
    float: left;
    padding: 5px 10px;
    margin: 0px 20px 0px 0px
}

.latestContainerMediaHome
{
    border-top: solid 1px #E4E4E4;
    width: 724px;
    float: left;
    margin-top: 10px;
    padding-top: 5px;
}

.latestContainerMediaHome .imageContainer
{
    border: solid 1px #CCC;
    width: 200px;
    float: left;
    text-align: center;
    vertical-align: bottom;
    margin: 0;
    padding: 0;    
}

.latestContainerMediaHome .imageDetailContainer
{
    float: left;
    width: 150px;
    padding: 0px 5px;
}

.latestContainerMediaHome .imageDetailContainer img.ClassificationArrowRight
{
    position: relative;
    left: 1px;
}

.latestContainerMediaHome .latestImagesContainer
{
    width: 362px;
    float: left;
    margin: 0;
    padding: 0;
}

.latestContainerMediaHome .latestImagesInner
{
    float: left;
    width: 362px;
    padding: 0px;
    margin: 10px 0;
}

.latestContainerMediaHome .latestDocumentsInner
{
    float: left;
    width: 220px;
    padding: 5px;
    margin: 10px 0;
}

.latestContainerMediaHome img.latestDocuments
{
    float: left;
}

.latestContainerMediaHome .latestDocumentsTextContainer
{
    width: 110px;
    float: left;
    padding: 0px 5px;
}

/* -- media library search -- */

.mediaItemsContainer
{
    width: 240px;
    float: left;
    margin: 10px 0px;
}

.mediaItemsContainer .imageContainer 
{
    border: solid 1px #CCC;
    width: 162px;    
    text-align: center;
    margin-bottom: 5px;
}


/* -- attachments -- */

div.mediaAssets, div.contentAttach
{
    display: block;
    clear: both;
    float: left;
    width: 100%;
    margin: 4px 0px 4px 0px;
    padding: 0;
}


div.mediaAssetList, div.contentAttach
{
    display: block;
    clear: both;
    float: left;
    width: 100%;
    margin: 4px 0px 4px 0px;
    padding: 0;
}
div.mediaAssetList ul, div.contentAttach ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}


/* ----- footer ----- */

#footer
{
    float: left;
    width: 724px;
    height: 20px;
    padding: 10px;   
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active  
{
    font-weight: normal;
    color: #656565;
}

#footer img
{
    vertical-align: text-bottom;
}

/* ------- main body content ------- */

.subTitle
{
    margin: 10px 0px;
    font-weight: bold;
}

.bodyCopy
{
    color: #272727;
    margin: 10px 0px 0px 0px;
}
* html .bodyCopy {overflow: hidden;}
*:first-child+html .bodyCopy {overflow: hidden;}

.strapline
{
    font-weight: bold;
    color: #000;
    font-size: 1em;
}

.notesToEditors
{
    /*default style*/
}

.boilerplate
{
    clear: both;
}

.contactContainer
{
    clear: both;
    margin: 10px 0px 0px 0px;
    padding-top: 10px;
    border-top: solid 1px #D5D9D9;
}

.contactItem
{
    display: block;
    margin: 5px 0px;
    overflow: hidden;
}

/* --- contact specific newsarea page --- */
.contactsContainer
{
    margin: 5px 0px;
    padding: 10px 0px;
    border-bottom: solid 1px #D5D9D9;
    float: left;
    width: 707px;
}

.contactsContainer .contactDetails
{
    float: left;
    width: 450px;
    margin: 0px 10px 0px 0px;
}

.contactsContainer .contactImage
{
    float: right;
    width: 202px;
    margin: 0px;
}

/* ----- pagination ----- */

.resultsHeader
{
    width: 100px;
    float: left;
}

.pagination
{
    border: 1px solid #E5E5E5;
    border-left: 0;
    border-right: 0;
    padding: 10px 0;
    margin: 0 5px;
}

.pager
{
    width: 508px;
    float: left;
}

/* ----- home page video ----- */
#videoContainer
{
    width: 709px;
    float: left;
    border-top: solid 1px #CCC;      
    border-bottom: solid 1px #CCC;      
    padding: 10px 0px;
    margin: 10px 0px;
}

#videoContainer #textContainer
{
    width: 360px;
    padding: 0px 10px 0px 0px;
    float: left;
}

#videoContainer #videoControlContainer
{
    width: 333px;
    float: left;
}

/* ----- listings ----- */

.listView
{
    width: 508px;
    float: left;
}

.listView ul
{
    list-style: none;
    margin: 0;
    padding: 0px 15px;
}

.listView ul.searchResults
{
    padding: 0;
}

.listView ul li
{
    display: block;
    float: left;
    clear: both;
    width: 482px;
    padding: 10px 0px;
    border-bottom: 1px solid #E5E5E5;
    margin: 0;
    color: #999;    
}

.listView p
{
    margin: 0;
}

.listView ul li.listViewHomeItem
{
    width: 709px;
}

.listView ul li.listViewHomeItem p
{
    margin: 0;
}

.boxInfocus .listView ul li
{
    width: 507px;
    margin: 0;
    padding: 10px;
}
* html .boxInfocus .listView ul li
{
    width: 518px;
}

.listViewHome
{
    width: 100%;
}

.listViewHome ul
{
    width: 100%;
    padding: 0;
}


.picBox
{
    float: left;
    width: 160px;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    border: solid 1px #CCC;
    text-align: center;
}

.picBox img
{
    display: block;
    border: 0;
}

.picBoxInner
{
    position: absolute;
    bottom: 0;
}


.ListViewTextContainer
{
    display: block;
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
    width: 538px;
}
.boxInfocus .ListViewTextContainer
{
    width: 518px;
}

.ListViewTextContainerWithPicture
{
    display: inline;
    float: left;
    margin: 0;
    padding: 0px 5px 0px 0px;
    width: 315px;
}
.boxInfocus .ListViewTextContainerWithPicture
{
    width: 425px;
}

.listViewHomeItem .ListViewTextContainerWithPicture
{
    margin: 0px 0px 0px 10px;
    width: 400px;
}

.greyBoldDate
{
    font-weight: bold;
}
.dateBox
{
    display: block;
    float: left;
    clear: both;
    width: 100%;
    margin: 4px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.relBox
{
    display: inline;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.clientBox
{
    display: inline;
    float: left;
    width: 100%;
    margin: 4px 0px 0px 0px;
    padding: 0;
    font-weight: bold;
}

.itemTitle
{
    /*use defaults*/
    margin-bottom: 20px;
    font-size: 1.2em;
}

.itemSummary
{
    /*use defaults*/
}


.exclusive
{
    margin-bottom: 10px;
}

/* ----- generic delimiters, separators, buffers ------ */

DIV.singleLine_listViewBorder
{
    display: block;
    clear: both;
    float: left;
    line-height: 2px;
    height: 2px;
    margin: 0;
    padding: 0;
    width: 100%;
    background-image: url(/templates/Sony/images/dots.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}
* html DIV.singleLine_listViewBorder
{
    line-height: 4px;
    height: 2px;
}

.listViewBottom
{
    clear: both;
    padding: 5px 10px;
    text-align :right;
}T

.buffer
{
    display: block;
    clear: both;
    float: left;
    margin: 10px 0px 0px 0px;
    padding: 0;
}
.bufferLarge
{
    display: block;
    clear: both;
    float: left;
    margin: 30px 0px 0px 0px;
    padding: 0;
}
.bufferSmall
{
    display: block;
    clear: both;
    float: left;
    margin: 4px 0px 0px 0px;
    padding: 0;
}

.paddTop
{
    padding-top: 5px;
}
.paddBott
{
    padding-bottom: 5px;
}
.padding
{
    padding: 5px 5px 5px 5px;
}

.clearBlock
{
    display: block;
    clear: both;
    float: left;
}


/* ----- generic styles ------ */

.leftAlign
{
    text-align: left;
}
.centered
{
    text-align: center;
    margin: 0px auto 0px auto;
}
.noBorder
{
    border: 0;
    border-style: none;
}

.emphasis
{
    font-weight: bold;
}

.smaller
{
    font-size: 80%;
}

.highlight
{
    font-weight: bold;
    color: Red;
}

a.noBoldLink:link, a.noBoldLink:visited, a.noBoldLink:hover, a.noBoldLink:active
{
    font-weight: normal;
}

/* ---- Carousel Styles ---- */
#carouselContainer
{
    width: 724px;
    margin: 10px 0px;
    float: left;
}

#carouselContainer ul
{
    clear: both;
    background: url(/templates/sony/images/greyGradient.jpg) repeat-x top;
    border-top: solid 1px #D5D9D9;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 724px;
}

#carouselContainer ul li
{
    margin: 10px;
    padding: 5px 0px;
    display: inline;
    width: 159px;    
    float: left;
}

#carouselContainer ul li p 
{
    padding: 0;
    margin: 0;
}

#carouselContainer #carouselPager
{
    background: url(/templates/sony/images/greyGradient.jpg) repeat-x top;
    border-top: solid 1px #D5D9D9;
    width: 100%;
    float: left;
    margin-top: 10px;
    padding-top: 10px;
}

#carouselContainer #carouselPager #previous
{
    width: 300px;
    float: left;
}

#carouselContainer #carouselPager #previous a:link, #carouselContainer #carouselPager #previous a:visited, #carouselContainer #carouselPager #previous a:hover, #carouselContainer #carouselPager #previous a:active
{
    background: url(/templates/sony/images/arrowLeft.gif) no-repeat left;
    padding-left: 15px;
    width: 200px;
}

#carouselContainer #carouselPager #next a:link, #carouselContainer #carouselPager #next a:visited, #carouselContainer #carouselPager #next a:hover, #carouselContainer #carouselPager #next a:active
{
    background: url(/templates/sony/images/arrowRight.gif) no-repeat right;
    padding-right: 15px;
    width: 200px;
}

#carouselContainer #carouselPager #next
{
    text-align: right;
    width: 300px;
    float: right;
}

#topPanelBodyText
{
    width: 406px;
    float: left;
    padding: 0px 20px 0px 0px;
}

#topPanelImage
{
    width: 217px;
    float: left;
}

.timeLineHeadline
{
    border-top: solid 1px #B9B5B5;
    padding-top: 5px;
}

.timeLineHeadlineSelected
{
    font-weight: bold;
    color: #000;
    background: url(/templates/Sony/images/arrowRight.gif) no-repeat left;
    padding-left: 15px;    
}

.timeLineHeadlineSelected:hover
{
    text-decoration: none;
    color: #000;    
}

/* * * MailBox* * * * * *  *  * */

.mainContainerMailBox
{
	width: 540px;
}

.mailBoxDateColumn
{
	float: left;
	width: 87px;
}

.mailBoxFromColumn
{
	float: left;
	width: 170px;
}

.mailBoxSubjectColumn
{
	float: left;
	width: 275px;
}
/**********MailBox End***********************/

/* ----- social media links ----- */

.socialMedia
{
    border-top: solid 1px #D5D9D9;
    margin-top: 10px;
    padding-top: 10px;
    width: 100%;
}

.socialMedia ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}

.socialMedia ul li
{
    display: inline;
    float: left;
    width: 60px;
    padding: 5px;
}

/* ---- register checkbox ---- */

/*NEW STUFF*/

DIV.checkboxesContainer
{
    width: 609px;
    display: block;
    clear: both;
    float: left;
}
* HTML DIV.checkboxesContainer
{
    width: 601px;
}

DIV.checkItem
{
    display: block;
    clear: both;
    float: left;
    margin: 5px 5px 0px 0px;
    width: 602px;
}
* HTML DIV.checkItem
{
    width: 598px;
}
DIV.checkItemSingle
{
    display: block;
    clear: both;
    float: left;
    margin: 5px 0px 0px 0px;
    width: 296px;
}
* HTML DIV.checkItemSingle
{
    width: 291px;
}
DIV.checkItem1of2
{
    display: inline;
    float: left;
    margin: 5px 5px 0px 0px;
    width: 296px;
}
* HTML DIV.checkItem1of2
{
    width: 291px;
}
DIV.checkItem2of2
{
    display: inline;
    float: left;
    margin: 5px 0px 0px 5px;
    width: 296px;
}
* HTML DIV.checkItem2of2
{
    width: 291px;
}
DIV.checkItemCheck
{
    display: inline;
    float: left;
    margin: 0;
    padding: 0px 5px 0px 0px;
}
DIV.checkItemLabel
{
    display: inline;
    float: left;
    margin: 0;
    padding: 0px 5px 0px 0px;
}
* html DIV.checkItemLabel
{
    margin-top: 3px;
}
*:first-child + html DIV.checkItemLabel
{
    padding-top: 3px;
}

div.mainContainerHead
{
    padding: 5px 0px 0px 0px;
    margin: 0;
    width: 602px;
    display: block;
    clear: both;
    float: left;
}
* HTML DIV.mainContainerHead
{
    width: 598px;
}
div.mainContainerHead1of2
{
    padding: 5px 0px 0px 0px;
    margin: 0px 10px 0px 0px;
    width: 296px;
    display: inline;
    float: left;
}
* HTML DIV.mainContainerHead1of2
{
    width: 281px;
}
div.mainContainerHead2of2
{
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 296px;
    display: inline;
    float: left;
}
* HTML DIV.mainContainerHead2of2
{
    width: 291px;
}


/* -------------------------- NO PRINT ELEMENTS --------------------  */
@media print
{
    #topHeaderOuter, #leftCol, #rightCol, #footer, #pageTopFurniture
    {
        display: none;
    }
}
/* -------------------------- END: NO PRINT ELEMENTS ------------------- */


/* --- Streamed video and associated styles --- */

#div_flvVideoDiv {
	float: left;
	padding: 0 .5em .5em 0;
}

.videoFrame{
	background: url('/templates/sony/images/bravia_454_24bit.png') no-repeat left;
	height:277px;
	padding:19px;
	width:416px;
}

.videoFrameHomepage{
	background: url('/templates/sony/images/bravia_319_24bit.png') no-repeat left;
	height:193px;
	padding:14px;
	width:291px;
}
	
.streamedVideo {
	/*border: 1px solid #DDD;*/
	padding: .5em;
}
.streamedVideo{
	margin-bottom: 1em;
}

.videoLarge{
	width:416px;
	height:236px;
}

.videoHomepage{
	width:291px;
	height:165px;
}

.streamedVideoTitle {
	font-weight: bold;
    font-size: 1.2em;
    color: #000;
	margin: 0;
	padding: 0;
}

.associated {
	padding: .5% 1%;
	margin-right: 1%;
	width: 47%;
	background-color: #EEE;
	float: left;
}
.associated h3 { padding-bottom: .5em; float: none }
.associated ul
{
	padding:0;
	margin:0;
}
.associated li 
{
	overflow: hidden;
	list-style: none;
	padding: 0;
	width: 100%;
	height: 22px;
}
.associated img
{
	padding: .3em .5em 0 0;
} 
.clear
{
	clear: both;
}
.embed {
	background-color: #EEE;
	border: 1px solid #AAA;
	padding:0.4em 0;
	width:99%;
}
