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

DUPLO CSS (Sapporo)

------------------------------------------------------------------------
[ 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
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 (Text)
						#777
						#CCC
						#DDD
						#EEE
						#F7F7F7


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




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

html { 
min-height: 100%; margin-bottom: 1px; 
}

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;
}

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;
}
#light-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;
}

#light-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;
}

#light-red-back {
	background: url(images/bg-light-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 {
	font-size: 77%;	
}

#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;
}

th {
	color: #333;
}

td {
	color: #333;
}

.price {
	font-weight: bold;
	color: #10218B
}


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

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

#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) #EEE 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; 
	border-color: #CCC;
}

#search, #submit {
	vertical-align: top;
}

#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: 24px;
 	background-color: #EEE;
	display: block;
	text-indent: -999em;
	overflow: hidden;
}

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

/* --default--  */
#home a {	background-position: -24px 0; width: 25px; }
#welcome a { background-position: -49px 0; width: 92px; }
#company a { background-position: -141px 0; width: 67px; }
#business a { background-position: -208px 0; width: 97px; }
#environment a { background-position: -305px 0; width: 101px; }
#recruitment a { background-position: -406px 0; width: 171px; }
#contact a { background-position: -577px 0; width: 94px; }
#dgroup a { background-position: -671px 0; width: 65px; }


/* --hover--  */
#home a:hover { background-position: -24px -40px; width: 25px; }
#welcome a:hover { background-position: -49px -40px; width: 92px; }
#company a:hover { background-position: -141px -40px; width: 67px; }
#business a:hover { background-position: -208px -40px; width: 97px; }
#environment a:hover { background-position: -305px -40px; width: 101px; }
#recruitment a:hover { background-position: -406px -40px; width: 171px; }
#contact a:hover { background-position: -577px -40px; width: 94px; }
#dgroup a:hover { background-position: -671px -40px; width: 65px; }


/* --click--  */
#home a:active { background-position: -24px -80px; width: 25px; }
#welcome a:active { background-position: -49px -80px; width: 92px; }
#company a:active { background-position: -141px -80px; width: 67px; }
#business a:active { background-position: -208px -80px; width: 97px; }
#environment a:active { background-position: -305px -80px; width: 101px; }
#recruitment a:active { background-position: -406px -80px; width: 171px; }
#contact a:active { background-position: -577px -80px; width: 94px; }
#dgroup a:active { background-position: -671px -80px; width: 65px; }


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

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

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

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

#about-col {
	width: 760px;
	height: 135px;
	float: left;
}

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

#about-more {
	float: right;
	margin-top: 10px;
	margin-right: 15px;
}

#about-col-txt {
	width: 710px;
	height: 75px;
	margin-top: 45px;
	margin-left: 20px;
	padding-top: 10px;
	padding-left: 10px;
	border-top: 1px solid #CCC;
}

#news-col {
	width: 760px;
	height: 270px;
	float: left;
}

#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;
	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 */

#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 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 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 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 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 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 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 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;
}

/* 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;
}

/* 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: 10px;
	display: block;
	width: 525px;
	height: 185px;
	background: #FFF url(images/btn-d-group-map.gif) no-repeat center;
	position: relative;
}

#buttons-d-group-map a {
	color: #000;
	text-decoration: none;
}

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

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

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

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

/* Business Prospectus */

#bp-overview {
	padding-top: 20px;
	padding-bottom: 20px;
}

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

#bp-overview li {
	position: relative;
	padding: 6px 0 6px 0;
}

#btn-bp-type1 a { width: 525px; height: 60px; display: block; overflow: hidden; background: url(images/btn-b-system.jpg) no-repeat; }
#btn-bp-type1 a:hover { background-position: 0 -60px;}

#btn-bp-type2 a { width: 525px; height: 60px; display: block; overflow: hidden; background: url(images/btn-b-delivery.jpg) no-repeat; }
#btn-bp-type2 a:hover { background-position: 0 -60px;}

#btn-bp-type3 a { width: 525px; height: 60px; display: block; overflow: hidden; background: url(images/btn-b-specialized.jpg) no-repeat; }
#btn-bp-type3 a:hover { background-position: 0 -60px;}

#btn-bp-type4 a { width: 525px; height: 60px; display: block; overflow: hidden; background: url(images/btn-b-office-equip.jpg) no-repeat; }
#btn-bp-type4 a:hover { background-position: 0 -60px;}

#btn-bp-type5 a { width: 525px; height: 60px; display: block; overflow: hidden; background: url(images/btn-b-newoffice.jpg) no-repeat; }
#btn-bp-type5 a:hover { background-position: 0 -60px;}

#btn-bp-type6 a { width: 525px; height: 60px; display: block; overflow: hidden; background: url(images/btn-b-education.jpg) no-repeat; }
#btn-bp-type6 a:hover { background-position: 0 -60px;}

#btn-bp-type7 a { width: 525px; height: 60px; display: block; overflow: hidden; background: url(images/btn-b-public.jpg) no-repeat; }
#btn-bp-type7 a:hover { background-position: 0 -60px;}

	
/* 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 ----------------------------------------------------------------------*/

/* Company */

.subtitle-company {
	padding: 15px 0 5px 6px;
	color: #10218B;
	text-align: left;
}

/* Products */

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

/* Environment */

.subtitle-enviro {
	padding: 15px 0 10px 5px;
	color: #6FBA2C;
	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 td {
padding:10px 5px;
}
#section-txt #description-table-products td ul {
list-style-type:disc;
margin-left:15px;
padding-left:0;
}
/* 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;
}

/* stripe table */

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

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

