/**************************
Author: P Byford - Jul 2008
Body font-size must be 100%

(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%

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

/* Global styles */
body {margin:0px; padding:0px; font-family:Arial,Helvetica,sans-serif,Verdana; font-size:100%; color:#333333; background-color:#ececec}
td {margin:0px; padding:0px; font-family:Arial,Helvetica,sans-serif,Verdana; font-size:100%; color:#333333; vertical-align:top}
table {border:0px; border-collapse:collapse; width:100%}
form {margin:0px; clear:both; overflow:hidden}
input { margin:2px;}
select { margin:2px;}
a {color:#333333; text-decoration:underline}
a:hover {color:#333333; text-decoration:underline}
img {margin:0px; border:0px; vertical-align:top}
div {text-align:left}

div.clearBoth { clear:both }

/* Top area -------------------------------------------------- */
#topArea {clear:both; overflow:hidden; position:relative; width:800px; height:65px; margin:0px auto; padding:0px}
#topArea div.logo {clear:both; overflow:hidden; float:left; padding:15px 0px 0px 10px; margin:0px}
#topArea div.header {overflow:hidden; float:left; padding:19px 0px 0px 23px; margin:0px 0px 0px 0px}
#topArea h1 {clear:both; overflow:hidden; margin:0px; padding:0px; font-size:100%; font-weight:bold; color:#000000}

/* Breadcrumb trail */
#topArea div.breadcrumbTrail {clear:both; overflow:hidden; font-size:62%; color:#FF6633; margin:0px; padding:0px}
#topArea div.breadcrumbTrail div {overflow:hidden; float:left}
#topArea div.breadcrumbTrail div div {text-decoration:underline}
#topArea div.breadcrumbTrail span a {
 color:Red;
 text-decoration:underlined;
 margin:0px 4px 0px 0px;
 }
#topArea div.breadcrumbTrail span a:hover {color:#FF6633; text-decoration:none}

/* Top right links */
#topArea div.topRightLinks {overflow:hidden; position:absolute; top:0px; right:0px; margin:0px; padding:0px}
#topArea div.topRightLinks div {overflow:hidden; float:left; padding:5px 10px 0px 0px; margin:0px 0px 0px 0px; font-size:76%; color:#003399}
#topArea div.topRightLinks a {color:#666666; text-decoration:underline; padding:2px 0px 0px 10px; background:url(images/bullet_nav.gif) top left no-repeat}
#topArea div.topRightLinks a:hover {color:#FF6633; text-decoration:underline}

/* Background containers */
#bgGradient {background:url(/images/bg_gradient.gif) top center repeat-y}
#bgKeyline {}

/* Container -------------------------------------------------- */
#container {position:relative; clear:both; overflow:hidden; width:800px; margin:0px auto; padding:0px; background:url(images/bg_columns.gif) top left repeat-y #ffffff}

/* Left column -------------------------------------------------- */
#leftColumn {clear:both; overflow:hidden; float:left; width:158px; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px}

/* Left column headers */
#leftColumn h1 {
 clear:both;
 overflow:hidden;
 margin:0px;
 padding:4px 0px 3px 5px;
 font-size:76%;
 font-weight:bold;
 color:#FFFFFF;
 line-height:1em;
 background-color:#5F737E;
 border-bottom:2px solid #FF0000}

/* Left nav */
#leftColumn div.leftNav {clear:both; overflow:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:82%; background-color:#FFFFFF}
#leftColumn div.leftNav div.level1 {clear:both; overflow:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:solid 1px #5F737E}
#leftColumn div.leftNav div.level2 {margin:0px 0px 0px 13px; padding:0px 0px 0px 0px; border-bottom:none}
#leftColumn div.leftNav div.level3 {font-size:94%; padding:0px 0px 0px 0px; margin:0px 0px 0px 26px;}
#leftColumn div.leftNav div.level4 {font-size:94%; padding:0px 0px 0px 0px; margin:0px 0px 0px 35px;}

/* {font-size:94%; padding:0px 0px 0px 0px}
#leftColumn div.leftNav div {clear:both; overflow:hidden; margin:0px 0px 0px 0px; padding:2px 0px 2px 2px; border-bottom:solid 1px #5F737E}
#leftColumn div.leftNav div div {margin:0px 0px 0px 13px; padding:2px 0px 0px 2px; border-bottom:none}
#leftColumn div.leftNav div div div {font-size:94%; padding:2px 0px 0px 2px}
*/
#leftColumn div.leftNav a.on {background-color:#CCCCCC}
#leftColumn div.leftNav a {
 display:block;
 margin:0px 0px 0px 0px;
 padding:4px 0px 5px 12px;
 color:#000000;
 text-decoration:underline;
 background:url(/images/ToshibaMed/bullet_nav.gif) 2px 2px no-repeat}
#leftColumn div.leftNav a:hover {color:#FF6633}

/* Country selection */
#leftColumn div.dropDownNav {margin-bottom:80px}
#leftColumn div.dropDownNav select {clear:both; overflow:hidden; font-size:100%; width:140px; margin:7px 0px 0px 8px; padding:0px}
#leftColumn div.dropDownNav div {clear:both; overflow:hidden; font-size:68%; text-align:right; margin:2px 10px 0px 0px; padding:0px}
#leftColumn div.dropDownNav a {color:#003399; text-decoration:none; padding:3px 10px 0px 0px; background:url(images/bullet_nav.gif) top right no-repeat}
#leftColumn div.dropDownNav a:hover {color:#FF6633; text-decoration:none}

/* Left promotional area */
#rightColumn div.promo {position:absolute; bottom:30px; left:700px; text-align:center}

/* Central content column -------------------------------------------------- */
#contentColumn {overflow:hidden; float:left; width:454px; margin:0px 0px 0px 15px; padding:0px 0px 0px 0px}

/* Multiple column layout */
#contentColumn div.container {clear:both; overflow:hidden; margin:0px; padding:0px}
#contentColumn div.contentBox {overflow:hidden; padding:0px}

#contentColumn div.oneCol {width:100%; margin:0px 0px 15px 0px; clear:both}
#contentColumn div.twoCol {width:222px}
#contentColumn div.threeCol {width:146px}
#contentColumn div.fourCol {width:25%}

#contentColumn div.left {float:left; margin:0px 0px 0px 0px}
#contentColumn div.mid {float:left; margin:0px 0px 0px 8px}
#contentColumn div.right {float:right; margin:0px 0px 0px 0px}

/* Page header */
#contentColumn div.pageHeader {width:100%; clear:both; overflow:hidden; background-color:#60747f; margin:0px 0px 15px 0px}
#contentColumn div.pageHeader div {overflow:hidden; float:left}
#contentColumn div.pageHeader h1 {clear:both; overflow:hidden; margin: 20px 0px 5px 10px; font-size:120%; font-weight:normal; color:#FFFFFF; width:180px}
#contentColumn div.pageHeader h2 {clear:both; overflow:hidden; margin:2px 0px 0px 10px; font-size:88%; font-weight:normal; color:#FFFFFF}
#contentColumn div.pageHeader a {margin:20px 0px 0px 10px; font-size:10px; color:#000000; text-decoration:underline;
 background:url(/images/ToshibaMed/bullet_nav.gif) top left no-repeat; padding:2px 0px 3px 10px;}

/* Content styles */
#contentColumn h2 {clear:both; overflow:hidden; margin:0px 0px 10px 0px; font-size:76%; font-weight:bold; color:#FF0000}
#contentColumn h3 {clear:both; overflow:hidden; margin: 5px 0px 20px 0px; font-size:76%; font-weight:bold; color:#000000}
#contentColumn h4 {clear:both; overflow:hidden; margin:0px 0px 4px 0px; font-size:76%; font-weight:bold; color:#000000}
#contentColumn p {margin:0em 0em 0.7em 0em; font-size:76%; font-weight:normal; color:#000000}
#contentColumn a {color:#FF0000; text-decoration:underline}
#contentColumn a:hover {color:#ff6633; text-decoration:none}
#contentColumn div.columnImage {margin:0px 0px 10px 0px; }
#contentColumn div.columnBody {margin:0em 0em 0.7em 0em; font-size:76%; font-weight:normal; color:#000000}
#contentColumn li { font-size:76%; list-style-type:none; list-style-image:url(/images/ToshibaMed/red_bullet.gif); }
#contentColumn div.Validator ul li { font-size:100%; list-style-type:none; list-style-image:url(/images/ToshibaMed/red_bullet.gif); }

/* Image gallery */
#contentColumn div.imageSelect form {overflow:hidden; float:left}
#contentColumn div.imageSelect select {clear:both; overflow:hidden; font-size:68%; width:130px}
#contentColumn div.imageSelect div {overflow:hidden; float:left; padding:3px 0px 0px 6px; font-size:76%; font-weight:bold; color:#000000}
#contentColumn div.imageSelect form div {float:none; padding:0px; font-size:100%; font-weight:normal}

/* List layout */
#contentColumn div.listLayout {border-bottom:1px solid #5F737E; padding:4px 0px 9px 0px; margin:0px 0px 0px 0px}
#contentColumn div.listLayout h3 {margin:0px 0px 5px 0px}

#contentColumn div.headingLeft {overflow:hidden; float:left; width:130px; margin:0px 0px 0px 0px; padding:0px; text-align: left}
#contentColumn div.headingMid {overflow:hidden; float:left; width:140px; margin:0px 0px 0px 10px; padding:0px; text-align: center}
#contentColumn div.headingRight {overflow:hidden; float:left; width:156px; margin:0px 0px 0px 10px; padding:0px; text-align: right}
#contentColumn div.imageArea {clear:both; overflow:hidden; float:left; width:153px; margin:0px; padding:0px}
#contentColumn div.textArea {overflow:hidden; float:left; width:296px; margin:0px 0px 0px 5px; padding:0px}
#contentColumn div.listLink {padding:4px 0px 0px 0px; font-size:76%}
#contentColumn div.listLink a {color:#000000; text-decoration:underline}
#contentColumn div.listLink a:hover {color:#ff6633}
#contentColumn div.title {clear:both; overflow:hidden; padding:0px; font-size:76%; font-weight:bold; color:#000000}
#contentColumn div.title a {font-size:94%; color:#003399; text-decoration:underline}
#contentColumn div.title a:hover {color:#ff6633}
#contentColumn div.info {clear:both; overflow:hidden; margin:0px 0px 3px 0px; padding:0px; font-size:100%; font-weight:normal; color:#000000}
#contentColumn div.source {clear:both; overflow:hidden; margin:0px 0px 3px 0px; padding:0px; font-size:68%; font-weight:normal; color:#666666}
#contentColumn div.thumbLink {clear:both; overflow:hidden; padding:0px; margin:0px; font-size:68%; font-weight:normal; color:#000000}
#contentColumn div.bulletLinks {clear:both; overflow:hidden; margin:0px; padding:0px; font-size:76%}
#contentColumn div.bulletLinks div {margin:0px 0px 4px 0px}
#contentColumn div.bulletLinks a {
 margin:0px 0px 0px 0px;
 padding:2px 0px 3px 10px;
 color:#000000;
 text-decoration:underline;
 background:url(/images/ToshibaMed/bullet_nav.gif) top left no-repeat}
