/*
    Style sheet updated 2008-05-02 22:43:22
*/

html
{
	height: 100%;
	width: 100%;

	margin: 0px;
	padding: 0px;
}

body
{
	height: 100%;
	width: 100%;

	margin: 0px;
	padding: 0px;

	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 8.5pt;
}

div
{
	margin: 0px;
	padding: 0px;

	display: block;
}

img
{
	margin: 0px;
	padding: 0px;
}

#div-root
{
	height: 759px;
	width: 900px;

	margin: 0px auto 0px auto;

	overflow: hidden;

	background-color: #ffffff;
}

#div-header
{
	height: 130px;
	width: 900px;

	/* WORKAROUND firefox: submenus not visible if 'overflow: hidden' */
	/*overflow: hidden;*/
}

#div-header-logos
{
	height: 100px;
	width: 900px;

	overflow: hidden;
}

#img-tricom-logo
{
	/* WARNING margin-top is absolute */
	/* margin-top = (#div-header.height - #img-tricom-logo.height) / 2 */
	/* margin-top = (100 - 69) / 2 = 15 */
	margin: 15px 0px 0px 0px;

	float: left;
}

.css-screen-hidable
{
	display: none;
}

#img-toshiba-logo
{
	/* WARNING margin-top is absolute */
	/* margin-top = (#div-header.height - #img-toshiba-logo.height) / 2 */
	/* margin-top = (100 - 60) / 2 = 20 */
	margin: 20px 0px 0px 0px;

	float: right;
}

#div-header-menu
{
	height: 30px;
	width: 900px;

	/* WORKAROUND firefox: see #div-header */
	/*overflow: hidden;*/
}

.horiz-menu
{
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/tdi/images/base/menu-bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

#ul-header-menu
{
	height: 30px;
	width: 900px;

	margin: 0px;
	padding: 0px;

	display: block;
	/* WORKAROUND firefox: see #div-header */
	/*overflow: hidden;*/
}

#li-hm-home
{
}

.li-hm-item
{
	margin: 0px;
	padding: 0px;

	display: block;
	float: left;
}

#div-hm-home
{
}

.div-hm-item
{
	display: block;
}

#a-hm-home
{
}

.a-hm-item
{
	margin: 0px;
	/* TODO determine appropriate value for padding-top and padding-bottom */
	padding: 10px 15px 10px 15px;

	font-weight: bold;

	text-decoration: none;
	text-transform: uppercase;

	/* WORKAROUND all: no vertical alignment for blocks */
	line-height: 30px;

	color: #ffffff;
}

#li-hm-notebooks
{
}

#div-hm-notebooks
{
}

#a-hm-notebooks
{
}

#ul-hm-notebooks
{
}

.ul-hm-item
{
	/* TODO set appropriate width */
	width: 15%;

	margin: 0px;
	padding: 0px;

	display: block;
	visibility: hidden;
	z-index: 10;

	position: absolute;
	/*left: 0px;
	top: 0px;*/

	border-style: solid;
	border-width: 1px;
}

#li-hm-satellite
{
}

.li-hm-subitem
{
	margin: 0px;
	padding: 0px;

	display: block;

	border-style: solid;
	border-width: 1px;
}

.a-hm-subitem
{
	font-family: Arial;
	font-size: 9pt;
}

.a-hm-subitem:link, .a-hm-subitem:active, .a-hm-subitem:visited
{
	margin: 0px;
	padding: 5px;

	display: block;

	font-weight: normal;
	text-decoration: none;

	background-color: #ffffff;
	color: #000000;
}

.a-hm-subitem:hover
{
	/*font-weight: bold;*/

	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/tdi/images/base/menu-bg.gif);
	background-position: top left;
	background-repeat: repeat-x;

	color: #ffffff;
}

#li-hm-tecra
{
}

#li-hm-portege
{
}

#li-hm-qosmio
{
}

#li-hm-projectors
{
}

