/*----------------------------------------------------------------------

DUPLO CSS (Group)

------------------------------------------------------------------------
[ Table of Contents ]
------------------------------------------------------------------------
1. RESET
2. BODY
3. TEXT
4. HEADER
5. TOP MENU
6. TOP PAGE
7. LEFT MENU
8. SECTION TITLE BARS
9. BREADCRUMBS
10. BUTTONS
11. SECTION TEXT
12. SUBTITLES
13. TABLES
14. FORMS
15. PRIVACY POLICY / TERMS
16. BACK TO TOP
17. FOOTERS
18. COPYRIGHT

------------------------------------------------------------------------
[ Colour Table ]
------------------------------------------------------------------------
Colour				100%				60%					30%

Duplo Blue		#10218B			#9A9AB7			#D1D1DD
Gray					#96A9B3			#C0CDD4			#E0E7EA
Orange				#ED6D00			#F5AA68			#FBD6B4
Red					#C81528			#DC8068			#EEC2B1
Purple				#7F1084			#AE76B0			#D5BCDA
Brown				#BE9E7E			#D8C4B1			#EBE2D8
Green				#6FBA2C			#B2D581			#DBEBC4
Blue					#00A0E9			#54C3F1			#BAE3F9

------------------------------------------------------------------------
Other Grays		#333
						#777
						#CCC
						#DDD
						#EEE
						#F7F7F7


----------------------------------------------------------------------*/




/* 1. RESET ----------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
h2{
	font-size:15px;
}
q:before,q:after {
	content:'';
}

abbr,acronym { 
	border:0;
}

pre,code,kbd,samp,tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

table {
	font-size:inherit;
	font:100%;
}


/* 2. BODY ----------------------------------------------------------------------*/

/*link colours*/
#red-back #section-txt a{
color:#C81528;
}

#dblue-back #section-txt a{
	color:#10218B;
}

#green-back #section-txt a{
color:#6FBA2C;
}

#purple-back #section-txt a{
color:#7F1084;
}
#gray-back #section-txt a{
	color:#688391;
}

#blue-back #section-txt a{
color:#00A0E9;
}

#orange-back #section-txt a{
color:#ED6D00;
}
#brown-back #section-txt a{
color:#BE9E7E;
}

body {
	font:13px/1.231 Verdana, "‚l‚r ‚oƒSƒVƒbƒN",  "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Helvetica, sans-serif;
	*font-size:small;
	*font:x-small;
}

#dblue-back {
	background: url(images/bg-dblue.jpg) no-repeat scroll 50% 0pt;
}

#orange-back {
	background: url(images/bg-orange.jpg) no-repeat scroll 50% 0pt;
}

#green-back {
	background: url(images/bg-green.jpg) no-repeat scroll 50% 0pt;
}

#blue-back {
	background: url(images/bg-blue.jpg) no-repeat scroll 50% 0pt;
}

#purple-back {
	background: url(images/bg-purple.jpg) no-repeat scroll 50% 0pt;
}

#brown-back {
	background: url(images/bg-brown.jpg) no-repeat scroll 50% 0pt;
}

#red-back {
	background: url(images/bg-red.jpg) no-repeat scroll 50% 0pt;
}
#gray-back{
	background: url(images/bg-gray.jpg) no-repeat scroll 50% 0pt;
}

#container {
	width: 760px;
	margin-top: 38px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
}

/* 3. TEXT ----------------------------------------------------------------------*/

/*
FONT SIZE CHART
 
[77% = 10px]
[85% = 11px]
[93% = 12px] (was 92%)
[100% = 13px]
[108% = 14px] (was 107%)
[116% = 15px] (was 114%)
[123.1% = 16px] (was 122%)
[131% = 17px] (was 129%)
[138.5% = 18px] (was 136%)
[146.5% = 19px] (was 144%)
[153.9% = 20px] (was 152%)
[161.6% = 21px] (was 159%)
[167% = 22px]
[174% = 23px]
[182% = 24px]
[189% = 25px]
[197% = 26px]
*/

p {
/*	width: 515px;*/
	/*padding-left: 6px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 100%;
	line-height: 22px;
	color: #333;
}

.small {
	width: 515px;
	padding-left: 6px;
	padding-bottom: 5px;
	font-size: 77%;
	line-height: 22px;
	color: #333;
}

#about-col-txt p {
	width: 700px;
	font-size: 100%;
	line-height: 22px;
	color: #333;
}

#prod-overview-txt p {
	width: 675px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 100%;
	text-align: left;
	line-height: 22px;
	color: #333;
}

.p-right {
	text-align: right;
}

.p-strong {
	font-weight: bold;
}

h3 {
	font-weight: bold;
	line-height: 22px;
}

h4 {
	font-weight: normal;
	line-height: 22px;
}

th {
	color: #333;
}

td {
	color: #333;
}

/* 4. HEADER ----------------------------------------------------------------------*/

#header {
	overflow:hidden;
	_height:55px;
}

#header-left {
	padding-left: 20px;
	float: left;
	width: 490px;
}

#header-right {
	padding-right: 10px;
	float: right;
	width: 170px;
}

#logo {
	float: left;
}

#logo-jp {
	float: right;
	margin-right:10px;
	display:inline;
	font-size:80%;
}