#contentColumn div.bulletLinks a:hover {color:#ff6633}

/* Forms */
#contentColumn input.textBox {width:180px}
#contentColumn div.goButton {text-align:right; padding:5px 40px 0px 0px; font-size:76%}
#contentColumn div.goButton a {clear:both; color:#003399; text-decoration:underline; padding:3px 0px 0px 10px; background:url(images/bullet_nav.gif) top left no-repeat}
#contentColumn div.goButton a:hover {color:#ff6633}
#contentColumn div.formText {margin:0px 0px 3px 0px; font-size:76%; color:#000000}

#contentColumn div.checkboxArea {margin:0px 0px 6px 0px; font-size:68%; color:#000000}
#contentColumn div.checkboxArea input {margin:0px 0px 0px 0px}

#contentColumn div.formArea {margin:0px 0px 6px 0px; color:#000000}
#contentColumn .textarea {width:400px; height:100px}
#contentColumn div.formRow {clear:both; overflow:hidden; margin:0px 0px 3px 0px; padding:0px}
#contentColumn div.formRow div {float:left; overflow:hidden; margin:0px 0px 0px 0px; padding:0px}
#contentColumn div.formRow div.colOne {width:110px; padding:6px 0px 0px 0px; font-size:68%}
#contentColumn div.formRow div.colTwo {width:280px; padding:0px 0px 0px 0px}
#contentColumn div.formRow div.colThree {width:50px; padding:6px 0px 0px 0px; font-size:68%}
#contentColumn h1 {font-size: 95%; margin-bottom: 3px; padding-bottom:0px}
#contentColumn div.header {border-bottom: solid 1px red; margin-bottom: 15px}

