/* CSS Document 
00609d			light blue
004475			dark blue
f28f10			orange

*/
* {margin: 0; padding: 0; }
/* ALWAYS SHOW SCROLLBAR TO STOP JUMPING WHEN PAGE EXPANDS*/
html {	font-size: 100%;height: 100%;	margin-bottom: 1px;}
/*body { margin:0px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#484848; line-height: 180%; background:url(../images/verloop.jpg) repeat-x #000000}
*/
body { margin:0px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#484848; line-height: 140%; background:url(../../usa/assets/images/layout/bg1.jpg) no-repeat #000000 center -5px}

p {padding-bottom:7px; text-align:justify}
.clear {clear: both}
img {border: none}

h1 {font-size:30px; color:#484848; }
h2 {font-size:20px; font-weight: normal; color:#f28f10; padding: 0 0 10px 0; line-height: 110%; }
h3 {font-size:12px;  margin-bottom: 10px; font-weight: normal; color:#484848 }
h4 {font-size:11px; color:#484848;}

/*DELETE OUTLINES FROM LINKS MOZILLA*/
  a:focus, a:active { outline: none;}
  a {	outline-color:invert;	outline-style:none;	outline-width:medium; color:#00609d; }
  a:hover {color: #f28f10; text-decoration: none}
  
  button {cursor: pointer}
  
  div.wrapper {width: 940px; margin: 30px auto; background:#ffffff; padding: 10px 40px 20px 40px; position: relative; min-height: 400px}
  div.within {padding: 0;}
  
  #top h1 {width: 140px; height: 115px; position: absolute; top: 15px; left: 0}
  #top h1 a {text-indent: -9999px; display: block; width: 140px; height: 115px; background:url(../../usa/assets/images/layout/logo-main.jpg) no-repeat}  
  #top {height: 190px}
 
	
	.flash {width: 900px; height: 280px; background:#000000; float: left ;clear: both; }
	
	/* SEARCH FIELD*/
	form#search_form:hover,
	form#search_form label:hover {cursor:text}
	form#search_form label {z-index: 10; }
label.over { color: #c0c1c1; position: absolute; top: 6px; left: 20px;}
 form#search_form {padding: 0; position: relative; float: right; background: #e7e8e9; margin: 40px 0 0 0; border: 1px solid #d1d2d3 }
 * HTML form#search_form {width: 300px}
 form#search_form input {padding: 8px 25px 8px 20px; width: 250px; text-decoration: none; color:#c0c1c1; background: none; border: none;}
 form#search_form input:focus {outline: none}
form#search_form button {text-indent: -9999px; outline: none; border: none; width: 16px; height: 16px; background:url(../../usa/assets/images/layout/magnifier.gif) no-repeat; position: absolute; top: 10px; right: 10px} 
a.home_link {float: right; margin: 42px 10px 0 0; border: 3px solid #FFFFFF }
a.home_link:hover {border: 3px solid #ececec}
a.selected,
a.selected:hover {border: 3px solid #e7e8e9}

/* SUB-MENU*/
 ul#menu_sub {list-style: none; float: right; margin: 8px; padding: 0; font-size:10px; text-transform:capitalize;}
 ul#menu_sub li {float: right}
 ul#menu_sub li a {color:#999999; text-decoration: none; padding: 4px 10px}
 ul#menu_sub li a:hover {color:#0B0B0B}
 
 
/*COLUMNS*/
.column_product {float: left; width: 160px; padding: 5px 0 0 19px; line-height: 140%; }
.column_product ul {list-style: none; }
.column_product li { font-size:11px; color:#999999; }
.column_product a {color:#999999; text-decoration: none;}
.column_product a:hover {color:#333333}
.column_product h4 {font-weight: normal; margin: 10px 0 5px 0}

/*CONTAINERS*/
.container1 {width: 415px; float: left; margin: 0 0 10px 0}
.container2 {width: 415px; float: right; margin: 0 0 10px 0}
.container3 {border: 1px solid #CCCCCC; margin-top: 20px; width: 898px; padding: 0 0 20px 0}
.container4 {width: 415px; float: left; margin-top: 20px; }
.container5 {width: 415px; float: right; margin-top: 20px; padding: 10px 0 10px 20px ; }
.container6 {width: 860px; margin-top: 0px; padding: 20px 0 0 0 }
.container7 {width: 415px; float: left; }
.container8 {width: 415px; float: right;}
.container9 {width: 415px; float: left; }

/*#container_cases {position: absolute; top: 300px; left: 450px; z-index: 1}*/
.container1 ul {margin: 0 0 10px 15px}


h3.icon_news {background:#00609d; color: #FFFFFF; width: 60%; text-indent: 7px; padding: 6px }
h3.icon_events {background:#f28f10; color:#FFFFFF; width: 60%;text-indent: 7px;  padding: 6px; margin: 10px 0 0 0}
h3.icon_events a {color:#FFE2C5; text-decoration: none}
h3.icon_events a:hover {color:#FFFFFF}

/*CREDITS*/
.credits {width: 900px; padding: 0 20px; margin: 0 auto; list-style: none; font-size: 10px; color:#999999}
.credits li {display: inline}
.credits li a {padding: 5px; color:#333333; text-decoration: none}
.credits li a:hover {color: #999999}



/*SECONDARIES (OPPORTUNITIES, FAQ, SOLUTIONS ETC)*/
  div.wrapper_secondary {width: 940px; margin: 25px auto; background:#ffffff; padding: 20px 40px; border: 1px solid #ffffff; position: relative; }
 h3.secondary {padding: 7px 20px 8px 0px; border-bottom: 1px dotted #CCCCCC; margin: 0; font-size: 20px }
 ul.secondary {list-style: none; margin: 20px 0 0 0; border-left: 1px solid #CCCCCC; padding: 0; float: right}
ul.secondary li a {padding: 7px 20px 7px 10px; border-bottom: 1px dotted #CCCCCC; margin: 0 0 0 20px; display: block; text-decoration: none; }
/*ul.secondary li:last-child a {border-bottom: none}*/
ul.secondary a:hover {background:#f7f7f7}
ul.secondary h3 {padding: 15px 0 0px 30px}

.wrapper_secondary ul {list-style: none; margin: 10px 0 0 0; padding: 0;}
.wrapper_secondary ul li a {padding: 7px 20px 7px 10px; border-bottom: 1px dotted #CCCCCC; margin: 0; display: block; text-decoration: none; }
.wrapper_secondary ul a:hover {background:#f7f7f7}
.wrapper_secondary ul li a img {padding: 0 10px 0 0; position: relative; top: 4px}
.wrapper_secondary ul h3 {padding: 15px 0 0px 30px}

ul.documents {list-style: none; margin: 0 0 20px 0; padding: 0;}
ul.documents li {padding: 7px 20px 7px 10px; border-bottom: 1px dotted #CCCCCC;}
ul.documents li span {font-weight: bold}
ul.documents li a { margin: 0; display: block; text-decoration: none; }
ul.documents a:hover {background:#f7f7f7}
ul.documents li a img {padding: 0 10px 0 0; position: relative; top: 4px}
ul.documents h3 {padding: 15px 0 0px 30px}

a.top {position: absolute; top: 8px; left: 12px; display: block; width: 20px; height: 20px; text-indent: -9999px; background:url(../../usa/assets/images/layout/arrow_up.gif) no-repeat center center}

/*TOOLTIP*/
#tooltip{	position:absolute;	border:1px solid #77765b;	background:#f7f5d1;	padding:10px 15px;	color:#333;	display:none;	font-size:11px; max-width:300px}
.tooltip {background: url(../../usa/assets/images/layout/star.png) no-repeat; width: 16px; height: 16px; text-indent: -9999px; cursor: pointer}
* HTML .tooltip {background: url(../../usa/assets/images/layout/star.gif) no-repeat; }

#address1 {position: absolute; top: 115px; left: 410px}/*CALIFORNIA*/
#address2 {position: absolute; top: 150px; left: 660px}/*INDIA*/
#address3 {position: absolute; top: 150px; left: 675px}/*INDIA*/
#address4 {position: absolute; top: 135px; left: 667px}/*INDIA*/
#address5 {position: absolute; top: 92px; left: 575px} /*HOLLAND*/
#address6 {position: absolute; top: 150px; left: 715px} /*THAILAND*/

/*PRODUCTS*/
ul.specs {list-style: none; margin: 10px 0 0 0}
ul.specs li {clear: both; line-height: 170%}
ul.specs li span {display: block; float: left; width: 110px; color:#999999}
  div.wrapper_cat {width: 900px; margin: 25px auto; background:url(../../usa/assets/images/layout/verloop2.jpg) repeat-x  bottom #ffffff; padding: 0 20px 20px 20px; border: 1px solid #ffffff; position: relative;}
  
  div.specifications ul {margin: 5px 0 10px 15px}
  
  a.buy_now {padding: 8px 10px; text-decoration: none; color:#999999; text-transform:uppercase; font-size:11px; border: 1px solid #CCCCCC; background: url(../../usa/assets/images/layout/menu_bg.jpg) 0 -55px repeat-x; margin-left: 20px}
  
  a.buy_now:hover  {color:#0B0B0B; background: url(../../usa/assets/images/layout/menu_bg.jpg) 0 -15px repeat-x}

div.wrapper_prods ul {list-style: none; padding: 8px 40px 10px 40px; border-bottom: 1px dotted #CCCCCC;  position: relative}
div.wrapper_prods ul.last {background: none; margin-bottom: 10px}
div.wrapper_prods ul li span {display: block; float: left; width: 40px; color:#999999}


a.product_foto {width: 415px; height: 240px; background: #fff; float: left; margin: 0 0 40px 0}
a.product_last {float: right;}



/*COMPANY*/
div#world {width: 860px; height: 280px; background: #000000; position: relative; margin: 0 0 10px 0 }
div#world img {position: absolute; top: 25px; left: 350px}
div#world h2 {color:#333333; position: absolute; top: 90px; left: 40px}
div#world p {color:#999999; position: absolute; top: 125px; left: 40px; width: 290px}
  div.wrapper_world {width: 900px; margin: 25px auto; background:url(../../usa/assets/images/layout/verloop2.jpg) repeat-x  bottom #ffffff; padding: 20px; border: 1px solid #ffffff; position: relative;}
  

/*PARTNERS*/
img.logo {width: 120px; float: left; padding: 0 20px 10px 0}
div.separator {clear: both; border-bottom: 1px dotted #CCCCCC; margin: 0 0 10px 0}

/*CONTACT*/
#commentForm fieldset label {}
#commentForm fieldset label input {	width: 100%; float: left; border: 1px solid #CCCCCC; height: 20px; padding: 5px 5px 0 5px; outline: none}
#commentForm fieldset label textarea {width: 100%; height: 181px;display: block; border: 1px solid #CCCCCC; overflow: auto; float: left; padding: 5px 5px; outline: none}
#commentForm label.holder {display: block;	position: relative;  padding: 0 20px 10px 0; clear: both; float: left; width: 90%}
#commentForm label.holder span {display: block;	width: 30%; float: left}
#commentForm fieldset {border: none; outline: none; padding: 0}
label.error {	color: #da3939;	font-size: 10px;	font-style: italic;	font-weight: normal; width: 50%; text-align: right; position: absolute; top: 23px; right: 15px}
#commentForm span.button_holder {background:#00609d;  float: left; clear: both; margin: 10px 0 0 0; padding: 4px}

#commentForm span.button_holder button {border: none; outline: none; color: #FFFFFF; background: #00609d; padding: 2px 15px;}
#commentForm span.button_holder button:hover  {color:#0B0B0B;}

ul.address {list-style: none; padding: 20px 20px; background: #e7e8e9; margin: 52px 0 0 0; border: 1px solid #d1d2d3 }
ul.address span {display: block; width: 90px; float: left; color:#999999}
li.gap {padding: 8px 0 0 0}


/*SEARCH*/
div.search {padding: 20px 0 }
div.search ul {list-style: none; }
div.search li {border-bottom: 1px dotted #CCCCCC}
div.search li:last-child {border-bottom: none}
div.search ul li a {display: block;  padding: 5px; position: relative}
div.search ul li a:hover {display: block; background-color:#f7f7f7 }
div.search ul li a span {width: 100px; position: absolute; top:0; right: 0; padding: 5px;}
div.search ul li a span.first {width: 250px; position: absolute; top:0; right: 100px}

/*NEWS*/
div.first {padding: 0 20px 0 0}
		.wide { clear:both; }
		div.event {padding: 20px}
		div.event span {margin-right: 20px}
		ul.news_dates {list-style: none; margin: 0 0 10px 20px}
ul.news_dates li {clear: both; line-height: 170%}

/*TAGS*/
h1 {font-size:17px; font-weight: bold;}
b {font-weight: bold}
em {font-style:italic}
u {text-decoration:underline}

/*HOME*/
.solution_thumb {display:block; width: 133px; height: 133px; margin: 0 0 10px 10px; border: 1px solid #CCCCCC; float: left; text-indent: -9999%}
.sol_sub {width: 113px; min-height: 110px; float: left; clear: both;  border: 1px solid #d1d2d3; margin: 0 0 25px 0; background: #e7e8e9; padding: 10px;}
.sol_main {width: 245px; min-height: 110px; float: right; border: 1px solid #d1d2d3; margin: 0 0 25px 0; background: #e7e8e9; padding: 10px;}
.sol_sub h3 {font-size:15px; color:#f28f10; padding: 30px 0 0 0}
.sol_main h2 {padding: 25px 0 5px 0}
div.flash_holder {background: #e7e8e9; padding: 10px; margin: 0 0 10px 0; border: 1px solid #d1d2d3}
h3#return_product {width: 320px; float: right; margin: 50px 0 0 0; text-align: center} 

/** HTML */.sol_sub {width: 113px; min-height: 110px; float: left; clear: both;  border: 1px solid #d1d2d3; margin: 0 0 15px 0; background: #e7e8e9; padding: 10px}
/** HTML */.sol_main {width: 245px; min-height: 110px; float: right; border: 1px solid #d1d2d3; margin: 0 0 15px 0; background: #e7e8e9; padding: 10px}

/*NEWSTICKER*/

/* ---------------- Begin  Ticker box CSS ----------------- */

.tickerbox {width: 380px; margin: 15px 0 0 0; padding: 20px; border: 1px solid #f8e9d7; background: #f8f1e9; height: 290px; position: absolute; bottom: 25px}
.tickerbox ul {position:relative; padding: 0 ; margin: 0}
.tickerbox li {width:100%;list-style:none;list-postion:inside;position:absolute;top:0;left:0;overflow:hidden}
/* ---------------- End  Ticker box CSS ----------------- */
.hovered {color: #000000}

.notes {width:50%}
.mods {position:relative;margin:60px}

.tickerbox h4.date {margin: 5px 0 0 0; font-weight: bold; font-size:11px}
.tickerbox h4 span {padding: 0 20px 0 0}
.tickerbox h3.title {margin: 10px 0 10px 0; }

.tickerbox p {padding: 0 0 10px 0 }

/*OFFICES*/
div.location {float: left; width: 415px; padding: 20px 0 0 0; clear: both; min-height: 170px}
div.location_second {float: right; width: 415px; padding: 20px 0 0 0; clear:none; min-height: 170px}
div.location img.photo,
div.location_second img.photo {float: left; margin: 0 20px 20px 0; width: 190px}
div.location h3 img,
div.location_second h3 img {margin: 0 5px 0 0 }

/*LANDINGSPAGE*/
body#landing { background:#000000; padding-top: 20px}
body#landing .wrapper {height: 600px; width: 900px; margin: 0 auto; background:url(../images/landing/map.gif) no-repeat bottom right; position: relative}
body#landing #top h1 a {background:url(../images/landing/logo-main.jpg) no-repeat; position: relative; left: 40px}  
a#landing_usa {width: 136px; height:58px; display: block; position: absolute; top: 260px; left: 242px; background:url(../images/landing/usa.gif) no-repeat 0 0; text-indent: -9999px;}
a#landing_usa:hover {background:url(../images/landing/usa.gif) no-repeat 0 -58px} 
a#landing_eur {width: 178px; height:105px; display: block; position: absolute; top: 192px; left: 456px; background:url(../images/landing/eur.gif) no-repeat 0 0; text-indent: -9999px;}
a#landing_eur:hover {background:url(../images/landing/eur.gif) no-repeat 0 -105px} 
body#landing h2.main {margin: 150px 0 0 0}
body#landing p {color: #CCCCCC}