/* Toshiba CPD StyleSheet */
/* Copyright Toshiba */
/* Created by G Launchbury for IS Solutions Plc, August 2008*/

/* GENERIC */
body {font-size:100%; font-family:arial, helvetica, verdana, sans-serif; color:#7B7B7B; margin:0px; background:#EBEBEB url(/images/toshiba/mainbg.gif) repeat-y top center}
form {margin:0px; padding:0px}
h2 {font-size:112%; margin:0px; padding:0px; clear:none}
h1 {font-size:76%; margin:0px; padding:0px; clear:none}
a, a:visited {text-decoration:none; color:#797979}
a:hover, a:active {text-decoration:none; color:#E11B22}
img {display:block; border:0px}

/* MAIN CONTAINER */
#mainContainer {overflow:hidden; clear:both; width:975px; margin:0px auto 0px auto; background:#FFFFFF}

/* Header area -------------------------------------------------- */
#headerContainer {
 position:relative;
 overflow:visible;
 clear:both;
 width:945px;
 margin:0px 15px 0px 15px;
 padding:25px 0px 1px 0px}

/* Header area: Toshiba logo */
.toshibaLogo {overflow:hidden; clear:both; padding:0px 0px 16px 0px}

/* Header area: Page header */
.pageHeader {overflow:hidden; clear:both; float:left; padding:0px 0px 13px 0px}
.pageHeader embed {display:block}
.pageHeader h1 {font-size:76%; margin:0px; padding:0px; clear:none}
.pageHeader h2 {font-size:112%; margin:0px; padding:0px; clear:none}

/* Header area: Country selector */
.countrySelector {position:absolute; right:0px; top:25px; overflow:hidden; clear:both; padding:0px}
.countrySelector div {overflow:hidden; float:left; clear:none; padding:0px 0px 0px 4px}
.countrySelector div a {overflow:hidden; clear:both; display:block; text-decoration:none; padding:7px 0px 0px 0px}
.countrySelector div a.selected {background:url(/images/toshiba/flag_selected.gif) no-repeat 50% 0%}

/* Header area: Region selector */
.regionSelector {position:absolute; right:0px; top:55px; overflow:hidden; clear:both; padding:0px}
.regionSelector div {overflow:hidden; float:left; clear:none; padding:0px 0px 0px 15px}
.regionSelector div a {
 overflow:hidden;
 clear:both;
 display:block;
 font-size:62%;
 font-weight:bold;
 color:#797979;
 text-decoration:none;
 padding:0px 0px 0px 0px}
.regionSelector div a:hover {color:#e11b22}

/* Header area: Top right form */
.topRightForm {position:absolute; right:0px; top:76px; overflow:hidden; clear:both; padding-top:1em; margin-bottom: 10px}
.topRightForm form {overflow:hidden; float:left; clear:none; padding:0px 10px 0px 0px}
.topRightForm div {overflow:hidden; float:left; clear:none; padding:0px 0px 0px 8px}
.topRightForm input {font-size:76%; color:#797979; margin:0px; padding:0px}

/* Main nav -------------------------------------------------- */
.mainNavContainer {
 overflow:hidden;
 clear:both;
 width:945px;
 font-size:76%;
 font-weight:bold;
 margin:0px 15px 0px 15px;
 background:url(/images/toshiba/navbg.gif) 0% 100% repeat-x #ffffff}
.mainNav {overflow:hidden; float:left; clear:none; padding:0px 0px 0px 0px}
.mainNav div {overflow:hidden; float:left; clear:none; padding:0px 15px 0px 15px}
.mainNav a {overflow:hidden; clear:both; display:block; text-decoration:none; padding:7px 0px 5px 0px}
.mainNav a:hover {color:#e11b22}
.mainNav a.activeLink {border-bottom:2px solid #e11e22}
.mainNavContainer .productSelectorButton {
 overflow:hidden;
 float:right;
 clear:none;
 padding:0px 11px 0px 0px;
 background:url(/images/toshiba/navbg_prod_selector.gif) 0% 100% repeat-x #ffffff;
 border-left:1px solid #ffffff}
.mainNavContainer .productSelectorButton a {
 display:block;
 margin:0px;
 padding:7px 47px 7px 15px;
 background:url(/images/toshiba/bg_prod_selector_button.gif) 100% 50% no-repeat}
.mainNavContainer .productSelectorButton a:hover {color:#e11b22}

/* Sub nav */
.subNav {
 overflow:hidden;
 clear:both;
 width:945px;
 font-size:68%;
 font-weight:bold;
 margin:0px 15px 0px 15px;
 padding:8px 0px 9px 0px;
 background:url(/images/toshiba/headerbg.gif) repeat-x bottom}
.subNav div {overflow:hidden; float:left; clear:none; padding:0px 15px 0px 15px}
.subNav a {overflow:hidden; clear:both; display:block; text-decoration:none; padding:0px 0px 0px 0px}
.subNav a:hover {color:#e11b22}
.subNav a.activeLink {color:#000000}

/* CONTENT AREA */
/* See additional css: toshiba-cpd-content.css */

/* Footer -------------------------------------------------- */
#footerContainer {
 overflow:hidden;
 clear:both;
 width:945px;
 margin:0px 15px 0px 15px;
 background:url(/images/toshiba/footerbg.gif) repeat-x top left}

/* Footer: Legal links and copyright */
#footerContainer .legalContainer {background: transparent url(/images/toshiba/dropshadow.gif) no-repeat scroll center top; overflow:hidden; clear:both; width:915px; font-size:68%; font-weight:bold; color:#494949; padding:14px 15px 14px 15px}
#footerContainer .legalContainer a {color:#797979; text-decoration:none}
#footerContainer .legalContainer a:hover {color:#e11b22}
#footerContainer .legalLinks {overflow:hidden; float:left; clear:none}
#footerContainer .legalLinks div {overflow:hidden; float:left; clear:none; padding-right:20px}
#footerContainer .copyright {overflow:hidden; float:right; clear:none}

/* Footer: sitemap */
#footerContainer .sitemapContainer {overflow:hidden; clear:both; width:915px; padding:15px 15px 15px 15px}
#footerContainer .sitemapColumn {overflow:hidden; clear:none; float:left; padding-right:15px}
#footerContainer .sitemapColumn h3 {overflow:hidden; clear:both; font-size:68%; font-weight:bold; margin:0px 0px 7px 0px; padding:0px}
#footerContainer .sitemapColumn div {overflow:hidden; clear:both; font-size:62%; font-weight:bold; margin:0px 0px 0px 0px; padding:0px}
#footerContainer .sitemapColumn a {color:#797979; text-decoration:none}
#footerContainer .sitemapColumn a.activeLink {color:#e11b22}
#footerContainer .sitemapColumn a:hover {color:#e11b22}

/******************* ACCESSIBILITY FONT SIZES  **********************

The <body> font-size MUST be 100%, and the browser text-size set 
to 'normal' or 'medium' for these to be valid. The 'ranges' are shown 
because the text snaps to a pixel-size in the browser. Where these 
figures are not contiguous, there is a discrepancy in where IE and 
Mozilla switch to displaying a different text-size.

(PX)       ( % )        (range)
8px        50%        48-53%
9px        56%        54-59%
10px      62%        60-65%
11px      68%        66-71%
12px      76%        73-78%
13px      82%        79-84%
14px      88%        85-90%
15px      94%        91-96%
16px      100%     98-103%
18px      112%     110-115%
20px      126%     123-128%
22px      138%     135-140%
24px      150%     148-153%
26px      162%     160-165%
28px      176%     173-178%
30px      188%     185-190%

NB - one of the problems with this 'relative' method of sizing text is that 
nested item's sizes are changed with the parent's size. So be aware of 
changes to nested items when altering CSS at a future date. Also, if 
you need to nest text, find the right size by eye, and adjust up and 
down a little so the figure is in the middle of it's 'range'.

****************************************************************************/