#shadow-top {
	background: url(images/shadow-top.gif) no-repeat bottom;
	height: 10px;
	margin-bottom: 0;
	display: block;
}

#shadow-btm {
	background: url(images/shadow-btm.gif) no-repeat bottom;
	height: 25px;
	margin-bottom: 0;
	display: block;
	clear: left;
}

/* Site Search */

#search {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}

#search input[type=text], input[type=password] {
	width: 130px;
	height: 18px;
	background: #EEE;
	border: 2px solid #CCC; 
}

#search, #submit {
}

#submit {
	margin-left: 5px;
}

/* 5. TOP MENU ----------------------------------------------------------------------*/

#top-nav a {
	background: url(images/top-nav.gif) no-repeat 0 0;
	width: 760px;
	height: 40px;
	display: block;
	text-indent: -999em;
	overflow: hidden;
}

#top-nav li {
	float: left;
	position: relative;
}

#nav-left {
	background: url(images/top-nav.gif) no-repeat 0 0;
	height: 40px;
 	width: 18px;
 	background-color: #EEE;
	display: block;
	text-indent: -999em;
	overflow: hidden;
}

#nav-right {
	background: url(images/top-nav.gif) no-repeat -743px 0;
	height: 40px;
 	width: 17px;
 	background-color: #EEE;
	display: block;
	text-indent: -999em;
	overflow: hidden;
}

/* --default--  */
#home a { background-position: -18px 0; width: 43px; }
#corporate a {	background-position: -61px 0; width: 88px; }
#products a { background-position: -149px 0; width: 84px; }
#environment a { background-position: -233px 0; width: 106px; }
#news a { background-position: -339px 0; width: 114px; }
#recruitment a { background-position: -453px 0; width: 78px; }
#login a { background-position: -531px 0; width: 115px; }
#contact a { background-position: -646px 0; width: 97px; }


/* --hover--  */
#home a:hover { background-position: -18px -40px; width: 43px; }
#corporate a:hover { background-position: -61px -40px; width: 88px; }
#products a:hover { background-position: -149px -40px; width: 84px; }
#environment a:hover { background-position: -233px -40px; width: 106px; }
#news a:hover { background-position: -339px -40px; width: 114px; }
#recruitment a:hover { background-position: -453px -40px; width: 78px; }
#login a:hover { background-position: -531px -40px; width: 115px; }
#contact a:hover { background-position: -646px -40px; width: 97px; }


/* --click--  */
#home a:active { background-position: -18px -80px; width: 43px; }
#corporate a:active { background-position: -61px -80px; width: 88px; }
#products a:active { background-position: -149px -80px; width: 84px; }
#environment a:active { background-position: -233px -80px; width: 106px; }
#news a:active { background-position: -339px -80px; width: 114px; }
#recruitment a:active { background-position: -453px -80px; width: 78px; }
#login a:active { background-position: -531px -80px; width: 115px; }
#contact a:active { background-position: -646px -80px; width: 97px; }


/* 6. TOP PAGE  ----------------------------------------------------------------------*/

#top-photo {
	background-color: #D1D1DD;
	padding: 10px;
}

#prod-banner {
	height: 110px;
	background-color: #D1D1DD;
	padding: 5px;
}

#prod-banner a {
	padding: 5px;
}

#news-col {
	width: 760px;
	float: left;
	margin-bottom: 10px;
}

#news-col-t {
	float: left;
	margin-top: 8px;
	margin-left: 8px;
}

#news-over {
	float: right;
	margin-top: 10px;
	margin-right: 15px;
}

#news-col-txt {
	width: 720px;
	margin-top: 45px;
	margin-left: 20px;
}

#news-col-txt a {
	text-decoration: none;
	color: #10218B;
}

#news-col-txt a:hover {
	text-decoration: underline;
}

#news-ov-txt a {
	text-decoration: none;
	color: #10218B;
}

#news-ov-txt a:hover {
	text-decoration: underline;
}

.date {
	width: 80px;
	font-size: 93%;
	color: #333;
	line-height: 22px;
}

.subject {
	width: 60px;
	font-size: 93%;
	color: #777;
}

/* 7. LEFT MENU ----------------------------------------------------------------------*/

#left-menu {
	width: 185px;
	_width: 180px;
	height: 640px;
	float: left;
	display: block;
	font-weight: bold;
	padding-left:10px;
}

#left-menu ul {
	/*this class won't be used as it is replaced by topLevel and level2 but I kept it in just for reference*/

	/*padding-top: 35px;*/
	padding-top: 0px;
	/*padding-left: 12px;*/
	padding-left: 0px;
	/*font-size: 85%;*/
	font-size: 11px;
	line-height: 20px;
}

#left-menu .topLevel {
	/*padding-top: 35px;*/
	padding-top: 35px;
	/*padding-left: 12px;*/
	padding-left: 7px;
	/*font-size: 85%;*/
	font-size: 11px;
	line-height: 20px;
}

#left-menu .level2 {
	padding-left:5px;
}

.menu a {
	display: block;
	height: 20px;
	color: #555;
	font-weight: bold;
	padding: 0 0 0 5px;
	text-decoration: none;
}

.menu a:hover {
	display: block;
	background-image: url(images/l-menu-gray.gif);
	background-repeat: no-repeat;
	background-position: -0px 0;
}

