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

/* ------------------------------- MAIN INTERFACE DESIGN ------- */

/* --- MAIN INTERFACE STYLE --- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a { color: #556677; }

a:hover, a:visited:hover, #menu ul a:hover, #menu ul li ul a:hover {
	color: #0088dd;
}

/* a:visited, #menu ul a:visited {
	color: #88aacc;
} */

#navigation { background-color: #ffffff; }

#menu {
	background-image: url(images/menu_bg.jpg);
	background-position: bottom center;
	background-repeat: no-repeat; }

#menu ul li {
	border-top: 1px solid #999999;
	font-weight: bold;
}

#menu ul li ul li {
	border-top: 1px solid #dddddd;
	font-weight: normal;
}

#menu ul li.first { border-top: 0; }

#menu ul a {
	text-decoration: none;
	color: #666666;
}

#menu ul li ul a { color: #888888; }

#menu_progisupport { font-size: 10px; color: #999; }
#menu_progisupport a { font-size: 12px; font-weight: bold; line-height: 1.8; }

#siteoptions { background-color: #336688; /* #6c9ab7; */
	letter-spacing: 1px;
	color: #e6f3ff; }

#siteoptions #language { color: #ccddee; }

#siteoptions a, #siteoptions a:visited { color: #ffffff; }
#siteoptions a:hover, #siteoptions a:visited:hover { color: #88ddff; }

#footer { background-color: #336688; }

#footer #footernav {
	background-color: #eeeeee;
}

#footer #footernav #footersiteoptions {
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #bbbbbb;
	font-size: 10px; }
#footer #footernav #footersiteoptions a {
	color: #666666;
}

#footer #footernav li {
	border-right: 1px solid #999999;
}

#footer #footernav a {
	text-decoration: none;
	color: #666666;
}

#footer #footernav a:hover {
	background-color: #fcfcfc;
}

#footer #disclaimer {
	color: #cccccc;
	font-size: 11px;
	border-bottom: 1px solid #cccccc;
}

#footer #disclaimer a { color: #cccccc; }

.content_content h3 { color: #99aabb; font-size: 18px; border-bottom: 1px dotted #999999; }
.content_content h4 { text-transform: uppercase; font-size: 12px; color: #666666; }

ul { list-style-type: square; }

.quotemarks { color: #999999; font-family: "Times New Roman", Times, serif; font-size: 24px; line-height: 0.8; }
.quote { font-weight: bold; font-style: italic; font-size: 14px; color: #66aa22; }
.quotesource { font-weight: normal; font-size: 12px; line-height: 2.5; }

.stronger { font-weight: bold; font-size: 16px; }
.center { text-align: center; }

.forward { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; letter-spacing: -4px; color: #999999; }


.frame { background-image: url(images/software_progipac_features_bg.gif); background-position: center; background-repeat: repeat-y; }
.frame .frame_header { background-image: url(images/software_progipac_features_header_bg.gif); background-repeat: no-repeat; background-position: top; }
.frame .frame_header h4 { color: #ffffff; font-size: 14px; font-weight: bold; }
.frame .frame_content { background-image: url(images/software_progipac_features_footer.jpg); background-position: bottom; background-repeat: no-repeat; }
.frame ul li { font-weight: bold; font-size: 14px; color: #3377bb; }
.frame ul li ul { list-style-image: url(images/ul_li_ul_arrow.gif); }
.frame ul li ul li { font-weight: normal; font-size: 12px; color: #666666; }
.frame .frame_content .desc { font-weight: normal; font-size: 12px; color: #666; }

.frame2 { background-image: url(images/frame2_center_bg.jpg); background-position: center; background-repeat: no-repeat; }
.frame2 h4 { color: #3377bb; font-size: 14px; font-weight: bold; }
.frame2 .frame2_content p  { line-height: 1.8; }
.frame2 .frame2_content strong { letter-spacing: 1px; padding: 3px; background-color: #e6f4cc; }

#selection a { font-weight: bold; font-size: 14px; }


/* --- MAIN INTERFACE LAYOUT --- */

body {
	margin: 0;
	padding: 0;
}

#page {
	width: 950px;
	margin: auto;
}

#navigation {
	float: left;
	width: 164px;
	margin-bottom: 24px;
}

#logo {
	text-align: center;
	padding-top: 24px;
	padding-bottom: 12px;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 22px;
	padding-bottom: 32px;
}

#menu ul li {
	padding-top: 5px;
	padding-bottom: 5px;
}

#menu ul li ul {
	padding: 0;
	margin-left: 6px;
}

#menu ul li.first { padding-top: 8px; }

#menu_progisupport { padding: 12px; text-align: center; }

#siteoptions {
	text-align: right;
	padding: 6px;
	padding-right: 28px; }

#siteoptions #language { margin-right: 12px; }
#siteoptions #extlinks { margin-left: 12px; }

#content { margin-left: 164px; }

#footer {
	clear: both;
	text-align: center;
	padding-top: 1px;
	margin-top: 12px;
}

#footer #footernav {
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
}

#footer #footernav #footersiteoptions {
	display: inline;
	float: left;
	padding-left: 12px; }

#footer #footernav ul { margin: 0; }

#footer #footernav ul li {
	display: inline;
	padding-top: 3px;
	padding-bottom: 3px;
}

#footer #footernav ul li a {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#footer #disclaimer {
	padding: 12px;
}