/* news */

#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;
}

/* company */

#table-company table {
	margin-top: 20px;
	width: 525px;
	border-top: 1px solid #DDD;
}

#table-company th {
	padding: 4px 6px 12px 0px;
	vertical-align: text-top;
	width: 100px;
	font-weight: bold;
	color: #10218B;
	line-height: 22px;
	border-bottom: 1px solid #DDD;
}

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

#table-company a {
	color: #10218B;
	text-decoration: none;
}

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

#company-gmap {
	width: 525px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #DDD;	
}

/* products */

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

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

#prod-overview {
	/*height: 440px;*/
}

#prod-btn {
	padding-top: 20px;
}

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

/* recruit */

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

#table-recruit th {
	padding: 4px 6px 12px 6px;
	vertical-align: text-top;
	width: 75px;
	font-weight: bold;
	color: #7F1084;
	line-height: 22px;
	border-bottom: 1px solid #DDD;
}

#table-recruit td {
	padding: 4px 6px 12px 6px;
	line-height: 20px;
	border-bottom: 1px solid #DDD;
}

#table-recruit .job-title {
	background-color: #F7F7F7;
	border-top: 3px solid #DDD;	
	border-bottom: 3px solid #DDD;
}

#table-recruit strong {
	font-weight: bold;
}

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

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

/* 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 {
	background-color: #F7F7F7;
	border-top: 2px solid #EEC2B1;
	border-bottom: 2px solid #EEC2B1;
}

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

/* 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: 20px;
	padding-bottom: 20px;
}

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

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

/* business */

#table-business table {
	width: 525px;
	margin-top: 20px;
	margin-bottom: 20px;
}

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

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

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

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

#table-business .location {
	background-color: #F7F7F7;
	border-top: 2px solid #EEC2B1;
	border-bottom: 2px solid #EEC2B1;
}

/* PRODUCTS ----------------------------------------------------------------------*/

#product-txt img {
	padding-bottom: 10px;
}

#product-txt ul {
	list-style-type: disc;
	list-style-position: outside;
	line-height: 22px;
	margin: 10px 25px 10px 25px;
	color: #333;
}

#product-txt ol {
	list-style-type: decimal;
	list-style-position: outside;
	line-height: 22px;
	margin: 20px 25px 30px 25px;
	color: #333;
}

#product-txt ol strong {
	font-weight: bold;
} 

/* ENVIRONMENT ----------------------------------------------------------------------*/

#enviro-txt ol {
	list-style: decimal;
	list-style-position: outside;
	line-height: 22px;
	margin: 20px 35px 20px 35px;
	color: #333;
}

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

/* contact */

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

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

#contact-form td {
	padding: 8px;
	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;
}

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

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

#contact-form a:hover {
	text-decoration: underline;
}

.submit input {
	background-color: #EBE2D8;
	font-size: 14px;
}

.req-example {
	background-color: #EBE2D8;
}
	
.required {
	background-color: #EBE2D8;
}

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

.warning {
	color: #C81528;
}

.submit {
	text-align: center;
}

/* 15. PRIVACY POLICY  ----------------------------------------------------------------------*/

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

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

/* 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  ----------------------------------------------------------------------*/
/*  (#footer-dblue has -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-light-orange {
	width: 760px;
	height: 70px;
	margin-right: -3px;
	float: left;
	background: url(images/footer-light-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-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;
}

#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-orange {
	padding-top: 8px;
	padding-right: 20px;
	float: right;
}

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

#fmenu-orange a:hover {
	color: #ED6D00;
	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;
}

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

/* 19. 2 col split layout styles ----------------------------------------------------*/
#twocolLeft{
	float:left;
	width:370px;
	margin-right:10px;
	display:block;
}
.twocolRight{
	width:145px;
	float:left;
	display:block;
	margin-bottom:10px;
}
/*20. 3 col matrix */
.threeCol{
margin-right:10px;float:left;margin-bottom:10px;
}
.lightblue{
	background-color:#BAE3F9;
}
#proddetailmenu{
float:right;
}
#logo-jp a{
	text-decoration:none;
}
#logo-jp 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_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;
}
#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_container h3 {
	padding: 5px 0 5px 5px;
	color: #233C98;
	text-align: left;
}
#demo_form_container p {
	padding: 5px 0 5px 5px;
	text-align: left;
}


#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;
}
#blue-back #container #section-txt .flash_home_container {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00A0EA;
}
#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;
}
#product_jump {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	/*position: relative;*/
	margin-top: 10px;
	margin-left: 10px;
	overflow:visible;
}
#product_jump #product_jump_list {
	position: absolute;
	z-index: 1000;
	border: 1px solid #00A0EA;
	height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;	
	background-color: #C2E9FA;
	left: 0px;
	top: 20px;
	padding-right: 20px;
	width: auto;
}
#product_jump #product_jump_link {
	font-weight: bold;
	color: #0000FF;
	cursor: pointer;

}
#product_jump #product_jump_list .product_jump_cat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #233c98;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 5px;
	white-space:nowrap;
	display:block;
}
#product_jump #product_jump_list .product_jump_prod {
	margin-left: 5px;
	white-space:nowrap;
}
#product_jump #product_jump_list .product_jump_prod a {
	background:none;
	background-image:none;
	color: #000000;
	text-decoration: none;
	white-space:nowrap;
	display:block;
}
.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;
}