/*CSS Main section*/
* {
	font-family: verdana;
	font-size: 11px;
	color: #000000;
}
ul {list-style-type: none; padding: 0; margin: 0;}
li input {vertical-align: middle;}
#chromosoft {float: left;clear:both;color:#fff; width: 100%;text-align: center;height: 7px;line-height: 7px;font-size: 8px;}
body {padding: 0;margin: 0; background-color: #fff;}
div#large {width: 1030px; position: relative; }
div#content {float: left;width: 800px; background-color: white; padding-bottom:20px;}
div#logo {float: left;}
div#top_menu {float: left; height: 48px;background: white url(images/top-banner.jpg) no-repeat;width: 610px; color:#000000;font-weight:bold;position: relative;padding:60px 0 0 0;text-align:center;} 
div#top_menu a {color: white;text-decoration: none; font-weight: bold;}
div#login_header {position: absolute; top: 60px; left: 60px; font-weight: bold;}
div#disclaimer {float: left;clear:both;width: 100%;margin-top: 10px;border-top: solid 1px #dddddd;padding-top: 7px;color: #999999; font-style: italic;}
div#disclaimer span {float: left;margin-left: 20px;}
div#disclaimer a {color: #999999;text-decoration: none;font-style: italic;float: right;margin-right: 20px;}
div#disclaimer a:hover {text-decoration: underline;}
/*Top menu*/
div#setlng {
	position: absolute;
	right: 30px;
	top: 3px;
	width: 80px;
        text-align: right;
}
div#setlng li {float: left;}
div#setlng a {font-size: 10px;padding: 0 5px;}
div#setlng a:hover {background-color: white; color: navy;}

div#mainmenu {
	position: absolute;
	top: 26px;
	width: 585px;
	left: 3px;
}
div#mainmenu li {float: left;}
div#mainmenu a {padding: 0 5px;/*font-size: 12px;*/}
div#mainmenu a:hover {color: #ffcc00;}

/*Standard screen*/
div#body {position: relative;float: left;width: 100%; color: #2E80AA;background-color: white; }
div#body_left {width: 180px; float: left;}
div#body_right {float: left; width: 600px; padding: 10px;}
div#navigator {position: absolute; top: 60px;left: 10px;}

/*Menu area*/
div#body_left ul.mod_menu {padding-left: 20px;}
div#body_left ul.mod_menu li {background: transparent url(/images/arrow-silver.jpg) no-repeat 0 1px;padding-left: 15px;}
div#body_left ul.mod_menu li.actif {background: transparent url(/images/arrow-blue.jpg) no-repeat 0 1px;padding-left: 15px;}
div#body_left ul.mod_menu li.level1 {margin-left: 10px;}
div#body_left ul.mod_menu li.separator {background:none;height: 10px;}
div#body_left ul.mod_menu a.type3 {font-weight: bold;}
div#body_left ul.mod_menu a {color: black; text-decoration: none;}
div#body_left ul.mod_menu a:hover {text-decoration: underline;}
div#body_left ul.mod_menu li.actif a {color: #00BCE2;}

div#login_info {text-align: center;border: dotted 1px #ccc;border-left: none; margin-top: 10px;padding: 5px 0; color: #666;}
div#login_info p.label {font-weight: bold; width: 50px;text-align: right;padding-right: 5px;}
div#login_info p.value {width: 120px;text-align: left;}
div#login_info p {padding: 0; margin: 0;line-height: 15px; float: left;font-size: 9px;}
div#login_info a {font-size: 10px; color: #333;line-height: 15px;}

div.tutorial {text-align: center; margin-top: 10px;padding: 5px 0; color: #666;}
div#flash_info {
  margin-left: 0;
	margin-right: 0;
  margin-top: 5px;
  padding: 0; 
	padding-left: 17px;
  color: #666;
  height: 146px;
  float: left;
  overflow: hidden;
	width: 146px;
	position: relative;
}

div#flash_info div {
  position: absolute;
}