p { text-align: justify; line-height: 1.5; }

h2 { margin-top: 0; padding-top: 0; }

.content_content { padding: 24px; }
.content_content h3 { margin: 0; padding: 0; margin-bottom: 12px; }
.content_content h4 { margin: 0; padding: 0; padding-top: 12px; }

ul li, ol li { padding-bottom: 12px; }

.quote { text-align: center; }

.rightimg { float: right; padding-left: 24px; padding-bottom: 12px; }

.frame { padding: 0; margin: 0; width: 308px; float: right; margin-left: 12px; }
.frame .frame_header h4 { text-align: left; padding-left: 24px; padding-bottom: 8px; }
.frame .frame_content { padding: 24px; padding-top: 0; }
.frame ul, .frame ol { margin: 0; padding: 0; padding-left: 12px; padding-top: 12px; }
.frame ul li ul li { padding-bottom: 4px; }

.frame2 { padding: 0; margin: 0; width: 350px; }
.frame2 .frame2_content { padding: 24px; padding-top: 0; }
.frame2 h4 { padding-bottom: 8px; }


/* ----------------------------- PAGE SPECIFIC DESIGN ---------- */

/* --- STYLE --- */

#p_home #progisupport a { font-weight: bold; color: #669933; font-size: 16px; }
#p_home #progisupport #progisupport_notice { font-size: 10px; color: #999999; }

#p_home #threecolumns {}

#p_home #news h3 {
	text-transform: uppercase;
	font-size: 11px;
	color: #6688bb; }
#p_home #news h4 {
	font-size: 12px;
	letter-spacing: 1px;
	border-bottom: 1px solid #999999; }
#p_home #news h4 .newsdate {
	font-weight: normal;
	font-size: 10px;
	color: #999999;
	line-height: 2; }
#p_home #news p {
	font-size: 12px; }

#p_home #featurestory { border-left: 1px solid #999999; border-right: 1px solid #999999; background-color: #ffffff; color: #996600; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
#p_home #featurestory strong { font-size: 14px; padding-left: 3px; padding-right: 3px; }

