@charset "UTF-8";
/* CSS Document */

html {	font-size: 100%;height: 100%;	margin-bottom: 1px; }/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */

/*DEFAULT BODY STYLES + BG FOR MAIN AND LOGIN SCREENS*/
body {font-family:  'Lucida Grande',"Trebuchet MS",Verdana,sans-serif; font-size: 12px; line-height: 140%; color:#1b110f; padding: 0 0 50px 0; position: relative}
body#b_main {background: url(/htdocs/images/layout/bg_left.gif) repeat-y #ffffff;}
body#b_login {background: #141414}

h1 {}
h2 {}
h3 {font-size: 20px; padding: 5px 0 15px 0}
h4 {font-size: 16px; padding: 5px 0 15px 0}
h5 {font-size: 13px; padding: 5px 0 15px 0; text-transform:uppercase; color:#6a5644}

p {padding-bottom: 7px}
.clear {clear: both}
strong {font-weight: bold}
a {color: #41829f}
a:hover {text-decoration: none}
em {font-style:italic}

.content img{margin:0 12px 12px 0;padding:2px;border:1px solid #bbb;}

/*UL*/
ul.points {list-style: none; padding: 15px 0}
ul.points li {padding: 3px  0 3px 20px; background:url(/htdocs/images/icons/arrow_000_small.png) no-repeat left center}

/*MAIN CONTAINERS*/
div#wrapper {width: 990px; float: left; position: relative;}
div#header {height: 152px; background:url(/htdocs/images/layout/bg_top2.jpg) repeat-x top #3d3025; width: 100%;}
div#menu_main {width: 190px; position: absolute; left: 0; top: 0; z-index:100; }
div#content {width: 800px; float: left; padding: 0 0 0 190px}

/*SUB CONTAINERS*/
.container2 {width:370px; margin: 15px 0 10px 30px; float: left; padding: 15px 0 0 0 }
.container1 {width:770px; margin: 15px 0 0 30px; float: left; padding: 15px 0 0 0; clear: both }
.separator {border-top: 1px solid #CCCCCC}/*acts like a hr just incase you need one - adds a stroke to the top of div*/

/*HEADER*/
div#logo {width: 990px; height: 200px; display: block; position: absolute; top: 0; left: 0;}
div#logo h1 {width: 300px; height: 40px; position: absolute; top: 55px; left: 230px; display:none;}
div#logo h1 a {text-indent: -9999px; width: 300px; height: 40px; background:url(/htdocs/images/layout/logo_top.png) no-repeat; display: block}
div#logo h4 {color: #999999; position: absolute; top: 95px; left: 230px; display:none;}

div#logo ul#welcome {list-style: none; margin-top: 10px; color: #a6a6a6; font-size:10px;}
div#logo ul#welcome li {float: right; margin: 0 10px 0 0}
div#logo ul#welcome li#last {clear: both;  padding: 8px 0 0 0; color:#575757}
div#logo ul#welcome li strong {font-weight: normal; color: #dfdfdf}
div#logo ul#welcome li a {text-decoration: none; padding: 1px 0 1px 10px; background: url(/htdocs/images/layout/menu_line.gif) repeat-y; color:#a6a6a6}
div#logo ul#welcome li a:hover {color: #dfdfdf}

div#logo ul#welcome li#eng a {border-left: none; background:url(/htdocs/images/flags/gb.png) no-repeat left center; text-indent: -9999px; display: block; width: 16px ; height: 16px; padding: 0}
div#logo ul#welcome li#fra a {border-left: none; background:url(/htdocs/images/flags/fr.png) no-repeat left center; text-indent: -9999px; display: block; width: 16px ; height: 16px; padding: 0}
div#logo ul#welcome li#ger a {border-left: none; background:url(/htdocs/images/flags/de.png) no-repeat left center; text-indent: -9999px; display: block; width: 16px ; height: 16px; padding: 0}

/*DEFAULT HEADER LOGO*/
#b_main div#logo { background:url(/htdocs/images/layout/bg_top1.jpg) no-repeat; }
#b_login div#logo { background:url(/htdocs/images/layout/bg_top1.jpg) no-repeat;left:184px;width:660px;}
#b_login div#header {height: 200px;}


/*MENU*/
.menu_main_section {border-top: 1px solid #272727}
.first {border: none}
.menu_main_section h4 {color:#a6a6a6; padding: 15px 0 15px 34px; border-top: 1px solid #3a3a3a; }
.menu_main_section ul li a {color:#a6a6a6; padding: 6px 20px; text-align: right; display: block; text-decoration: none; font-size:11px}
.menu_main_section ul li a:hover {background: #434343}
.menu_main_section ul li._Selected a {background: #FFF; color:#1b110f; text-transform:uppercase; font-weight:bold;}
.menu_main_section ul li._Selected ul li a{background: #CCC; padding:3px 20px; text-transform:none; font-weight:normal; font-size:10px;}
.menu_main_section ul li._Selected ul li a:hover {background:#AAA;}

/*MENU SECTION HEADERS*/
#menu_main_h_support {background: url(/htdocs/images/icons/lifebuoy.png) no-repeat 10px center #272727 }
#menu_main_h_config {background: url(/htdocs/images/icons/broom.png) no-repeat 10px center #272727 }
#menu_main_h_files {background: url(/htdocs/images/icons/box.png) no-repeat 10px center #272727 }

/*DASHBOARD*/
.welcome_list {padding: 20px 30px; border: 1px solid #b8c6d2; background: url(/htdocs/images/layout/highlight_blue.gif) repeat-x #dae6f1;}
.welcome_list img {margin-right: 20px; position: relative; top: 3px}

/*FORMS*/
.broom_form {}
.broom_form fieldset {border: none; outline: none; background:url(/htdocs/images/icons/cross_circle.png) no-repeat -9999px -9999px}/*give the fieldset the image background so that it loads ready for jQuery execution*/
.broom_form label {display: block;	position: relative;  padding: 10px 0; clear: both; float: left; width: 100%; height: 45px}
.broom_form label.ta {height: 175px}
.broom_form fieldset input {border: 1px solid #CCCCCC; height: 17px; padding: 6px 5px 4px 5px; position: absolute; top: 30px; left: 0; outline: none; width: 100%; background: #f7f7f7}
.broom_form fieldset select {border: 1px solid #CCCCCC; height: 27px; padding: 5px 5px; position: absolute; top: 30px; left: 0; outline: none; width: 100%; background: #f7f7f7}
.broom_form fieldset textarea {height: 143px;display: block; border: 1px solid #CCCCCC; overflow: auto; padding: 5px 5px; outline: none; position: absolute; bottom: 6px; left: 0; background: #f7f7f7}
.broom_form label.error {color: #da3939; font-size: 10px;	font-style: italic;	width: 40%; text-align: right; padding: 0 20px 0 0; background:url(/htdocs/images/icons/cross_circle.png) no-repeat center right; position: absolute; top: 10px; right: 0; height: 16px }

.broom_form fieldset .label1 input,
.broom_form fieldset .label1 textarea,
.broom_form fieldset .label1 select {width: 200px;}
.broom_form fieldset .label2 input,
.broom_form fieldset .label2 textarea,
.broom_form fieldset .label2 select  {width: 270px;}
.broom_form fieldset .label3 input,
.broom_form fieldset .label3 textarea,
.broom_form fieldset .label3 select  {width: 370px;}

.broom_form fieldset label.label_calendar1 input {width: 170px; padding: 6px 5px 4px 30px }
.broom_form fieldset label.label_calendar2 input {width: 240px; padding: 6px 5px 4px 30px }
.broom_form fieldset label.label_calendar3 input {width: 340px; padding: 6px 5px 4px 30px }

/*BULLETPROOF BUTTON : <button> version based on the <a> of Cameron Moll : http://www.cameronmoll.com/  */
.button {float: right; margin: 10px 0 5px 10px; background: url(/htdocs/images/layout/box-right.gif) top right no-repeat; clear: both}
.btn-inner {margin: 0;padding: 7px 0 0 0;background: url(/htdocs/images/layout/box-left.gif) top left no-repeat;text-align: center;}		
.btn-inner span {display: block;margin: 0;padding: 0 0 0 17px;background: url(../img/layout/box-left.gif) bottom left no-repeat;}	
.btn-inner em {margin: 0;display: block;background: url(/htdocs/images/layout/box-right.gif) bottom right no-repeat; font-style:normal}
.btn-inner button {outline: none;border: none;margin: 0;padding: 0px 20px 13px 0px;color:#969696;font-size: 11px;text-transform:capitalize; background: none}
.btn-inner button img {margin-right: 5px; position: relative; top: 3px; left: -2px}

.btn-inner button:hover {color: #ffffff;cursor: pointer;}		


/*NOTIFICATIONS -controls*/
a.close {position: absolute; top: 5px; right: 5px; padding-right: 15px; color:#990000; background: url(/htdocs/images/icons/cross_small.png) no-repeat right center; font-size:9px}

/*NOTIFICATIONS -defaults*/
div.notification {position: relative; margin: 5px 0 10px 0; }
div.notification em {padding: 15px; font-style:normal; display: block}
div.notification em img {margin-right: 10px; position: relative; top: 3px;}

/*NOTIFICATIONS -variations*/
div.error {border: 1px solid #d7bbb8; background: url(/htdocs/images/layout/highlight_red.gif) repeat-x #f6dcd9;}
div.confirm {border: 1px solid #cad3a6; background: url(/htdocs/images/layout/highlight_green.gif) repeat-x #dfe9b8;}
div.attention {border: 1px solid #dbd6a1; background: url(/htdocs/images/layout/highlight_yellow.gif) repeat-x #f8f2b7;}
div.information {border: 1px solid #b8c6d2; background: url(/htdocs/images/layout/highlight_blue.gif) repeat-x #dae6f1;}


/* TABLES */	
table.broom_table  {border-collapse: collapse; margin: 0; width: 100%;border: 1px solid #CCCCCC; border-right: none; font-size:11px}
table.broom_table thead {border-bottom: 1px solid #CCCCCC; }
table.broom_table thead th{color:#333333;text-align:left; font-weight:normal;text-transform:uppercase; padding:15px 10px 15px 20px; border-right: 1px solid #CCCCCC}

table.broom_table  td { padding: 0 10px 0 20px;line-height: 120%; vertical-align: middle; background: #f7f7f7; border-right: 1px solid #CCCCCC;}
table.broom_table  td a { display: block; padding: 10px 0; }
table.broom_table  td span { display: block; padding: 10px 0; }
table.broom_table  tr.odd td { background: #f1f1f1;}

/*MOUSEOVER*/
table.broom_table  tr.over td,
table.broom_table  tr:hover td { cursor: pointer; background: #E8E4DE }
table.broom_table  tr:hover a {}

table.broom_table a.table_delete {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/htdocs/images/icons/cross.png) no-repeat; float: left; margin: 0 10px 0 0}
table.broom_table a.table_edit {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/htdocs/images/icons/pencil.png) no-repeat; float: left; margin: 0 10px 0 0}
table.broom_table a.table_comment {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/htdocs/images/icons/balloon.png) no-repeat; float: left; margin: 0 10px 0 0}

a.shop_delete {padding:2px 0 0 0; display: block; width: 12px; height: 12px; text-indent: 9999px; background:url(/htdocs/images/icons/cross-mini.png) no-repeat 0 2px; float: right; margin:0 0 0 4px;}

table.broom_table a.table_images {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/htdocs/images/icons/image.png) no-repeat; float: left; margin: 0 10px 0 0; cursor:help;}

div.pagination a.download_back{background:#FFFFFF url(/htdocs/images/icons/back.png) no-repeat scroll 6px 52%;padding-left:26px;}

a#history_back{background:#FFFFFF url(/htdocs/images/icons/back.png) no-repeat scroll 6px 52%;text-decoration: none; position:absolute;right:0;top:20px;
	color:#999999; padding: 5px 9px 5px 26px; margin:0; border: 1px solid #CCCCCC; font-size:9px;z-index:200;display:none;}

/*TABLE / RECORD PAGINATION*/
.pagination {padding: 20px 0}
.pagination a {text-decoration: none; color:#999999; background: #f1f1f1; padding: 5px 9px; margin: 0 0 7px 0; border: 1px solid #CCCCCC; font-size:9px}
.pagination a:hover {cursor: pointer; background: #E8E4DE; color:#666666 }
.pagination a.selected { color: #ffffff; background: #5e5552; border: 1px solid #5e5552 }

/*LOGIN*/
.login_form {position: absolute; top: 140px; left: 200px; background: url(/htdocs/images/layout/bg_login_top.gif) no-repeat #FFFFFF; width:600px}
.login_form fieldset {background:url(/htdocs/images/layout/bg_login_bottom.gif) no-repeat left bottom; padding: 0px 30px 15px 30px; margin-top: 10px}
.login_form label {display: block;	position: relative;  padding: 10px 0 10px 0; float: left; width: 200px; height: 45px;}
.login_form fieldset input {border: 1px solid #CCCCCC; height: 22px; padding: 5px 5px 0 5px; position: absolute; top: 30px; left: 0; outline: none; width: 170px ;background: #f7f7f7}
.login_form .button {clear: none; margin: 30px 0 10px 0}
.login_form a.forgot_login {font-size:10px; float: right; clear: both;}

.login_form .lang{text-align:right;padding:4px 4px 0 0;}
.login_form .lang a{padding:4px 2px;}

/*FOOTER*/
#footer {font-size:9px; list-style: none; padding: 100px 0 10px 230px}
#footer li {float: left; margin-right: 10px}

/*IE7 FIX 18/12/2008 */
ul.tabbernav li,
.login_form a.forgot_login {white-space:nowrap;}/*additional*/
.broom_form {clear: both}/*additional*/
.container1,
.container2 {margin: 0; padding: 20px 0 20px 30px }/*overwrites previous*/

.btn-1{background:#646464; border:0; outline:none; padding:6px 20px;margin:0;font-size:10px;color:#dedede;cursor:pointer;text-transform:uppercase;}
.btn-2{background:#646464; border:0; outline:none; padding:2px 6px;margin:8px 0 0 0;font-size:9px;color:#CCCCCC;cursor:pointer;}

#basketBlock{position:absolute;left:660px;top:50px;background:#fff;width:318px;color:#333333;border:1px solid #000;z-index:100;}
div#basketTitle{background:#dae6f1 url(/htdocs/images/layout/highlight_blue.gif) repeat-x scroll 0 0;border:1px solid #b8c6d2;margin:0px;position:relative;cursor:pointer;}
div#basketTitle em {padding: 3px 10px 3px 10px; font-style:normal; display: block;text-transform:uppercase;}
div#basketTitle em img {margin-right: 10px; position: relative; top: 3px;}
div#basketTitle em div{font-style:italic;position:absolute;right:8px;text-transform:none;top:6px;font-size:10px;}
div#basketContent{padding:0 9px;margin:4px 0 0 0;display:none;z-index:105;}
#LargeBasket div#basketTitle {margin-top: 10px;}
.total td {border-top: 2px solid #ccc;}
.productsItem td a {color: #333; text-decoration: none}

#ProductPanel {width: 366px; float: right; padding: 8px; height: 99px;}
#ProductPanel #detailProduct {float: left; width: 130px;}
#detailProduct .itemProduct {margin-bottom: 5px;}
#ProductPanel #ProductTitle {text-transform: uppercase; font-weight: bold}
#detailProduct div, #detailProduct p{margin: 0px; padding: 0px;}
#detailProduct hr {border: 0px;}
#ProductTitle, #VendorPrice, #RetailPrice {margin: 0px; display: inline;}

#product-pictures {width:230px; height:130px; margin: 0 0 0 0; float:right; background:#FFFFFF no-repeat 0 0; overflow: hidden}

#viewDiv{display:none; position:absolute; top:0; left:0; background:#FFFFFF;border:1px solid #bbb; padding:4px;z-index:21;}
#viewImage{padding:1px;z-index:21;margin:0;}

#pricetotal{border-color:#CAD3A6;}
#pricetotal tbody td{background:#DFE9B8;border-color:#CAD3A6;}
#pricetotal tbody .odd td{background:#BFD998;border-top:1px solid #AAB386;}
#frmBasket .text input{font-size:12px;vertical-align:bottom;width:32px;outline:none;}

#menu_main h4.idn_595, #menu_main h4.idn_598, #menu_main h4.idn_605 {background:#272727 url(/htdocs/images/icons/gear.png) no-repeat scroll 10px center;}
#menu_main h4.idn_634, #menu_main h4.idn_637, #menu_main h4.idn_640 {background:#272727 url(/htdocs/images/icons/folder_open_document_text.png) no-repeat scroll 10px center;}
#menu_main h4.idn_573, #menu_main h4.idn_601, #menu_main h4.idn_608 {background:#272727 url(/htdocs/images/icons/box.png) no-repeat scroll 10px center;}
#menu_main h4.idn_577, #menu_main h4.idn_602, #menu_main h4.idn_609, #menu_main h4.idn_643, #menu_main h4.idn_660, #menu_main h4.idn_661 {background:#272727 url(/htdocs/images/icons/box_label.png) no-repeat scroll 10px center;}
#menu_main h4.idn_594, #menu_main h4.idn_603, #menu_main h4.idn_610 {background:#272727 url(/htdocs/images/icons/mail_open.png) no-repeat scroll 10px center;}

table.nolinktab tr:hover td { cursor: auto;}
#connexion{ z-index:10;}

a.btn-1 {text-decoration: none}
input.btn-1 {padding:7px 20px;}