/* Sitemap */
#sitemap {clear:both; overflow:hidden; margin:0px 0px 15px 0px; padding:0px}

#sitemap div.oneCol {width:100%; margin:0px 0px 0px 0px; clear:both}
#sitemap div.twoCol {width:50%}
#sitemap div.threeCol {width:33%}
#sitemap div.fourCol {width:25%}

#sitemap div.align1 {float:left; margin:0px}
#sitemap div.align2 {float:left; margin:0px}
#sitemap div.align3 {float:right; margin:0px}

#sitemap h1 {
 clear:both;
 overflow:hidden;
 margin:0px 0px 5px 0px;
 padding:2px 0px 2px 5px;
 font-size:68%;
 font-weight:bold;
 color:#000000;
 background-color:#cccccc}
#sitemap h2 {
 clear:both;
 overflow:hidden;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 font-size:68%;
 font-weight:bold;
 color:#000000}
#sitemap div.mapGroup {padding:0px 0px 15px 5px}
#sitemap div.mapGroup div {font-size:68%}
#sitemap a {color:#000000; text-decoration:underline}
#sitemap h1 a {text-decoration:none}
#sitemap h2 a {text-decoration:none}
#sitemap a:hover {color:#ff6633}

/* Right column -------------------------------------------------- */
#rightColumn {overflow:hidden; float:right; width:158px; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px}