#p_home #featrecyc { background-image: url(images/home_featrecyc_bg.gif); background-position: center; background-repeat: repeat-y; }
#p_home #featrecyc_header { background-image: url(images/home_featrecyc_header_bg.gif); background-repeat: no-repeat; background-position: top; }
#p_home #featrecyc_header_en { background-image: url(images/home_featrecyc_header_bg-en.gif); background-repeat: no-repeat; background-position: top; }
#p_home #featrecyc h3 { }
#p_home #featrecyc_content { background-image: url(images/home_featrecyc_footer.jpg); background-position: bottom; background-repeat: no-repeat; }
#p_home #featrecyc_content a { font-weight: bold; line-height: 1.5; }

#newspage h4 {
	background-color: #666666;
	color: #ffffff;
	letter-spacing: 1px;
	line-height: 1.5;
	font-size: 14px;
	text-transform: none; }
#newspage h4 .newsdate {
	color: #eeeeee;
	font-weight: normal;
	text-transform: none;
	font-size: 11px; }

#notrevision p, #notrevision li { color: #666666; text-indent: 0; }
#notrevision strong, #quisommesnous strong { font-size: 14px; color: #3377bb; }

#softlogo { padding-left: 48px; background-color: #ffffff; }
h4.tagline { font-style: italic; font-size: 16px; color: #0088dd; text-transform: none; text-align: center; }

#progicomm .pcomm_versionframe { background-image: url(images/software_progicomm_vers_bg.gif); background-position: center; background-repeat: repeat-y; }
#progicomm .pcomm_versionframe_header { background-image: url(images/software_progicomm_vers_header_bg.gif); background-repeat: no-repeat; background-position: top; }
#progicomm .pcomm_versionframe_header h4 { color: #ffffff; font-size: 14px; font-style: italic; text-transform: none; font-weight: normal; }
#progicomm .pcomm_versionframe_header h4 strong { font-weight: bold; }
#progicomm .pcomm_versionframe_content { background-image: url(images/software_progicomm_versionframe_footer.jpg); background-position: bottom; background-repeat: no-repeat; }

#equipements h4.services { font-size: 14px; font-style: italic; background-color: #e3eecc; text-transform: none; }
#equipements strong { font-size: 14px; color: #3377bb; }
#equipements ul li { color: #777; }

#equipements #equip_barcode { clear: right; background-image: url(images/services_equipments_barcode_bg.gif); background-position: center; background-repeat: repeat-y; }
#equipements #equip_barcode_header { background-image: url(images/services_equipments_barcode_header.gif); background-repeat: no-repeat; background-position: top; }
#equipements #equip_barcode_header h4 { font-size: 14px; font-style: italic; color: #cc0000;  }
#equipements #equip_barcode_content { background-image: url(images/services_equipments_barcode_footer.jpg); background-position: bottom; background-repeat: no-repeat; }
#equipements #equip_barcode_content ul { list-style-image: url(images/ul_li_ul_arrow.gif); }

#webdesign #webdesign_list { line-height: 3; }
#webdesign #webdesign_list a { background-color: #dddddd; color: #335577; }
#webdesign #webdesign_list a:hover { background-color: #778899; color: #fff; }
#webdesign #webdesign_list a strong { font-size: 13px; }

#hosting #hosting_intro em { text-transform: uppercase; font-size: 11px; font-style: normal; color: #666666; letter-spacing: 1px; }
#hosting #hosting_email_filters li { color: #cc0000; }
#hosting #hosting_email strong em { font-size: 16px; color: #009933; padding-left: 8px; }

#supporttechnique #tel { font-size: 16px; font-weight: bold; color: #336688; }
#supporttechnique #telsmall { font-size: 12px; font-weight: normal; padding-left: 24px;}
#supporttechnique p strong { color: #ffffff; background-color: #99afbb; padding: 2px; padding-left: 6px; padding-right: 6px; }

#supporttechnique .psupport { background-image: url(images/support_psupport_bg.jpg); background-position: center; background-repeat: repeat-y; }
#supporttechnique .psupport_header h4 { color: #ffffff; font-size: 14px; font-weight: bold; }
#supporttechnique .psupport_content { background-image: url(images/support_psupport_footer_bg.jpg); background-position: bottom; background-repeat: no-repeat; }
#supporttechnique #psupport_header { background-image: url(images/support_psupport_header.jpg); background-repeat: no-repeat; background-position: top; }
#supporttechnique #download_header { background-image: url(images/support_download_header.jpg); background-repeat: no-repeat; background-position: top; }
#supporttechnique #download_header_en { background-image: url(images/support_download_header_en.jpg); background-repeat: no-repeat; background-position: top; }
#supporttechnique .psupport #link a { font-weight: bold; font-size: 16px; color: #66aa22; }
#supporttechnique .psupport #link a:hover { color: #88cc44; }
#supporttechnique .psupport #link2 { font-weight: bold; font-size: 14px; }


#clients .clients { background-image: url(images/clients_bg.jpg); background-position: center; background-repeat: repeat-y; }
#clients .clients_header { background-repeat: no-repeat; background-position: top; }
#clients .clients_content { background-repeat: no-repeat; background-position: bottom; }
#clients #recyclers_header { background-image: url(images/clients_recyclers_header.jpg); }
#clients #recyclers_header_en { background-image: url(images/clients_recyclers_header-en.jpg); }
#clients #recyclers_content { background-image: url(images/clients_recyclers_bottom.jpg); }
#clients #bodyshop_header { background-image: url(images/clients_bodyshop_header.jpg); }
#clients #bodyshop_header_en { background-image: url(images/clients_bodyshop_header-en.jpg); }
#clients #bodyshop_content { background-image: url(images/clients_bodyshop_bottom.jpg); }
#clients #insurers_header { background-image: url(images/clients_insurers_header.jpg); }
#clients #insurers_header_en { background-image: url(images/clients_insurers_header-en.jpg); }
#clients #insurers_content { background-image: url(images/clients_insurers_bottom.jpg); }

#clients .clients a { font-weight: bold; color: #990000; font-size: 14px; } #clients .clients a:hover { color: #CC0000; }
#clients .clients ul { list-style: none; }
#clients .clients .clients_stats { font-style: italic; color: #667788; border-bottom: 1px solid #99aacc; border-right: 1px solid #99aacc; border-left: 1px solid #ccddff; border-top: 1px solid #ccddff; background-color: #ddeeff; }

#contact #contact_map { background-image: url(images/contact_map_bg.jpg); background-position: center; background-repeat: no-repeat; }
#contact #contact_map iframe { border: 1px solid #999; }
#contact #contact_map small a { text-decoration: none; text-transform: uppercase; font-weight: bold; color: #fff; background-color: #6699cc; padding: 3px; }
#contact #contact_map small a:hover { background-color: #88bbee; }

#contact #phone { text-indent: 0; color: #999; }
#contact #phone #tollfree { font-size: 16px; font-weight: bold; color: #0088dd; }
#contact #phone #local { font-weight: bold; font-size: 14px; }
#contact #hours { background-image: url(images/contact_hours.jpg); background-position: left; background-repeat: no-repeat; }
#contact #hours #days { font-weight: bold; color: #557799; }
#contact #mail { text-indent: 0; }
#contact #email { font-style: italic; font-size: 14px; } #contact #email #emailsymbol { font-size: 22px; }


/* --- LAYOUT --- */

.tierscolumns {
	float: left;
	width: 221px;
	padding: 24px;
	padding-top: 0;
	padding-bottom: 12px;
}

#p_home #bigfeature {
	width: 740px;
	height: 300px;
	margin-bottom: 24px;
}