.prod-menu a {
	display: block;
	height: 20px;
	color: #555;
	font-weight: bold;
	padding: 0 0 0 10px;
	text-decoration: none;
}

.prod-menu a:hover {
	display: block;
	background: url(images/l-menu-gray.gif) no-repeat 5px 0;
}

.prod-submenu {
	padding-left: 8px;
}

.prod-submenu a {
	display: block;
	height: 20px;
	color: #555;
	font-weight: bold;
	padding: 0 0 2px 10px;
	text-decoration: none;
}

.prod-submenu a:hover {
	display: block;
	background: url(images/l-menu-gray.gif) no-repeat 5px 0;
}

.prod-menu-extra {
	padding-left: 6px;
}

/* Highlight (on) Colours 
Duplo Blue		#10218B			#9A9AB7			#D1D1DD
Gray					#96A9B3			#C0CDD4			#E0E7EA
Orange				#ED6D00			#F5AA68			#FBD6B4
Red					#C81528			#DC8068			#EEC2B1
Purple				#7F1084			#AE76B0			#D5BCDA
Brown				#BE9E7E			#D8C4B1			#EBE2D8
Green				#6FBA2C			#B2D581			#DBEBC4
Blue					#00A0E9			#54C3F1			#BAE3F9*/

#left-menu a.dblue-on {
	color: #FFF;
	background: url(images/l-menu-dblue.gif) no-repeat 0px 0;
}

#left-menu.dblue-menu a:active {
	color: #FFF;
	background: url(images/l-menu-dblue.gif) no-repeat 0px 0;
}
#left-menu .dblue-lborder {
	border-left:1px solid #10218B;
}

#left-menu a.orange-on {
	color: #FFF;
	background: url(images/l-menu-orange.gif) no-repeat 0px 0;
}

#left-menu.orange-menu a:active {
	color: #FFF;
	background: url(images/l-menu-orange.gif) no-repeat 0px 0;
}
#left-menu .orange-lborder {
	border-left:1px solid #ED6D00;
}
#left-menu a.green-on {
	color: #FFF;
	background: url(images/l-menu-green.gif) no-repeat 0px 0;
}

#left-menu.green-menu a:active {
	color: #FFF;
	background: url(images/l-menu-green.gif) no-repeat 0px 0;
}
#left-menu .green-lborder {
	border-left:1px solid #6FBA2C;
}
#left-menu a.blue-on {
	color: #FFF;
	background: url(images/l-menu-blue.gif) no-repeat 0px 0;
}

#left-menu.blue-menu a:active {
	color: #FFF;
	background: url(images/l-menu-blue.gif) no-repeat 0px 0;
}
#left-menu .blue-lborder {
	border-left:1px solid #00A0E9;
}
#left-menu a.purple-on {
	color: #FFF;
	background: url(images/l-menu-purple.gif) no-repeat 0px 0;
}

#left-menu.purple-menu a:active {
	color: #FFF;
	background: url(images/l-menu-purple.gif) no-repeat 0px 0;
}
#left-menu .purple-lborder {
	border-left:1px solid #7F1084;
}
#left-menu a.gray-on {
	color: #FFF;
	background: url(images/l-menu-dgray.gif) no-repeat 0px 0;
}

#left-menu.gray-menu a:active {
	color: #FFF;
	background: url(images/l-menu-dgray.gif) no-repeat 0px 0;
}
#left-menu .gray-lborder {
	border-left:1px solid #96A9B3;
}
#left-menu a.brown-on {
	color: #FFF;
	background: url(images/l-menu-brown.gif) no-repeat 0px 0;
}

#left-menu.brown-menu a:active {
	color: #FFF;
	background: url(images/l-menu-brown.gif) no-repeat 0px 0;
}
#left-menu .brown-lborder {
	border-left:1px solid #BE9E7E;
}
#left-menu a.red-on {
	color: #FFF;
	background: url(images/l-menu-red.gif) no-repeat 0px 0;
}

#left-menu.red-menu a:active {
	color: #FFF;
	background: url(images/l-menu-red.gif) no-repeat 0px 0;
}
#left-menu .red-lborder {
	border-left:1px solid #C81528;
}
/* 8. SECTION TITLE BARS ----------------------------------------------------------------------*/

#section-tb {
	padding-bottom: 15px;
}

/* 9. BREADCRUMBS */

#breadcrumbs {
	float: right;
	font-size: 85%;
	padding-right: 5px;
}

#breadcrumbs a {
	color: #333 !important;
	text-decoration: none;
}		

#breadcrumbs a:hover {
	text-decoration: underline;
}

/* Highlight (on) Colours */

#breadcrumbs a.dblue-on {
	color: #10218B !important;
}

#breadcrumbs a.green-on {
	color: #6FBA2C !important;
}

#breadcrumbs a.orange-on {
	color: #ED6D00 !important;
}

#breadcrumbs a.blue-on {
	color: #00A0E9 !important;
}

#breadcrumbs a.purple-on {
	color: #7F1084 !important;
}

#breadcrumbs a.brown-on {
	color: #BE9E7E !important;
}

#breadcrumbs a.red-on {
	color: #C81528 !important;
}
#breadcrumbs a.gray-on {
	color:#96A9B3 !important;
}

/* IMAGES ----------------------------------------------------------------------*/

