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

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 { 
    height: 100%;
    margin:0;
    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;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}



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


/*Title Colors*/
/*#red-back h2{
color:#C81528;
}
#light-red-back h2{
color:#C81528;
}
#dblue-back h2{
	color:#10218B;
}

#green-back h2{
color:#6FBA2C;
}

#purple-back h2{
color:#7F1084;
}
#gray-back h2{
	color:#688391;
}

#blue-back h2{
color:#00A0E9;
}

#orange-back h2{
color:#ED6D00;
}
#brown-back h2{
color:#BE9E7E;
}*/

/*Border Colors*/
/*#red-back .border{
border-color:#C81528 !important;
}
#light-red-back .border{
border-color:#C81528 !important;
}
#dblue-back .border{
	border-color:#10218B !important;
}

#green-back .border{
border-color:#6FBA2C !important;
}

#purple-back .border{
border-color:#7F1084 !important;
}
#gray-back .border{
	border-color:#688391 !important;
}

#blue-back .border{
border-color:#00A0E9 !important;
}

#orange-back .border{
border-color:#ED6D00 !important;
}
#brown-back .border{
border-color:#BE9E7E !important;
}*/


body {
    min-height:100%;
    _height:100%;
    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;
    position:relative;
    padding-top:38px;
}
textarea {
    font-size:13px;
}

#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;
    overflow:hidden;
}


#section-txt ul {
    padding-left:0;
    margin-left:15px;
    list-style-type: disc;
}
#section-txt ol {
    margin-left:15px;
    list-style-type:decimal;

}
#section-txt li {
    margin-bottom:5px;
}
/* 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: 26px;
 	background-color: #EEE;
	display: block;
	text-indent: -999em;
	overflow: hidden;
}

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

/* --default--  */
#home a {	background-position: -26px 0; width: 35px; }
#welcome a { background-position: -61px 0; width: 102px; }
#company a { background-position: -163px 0; width: 76px; }
#business a { background-position: -239px 0; width: 97px; }
#environment a { background-position: -336px 0; width: 103px; }
#recruitment a { background-position: -439px 0; width: 167px; }
#contact a { background-position: -606px 0; width: 56px; }
#dgroup a { background-position: -662px 0; width: 73px; }


/* --hover--  */
#home a:hover { background-position: -26px -40px; width: 35px; }
#welcome a:hover { background-position: -61px -40px; width: 102px; }
#company a:hover { background-position: -163px -40px; width: 76px; }
#business a:hover { background-position: -239px -40px; width: 97px; }
#environment a:hover { background-position: -336px -40px; width: 103px; }
#recruitment a:hover { background-position: -439px -40px; width: 167px; }
#contact a:hover { background-position: -606px -40px; width: 56px; }
#dgroup a:hover { background-position: -662px -40px; width: 73px; }


/* --click--  */
#home a:active { background-position: -26px -80px; width: 35px; }
#welcome a:active { background-position: -61px -80px; width: 102px; }
#company a:active { background-position: -163px -80px; width: 76px; }
#business a:active { background-position: -239px -80px; width: 97px; }
#environment a:active { background-position: -336px -80px; width: 103px; }
#recruitment a:active { background-position: -439px -80px; width: 167px; }
#contact a:active { background-position: -606px -80px; width: 56px; }
#dgroup a:active { background-position: -662px -80px; width: 73px; }


/* 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;
    min-height: 310px;
    float: left;
}

#news-col #newsBar {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    margin: 8px 10px;
    padding: 3px 0;
}

#news-col-t {
    float: left;
    /*margin-top: 8px;*/
    margin-left: 8px;
    /*margin-top:2px;
    margin-bottom: -2px;*/
}

#whats-new-col-t {
    margin: 11px 0 16px 16px;
}

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

#news-col-txt {
    width: 720px;
    height: 160px;
    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; This style was changed to fit in the catagory heading above this UL*/
    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;
    text-align: right;
}

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

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

/* Highlight (on) Colours */

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

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

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

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

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

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