/* Right column headers */
#rightColumn h1 {
 clear:both;
 overflow:hidden;
 margin:0px;
 padding:4px 0px 3px 5px;
 font-size:76%;
 font-weight:bold;
 color:#ffffff;
 line-height:1em;
 background-color:#5F737E;
 border-bottom:2px solid #ff0000}

/* Right column news */
#rightColumn div.news div {clear:both; overflow:hidden; margin:0px; padding:2px 0px 0px 0px; font-size:82%; color:#000000; border-bottom:solid 1px #5F737E; background-color:#ffffff}
#rightColumn div.news a {
 display:block;
 margin:0px 0px 0px 0px;
 padding:2px 6px 7px 10px;
 color:#000000;
 text-decoration:underline;
 background:url(/images/ToshibaMed/bullet_nav.gif) top left no-repeat #ffffff}
#rightColumn div.news a:hover {color:#ff6633}

/* Right column quicklinks */
#rightColumn div.quickLinks div {clear:both; overflow:hidden; margin:0px; padding:0px; font-size:76%; color:#000000}
#rightColumn div.quickLinks a {
 display:block;
 margin:0px 0px 0px 5px;
 padding:3px 6px 0px 10px;
 color:#333333;
 text-decoration:underline;
 background:url(/images/ToshibaMed/bullet_nav.gif) top left no-repeat}
#rightColumn div.quickLinks a:hover {color:#ff6633}