#enviro-report {
	padding-top: 20px;
	padding-right: 8px;
	display: block;
	float: right;
}
	
#enviro-diagram {
	text-align: left;
}

#enviro-diagram img {
	padding-top: 20px;
	padding-bottom: 20px;
}

#ecomark-large {
	width: 320px;
	text-align: center;
}

/* 10. BUTTONS ----------------------------------------------------------------------*/

/* Careers */

#buttons-recruit {
	padding-top: 30px;
}

#buttons-recruit img {
	margin-left: 20px;
}

/* Duplo Group */

#buttons-d-group-map {
	padding-top: 5px;
	padding-bottom: 15px;
	display: block;
	width: 525px;
	height: 185px;
	background: #FFF url(images/btn-d-group-map.gif) no-repeat center;
	position: relative;
}

#btn-d-group-1 {
	display: block; 
	width: 165px;
	height: 28px;
	position: absolute;
	left: 347px;
	top: 22px;
}

#btn-d-group-2 {
	display: block; 
	width: 165px;
	height: 28px;
	position: absolute;
	left: 347px;
	top: 56px;
}

#btn-d-group-3 {
	display: block; 
	width: 165px;
	height: 28px;
	position: absolute;
	left: 347px;
	top: 90px;
}

#btn-d-group-4 {
	display: block; 
	width: 165px;
	height: 28px;
	position: absolute;
	left: 347px;
	top: 124px;
}

#btn-d-group-5 {
	display: block; 
	width: 165px;
	height: 28px;
	position: absolute;
	left: 347px;
	top: 158px;
}

/* Product Overview */

#prod-overview ul {
	text-indent: -999em;
}

#prod-overview li {
	float: left;
	position: relative;
	padding: 6px 4px 6px 4px;
}

#btn-prod-type1 a {	width: 220px; height: 128px; display: block; overflow: hidden; background: url(images/prod-duplicators.jpg) no-repeat; }
#btn-prod-type1 a:hover { background-position: 0 -128px;}

#btn-prod-type2 a {	width: 220px; height: 128px; display: block; overflow: hidden; background: url(images/prod-collators.jpg) no-repeat; }
#btn-prod-type2 a:hover { background-position: 0 -128px;}

#btn-prod-type3 a {	width: 220px; height: 128px; display: block; overflow: hidden; background: url(images/prod-folders.jpg) no-repeat; }
#btn-prod-type3 a:hover { background-position: 0 -128px;}

#btn-prod-type4 a {	width: 220px; height: 128px; display: block; overflow: hidden; background: url(images/prod-d-collators.jpg) no-repeat; }
#btn-prod-type4 a:hover { background-position: 0 -128px;}

#btn-prod-type5 a {	width: 220px; height: 128px; display: block; overflow: hidden; background: url(images/prod-n-collators.jpg) no-repeat; }
#btn-prod-type5 a:hover { background-position: 0 -128px;}

#btn-prod-type6 a {	width: 220px; height: 128px; display: block; overflow: hidden; background: url(images/prod-b-readers.jpg) no-repeat; }
#btn-prod-type6 a:hover { background-position: 0 -128px;}

#btn-prod-type7 a {	width: 220px; height: 128px; display: block; overflow: hidden; background: url(images/prod-f-bursters.jpg) no-repeat; }
#btn-prod-type7 a:hover { background-position: 0 -128px;}

#btn-prod-type8 a {	width: 220px; height: 128px; display: block; overflow: hidden; background: url(images/prod-m-sealers.jpg) no-repeat; }
#btn-prod-type8 a:hover { background-position: 0 -128px;}

#btn-prod-type9 a {	width: 220px; height: 128px; display: block; overflow: hidden; background: url(images/prod-others.jpg) no-repeat; }
#btn-prod-type9 a:hover { background-position: 0 -128px;}

/* Products */

#buttons-prod {
	/*padding-top: 10px;*/
	padding-bottom: 20px;
	display: block;
	width: 525px;
}

#buttons-prod dl {
	position: relative;
}

#buttons-prod-large {
	padding-top: 10px;
	padding-bottom: 20px;
	display: block;
	width: 525px;
	height: 410px;
	position: relative;
}

.btn-prod-eco {
	display: block;
	width: 88px;
	height: 52px;
	position: absolute;
	left: 260px;
	top: 230px;
}

.btn-prod-1 {
	display: block; 
	width: 190px;
	height: 24px;
	position: absolute;
	left: 324px;
	top: 230px;
}

.btn-prod-2 {
	display: block; 
	width: 190px;
	height: 24px;
	position: absolute;
	left: 324px;
	top: 260px;
}

.btn-prod-3 {
	display: block; 
	width: 190px;
	height: 24px;
	position: absolute;
	left: 324px;
	top: 290px;
}

.btn-prod-4 {
	display: block; 
	width: 190px;
	height: 24px;
	position: absolute;
	left: 324px;
	top: 350px;
}

.btn-prod-5 {
	display: block; 
	width: 190px;
	height: 24px;
	position: absolute;
	left: 324px;
	top: 380px;
}

#support-download-btn {
	text-align: center;
	width: 525px;
	margin-top: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #BAE3F9;
}

#support-download-btn img {
	padding: 5px;
}

/* 11. SECTION TEXT  ----------------------------------------------------------------------*/