#div-hm-projectors
{
}

#a-hm-projectors
{
}

#ul-hm-projectors
{
}

#li-hm-microportable
{
}

#li-hm-lcd-dlp
{
}

#li-hm-wireless
{
}

#li-hm-copiers-fax
{
}

#div-hm-copiers-fax
{
}

#a-hm-copiers-fax
{
}

#ul-hm-copiers-fax
{
}

#li-hm-black-and-white
{
}

#li-hm-color-capable
{
}

#li-hm-full-color
{
}

#li-hm-fax
{
}

#li-hm-careers
{
}

#div-hm-careers
{
}

#a-hm-careers
{
}

#li-hm-about-us
{
}

#div-hm-about-us
{
}

#a-hm-about-us
{
}

#li-hm-contact-us
{
}

#div-hm-contact-us
{
}

#a-hm-contact-us
{
}

#div-body
{
	height: 390px;
	width: 900px;

	margin: 3px 0px 0px 0px;

	overflow: hidden;

	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/tdi/images/base/home-bg.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}

#ul-body-main
{
	height: 390px;
	width: 900px;

	margin: 0px;
	padding: 0px;

	display: block;
	overflow: hidden;
}

.li-body-frame
{
	height: 390px;
	width: 900px;

	margin: 0px;
	padding: 0px;

	display: block;
	overflow: hidden;
}

.div-body-frame
{
	height: 390px;
	width: 900px;

	overflow: hidden;
	visibility: hidden;
}

.h3-body-item
{
	height: 390px;
	width: 900px;

	display: block;

	text-indent: -1024px;
}

.a-body-item
{
	height: 390px;
	width: 900px;

	display: block;

	text-indent: -1024px;
}

.div-body-prev-next
{
	text-indent: -1024px;
}

.a-body-prev
{
}

.a-body-next
{
}

#div-body-navigation
{
	padding: 10px;

	color: #ffffff;
}

.a-body-nav-link
{
	font-family: Verdana;
	font-size: 8.5pt;

	font-weight: bold;
	text-decoration: none;

	text-transform: uppercase;

	color: #ffffff;
}

#div-footer
{
	height: 230px;
	width: 900px;

	/* TODO this should be in #div-footer-menu */
	margin: 3px 0px 0px 0px;

	overflow: hidden;
}

#div-footer-menu
{
	height: 30px;
	width: 900px;

	overflow: hidden;
}

#div-footer-products-menu
{
	height: 200px;
	width: 900px;

	margin: 3px 0px 0px 0px;

	overflow: hidden;
}

#ul-products-menu
{
	height: 200px;
	width: 900px;

	margin: 0px;
	padding: 0px;

	display: block;
	overflow: hidden;
}

.li-pm-item
{
	height: 200px;
	/*width: 300px;*/

	/*margin: 0px;*/
	padding: 0px;

	display: block;
	overflow: hidden;

	float: left;
}

.div-pm-item
{
	/*height: 200px;*/
	/* .li-pm-item.height - background-image border top */
	/* 200 - 2 = 198 */
	height: 198px;
	/* defer width definition */
	/*width: 300px;*/

	margin: 2px 2px 0px 2px;

	overflow: hidden;
}

.a-pm-item
{
}

.ul-pm-item
{
	height: 198px;
	/* defer width definition*/

	margin: 0px;
	padding: 0px;

	display: block;
	overflow: hidden;
}

.li-pm-subitem
{
	height: 198px;
	/* defer width definition */
	/*width: 300px;*/

	margin: 0px;
	padding: 0px;

	display: block;
	overflow: hidden;

	float: left;
}

.div-pm-subitem
{
	height: 198px;
	/* defer width definition */
	/*width: 298px;*/

	overflow: hidden;
}

.h3-pm-subitem
{
	height: 140px;
	/* width: no need to set width because 'display: block'? */

	margin: 0px;
	padding: 0px;

	display: block;
	overflow: hidden;
}