#breadcrumbs a.red-on, #breadcrumbs span.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: top;
    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{
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    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_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;*/
}
#product_jump #product_jump_link {
    font-weight: bold;
    color: #0000FF;
    cursor: pointer;

}
#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_list .product_jump_prod {
    margin-left: 5px;
    white-space:nowrap;
}
/*#product_jump #product_jump_list .product_jump_prod a {*/
#product_jump_list .product_jump_prod {
    display:block;
    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;
}
#blue-back #container #section-txt .flashHeader {
    border: 1px solid #DCE1E5;
}
/* Preowned Styles */
#preowned{
    float:left;
    border-top:1px solid #233C98;
    margin-top:20px;
    width:707px;
    padding-top:0;
    margin-left:25px;
    display:inline;
    margin-bottom: 30px;
}
#preowned h1{
    clear:both;
    padding-top:20px;
    font-size:18px;
    font-weight:normal;
    font-family:Arial, Helvetica, sans-serif;
}
#preowned .homeItems{
    float:left;
    width:575px;
    height:76px;
    padding:5px;
    margin-top:20px;
    background-image:url(images/preowned/home_item_bg_border.jpg);
    background-repeat:no-repeat;
    background-position:top left;
}
#preowned .homeItemImgs{
    float:left;
    width:112px;
    /*height:76px;*/
    /*padding:5px;*/
    margin-top:20px;
    margin-right:10px;
    text-align:center;
    z-index:0;
    background-repeat:no-repeat;
    background-position: center center;
}
#preowned .homeItemImgs img{
    display: block;
}
#preowned .plusBundles{
    width:689px;
    height:169px;
    padding:10px;
    margin-top:10px;
    background-image:url(images/preowned/plus_bg_border.jpg);
    background-repeat:no-repeat;
    background-position:top left;
}
#preowned .plusBundles h2{
    color:#233C98;
    font-weight:bold;
    font-size:20px;
    margin-bottom:4px;
}
#preowned .plusBundles h3{
    color:#999;
    font-weight:bold;
    font-size:24px;
    margin-bottom:10px;
    line-height:120%;
}
.bundleFree{
    color:#00A0E9;
}
#preowned .bundleDetails{
    float:left;
    font-style:italic;
    color:#666;
    font-size:14px;
    width: 550px;
}
#preowned .bundleDetails a{
    text-decoration:underline;
    color:#666666;
    font-size:10px;
    font-style:normal;
}
#preowned .bundleDetails a:hover{
    text-decoration:none;
}
#preowned .bundlePrice{
    float:right;
    text-align:right;
}
#preowned .bundlePrice h2{
    font-style:italic;
    color:#666;
    margin-bottom:4px;
    font-size:14px;
}
#preowned .bundlePrice h3{
    font-size:19px;
    font-weight:bold;
    color:#000;
    margin-bottom:4px;
}
#preowned .nameetc{
    float:left;
    width:125px;
    margin-left:5px;
    display:inline;
}
#preowned .nameetc h2{
    color:#233C98;
    font-weight:bold;
    font-size:18px;
    margin-bottom:4px;
}
#preowned .nameetc h3{
    color:#666666;
    font-size:17px;
    margin-bottom:0px;
    font-weight: bold;
}
#preowned a{
    text-decoration:underline;
    color:#00A0EA;
}
#preowned a:hover{
    text-decoration:none;
}
#preowned .nameetc a{
    text-decoration:underline;
    color:#666666;
    font-size:10px;
}
#preowned .nameetc a:hover{
    text-decoration:none;
}
#preowned .details{
    float:left;
    font-style:italic;
    color:#666;
    margin-top:28px;
    font-size:11px;
    width: 270px;
    clip: rect(auto,auto,0px,auto);
}
#preowned .price{
    float:right;
    text-align:right;
    margin-right:5px;
    display:inline;
    width:160px;
}
#preowned .price h2{
    font-style:italic;
    color:#666;
    margin-bottom:4px;
    font-size:14px;
}
#preowned .price h3{
    font-size:19px;
    font-weight:bold;
    color:#000;
    margin-bottom:4px;
}
#preowned .productLink {
    float:left;
    padding-top:12px;
    margin-right:5px;
}
#preowned .productLink a {
    color: #10218B;
}
#preowned .productDescription {
    float:left;
    white-space:normal;
    width:280px;
}
#productLightBoxDimmer {
    position:       absolute;
    z-index:        99;
    left:           0;
    top:            0;
    background:     #000000;
}
#productLightBox {
    position:       absolute;
    background:     transparent url('images/shadowAlpha.png') no-repeat scroll bottom right !important;
    background:     transparent none no-repeat scroll bottom right;
    z-index:        100;
    /*margin:         10px 0 0 10px !important;
    margin:         10px 0 0 5px;*/
}
#productLightBoxImg {
    display:        block;
    position:       relative;
    background:     #ffffff url('images/lightbox_bg.png') no-repeat scroll 50% 50%;
    border:         1px solid #a9a9a9;
    margin:         -6px 6px 6px -6px;
    padding:        4px;
}
#productLightBoxClose {
    position:       absolute;
    top:            10px;
    right:          22px;
    cursor:         pointer;
}
#productLightBoxLoader {
    position:       absolute;
    top:            25%;
    left:           50%;
    margin-left:    -27px;
    margin-top:     -27px;
    z-index:        100;
}
#categoryTitle {
    font-size: 22px;
    color: #233C98;
    font-weight: bold;
    margin-top: 20px;
    margin-left: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