#section-txt {
	width: 530px;
	display: block;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 50px;
	padding-left: 0;
	margin-left: 200px;
}

#section-txt-prod {
	width: 690px;
	display: block;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 20px;
	margin-left: 20px;
}

/* 12. SUBTITLES ----------------------------------------------------------------------*/

/* Products */

.subtitle-products {
	padding: 15px 0 5px 5px;
	color: #00A0E9;
	text-align: left;
}

.subtitle-products h3 {
	padding: 15px 0 5px 10px;
	color: #00A0E9;
	text-align: left;
}

.bartitle-products {
	/*margin-top: 15px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	display: block;
	width: 515px;
	font-weight: bold;
	color: #000;
	background-color: #BAE3F9;
	font-size:14px;
}

#description-table-products {
	margin-top: 15px;
	font-size:11px;
}

#section-txt #description-table-products p {
	line-height:13px;
	padding:0;
}

#section-txt #description-table-products td {
	
	padding:10px 5px 10px 5px;
}

#section-txt #description-table-products td ul {
	padding-left:0;
	margin-left:15px;
	list-style-type: disc;	
}

.subtitle-products-red {
	padding: 15px 0 5px 5px;
	color: #C81528;
	text-align: left;
}

/* Environment */

.subtitle-enviro {
	padding: 15px 0 0 5px;
	color: #6FBA2C;
	text-align: left;
}

/* Contact */

.subtitle-contact {
	padding: 15px 0 15px 5px;
	color: #BE9E7E;
	text-align: left;
}

/* 13. TABLES ----------------------------------------------------------------------*/

/* ALL tables */

.table-notes {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 77%;
	color: #777;
}

.table-stripe {
	background-color: #F7F7F7
}

.white-area {
	background-color: #FFF; 
}

.gray-area {
	background-color: #F7F7F7; 
}

.align-center {
	text-align: center;
}

/* news top */

#news-col-txt table {
	width: 720px;
	border-top: 1px solid #CCC;
}

#news-col-txt th, #news-col-txt td {
	padding: 6px;
	border-bottom: 1px solid #DDD;
}

/* news overview */

#news-ov-txt table {
	width: 525px;
	border-top: 1px solid #CCC;
}

#news-ov-txt th, #news-ov-txt td {
	padding: 6px;
	border-bottom: 1px solid #DDD;
}

/* duplo group */

#table-d-group table {
	width: 525px;
}

#table-d-group th {
	padding: 4px 6px 4px 6px;
	vertical-align: text-top;
	font-weight: bold;
	color: #C81528;
	line-height: 22px;
}

#table-d-group td {
	padding: 6px 0px 6px 6px;
	line-height: 20px;
}

#table-d-group a {
	color: #C81528;
	text-decoration: none;
}

#table-d-group a:hover {
	text-decoration: underline;
}
	
#table-d-group .location {
	width: 525px;
	background-color: #F7F7F7;
	border-top: 2px solid #EEC2B1;
	border-bottom: 2px solid #EEC2B1;
}

#table-d-group .add-offices {
	text-align: left;
}

/* products */

#table-products td {
	padding: 4px;
}

.fadeline {
	height: 15px;
	background: url(images/prod-fadeline.gif) no-repeat;
}

#prod-overview {
}

#prod-extras img {
	padding-top: 6px;
	padding-bottom: 8px;
}

#prod-example-btn img {
	padding-bottom: 10px;
}

.app-example-circle {
	list-style: circle;
	list-style-position: inside;
	line-height: 22px;
	margin: 5px 0 5px 25px;	
	color: #333;
}

.app-example-disc {
	list-style: disc;
	list-style-position: inside;
	line-height: 22px;
	margin: 5px 0 5px 25px;	
	color: #333;
}

#bar-app-examples img {
	padding-top: 20px;
	padding-bottom: 5px;
}

/* product extras */

#prod-extras table {
	width: 525px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#prod-extras th {
	padding: 4px;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	border: 1px solid #DDD;
}

#prod-extras td {
	padding: 4px;
	font-size: 85%;
	border: 1px solid #DDD;
}

/* product options */


#prod-options table {
	width: 525px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#prod-options th {
	padding: 10px 6px 10px 6px;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	border: 1px solid #DDD;
}

#prod-options td {
	padding: 10px 6px 10px 6px;
	font-size: 85%;
	border: 1px solid #DDD;
}

/* product support */

#prod-support table {
	width: 490px;
	margin-left: 35px;
}

#prod-support th {
	padding: 4px 6px 4px 6px;
	vertical-align: text-top;
	width: 80px;
	font-size: 85%;
	color: #00A0E9;
	line-height: 22px;
}

#prod-support td {
	padding: 6px 0px 6px 6px;
	font-size: 85%;
	line-height: 20px;
}

#prod-support a {
	color: #00A0E9;
	text-decoration: none;
}

#prod-support a:hover {
	text-decoration: underline;
}
	
#prod-support .drivername {
	margin-top: 15px;
	background-color: #F7F7F7;
	font-weight: bold;
	border-top: 2px solid #BAE3F9;
	border-bottom: 2px solid #BAE3F9;
}

.prod-support-disc {
	list-style: disc;
	list-style-position: inside;
	line-height: 22px;
	margin: 5px 0 5px 25px;	
	color: #333;
}

/* product icon glossary */