/*Login screen*/
div#login {position: relative;float: left;height: 450px; width: 100%; color: #2E80AA;}
div#login #image {position: absolute; left: 95px; top: 16px;}
div#login div.anim_login {position: absolute; left: 75px; top: 0px;}
div#login div.login_panel {position: absolute;left: 439px; top: 0px;width: 343px; height:318px; background:url(images/login_box_right.jpg) no-repeat;}
div#login .blue_box1 {padding: 7px 5px;margin: 2px 0 0 10px;}
div.blue_box1_links {float:left;width:150px;padding:27px 0 0 20px;}
div#login h1 {width: 100%; color: black; line-height: 25px;text-align: left; font-family: arial; font-size: 15px;padding: 0; margin:70px 0 0 15px;font-weight: bold;color:#23ADDD}
div#login p {padding: 1px 0;margin: 0;}

div#login label {float: left; text-align: right; width: 130px;padding-right: 5px;color:#23ADDD;}
div#login input {border: solid 1px #999999;}
div#login p.button {padding-bottom: 5px;width: 100%; text-align: center;}
div#login p.button input.submit {border: none;padding-top: 5px;}
div#login a {color: #999999;font-size: 9px;text-decoration:none;}
div#login a:hover {text-decoration:underline;}
div#login p.space1 {line-height: 5px;}
div#login form {margin:10px 0 0 0; padding: 0; margin-bottom: 2px;}
div#login form p {margin-bottom:10px;}

/**/