/*home page news fader*/

#homeNewsFader{
    min-height:60px;
}

#homeNewsFaderDate {
    margin: 2px 0 0 20px;
    float: left;
}

#homeNewsFaderTitle {
    margin: 12px 0 0 20px;
    float: left;
}

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

.homeNewsFaderMore{
    width:80px;
    overflow:hidden;
    position:absolute;
    bottom:10px;
    right:20px;
}

.homeNewsFaderMore span{
    float:left;
    padding:2px 0 0 0;
}

.homeNewsFaderMore img{
    float:right;
}

.homeNewsFaderMore a{
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    color:#6773aa;
    text-decoration:none;
}

.homeNewsFaderMore a:hover{

}

#categoryHomeTitle H1 {
    font-size: 22px;
    color: #233C98;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
}
#videoCasestudies {
    float:left;
}
#videoCasestudies .videoCasestudyContainer {
    /*border:1px solid #6A75B7;*/
    padding:10px;
    width:500px;
    margin-bottom: 15px;
}
#videoCasestudies .videoCasestudyContainerLeft {
    float:left;
    width: 245px;
}
#videoCasestudies .videoCasestudyContainerLeft h2 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #233C98;
}
#videoCasestudies .videoCasestudyContainerLeft .videoCasestudySummary {

}

.casestudyImage, #videoCasestudies .videoCasestudyContainerRight  {
    text-align:center;
    float:right;
    width:204px;
    vertical-align:top;
    border: 1px solid grey;
    padding:2px 0;
    position: relative;
}

#videoCasestudies .videoCasestudyContainerRight .playImage {
    position:absolute;
    left:45px;
}
#videoCasestudies .videoCasestudyContainerRight img {
    cursor:pointer;
}

#casestudies {
    float:left;
}
#casestudies .casestudyContainer {
    /*border:1px solid #6A75B7;*/
    padding:10px;
    width:500px;
    margin-bottom: 15px;
}
#casestudies h2 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #233C98;
}
#caseStudyPaging {
    margin:0 0 20px 10px;
}
.lightbox {
    background-color:#ffffff !important;
}
#categoryVideoBar {
    float:right;
    margin-bottom:10px;
}
#videoPlayerWrapperContent {
    /*width:400px;
    height:300px;*/
    float: left;
}
#categoryVideoTitle {
    float: left;
    background-color: #21388B;
    height: 144px;
    width: 201px;
    color: #fff;
    padding:56px 0 0 24px;
    font-size: 24px;
}
#categoryVideoBar .BarOverride {
    padding:0;
    float:left;
    height:10px;
    width:530px;
}
#sef_form_container {
    margin-left: 8px;
    width: 160px;
}
.lightboxStyleButton {
    font-size:12px;
    color:#3449a1;
    padding:0;
    margin:5px 0 0 0;
    width:109px;
    height:22px;
    background-image:url(images/form_button_sprite.gif);
    background-repeat:no-repeat;
    background-position:0 0;
    border:none;
    cursor:pointer;
    float:right;
}
.lightboxStyleButton:hover {
    background-position:0 -22px;
}
.lightboxStyleButton:active {
    background-position:0 -44px;
}