#icon-glossary table {
	width: 495px;
	margin-left: 5px;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

#icon-glossary th {
	padding: 30px 0 15px 0;
	text-align: center;
	vertical-align: bottom;
	border-left: 1px solid #DDD;
}

#icon-glossary td {
	padding: 0 20px 0 20px;
	line-height: 18px;
	text-align: justify;
	font-size: 85%;
	vertical-align: top;
	border-left: 1px solid #DDD;
}

/* product icons */

#prod-icons-table table {
	width: 525px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#prod-icons-table td {
	padding: 5px;
}

/* product specification table */

#product-spec-table table {
	width: 525px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 85%;
}

#product-spec-table td {
	padding: 5px;
	line-height: 18px;
	border: 1px solid #DDD;
}

/* environment companies  */

#table-enviro-comp table {
	width: 525px;
}

#table-enviro-comp th {
	padding: 20px 6px 4px 6px;
	vertical-align: text-top;
	font-weight: bold;
	color: #6FBA2C;
	line-height: 22px;
}

#table-enviro-comp td {
	padding: 12px 0px 12px 12px;
	line-height: 20px;
	background-color: #F7F7F7;
	border-top: 2px solid #DBEBC4;
	border-bottom: 2px solid #DBEBC4;
}

#table-enviro-comp a {
	color: #6FBA2C;
	text-decoration: none;
}

#table-enviro-comp a:hover {
	text-decoration: underline;
}

.location {
	width: 380px;
}

/* environment product table */

#table-enviro-prod table {
	width: 525px;
	margin-top: 15px;
}

#table-enviro-prod th {
	padding: 8px 6px 8px 6px;
	vertical-align: text-top;
	font-weight: bold;
	font-size: 85%;
	color: #6FBA2C;
	text-align: center;
	line-height: 16px;
	border: 1px solid #DDD;
	border-top: 3px solid #DBEBC4;
	border-bottom: 3px solid #DBEBC4;
	background-color: #F7F7F7;
}

#table-enviro-prod td {
	padding: 6px 0px 6px 6px;
	font-size: 85%;
	line-height: 20px;
	text-align: center;
	border: 1px solid #DDD;
}

#enviro-eco-prod {
	text-align: center;
}

#enviro-eco-prod img {
	padding: 8px 5px 8px 5px;
}

/* environment product table */

#table-enviro-hist table {
	width: 525px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: 3px solid #B2D581;
}

#table-enviro-hist th {
	padding: 6px 6px 6px 0px;
	vertical-align: text-top;
	font-weight: bold;
	line-height: 22px;
	border-bottom: 1px solid #DDD;
}

#table-enviro-hist td {
	padding: 6px 6px 6px 6px;
	vertical-align: text-top;
	line-height: 22px;
	border-bottom: 1px solid #DDD;
}

/* recruit */

#table-recruit table {
	width: 525px;
}

#table-recruit th {
	padding: 20px 6px 4px 6px;
	vertical-align: text-top;
	font-weight: bold;
	color: #7F1084;
	line-height: 22px;
}

#table-recruit td {
	padding: 12px 0px 12px 12px;
	line-height: 20px;
	background-color: #F7F7F7;
	border-top: 2px solid #D5BCDA;
	border-bottom: 2px solid #D5BCDA;
}

#table-recruit a {
	color: #7F1084;
	text-decoration: none;
}

#table-recruit a:hover {
	text-decoration: underline;
}


/* company history */

#table-history table {
	width: 525px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: 3px solid #DC8068;
}	

#table-history th {
	padding: 6px 6px 6px 0px;
	vertical-align: text-top;
	font-weight: bold;
	line-height: 22px;
	border-bottom: 1px solid #DDD;
}

#table-history td {
	padding: 6px 6px 6px 6px;
	vertical-align: text-top;
	line-height: 22px;
	border-bottom: 1px solid #DDD;
}

#table-history a {
	color: #C81528;
	text-decoration: none;
}

#table-history a:hover {
	text-decoration: underline;
}

.history-year-title {
	color: #C81528;	
}

.history-year {
	width: 50px;
	color: #777;
	font-size: 85%;
}

.history-month {
	width: 30px;
	color: #777;
	font-size: 85%;	
}

#history-years {
	padding-top: 5px;
	padding-bottom: 5px;
}

#history-years a {
	color: #C81528;
	text-decoration: none;
}	

#history-years a:hover {
	text-decoration: underline;
}

/* press / advertising */

#table-press table {
	width: 525px;
	margin-top: 15px;
	margin-bottom: 15px;
}	

#table-press td {
	padding: 6px 6px 6px 12px;
	line-height: 22px;
	border-bottom: 1px solid #DDD;
}

#table-press th {
	padding: 6px 6px 6px 12px;
	color: #C81528;
	line-height: 22px;
	border-bottom: 1px solid #DDD;
}

#table-press a {
	color: #C81528;
	text-decoration: none;
}	

#table-press a:hover {
	text-decoration: underline;
}

#table-press img {
	padding: 5px;
}

.profile-name {
	width: 300px;
	font-size: 136%;
	font-weight: bold;
	color: #C81528;
}

.profile-photo {
	text-align: center;
}

/* Terms */

#terms-recom table {
	width: 525px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: 1px solid #DDD;
}

#terms-recom td {
	padding: 5px;
	border-bottom: 1px solid #DDD;
}

