/* --------------------------------
-----------------------------------
Copyright:  Toshiba
Author:     G Launchbury - Sep 2009
For:        IS Solutions Plc
-----------------------------------
-------------------------------- */

/* Global Styles */
body {position:relative; font-family:arial,helvetica,verdana,sans-serif; font-size:100%; color:#7B7B7B; margin:0px; background:#EBEBEB url(/images/mainbg.gif) 50% 0 repeat-y}
table {border:0px; border-collapse:collapse; width:100%}
td {font-family:Arial,Helvetica,sans-serif,Verdana; font-size:100%; color:#333333; vertical-align:top; border:0px; margin:0px; padding:0px}
form {margin:0px; padding:0px}
img {display:block; border:0px}
div.clearBoth {clear:both !important; height:0px; font-size:0px}

/* Main Container */
#mainContainer {position:relative; overflow:hidden; clear:both; width:978px; margin:0px auto}

/* Header Area */
#headerContainer {position:relative; overflow:visible; clear:both; margin:0; padding:16px 16px 51px 16px; z-index:1010}

#toshibaLogo {overflow:hidden; clear:both; padding:9px 0px 13px 0px; width:144px}
#siteIdentifier {overflow:hidden; clear:none; float:left; padding:0px 0px 13px 0px}
#siteIdentifier img {display:block; font-size:112%; margin:0px; padding:0px; color:#666666; position:absolute; left:209px; top:35px}
#siteIdentifier img {_left:193px} 

#headerContainer div.headerLinks {position:absolute; top:17px; right:16px; padding:0px; text-align:right}
#headerContainer div.headerLinks div.row_one {}
#headerContainer div.headerLinks div.row_two {padding-top:2px}
#headerContainer div.headerLinks a {color:#464646; font-size:76%; font-weight:normal; text-decoration:none; margin-left:16px; white-space:nowrap}
#headerContainer div.headerLinks a:visited {color:#464646}
#headerContainer div.headerLinks a:hover {color:#E11B22}
#headerContainer div.headerLinks a:active {color:#E11B22}
#headerContainer div.headerLinks img {display:inline; position:relative; top:2px}

#navContainer {position:absolute; z-index:11100; width:946px; height:33px; background:url('/images/navbg.gif') 0 0 repeat-x; border: 1px solid #DFDFDF}
#navContainer div.navItem {position:relative; float:left; text-align:center; font-size:76%; font-weight:bold}
#navContainer div.navItem a {display:block; text-decoration:none}
#navContainer div.navDivider {position:relative; float:left;overflow:hidden;  width:1px; height:33px; background:#DFDFDF}
#navContainer div.navLink {background:url('/images/navbg.gif') 0 0 repeat-x}
#navContainer div.navLink a {color:#464646}
#navContainer div.navLinkOver {background:url('/images/navbg_over.gif') 0 0 repeat-x}
#navContainer div.navLinkOver a {color:#FFFFFF}
#navContainer div.navArrow {position:relative; padding:9px 18px 11px 18px}
#navContainer div.home div.navLink {background:url('/images/navbg_selected.gif') 0 0 repeat-x}
#navContainer div.home div.navLink a {color:#FFFFFF}
#navContainer div.selected div.navLink {background:url('/images/navbg_over.gif') 0 0 repeat-x}
#navContainer div.selected div.navLink a {color:#FFFFFF}
#navContainer div.menu div.navArrow {background:transparent url('/images/navoverlay_arrow.png') 50% 100% no-repeat}
#navContainer div.menu div.navArrow {_background-image:url('/images/navoverlay_arrow.gif')}
#navContainer div.navSearch {float:right; padding:6px 8px 0 0}
#navContainer div.navSearch div {float:left; padding:0 0 0 8px}
#navContainer div.navSearch input.textField {font-size:76%; margin:0; padding:0}
#navContainer div.navSearch input.goButton {position:relative; top:1px}

#navOverlayCover { position:absolute; background-color: transparent; background: url(#); top:0; right:0; bottom:0; left:0; z-index:1000;}
#navUnderlay { position:absolute; width:914px; top:34px; left:0px; z-index:5000; background:url('/images/navoverlay_shadow.png') 0 100% no-repeat; padding:0 16px 16px 16px }
#navUnderlay { _background-image:url('/images/navoverlay_shadow.gif') }
#navOverlay {position:relative; border:1px solid #DADADA; background:#FFFFFF}
#navOverlay table.productTable {width:100%}
#navOverlay table.productTable td {width:25%; background:url('/images/bg_navoverlay.gif') 100% 0 repeat-y; padding:0 12px 8px 12px}
#navOverlay table.productTable div.productContainer {border-bottom:1px solid #DFDFDF}
#navOverlay table.productTable div.productImage {float:left; clear:left; width:40px; overflow:hidden; padding:8px 0 6px 0}
#navOverlay table.productTable div.productLink {float:right; clear:right; font-size:68%; width:148px; background:url('/images/arrow_red_white.gif') 0 11px no-repeat; padding:8px 0 0 8px}
#navOverlay table.productTable div.productLink a {color:#E20A16; font-weight:bold; text-decoration:none}
#navOverlay table.productTable div.productLink a:visited {color:#E20A16}
#navOverlay table.productTable div.productLink a:hover {color:#E20A16; text-decoration:underline}
#navOverlay table.productTable div.productLink a:active {color:#E20A16}
#navOverlay table.productTable div.productText {float:right; clear:right; font-size:62%; width:148px; padding:0 0 6px 0}

#footerContainer {position:relative; clear:both; padding:28px 16px 16px 16px}
#footerContainer div.footerTop {position:relative; clear:both; font-size:76%; font-weight:normal; height:54px; padding:12px; background:url('/images/footerbg.gif') 50% 0 no-repeat}
#footerContainer div.footerLinks {padding:6px 0 0 0}
#footerContainer div.footerLinks div {float:left; clear:none; padding:0 20px 0 0}
#footerContainer div.footerLinks a {color:#464646; text-decoration:none}
#footerContainer div.footerLinks a:visited {color:#464646}
#footerContainer div.footerLinks a:hover {color:#E11B22}
#footerContainer div.footerLinks a:active {color:#E11B22}
#footerContainer div.footerCopyright {float:right; clear:none; color:#464646}
#footerContainer div.addThis {position:relative; float:left; clear:both; padding:12px 0 0 0}
#footerContainer div.footerDivider {position:relative; clear:both; height:1px; background:#E4E4E4; overflow:hidden}

#footerContainer div.siteMap {font-size:62%; padding:16px}
#footerContainer div.siteMap div.siteMapColumn {float:left; width:228px}
#footerContainer div.siteMap div.siteMapColumn ul {list-style-type:none; margin:0; padding:0}
#footerContainer div.siteMap div.siteMapColumn li {display:block}
#footerContainer div.siteMap div.siteMapColumn a {color:#666666; text-decoration:none}
#footerContainer div.siteMap div.siteMapColumn a:visited {color:#666666}
#footerContainer div.siteMap div.siteMapColumn a:hover {color:#E11B22}
#footerContainer div.siteMap div.siteMapColumn a:active {color:#E11B22}

#productSelector {padding:30px 16px 0 16px}

div.promoArea {position:relative; float:left; padding:26px 0 0 16px}
div.promoArea div.promoItem {position:relative; float:left; font-size:76%; width:229px; height:162px}
div.promoArea div.promo_one {background:url('/images/bg_promo_one.gif') 0 0 no-repeat; margin-right:10px}
div.promoArea div.promo_one div.promoText {position:absolute; left:16px; bottom:40px; color:#000000}
div.promoArea div.promo_one div.promoLink {position:absolute; left:16px; bottom:16px; font-weight:bold; background:url('/images/arrow_red_white.gif') 0 4px no-repeat; padding:0 0 0 10px}
div.promoArea div.promo_one div.promoLink a {color:#E20A16; text-decoration:none}
div.promoArea div.promo_one div.promoLink a:visited {color:#E20A16; text-decoration:none}
div.promoArea div.promo_one div.promoLink a:hover {color:#E20A16; text-decoration:underline}
div.promoArea div.promo_one div.promoLink a:active {color:#E20A16; text-decoration:underline}
div.promoArea div.promo_two {background:url('/images/bg_promo_two.gif') 0 0 no-repeat}
div.promoArea div.promo_two div.promoLink {position:absolute; left:16px; bottom:16px; font-weight:bold; background:url('/images/arrow_white_grey.gif') 0 4px no-repeat; padding:0 0 0 10px}
div.promoArea div.promo_two div.promoLink a {color:#FFFFFF; text-decoration:none}
div.promoArea div.promo_two div.promoLink a:visited {color:#FFFFFF; text-decoration:none}
div.promoArea div.promo_two div.promoLink a:hover {color:#FFFFFF; text-decoration:underline}
div.promoArea div.promo_two div.promoLink a:active {color:#FFFFFF; text-decoration:underline}

div.newsArea {position:relative; float:right; width:466px; padding:26px 16px 0 0}
div.newsHeader {}
div.newsArea div.newsContent {position:relative; width:450px !important; padding:0 0 0 16px; background:#FFFFFF url('/images/bg_newsarea.gif') 0 0 repeat-x}
div.newsArea div.newsContent div.newsItem {float:left; font-size:76%; width:206px; margin:0 12px 8px 0; padding:4px 0 0 0; border-top:1px solid #DFDFDF}
div.newsArea div.newsContent div.newsLink {background:url('/images/arrow_red_white.gif') 0 9px no-repeat; padding:5px 0 0 10px}
div.newsArea div.newsContent div.newsLink a {font-weight:bold; color:#E20A16; text-decoration:none}
div.newsArea div.newsContent div.newsLink a:visited {color:#E20A16; text-decoration:none}
div.newsArea div.newsContent div.newsLink a:hover {color:#E20A16; text-decoration:underline}
div.newsArea div.newsContent div.newsLink a:active {color:#E20A16; text-decoration:underline}
div.newsArea div.newsContent div.newsText {color:#000000; padding:0 0 2px 10px}
div.newsArea div.newsFooter {clear:both}

/*#productOverlay {position:relative; border:1px solid #DADADA; background:#FFFFFF; width:946px;}*/

/* Content Templates */
div#contentContainer {position:relative; clear:both; padding:0 16px 0 16px; }
div#contentContainer div.column_one {float:left; width:650px; font-size:76%;}
div#contentContainer div.column_two {float:right; width:280px; font-size:76%;}
div.news_block_header {padding:2px 15px; border-bottom:1px solid #43464C; background:#6C7179 url('/images/bg_newsblockheader.gif') 0 0 no-repeat}
div.news_block_header h2 {margin:0; padding:0; color:#FFFFFF; font-size:105%; font-weight:bold}
div.news_block_content {padding:7px 15px; background:url('/images/bg_newsblockcontent.gif') 0 0 repeat-x}

div#contentContainer a {color:#E20A16; text-decoration:none;}
div#contentContainer a:visited {color:#E20A16; text-decoration:none}
div#contentContainer a:hover {color:#E20A16; text-decoration:underline}
div#contentContainer a:active {color:#E20A16; text-decoration:underline}


/* Product Overlay */
.productOverlayContainer {position:absolute; z-index:2000; top:128px; width:1008px; left: 50%; margin: auto; margin-left: -504px; }
.productOverlayContainer div#headerShadow {padding:0px 8px; background:url('/images/overlayheader_shadow.png') 0 0 repeat-y}
.productOverlayContainer div#headerShadow {_background:url('/images/overlayheader_shadow.gif') 0 0 repeat-y}
.productOverlayContainer div#overlayHeader {height:25px; padding:10px 10px 0 0; background:url('/images/bg_overlayheader.gif') 0 0 repeat-x}
.productOverlayContainer div#overlayHeader img {float:right}
.productOverlayContainer div#contentShadow {padding:0px 8px; background:url('/images/overlaycontent_shadow.png') 0 0 repeat-y}
.productOverlayContainer div#contentShadow {_background:url('/images/overlaycontent_shadow.gif') 0 0 repeat-y}

div.productOverlayContainer div#overlayContent {height:317px; background-color:#FFFFFF !important; background-position:0 0; background-repeat:no-repeat}
div.productOverlayContainer div#overlayContent h2 {margin:0; padding:10px 0 5px 0; font-size:16px; font-weight:bold; color:#333333}
div.productOverlayContainer div#overlayContent div.headerImage {}
div.productOverlayContainer div#overlayContent div.productText {padding:10px 0 25px 0; font-size:76%; color:#333333}
div.productOverlayContainer div#overlayContent div.column_one {width:570px; height:245px; overflow:hidden; padding:36px; float:left}
div.productOverlayContainer div#overlayContent div.column_two {width:336px; padding:0 0 0 4px; float:right; background:url('/images/bg_featuredshadow.png') 0 0 repeat-y}
div.productOverlayContainer div#overlayContent div.column_two {_background:url('/images/bg_featuredshadow.gif') 0 0 repeat-y}
div.productOverlayContainer div#overlayContent div#featuredProducts {padding:30px 30px 0 30px; height:287px; background:#FFFFFF url('/images/bg_featuredproducts.gif') 0 0 repeat-y}
div.productOverlayContainer div#overlayContent div.featuredItem {height:110px; overflow:hidden; padding:10px 0 0 0; border-top:1px solid #DFDFDF}
div.productOverlayContainer div#overlayContent div.featuredItem div.itemDetails {padding:5px 10px 10px 10px; font-size:62%; color:#333333}
div.productOverlayContainer div#overlayContent div.featuredItem div.itemImage {width:120px; height:90px; padding:10px 0 0 0; overflow:hidden; float:right}
div.productOverlayContainer div#overlayContent div.featuredItem div.itemImage img {float:right}

div.productOverlayContainer div#overlayContent div.productLink {background:url('/images/arrow_red_white.gif') 0 9px no-repeat; padding:5px 0 0 10px; font-size:76%}
div.productOverlayContainer div#overlayContent div.productLink a {font-weight:bold; color:#E20A16; text-decoration:none}
div.productOverlayContainer div#overlayContent div.productLink a:visited {color:#E20A16; text-decoration:none}
div.productOverlayContainer div#overlayContent div.productLink a:hover {color:#E20A16; text-decoration:underline}
div.productOverlayContainer div#overlayContent div.productLink a:active {color:#E20A16; text-decoration:underline}

div.productOverlayContainer div#overlayArrow {width:1008px; height:15px; background:url('/images/productoverlay_arrow.png') 0 0 no-repeat}
div.productOverlayContainer div#overlayArrow {_background:url('/images/productoverlay_arrow.gif') 0 0 no-repeat}
div.productOverlayContainer div.arrow1 {width:1008px; height:15px; background:url('/images/productoverlay_arrow.png') 0 0 no-repeat; background-position:0 0 !important}
div.productOverlayContainer div.arrow2 {width:1008px; height:15px; background:url('/images/productoverlay_arrow.png') 0 0 no-repeat; background-position:0 -20px !important}
div.productOverlayContainer div.arrow3 {width:1008px; height:15px; background:url('/images/productoverlay_arrow.png') 0 0 no-repeat; background-position:0 -40px !important}
div.productOverlayContainer div.arrow4 {width:1008px; height:15px; background:url('/images/productoverlay_arrow.png') 0 0 no-repeat; background-position:0 -60px !important}
div.productOverlayContainer div.arrow5 {width:1008px; height:15px; background:url('/images/productoverlay_arrow.png') 0 0 no-repeat; background-position:0 -80px !important}


/* Search results -------------------------------------------------- */
#contentContainer .searchResults {clear:both; margin:0px; padding:0px}
#contentContainer .searchResults h3 {
 font-size:88%;
 font-weight:bold;
 color:#797979;
 margin:0px 15px 6px 0px}
#contentContainer .searchResults h4 {
 font-size:76%;
 font-weight:normal;
 color:#494949;
 margin:0px 15px 6px 0px;
 padding:0px 0px 6px 0px;
 background:url(/images/Toshiba/headerbg.gif) repeat-x bottom #ffffff}
#contentContainer .searchResults h5 {
 font-size:76%;
 font-weight:normal;
 color:#494949;
 margin:0px 0px 10px 0px}
#contentContainer .searchResults h6 {
 font-size:90%;
 font-weight:normal;
 color:#797979;
 margin:0px 0px 0px 0px}
#contentContainer .searchResults h6 a {text-decoration:underline}

/* Search results: individual result */
#contentContainer .result {width:640px; padding:0px 0px 21px 0px}
#contentContainer .result div.dateStamp {font-size:76%; font-weight:regular; color:#797979; margin:0px 0px 5px 0px}
#contentContainer .result div a {
 font-size:76%;
 font-weight:normal;
 color:#797979;
 text-decoration:underline;
 padding:0px 0px 0px 0px;
 background:url(/images/Toshiba/bullet_arrow_right.gif) 100% 50% no-repeat #ffffff}
#contentContainer .result div a:hover {color:#E11B22}

/* Search results: page count */
#contentContainer .pageCount {
 color:#000000;
 font-size:76%;
 font-weight:normal;
 margin:0px 15px 21px 0px;
 padding:15px 0px 0px 0px;
 background:url(/images/Toshiba/headerbg.gif) left top repeat-x #ffffff}
#contentContainer .pageCount div {float:left; clear:none; padding:0px 7px 0px 0px}
#contentContainer .pageCount .pageNumbers {color:#494949; font-weight:bold; padding:0px 20px 0px 0px}
#contentContainer .pageCount a {color:#797979; font-weight:normal; text-decoration:underline}
#contentContainer .pageCount a:hover {color:#E11B22}
#contentContainer .previous a {padding:0px 0px 0px 10px; background:url(/images/Toshiba/bullet_arrow_left.gif) 0% 50% no-repeat}
#contentContainer .next a {padding:0px 10px 0px 0px; background:url(/images/Toshiba/bullet_arrow_right.gif) 100% 50% no-repeat}

/* Search results: search again form */
#contentContainer .searchAgain {color:#000000; font-size:76%; padding:0px 0px 30px 0px}
#contentContainer .searchAgain div {float:left; clear:none; padding:3px 0px 0px 0px}
#contentContainer .searchAgain form {float:left; clear:none}
#contentContainer .searchAgain form div {padding:0px 0px 0px 5px}

/* Search results: right banner top padding adjustment */
#contentContainer .searchResults .rightBanners {padding-top:0px}