#p_home #progisupport { float: right; width: 160px; text-align: right; padding-right: 42px; }

#p_home #featrecyc { padding: 0; margin: 0; }
#p_home #featrecyc h3 { margin-top: 0; margin-bottom: 0; padding-top: 40px; padding-bottom: 40px; margin-left: 12px; margin-right: 12px; text-align: center; }
#p_home #featrecyc_content { padding: 24px; padding-top: 0; }
#p_home #featrecyc_content ul { list-style: none; margin-left: 0; padding-left: 0; margin-top: 0; padding-top: 0; }
#p_home #featrecyc_content li { padding-bottom: 12px; }

#p_home #news h3 { text-align: right; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
#p_home #news h4 { margin-top: 0; margin-bottom: 6px;}
#p_home #news p { margin-top: 0; margin-bottom: 6px; }
#p_home #news hr { visibility: hidden; height: 6px; }

#newspage h4 { padding: 6px; padding-left: 12px; }
#newspage h4 .newsdate { padding-right: 12px; border-right: 1px solid #cccccc; margin-right: 12px; }

#progicomm .pcomm_versionframe { padding: 0; margin: 0; width: 239px; float: right; margin-left: 6px; }
#progicomm .pcomm_versionframe_header h4 { text-align: right; padding-right: 24px; padding-bottom: 8px; }
#progicomm .pcomm_versionframe_content { padding: 24px; padding-top: 0; }
#progicomm #pcomm_2versions { float: right; width: 27px; margin: 0; padding: 0; margin-left: 6px; }
#progicomm #pcomm_versionframe_followup { float: left; width: 180px; padding-right: 24px; padding-bottom: 24px; text-align: center; }