#terms-recom th {
	padding-left: 20px;
	width: 100px;
	color: #10218B;
	border-bottom: 1px solid #DDD;
}



/* 14. FORMS ----------------------------------------------------------------------*/

/* contact */

#contact-form table {
	width: 525px;
}

#contact-form th {
	width: 100px;
	padding: 3px;
	vertical-align: top;
	font-size: 93%;
	color: #333;
	border-top: 1px solid #D8C4B1;
	border-bottom: 1px solid #D8C4B1;
}

#contact-form td {
	padding: 8px;
	vertical-align: top;
	font-size: 93%;
	border-top: 1px solid #D8C4B1;
	border-bottom: 1px solid #D8C4B1;
}

.form-table input {
	font-size: 16px;
	color: #333;
	border: 2px solid #D8C4B1;
	vertical-align: top;
}

#contact-form textarea {
	border: 2px solid #D8C4B1;
}

#contact-form a {
	color: #BE9E7E;
	text-decoration: none;
}

#contact-form a:hover {
	text-decoration: underline;
}
#contact_form td {
	font-weight:bold;
	white-space:normal;
	padding-right:2px;
}
#contact_form_container {
	background-color:#E9F8FD;
	border: 2px solid #233C98;
	width: 410px;
	position:absolute;
	margin-left:-205px;
	left:50%;
	margin-top:300px;
	z-index:999;
	display:none;
}
#contact_form #buttons {
	text-align:right;
}
#contact_form #buttons input {
	width: 70px;
}
#contact_form input,#contact_form textarea{
	border: 1px solid #999999;
	width:100%;
	overflow:auto;
}
#contact_form table{
	margin-left:5px;
	border-collapse:separate;
	border-spacing:3px;
	width: 400px;
	table-layout:fixed;
}
#contact_form_container h3, #event_form_container h3 {
	padding: 5px 0 5px 5px;
	color: #233C98;
	text-align: left;
}
#contact_form_container p, #event_form_container p {
	padding: 5px 0 5px 5px;
	text-align: left;
}
#event_form_container {
	background-color:#E9F8FD;
	border: 2px solid #233C98;
	width: 410px;
	position:absolute;
	margin-left:-205px;
	left:50%;
	margin-top:0px;
	z-index:999;
	display:none;
}
.submit input {
	background-color: #EBE2D8;
	font-size: 14px;
}

.input-border {
	font-size: 16px;
	border: 2px solid #D8C4B1;
}

.required {
	background-color: #EBE2D8;
}

.form-example {
	font-size: 77%;
	color: #96A9B3;
	vertical-align: middle;
}

.warning {
	color: #C81528;
}

.question {
	font-weight: bold;
	background-color: #EEE;
}

.checkbox-txt {
	padding-left: 5px;
	vertical-align: middle;
	line-height: 22px;
}

.submit {
	text-align: center;
}

/* 15. PRIVACY POLICY / TERMS / SITEMAP ----------------------------------------------------------------------*/

#privacy-txt ol {
	list-style: decimal;
	list-style-position: inside;
	line-height: 22px;
	margin: 5px 0 5px 25px;	
}

#privacy-txt a {
	color: #BE9E7E;
}

#terms-txt ol {
	list-style: decimal;
	list-style-position: outside;
	line-height: 22px;
	margin: 5px 0 10px 40px;	
}

#sitemap-txt ul {
	padding-left: 10px;
	padding-bottom: 20px;
	line-height: 22px;
}

#sitemap-txt a {
	color: #333;
	text-decoration: none;	
}

#sitemap-txt a:hover {
	text-decoration: underline;
	color: #10218B;	
}

.main-section {
	color: #333;
	font-weight: bold;
	padding-top: 20px;
}

.sub-section {
	padding-left: 20px;	
}


/* 16. BUTTONS  ----------------------------------------------------------------------*/

#back-to-top {
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: right;
}

#button-right {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: right;
}

/* 17. FOOTERS  ----------------------------------------------------------------------*/
/*  (-3px right margin to solve IE6 duplicate bug) */

#footer-dblue {
	width: 760px;
	height: 70px;
	margin-right: -3px;
	float: left;
	background: url(images/footer-dblue.gif) no-repeat top left;
}
#footer-gray {
	width: 760px;
	height: 70px;
	margin-right: -3px;
	float: left;
	background: url(images/footer-grey.gif) no-repeat top left;
}
#footer-orange {
	width: 760px;
	height: 70px;
	margin-right: -3px;
	float: left;
	background: url(images/footer-orange.gif) no-repeat top left;
}

#footer-green {
	width: 760px;
	height: 70px;
	margin-right: -3px;
	float: left;
	background: url(images/footer-green.gif) no-repeat top left;
}

#footer-blue {
	width: 760px;
	height: 70px;
	margin-right: -3px;
	float: left;
	background: url(images/footer-blue.gif) no-repeat top left;
}

#footer-purple {
	width: 760px;
	height: 70px;
	margin-right: -3px;
	float: left;
	background: url(images/footer-purple.gif) no-repeat top left;
}

#footer-brown {
	width: 760px;
	height: 70px;
	margin-right: -3px;
	float: left;
	background: url(images/footer-brown.gif) no-repeat top left;
}