/* Footer -------------------------------------------------- */
#footer {clear:both; overflow:hidden; width:800px; margin:0px auto; padding:3px 0px 10px 0px; font-size:76%}
#footer div.links {overflow:hidden; float:left; margin:0px 0px 0px 0px; padding:0px 8px 0px 0px; color:#003399}
#footer div.links a {color:#666666; text-decoration:underline; padding:2px 0px 0px 10px; background:url(/images/ToshibaMed/bullet_nav.gif) top left no-repeat}
#footer div.links a.terms {background:url(/images/ToshibaMed/bullet_nav_chopped.gif) top left no-repeat}
#footer div.links a:hover {color:#ff6633}
#footer div.copyright {overflow:hidden; float:right; margin:0px 0px 0px 0px; padding:0px 6px 0px 0px; color:#666666}
#footerGradient {position:relative; clear:both; overflow:hidden; width:822px; height: 15px; margin: 0px auto; background:url(/images/bg_gradient_bottom.gif) top left no-repeat}

/* Popup pages only -------------------------------------------------- */
#popup {width:705px}
#popup.imagePopup {width:520px}

/* Top area */
#popup #topArea {width:auto; margin:0px}
#popup #topArea div.header {padding: 28px 0px 0px 13px}

/* Full width layout container */
#popup div.container {clear:both; overflow:hidden; margin:0px; padding:0px}

/* Left column */
#popup div.leftColumn {clear:both; overflow:hidden; float:left; padding: 0px 0px 0px 8px; margin:0px 0px 0px 0px; width:158px}
#popup div.leftColumn div {clear:both; overflow:hidden; padding:0px 0px 2px 0px}
#popup div.leftColumn a {display:block; border:solid 2px #ffffff}
#popup div.leftColumn a.on {border:solid 2px #ff0000}
#popup div.leftColumn div.legend {font-size:62%; color:#666666; padding:10px 0px 10px 5px}

/* Right column */
#popup div.rightColumn {overflow:hidden; float:left; margin: 0px 0px 0px 18px; padding:0px 0px 0px 0px; width:520px}

/* Main image */
#popup div.mainImage {margin:0px 0px 0px 0px}
#popup.imagePopup div.mainImage {margin:0px 0px 0px 0px}

/* Grey heading area */
#popup div.headings {clear:both; overflow:hidden; margin: 0px 0px 10px 0px; padding:0px 0px 0px 0px}
#popup div.threeColOne {overflow:hidden; float:left; margin:0px; padding:0px; width:172px; text-align:left}
#popup div.threeColTwo {overflow:hidden; float:left; margin:0px; padding:0px; width:172px; text-align:center}
#popup div.threeColThree {overflow:hidden; float:left; margin:0px; padding:0px; width:172px; text-align:right}
#popup h2 {
 clear:both;
 overflow:hidden;
 margin:0px 0px 0px 0px;
 padding:4px 10px 3px 10px;
 font-size:78%;
 font-weight:bold;
 color:#000000;
 background-color:#cccccc}
#popup a { color:#FF0000; text-decoration:underline; }
#popup.imagePopup div.threeColOne {width:145px; text-align:left}
#popup.imagePopup div.threeColTwo {width:185px; text-align:center}
#popup.imagePopup div.threeColThree {width:190px; text-align:right}

/* Sub heading */
#popup h3 {
 clear:both;
 overflow:hidden;
 margin:0px 0px 5px 0px;
 padding:0px 0px 0px 10px;
 font-size:76%;
 font-weight:bold;
 color:#000000}

/* Details area */
#popup div.details {padding:0px 0px 6px 0px; margin:0px; font-size:76%; color:#000000}
#popup div.listRow {clear:both; overflow:hidden; padding:0px 0px 3px 0px; margin:0px 0px 0px 0px}
#popup div.twoColOne {overflow:hidden; float:left; padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; width:80px; text-align:left}
#popup div.twoColTwo {overflow:hidden; float:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:400px; text-align:left}

/* Credit */
#popup div.credit {padding:0px 0px 10px 10px; margin:0px; font-size:62%; font-weight:normal; color:#000000}
#popup.imagePopup div.credit {padding:0px 0px 6px 10px; margin:0px; font-size:62%; font-weight:normal; color:#000000}

/* Product */
#popup.imagePopup div.product {
 margin:0px 0px 6px 10px;
 padding:3px 0px 5px 0px;
 font-size:76%;
 font-weight:bold;
 color:#000000;
 border-top:solid 1px #cccccc; 
 border-bottom:solid 1px #cccccc}