.a-pm-subitem
{
	height: 140px;
	/* width: see .h3-pm-subitem.height */

	margin: 0px;
	padding: 0px;

	display: block;
	overflow: hidden;

	font-size: 8.5pt;
	font-weight: bold;

	text-decoration: none;
	text-transform: uppercase;
	/* hide text */
	text-indent: -1024px;

	color: #083848;
}

.div-pm-subitem-descr
{
	height: 35px;
	/* width: see .h3-pm-subitem.height */

	margin: 0px;
	padding: 0px 10px 0px 10px;

	display: block;
	/* follow height strictly */
	overflow: hidden;
}

.p-pm-subitem-descr
{
	margin: 0px;
	padding: 0px;

	font-family: Arial;
	font-size: 9pt;

	text-align: center;

	color: #302888;
}

.div-pm-prev-next
{
	/* height: .div-pm-subitem.height -
	   (.h3-pm-subitem.height + .div-pm-subitem-descr.height)
	   198 - (140 + 35) = 23 */
	/* height: image height + padding-top + padding-bottom */
	/* 15 + 4 + 4 */
	height: 23px;
	/* no need to specify width because 'float: right'? */

	margin: 0px;
	padding: 4px 10px 4px 10px;

	display: block;
	overflow: hidden;

	float: right;
}

.a-pm-prev, .a-pm-next, .a-pm-first, .a-pm-last
{
	/* IMPORTANT height and width should be the same as background-image's */
	height: 15px;
	width: 18px;

	margin: 0px;
	padding: 0px;

	display: block;
	overflow: hidden;
	float: left;

	background-attachment: scroll;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;

	/* hide text */
	text-indent: -1024px;
}

.a-pm-prev
{
	background-image: url(/tdi/images/base/small-arrow-left.gif);
}

.a-pm-prev-next
{
}

.a-pm-next
{
	background-image: url(/tdi/images/base/small-arrow-right.gif);
}

.a-pm-first
{
	background-image: url(/tdi/images/base/small-arrow-first.gif);
}

.a-pm-last
{
	background-image: url(/tdi/images/base/small-arrow-last.gif);
}

/* common formatting styles */
.p-default
{
	font-family: Arial;
	font-size: 9pt;

	text-align: justify;

	line-height: 200%;

	color: #ffffff;
}

.a-default
{
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;

	color: #ffffff;
}

.ul-default
{
}

.ul-subitem
{
	margin-bottom: 18pt; /* default font-size x 2 */
}

.li-default
{
	font-family: Arial;
	font-size: 9pt;

	line-height: 200%;

	color: #ffffff;
}

.addr-center
{
	font-family: Arial;
	font-size: 9pt;
	font-style: normal;

	text-align: center;
	line-height: 200%;

	color: #ffffff;
}

.span-emphasis
{
	font-weight: bold;
}

.span-header
{
    font-weight: bold;
}

.h3-default
{
	font-family: Arial;
	font-size: 9pt;

	font-weight: bold;

	color: #ffffff;
}

#div-body-navigation
{
    /* copied from family.css: #div-fm-navigation, #div-fm-body */
	/* #div-family-main.height - padding-top - padding-bottom:
	   390 - 10 - 10 = 370 */
	height: 370px;
	/* #div-family-main.width - padding-left - padding-right:
	   450 - 10 - 10 = 430 */
	width: 430px;

	padding: 10px;

	overflow: hidden;

	float: left;
}

.a-body-nav-link
{
	font-family: Verdana;
	font-size: 8.5pt;

	font-weight: bold;

	text-transform: uppercase;
}

/* $$NOTE$$: does '.a-body-link' exist? */
.a-body-nav-link:active, .a-body-nav-link:link, .a-body-nav-link:visited,
.a-body-link:active, .a-body-link:link, .a-body-link:visited
{
	text-decoration: none;

	color: #ffffff;
}