#footer-red {
	width: 760px;
	height: 70px;
	margin-right: -3px;
	float: left;
	background: url(images/footer-red.gif) no-repeat top left;
}

#footer-light-red {
	width: 760px;
	height: 70px;
	margin-right: -3px;
	float: left;
	background: url(images/footer-light-red.gif) no-repeat top left;
}

#fmenu-red {
	padding-top: 8px;
	padding-right: 20px;
	float: right;
}

#fmenu-red a {
	font-size: 77%;
	color: #CB1528;
	padding-left: 10px;
	text-decoration: none;
}

#fmenu-red a:hover {
	color: #CB1528;
	text-decoration: underline;
}

#fmenu-blue {
	padding-top: 8px;
	padding-right: 20px;
	float: right;
}

#fmenu-blue a {
	font-size: 77%;
	color: #10218B;
	padding-left: 10px;
	text-decoration: none;
}

#fmenu-blue a:hover {
	color: #10218B;
	text-decoration: underline;
}

#fmenu-white {
	padding-top: 8px;
	padding-right: 20px;
	float: right;
}

#fmenu-white a {
	font-size: 77%;
	color: #FFF;
	padding-left: 10px;
	text-decoration: none;
}

#fmenu-white a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* 18. COPYRIGHT ----------------------------------------------------------------------*/

#copyright-blue {
	font-size: 77%;
	color: #10218B;
	padding-left: 20px;
	padding-top: 10px;
	float: left;
}

#copyright-white {
	font-size: 77%;
	color: #FFF;
	padding-left: 20px;
	padding-top: 10px;
	float: left;
}

#copyright-red {
	font-size: 77%;
	color: #CB1528;
	padding-left: 20px;
	padding-top: 10px;
	float: left;
}
/* 19. 2 col split layout styles ----------------------------------------------------*/
#twocolLeft{
	float:left;
	width:370px !important;
	margin-right:10px;
}
.twocolRight{
	width:145px;
	float:left;
	margin-bottom:10px;
}
/*20. 3 col matrix */
.threeCol{
margin-right:10px;float:left;margin-bottom:10px;
}
/*21 wide cols*/
.wideCols{
}
/*light blue titles*/
.lightblue{
	background-color:#BAE3F9;
}
#proddetailmenu{
float:right;
}
#logo-jp a{
	text-decoration:none;
}
#logo-jp a:hover{
	text-decoration:underline;
}
#prodCountrySel a{
	text-decoration:none;
}
#prodCountrySel a:hover{
	text-decoration:underline;
}
#blue-back #container #section-txt #category_description {
	width: 370px;
	float: left;
}
#blue-back #container #section-txt #category_description_images img {
	margin-bottom: 10px;
}

#blue-back #container #section-txt #category_description p {
	padding: 0 5px;
}
#blue-back #container #section-txt #category_description_images {
	float: left;
	width: 145px;
}
#blue-back #container #section-txt #category_description_container {
	margin-top: 10px;
}
.clear {
	clear: both;
}
#demo_form td {
	font-weight:bold;
	white-space:normal;
	padding-right:2px;
}
#demo_form {
	background-color:#E9F8FD;
	border: 2px solid #233C98;
	width: 410px;
	position:absolute;
	margin-left:-205px;
	left:50%;
	margin-top:300px;
	z-index:999;
	display:none;
}
#demo_form #buttons {
	text-align:right;
}
#demo_form #buttons input {
	width: 70px;
}
#demo_form input,#demo_form textarea{
	border: 1px solid #999999;
	width:100%;
	overflow:auto;
}
#demo_form table{
	margin-left:5px;
	border-collapse:separate;
	border-spacing:3px;
	width: 400px;
	table-layout:fixed;
}
#demo_form h3 {
	padding: 5px 0 5px 5px;
	color: #233C98;
	text-align: left;
}
#searchContainer {
	padding-bottom: 20px;
	border-bottom:solid 1px #96A9B3;
}
#searchContainer a {
	font-weight: bold;
	text-decoration: none;	
}
#searchContainer a:hover {
	text-decoration: underline;
}
#searchContainer #searchTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #96A9B3;
	margin-top: 10px;
	font-weight: bold;
}
#searchContainer #recordCount {
	margin-top: 10px;
}
#searchContainer .resultTitle {
	margin-top: 10px;
}
#searchContainer .resultDescription {
	margin-top: 5px;
}
#searchContainer .viewLink {
	margin-top: 5px;
}
#searchContainer #navLinks {
	margin-top: 15px;
	margin-bottom: 5px;
}
.eventListTitle {
	margin-bottom: 2px;
	font-weight: bold;
}
.eventListDate {
	margin-bottom: 10px;
}
#product_finder {
	padding-top: 10px;
}
#product_finder #product_finder_title .introText {
	margin-left: 10px;
}
#product_finder #product_finder_title .introText {
	color: #6773AA;
}
#product_finder #product_finder_forms .product_finder_forms_dropdown {
	float: left;
	margin-right: 10px;
}
#product_finder #product_finder_forms .product_finder_forms_dropdown .dropdownTitle {
	font-weight: bold;
	color: #6773AA;
	margin-bottom: 3px;
}
#product_finder #product_finder_title {
	margin-bottom: 10px;
}
#product_finder #product_finder_forms .product_finder_forms_dropdown .dropdownTitle select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}