#popup.imagePopup div.product a {color:#FF0000; text-decoration:underline}
#popup.imagePopup div.product a:hover {color:#000000}

/* Note */
#popup.imagePopup div.note {clear:both; overflow:hidden; margin:0px 10px 15px 10px; padding:0px; font-size:62%; font-weight:bold; color:#000000}

/* Footer */
#popup div.footer {clear:both; overflow:hidden; width:auto; margin:0px; padding:3px 0px 10px 10px; font-size:76%; color:#666666; border-top:solid 1px #666666}

img.FloatLeft
{
	float:left;
	margin-right: 10px;
	margin-bottom: 5px;
}

img.FloatRight
{
	float:right;
	margin-left: 10px;
	margin-bottom: 5px;
}

.superscript
{
	font-size:xx-small; vertical-align:top;
}

.subscript
{
	font-size:xx-small; vertical-align:bottom;
}

/* Contact form */
div.xForm { margin-left:10px; font-size:76%;}
div.xForm .xformvalidator { color:#FF0000; }
div.xForm ul { text-align:left;}
div.xForm input { margin:2px; border:1px solid #aaaaaa; }
div.xForm textarea { margin:2px; border:1px solid #aaaaaa; }
div.xForm fieldset { padding:0px 0px 10px 10px; margin: 10px 0px 10px 0px; }
div.xForm fieldset legend { color: Black; font-weight:bold; }
div.xForm fieldset label 
{	
	width: 10em;
	text-align: left;
	margin-right: 0.5em;
	display:inline;
	float:none;
}
div.xForm fieldset input {margin-left: 30px; margin-right: 3px; border:0px;}
div.xForm label
{ width: 10em; float: left; text-align: left; margin-right: 0.5em; margin-top:2px; display: block; }
.submit input
{margin-left: 4.5em;}

/*SECOND LIFE*/ 
#contentColumn table.LoginTable { font-size:76%; }
#contentColumn table.LoginTable tr td.addpadding { padding-top:4px;}
#contentColumn table.LoginTable a {color:#FF0000; text-decoration:underline; margin:4px;}
#contentColumn table.LoginTable input { margin-left:6px; border:1px #222222 solid;}
#contentColumn table.LoginTable select { margin-left:6px; border:1px #222222 solid;}

#contentColumn table.ContentTable { font-size:76%; }
#contentColumn table.ContentTable img.leftalign { margin:0px 4px 4px 0px; text-align:left; }
#contentColumn table.ContentTable tr.searchresult td { padding:4px 4px 4px 4px; border-bottom:1px solid #aaaaaa; }
#contentColumn table.ContentTable tr.bottomborder td { border-bottom:1px solid #aaaaaa; }
#contentColumn table.ContentTable tr.searchresult td img { margin:3px; }
#contentColumn table.ContentTable tr.searchresult td.small { width:30%; }
#contentColumn table.ContentTable tr td { padding-top:3px; }
#contentColumn table.ContentTable tr td.maintitle { font-weight:bold; font-size:112%; }
#contentColumn table.ContentTable tr td.mainlabel { font-weight:bold; }
#contentColumn table.ContentTable p { font-size:100%; }
#contentColumn table.ContentTable a {color:#FF0000; text-decoration:underline; margin:4px 4px 4px 4px;}
#contentColumn table.ContentTable input { margin-left:6px; border:1px #222222 solid; width:180px;}
#contentColumn table.ContentTable textarea { margin-left:6px; border:1px #222222 solid; width:180px;}
#contentColumn table.ContentTable select { margin-left:6px; border:1px #222222 solid; width:180px;}

#contentColumn table.SearchTable { font-size:76%; }
#contentColumn table.SearchTable tr td { padding-top:3px; }
#contentColumn table.SearchTable a {color:#FF0000; text-decoration:underline; margin:4px;}
#contentColumn table.SearchTable input { margin-left:6px; border:1px #222222 solid;}
#contentColumn table.SearchTable select { width:180px; margin-left:6px; border:1px #222222 solid;}