table.catalog {width: 100%; border: solid 2px #00BCE2;}
table.catalog th {background-color: #00BCE2; color: white; font-weight: normal;padding: 5px;border-left: solid 1px #00BCE2;}
table.catalog tr.odd {background-color: #FFF;}
table.catalog tr.even {background-color: #B2EBF6;}
table.catalog td {font-size: 11px; padding-left: 4px;} 
table.catalog input {text-align: right; padding-right: 3px;border: solid 1px #2453B3; height: 12px;margin: 2px 0;}
table.catalog td.amount {border-left: none;color: red; font-weight: normal; text-align: right;width: 60px;}
table.catalog td.break {line-height: 2px;}
table.catalog  .col1 {width: auto;}
table.catalog  .col1b {width:17px;}
table.catalog  .col2 {width:60px}
table.catalog  .col3 {width:50px}
table.catalog  .col4 {width:55px}
table.catalog  .col5 {width:50px}
table.catalog  .col6 {width:85px}
table.catalog  .col7 {width:50px}

div.buttons {text-align: right;padding5top: 15px;}
div.buttons img {padding: 0 10px;}

.t_right {text-align: right;padding-right: 4px;padding-left: 0;}
.t_center {text-align: center; padding-left: 0; padding-right: 0;	}

.center {text-align: center;}

div#waiting {position: absolute;width: 200px; height: 40px;border: solid 2px #2E80AA;color: #2E80AA; font-size: 150%;text-align: center; display: none;background-color: white;line-height: 40px;}

div#skraper {width: 220px; margin-left: 5px; position: absolute; right: 0}
div#basket {float: left;}
div#skraper a.main {float: left;}
table.basket {padding: 0px;width: 100%;color: #2E80AA;background-color: white; }
div#basket h1 {text-align: center;font-size: 17px;padding: 0; margin: 0;color: #ACBFE5;background-color: #2E80AA; font-weight: bold;font-family: Arial;line-height: 25px;letter-spacing: 5px;}
div#basket h2 {font-size: 15px; text-align: center; padding: 0; margin: 0;}
div#basket a {display: block;text-align: left;color: #2453B3;text-decoration: none;font-weight: normal;}
div#basket a:hover {text-decoration: underline;}
table.basket {border-collapse: collapse;}
table.basket th {border: dotted 1px #99bbff;font-size: 10px; color: #2453B3;background-color: #B2EBF6}
table.basket tr.break td {line-height: 1px;border: none;}
table.basket tr.total td {color: #009000;}
table.basket tr.total td {text-align: right;padding-right: 3px;}
table.basket tr.total td.col2 {font-weight: bold;color: #dd4444}
table.basket td {color: #222;font-size: 10px;}
table.basket td.col2 {text-align: right;}
table.basket td.col3 {text-align: right;}
table.basket td.col4 {font-style: italic;text-align: right;padding-right: 3px;}
table.basket td {border: dotted 1px #99bbff;}


form#search {width: 400px;border: dotted 1px #6688cc; padding: 20px; background-color: #fffae5;}
form#search input {border: solid 1px #2453B3; background-color: #d5dff2}
form#search label {float: left; width: 80px; }
form#search input.submit {border: none;}
form#search p {padding: 0;margin: 2px;}

form#form {border: dotted 1px #acbff5;background-color: #fffae5;margin: 0 10px;padding: 10px;width: 556px;}
form#form p {padding: 0; margin: 2px 0;}
form#form p.info {margin-bottom: 15px;font-style: italic;}
form#form label {float: left; width: 150px;display: block;border-bottom: dotted 1px #ddd;line-height: 16px;margin-right: 5px;}
form#form input,form#form textarea, form#form select {background-color: #d5dff2;border: solid 1px #ACBFE5;padding: 1px;}
form#form input.readonly, form#form select.readonly {background-color: #fffae5;color: #666;}
form#form label.mandatory,form#form span.mandatory  {color: red;}
form#form label.readonly  {color: #2E80AA;}
form#form p.buttons {text-align: right;padding-right: 40px;}
form#form p.buttons input {border: none;background:none;}

#body #contact p {padding: 0; margin: 0;}
#body #contact th, 
#body #contact td {
	text-align: left;
	vertical-align: top;
	border: dotted 1px #6688cc;
}
#body #contact tr.separator td {border: none;}
#body #contact .separator {
	line-height: 5px;
	background-color: #2E80AA;
}
#body a {color: #2E80AA;}
#body a:hover {color: #6688cc;}

table#mod_list_family {width: 100%;}
table#mod_list_family td.col1 {border-right: solid 1px #ccc;}
table#mod_list_family td {padding: 0 20px;}
ul.mod_list_family {}
ul.mod_list_family li {background: transparent url(images/big_arrow_yellow.jpg) no-repeat 0 2px;padding-left: 18px;padding-bottom: 15px;}
ul.mod_list_family a {font-size: 13px; font-weight: bold;}

ul.mod_list_family2 {margin-left: 20px;}
ul.mod_list_family2 li {background: none;padding-bottom: 0;}
ul.mod_list_family2 a {font-size: 11px; font-weight: normal;}

table#mod_list_products {width: 100%;}
table#mod_list_products a {display: block; float: left;}
table#mod_list_products input {float: left;}
table#mod_list_products li {width: 150px;display: block; overflow: auto;line-height: 1.1em;padding: 1px 0;}
#body table#basket_list {width: 100%; background-color:#FFFFFF; border-collapse:collapse;}
#body table#basket_list img {vertical-align: middle; padding: 0 5px;}
#body table#basket_list a {text-decoration: none;}
#body table#basket_list td {border: dotted 1px #D5DFF2;color: #333;}
#body table#basket_list th.maintitle {text-align: center;background-color: transparent;border: dotted 1px #acbfe5;padding: 5px 10px;}
#body table#basket_list th {text-align: left;background-color: #B2EBF6; border: solid 1px #acbfe5;padding: 0px 10px;}
#body table#basket_list th a {color: #2E80AA;font-weight: normal;}
#body table#basket_list a:hover {text-decoration: underline;}
#body table#basket_list a img {vertical-align: middle;padding: 0 5px;}
#body table#basket_list tr.break {line-height: 5px;background-color: white;}
#body table#basket_list tr.break td {background-color: white;}
#body table#basket_list tr.total td.col1 {text-align: right;}
#body table#basket_list tr {/*border:solid 1px #2453B3;*/border-top: none; border-bottom: none;}
#body table#basket_list th {/*border:solid 1px #2453B3;*/}
#body table#basket_list tr.total {/*border:solid 1px #2453B3;*/}
#body table#basket_list tr.break {border:none;}
#body table#basket_list tr.total td {color: #2E80AA;font-weight: bold;  }
#body table#basket_list td.col2 {text-align: right;} 
#body table#basket_list td.col3 {text-align: center;} 
#body table#basket_list td.col4 {text-align: right; font-weight: bold;color: #666;}
#body table#basket_list td.col5 {width: 100px;}  
#body table#basket_list td.separator {height: 5px; line-height: 5px;}  
#body table#basket_list tr.total td.promo {font-weight: normal;}
#body table#basket_list tr.bigtotal {border: solid 1px #2E80AA;}
#body table#basket_list tr.bigtotal td {border: solid 1px #2E80AA;color: #2E80AA;font-size: 11px; font-weight:bold;background-color: #fff2bf;}
#body table#basket_list tr.bigtotal td.col1 {border-right: none;}
#body table#basket_list tr.bigtotal td.col4 {border-right: none;border-left: none;}
#body table#basket_list tr.bigtotal td.col5 {border-left: none;}

div#popup {position: absolute;width: 250px; background-color:#FFFF99; border: solid 1px #FFCC00; display: none;}

span.normal {font-weight: normal;}
.discount {color: red;font-weight: bold;}
.warning {font-weight: bold; color: red;background-color: #FFCC00;padding: 10px;text-align: center;margin-bottom: 20px;}
.info {color: red;text-align: center;font-style:italic;}

div.download {position: absolute;top: 340px;width: 200px; left: 736px;}
div.download a {margin: 3px 0px;float: left;}

.mod_text .sub_title {font-weight: bold; color: #2E80AA; text-decoration:none;}
.mod_text ul {list-style-type: disc; margin-left: 20px;} 

.comment {font-style: italic;}

.escompte {padding: 5px; border: dotted 1px #acbff5;background-color: #fffae5; color: #404040;}
.escompte .title {font-weight: bold; color: #404040;}

.chromosoft {display: block;clear: both;text-align: center;padding: 2px 10px; width: 800px;}
.chromosoft a {text-decoration: none; color: #c0c0c0;font-size: 9px; font-weight: normal;}

div#login div.minimal {position: absolute; top: 340px; width: 623px; left: 96px; text-align: left; background-color: #f6f6f6; border: solid 1px #ccc;  }
div#login div.minimal div {float: left; width: 290px;font-size: 9px; color: #333; font-family: arial;margin: 5px;}
div#login div.minimal strong {font-size: 9px; color: #333; font-family: arial;padding-bottom: 5px; display: block; text-align: center;}

div#popup_pub {position: absolute; top: 30px; right: 100px;}
.color_1 {color: #00BCE2;}

div.home {}
div.home .btns {height: 39px;margin-bottom: 2px; float: left;}
div.home .btns a {padding: 0; margin: 0; float: left;margin-right: 2px;}
div.home .contents .mod_text {padding: 10px; color: #fff;}
div.home div.body {padding: 20px;line-height: 2em; height: 300px; overflow: auto;color: #fff;}
div.home div.body * {color: #fff;font-size: 12px;}
div.home .txt0 {background-color: #FF9933; width: 582px;margin-top: 0; clear: both;}
div.home .txt1 {background-color: #8BB02C; width: 582px;margin-top: 0; display: none;clear: both;}
div.home .txt2 {background-color: #348ABD; width: 582px;margin-top: 0; display: none;clear: both;}
div.home .txt3 {background-color: #7A68A6; width: 582px;margin-top: 0; display: none;clear: both;}
div.home .txt4 {background-color: #BE4647; width: 582px;margin-top: 0; display: none;clear: both;}

#form p.addpro {margin:20px 0 10px 0;font-weight:bold;}

table.basket .grptot .col1 {text-align: center; font-weight: normal;background-color: #ffc;}
table.basket .grptot .col4 {font-weight: bold; text-align: center;background-color: #ffc;text-align: center;color: red;}

.border-blue {padding: 0; margin: 0; border-collapse: collapse;}
.border-blue td {border: solid 2px #2DBFE8; padding: 3px; width: 195px;}