#equipements h4.services { padding: 6px; width: 370px; }
#equipements ul li { padding-top: 12px; }

#equipements #equip_barcode { padding: 0; margin: 0; width: 238px; float: right; margin: 24px; }
#equipements #equip_barcode_header h4 { padding-left: 24px; padding-bottom: 8px; }
#equipements #equip_barcode_content { padding: 24px; padding-top: 0; }
#equipements #equip_barcode_content ul { margin-left: 0; padding-left: 12px; }
#equipements #equip_barcode_content ul li { padding-top: 0; padding-bottom: 12px; }

#webdesign #webscreenshots { width: 360px; float: right; padding-left: 24px; padding-top: 0; padding-right: 0; }
#webdesign #web_recycler, #webdesign #web_bodyshop, #webdesign #web_modulegestion {  }
#webdesign #webdesign_list a { padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; }

#hosting .frame { margin: 24px; }

#supporttechnique #support_rightcol { width: 240px; float: right; padding-left: 24px; padding-top: 0; padding-right: 0; }

#supporttechnique .psupport { padding: 0; margin: 0; width: 238px; float: right; margin-left: 12px; margin-bottom: 24px; }
#supporttechnique .psupport_content { padding: 24px; padding-top: 0; }
#supporttechnique #psupport_header { height: 153px; }
#supporttechnique #download_header, #supporttechnique #download_header_en { height: 40px; }
#supporttechnique .psupport #link, #supporttechnique .psupport #link2 { text-align: center; }

#clients .clients { padding: 0; margin: 0; width: 238px; float: left; margin-left: 2px; margin-bottom: 24px; }
#clients .clients_header {  }
#clients .clients_content { padding: 24px; padding-top: 0; }
#clients #recyclers_header, #clients #recyclers_header_en { height: 90px; }
#clients #bodyshop_header, #clients #bodyshop_header_en { height: 90px; }
#clients #insurers_header, #clients #insurers_header_en { height: 110px; }
#clients .clients ul { margin-left: 0; padding-left: 0px; }
#clients .clients .clients_stats { width: 80%; padding: 3px; margin-left: 12px; margin-top: 6px; text-align: center; }
#clients #clients_txt { width: 100%; text-align: center; clear: both; }

#contact #contact_map { float: right; padding: 18px; margin-left: 12px; margin-bottom: 24px; }
#contact #phone { text-align: right; padding-top: 12px; padding-bottom: 22px; }
#contact #hours { text-align: center; height: 52px; padding-top: 16px; }
#contact #mail img { float: left; margin-right: 12px; }
#contact #email { padding-top: 12px; text-align: center; }