@charset "UTF-8";

/*---------------------------------------
  CSS by rolf eichenberger - www.ico.ch 
---------------------------------------*/
* { margin: 0; padding: 0; }
a { color: #303030; background-color: transparent; }
a:hover { background-color: transparent; }
a img { border: 0 none; }
p, .bodytext { font-size: 13px; line-height: 128%; color: #303030; }

/*.text_mq p.bodytext { font-size: 13px; line-height: 128%; color: #303030; }*/

p.align-center {text-align: center; }
h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; color: #C90202; background-color: transparent; text-align: left; }
h1, .csc-firstHeader { font-size: 17px; padding-bottom: 6px; }
h2 { font-size: 15px; padding-bottom: 4px; }
h3 { font-size: 11px; }
td { vertical-align: top; }
.small { font-size: 9px; }

ul  { list-style-type: disc; padding: 8px 0 0px 16px; font-size: 12px; }
.indent { list-style-type: disc; margin: 0 0 0 16px; font-size: 12px; }
.copyright {font-size: 9px; }
blockquote {padding-left: 16px; }
/*.csc-textpic-text ul { list-style-type: disc; padding: 8px 0 8px 16px; font-size: 12px; }*/

address, #logo { position: absolute; left: -999em; }
/*---------------------------------------
  main layout -->
---------------------------------------*/
html, body { color: #303030; background: #666; font-family: Arial, Helvetica, sans-serif; }
#wrapper { margin: 12px auto; width: 974px; }
#main { background:url(bg_content.png) repeat-y; }
#header { width: 974px; height:130px; background:url(header.png) no-repeat; }
#flashbanner { position:absolute; z-index:500; top:26px; margin-left:232px; width:508px; height:100px; }
#content { width:974px; background:url(bg_content.png) repeat-x; }
#column { width:520px; height: auto; float:left; }
#column_frame { padding:22px 12px 2px 12px; min-height: 518px; background:url(bg_frame_top.png) no-repeat; }
#column_frame_bottom { height:6px; background:url(bg_frame_bottom.png) no-repeat; }
#footer { clear:both; width:974px; }
#footer_content { height:44px; padding-top: 6px; background:url(bg_footer_content.png) no-repeat; /*background-position: bottom;*/ }
#footer_content p { letter-spacing: 1px; text-align: center; color:#333; }
#footer_content a { font-size:11px; text-decoration:none; color:#333; }
#footer_content a:hover { text-decoration:underline; }
.footer_address { font-weight: bold; }
.footer_phone { font-size:11px; }

#footer_navigation { padding-top: 4px; padding-bottom:6px; height:20px; text-align: center; font-size: 10px; }
#footer_navigation li { display: inline; }
#footer_navigation a { text-decoration: none; }
#footer_navigation a:hover { color:#900; }
#copyright { font-size: 8px; text-align: right; /*margin-top: -2px;*/ padding-right: 13px; color: #ccc; }
/*---------------------------------------
  <-- main layout
---------------------------------------*/
h1.page_title { color:#fff; padding-left:12px; }
.page_header { width:496px;  display:block; background: url(bg_page_header.png) no-repeat left top; }
.page_header ul { list-style-type: none; padding-left:0; padding-top:0; }
.page_header_title {width:450px; padding-top: 6px; float:left; }
.page_header_picto {width:46px; float:right; text-align: right; }
.stroke496 {padding:2px 0 8px 0; }

/*---------------------------------------
	search start -->
---------------------------------------*/
#searchcontainer { position: absolute; top: 80px; margin-left: 781px; width: 180px; height: 28px; color: #303030; background: url(bg_search_frame) no-repeat; }
#search { padding-left: 8px; padding-top: 3px; }

.tx-macinasearchbox-pi1 ul { list-style-type: none; padding:0; }

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color: #303030; }
.tx-indexedsearch-sw { color: #303030; }
.tx-macinasearchbox-pi1 input { border:none; color:#303030; }
.tx-macinasearchbox-pi1 input.submit { width: 25px; height: 24px; border: 0 none; }
.magnifier { position:absolute; top:0px; margin-left: 144px; }

.tx-indexedsearch-rules { margin-top: -40px; }
.tx-indexedsearch-res td { font-size: 12px; }
.tx-indexedsearch-sec { background: aqua;}

.tx-indexedsearch-browsebox { font-size: 11px;}
/*.tx-indexedsearch-res { background: yellow;}

#searchresults td {}
*/

/*---------------------------------------
	<-- search
---------------------------------------*/

/*---------------------------------------
	news -->
---------------------------------------*/

/*with shop*/

 /*margin-bottom:12px; needs hack for IE */
/*#newsbox { width:180px; height:187px; float:right; background:url(bg_news.png) no-repeat; margin-bottom:12px; }
#news { width:160px; height:168px; margin-top:4px; margin-left:10px; }*/

/*without shop*/
 /*margin-bottom:12px; needs hack for IE */
#newsbox { width:180px; height:324px; float:right; background:url(bg_news_noshop.png) no-repeat bottom; margin-bottom:12px; }
#news { width:160px; height:305px; margin-top:4px; margin-left:10px; }


/*
h1.news_header { color:#fff; padding-left:12px; }
.news_header { width:496px;  display:block; float:left; background: url(bg_page_header.png) no-repeat left top; }
.news_header ul { list-style-type: none; padding-left:0; padding-top:0; }
.news_header_title {width:390px; padding-top: 6px; float:left; }
.news_header_picto {width:106px; float:right; text-align: right; }

*/

.news-single-item { padding: 2px 0px; }
.news-single-timedata { font-size: 11px;}
.news-single-backlink a { font-size: 12px; text-decoration: none; color:#C90202; }
.news-list-container { padding: 2px 0px; }
.news-list-container h3  { padding-bottom:6px; }
.news-list-container h3 a { color:#C90202; }
.news-list-morelink a { font-size:12px; text-decoration: none; color:#C90202;}
.news-list-date { font-size:11px; }
.news-latest-item { padding-top:6px; padding-bottom:6px; border-bottom: solid 1px red; }

/*---------------------------------------
	<-- news 
---------------------------------------*/

/*---------------------------------------
  content startpage -->
---------------------------------------*/  
.text_mq { text-align: left; padding: 6px 12px 0px 12px; height:94px; background: url(bg_sp_mq.png) no-repeat; }
.text_it { text-align: left; padding: 6px 12px 0px 12px; height:169px; background: url(bg_sp_it.png) no-repeat; }
.text_www { text-align: left; padding: 6px 12px 0px 12px; height:119px; background: url(bg_sp_www.png) no-repeat; }
.text_mm { text-align: left; padding: 6px 12px 0px 12px; height:94px; background: url(bg_sp_mm.png) no-repeat; }

.text_col1, .text_col2 { width:50%; }
.column_spacer { height:12px; padding:0; margin:0; }
/*---------------------------------------
  <-- content startpage
---------------------------------------*/
  
/*---------------------------------------
  language selector ->
---------------------------------------*/
#language_selector { position: absolute; z-index: 30; top:44px; margin-left:782px; width: 160px; height: 40px; text-align: left; }
.language-fieldcell a { font-size: 14px; letter-spacing: 1px; text-decoration: none; color:#999; background:transparent; }
.language-fieldcell a:hover { text-decoration: none; color:#C90202; background:transparent; }
.language-divider { font-size: 14px; letter-spacing: 1px; color:#666; background:transparent; }
.language-fieldcell_fr a,
.language-fieldcell_de a { font-size: 14px; letter-spacing: 1px; text-decoration: none; color:#C90202; background:transparent; }

.language-fieldcell_on { font-size: 14px; letter-spacing: 1px; text-decoration: none; color:#C90202; background:transparent; }
.language-fieldcell_off { font-size: 14px; letter-spacing: 1px; text-decoration: none; color:#999; background:transparent; }

/*---------------------------------------
  <-- language selector
---------------------------------------*/

/*---------------------------------------
  navigation left -->
---------------------------------------*/
#col_left { width:227px; float: left; }
#col_left ul { list-style-type: none; padding:0; }

#nav_left_mq,
#nav_left_it,
#nav_left_web,
#nav_left_mm { width: 180px; height: auto; margin-left:13px; padding-top:12px; font-weight: normal; text-decoration: none; }

#nav_left_mq li,
#nav_left_it li,
#nav_left_web li,
#nav_left_mm li { line-height:24px; text-align: right; color:#fff; font-size: 13px; }

#nav_left_mq li a,
#nav_left_it li a,
#nav_left_web li a,
#nav_left_mm li a  { display:block; letter-spacing: 1px; padding-right:12px; text-decoration: none; }

#nav_left_mq li li a,
#nav_left_it li li a,
#nav_left_web li li a,
#nav_left_mm li li a { font-size: 12px; letter-spacing: 0px; }

.lev1_child a { color: #fff; background: url(bg_lev1_child.png) no-repeat; background-position: bottom; }

.lev1_cur_child a,
.lev1_act_child a { color:#fff; background: url(bg_lev1_cur_child.png) no-repeat; background-position: bottom; }

.lev2_first_child a,
.lev2_child a { border-right:solid 1px #C7C7C7; border-bottom:solid 1px #C7C7C7; border-left:solid 1px #C7C7C7;	color:#333; background:#EFEFEF; }
.lev2_first_child a:hover,
.lev2_child a:hover { color:#333; background:#fff; }
.lev2_last_child a { height:26px; color:#333; background:none; background:url(bg_lev2_last_child.png) no-repeat; background-position: bottom; }
.lev2_last_child a:hover { height:26px; color:#333; background:none; background:url(bg_lev2_last_child_hover.png) no-repeat; background-position: bottom; }

.lev2_cur_first_child a,
.lev2_act_frist_child a,
.lev2_cur_child a,
.lev2_act_child a,
.lev2_cur_first_child a:hover,
.lev2_act_frist_child a:hover,
.lev2_cur_child a:hover,
.lev2_act_child a:hover { border-right:solid 1px #C7C7C7; border-bottom:solid 1px #C7C7C7; border-left:solid 1px #C7C7C7; color:#333; background:url(arrow_right.png) right no-repeat; background-color: #fff; }

.lev2_cur_last_child a,
.lev2_act_last_child a,
.lev2_cur_last_child a:hover,
.lev2_act_last_child a:hover { height:26px; color:#333; background:url(arrow_right_last_child.png) right no-repeat; background-position: bottom; }

/* edit for submenu mq -> */
#nav_left_mq li.lev2_submenu a { border-bottom:solid 1px #C7C7C7; border-left:solid 1px #C7C7C7; border-right:solid 1px #C7C7C7; color:#333;  background:url(arrow_right_sub.png) right no-repeat; background-color:#EFEFEF;  }
#nav_left_mq li.lev2_submenu a:hover { background:url(arrow_right_sub.png) right no-repeat;  }
#nav_left_mq ul.lev3_ul { 	position:absolute; z-index:10; left:-999em; height:auto; width:77px; }
#nav_left_mq li li:hover ul { left:auto; margin: -12px 0 0 160px; }
#nav_left_mq li.lev3_first_child a,
#nav_left_mq li.lev3_cur_first_child a { border-top:solid 1px #C7C7C7; background: #EFEFEF; }
#nav_left_mq li.lev3_first_child a:hover,
#nav_left_mq li.lev3_cur_first_child a:hover { border-top:solid 1px #C7C7C7; background: #fff; }
#nav_left_mq li.lev3_child a,
#nav_left_mq li.lev3_cur_child a,
#nav_left_mq li.lev3_last_child a,
#nav_left_mq li.lev3_cur_last_child a { background: #EFEFEF; }
#nav_left_mq li.lev3_child a:hover,
#nav_left_mq li.lev3_cur_child a:hover,
#nav_left_mq li.lev3_last_child a:hover,
#nav_left_mq li.lev3_cur_last_child a:hover { background: #fff; }
#nav_left_mq li.lev3_cur_first_child a,
#nav_left_mq li.lev3_cur_child a,
#nav_left_mq li.lev3_cur_last_child a { background: url(arrow_right.png) right no-repeat;  background-color: #fff; }
#nav_left_mq li.lev3_cur_first_child a:hover,
#nav_left_mq li.lev3_cur_child a:hover,
#nav_left_mq li.lev3_cur_last_child a:hover { background: url(arrow_right.png) right no-repeat;  background-color: #fff; }
/* <- edit for submenu mq */

.lev2_rs_first_child a,
.lev2_rs_child a { border-right:solid 1px #C7C7C7; border-bottom:solid 1px #C7C7C7; border-left:solid 1px #C7C7C7;	color:#333; background:#EFEFEF; }
.lev2_rs_first_child a:hover,
.lev2_rs_child a:hover { color:#333; background:#fff; }
.lev2_rs_last_child a { height:26px; color:#333; background:none; background:url(bg_lev2_last_child.png) no-repeat; background-position: bottom; }
.lev2_rs_last_child a:hover { height:26px; color:#333; background:none; background:url(bg_lev2_last_child_hover.png) no-repeat; background-position: bottom; }

.lev2_rs_cur_first_child a,
.lev2_rs_act_frist_child a,
.lev2_rs_cur_child a,
.lev2_rs_act_child a,
.lev2_rs_cur_first_child a:hover,
.lev2_rs_act_frist_child a:hover,
.lev2_rs_cur_child a:hover,
.lev2_rs_act_child a:hover { border-right:solid 1px #C7C7C7; border-bottom:solid 1px #C7C7C7; border-left:solid 1px #C7C7C7; color:#333; background:url(arrow_left.png) left no-repeat; background-color: #fff; }

.lev2_rs_cur_last_child a,
.lev2_rs_act_last_child a,
.lev2_rs_cur_last_child a:hover,
.lev2_rs_act_last_child a:hover { height:26px; color:#333; background:url(arrow_left_last_child.png) left no-repeat; background-position: bottom; }
/*---------------------------------------
  <-- navigation left end
---------------------------------------*/
  
/*---------------------------------------
  navigation right -->
---------------------------------------*/
#col_right { float:right; width:227px; }
#col_right ul { list-style-type: none; padding:0; }

#nav_right_news,
#nav_right_shop,
#nav_right_support { width: 180px; height: auto; margin-left:34px; padding-top:12px; font-weight: normal; text-decoration: none; }

#nav_right_news li, 
#nav_right_shop li,
#nav_right_support li { line-height:24px; text-align: left; color:#fff; font-size: 13px; }

#nav_right_news li a, 
#nav_right_shop li a,
#nav_right_support li a { display:block; letter-spacing: 1px; padding-left:12px; text-decoration: none; }

#nav_right_news li li a,
#nav_right_shop li li a,
#nav_right_support li li a { font-size: 12px; letter-spacing: 0px; }
/*---------------------------------------
  <-- navigation right
---------------------------------------*/

/*---------------------------------------
  contact form -->
---------------------------------------*/
#contactform { width: 496px; font-size: 12px; }
#contactform fieldset { border: 0 none; }
#contactform ul { list-style-type: none; padding:0; }
#contactform li { height: 22px; width: 496px; clear: both; }
#contactform label { text-align: left; width: 144px; float: left; color: #333; background: #fff; }
#contactform input { padding: 2px 2px; width: 348px; border: 0 none; border-bottom: 1px dotted #C90202; color: #333; }
#contactform input.submit { width: 134px; height:20px; float:left; border: 0 none; color: #fff; background: #666; }
#contactform input.submit:hover { background:#C90202; }
#contactform textarea { width: 350px; height: 122px; border: 1px solid #C90202; font-family:  Arial, Helvetica, sans-serif; font-size: 11px; color: #333; background: #fff; }
#contactform .asterix { color:#EF3E33; }
#contactform p.mandatory { font-size: 10px; }
#contactform li.contactform_spacer { width:496px; height: 32px; /*background: url(bg_contactform_spacer) repeat-x;*/ }

#contactform li.contactform_spacer24 { width:496px; height: 24px; /*background: url(bg_contactform_spacer) repeat-x;*/ }

.spacer_submit { padding-top:40px; }


#table_checkboxes { margin-left:144px; margin-bottom:6px; }
#table_checkboxes td { width:115px; }
#table_checkboxes input {width:16px; text-align:left; }

#table_checkboxes td.table_checkboxes_label label { width:96px; }
#contactform li.contactform_spacer120 { width:496px; height: 112px; /*background: url(bg_contactform_spacer) repeat-x;*/ }
#contactform input.captcha_input { background:#EFEFEF; border: none; }
span.error { color:#C90202; font-size: 11px; }
span.tx-srfreecap-pi2-cant-read {color: #303030; font-size: 11px; }


#captchabox { width:355px; margin-left: 144px; vertical-align: top; }
#captchabox td { padding: 2px 0 2px 0; }
#captchabox td.captcha_image { height:90px; }
/*---------------------------------------
  <-- contact form
---------------------------------------*/

/*---------------------------------------
  feedback form -->
---------------------------------------*/
.personalDataTitle { font-size: 14px; padding: 6px 0 6px 0; font-weight:bold; color:#C90202;  }

/*---------------------------------------
  <-- feedback form
---------------------------------------*/
  
/*---------------------------------------
  gmap start
---------------------------------------*/
.gmap { padding-top: 10px; padding-left:4px; }   
/*---------------------------------------
  gmap end
---------------------------------------*/

/*---------------------------------------
  brands -->
---------------------------------------*/
#brands_table { width: 500px; margin-top:4px; }
.brands_logo { width:40px; padding-bottom:1px; }
.brands_name { width:126px; padding-bottom:9px; vertical-align: bottom; }
.brands_name a { font-size:12px; text-decoration: none; color:#303030; }
.brands_name a:hover { color:#C90202; }
/*---------------------------------------
  <-- brands
---------------------------------------*/

/*---------------------------------------
  categories -->
---------------------------------------*/
#categories_table { width: 500px; }
.categories_logo { width:56px; padding-bottom:4px; }
.categories_name { width:194px; padding-bottom:12px; vertical-align: bottom; }
.categories_name a { font-size:12px; text-decoration: none; color:#303030; }
.categories_name a:hover { color:#C90202; }
/*---------------------------------------
  <-- categories
---------------------------------------*/

/*---------------------------------------
  page telemaintenance -->
---------------------------------------*/

/*#telemaintenance { width:496px; height:108px; }*/
.telemaintenance_table { width:496px; height:112px; background:url(/fileadmin/macquality/telemaintenance/bg_telemaintenance.png); }
.telemaintenance_spacer { width:32px; }
.telemaintenance_picto { text-align:center; padding-top:16px; width:200px; }
.telemaintenance_text { text-align:center; padding-bottom: 8px; }
.telemaintenance_text a { font-size: 14px; font-weight: bold;}
.telemaintenance_text a:hover { color:#C90202; }
/*---------------------------------------
  <-- page telemaintenance
---------------------------------------*/

/*---------------------------------------
  feedback and clarification forms -->
---------------------------------------*/
.feedbackFormAddressTable {font-size: 12px; padding-bottom:12px; width:496px; }
.feedbackFormName {width:96px; }
.feedbackFormFirm  {width:92px; text-align: right;padding-right:6px; }
.feedbackFormAddressName { width: 150px; border: none; background: #EFEFEF; border-bottom: dotted 1px silver;}
.feedbackFormAddressFirm { width: 150px; background: purple; border: none; background: #EFEFEF; border-bottom: dotted 1px silver;}
.feedbackForm td { font-size: 11px;border-top: solid 1px silver; padding-top:4px;padding-bottom: 4px; }
/*.feedbackFormSpacer { height: 6px; }*/
.feedbackFormTextfieldDescription { padding-left: 12px; border: none; }
.feedbackFormTextfieldPlus,
.feedbackFormTextfieldMinus { width: 95px; margin-left: 12px; border: none; background: #EFEFEF; border-bottom: dotted 1px silver; }
#feedbackFormComments { width: 496px; height:56px; border: none; background: #EFEFEF;}
.feedbackFormSubmit { width: 134px; height:20px; float:left; border: 0 none; color: #fff; background: #666; }
.feedbackFormSubmit:hover { background:#C90202; }
.feedbackFormSpacerSubmit { padding-top:40px; }


.interestForm td { font-size: 11px;border-top: solid 1px silver; padding-top:4px;padding-bottom: 4px; }
.interestFormCheckbox { width:24px; }
.interestFormText { width:224px; }
.interestFormTextField { width:248px; border: none; background: #EFEFEF; border-bottom: dotted 1px silver;  }
p.interestFormTitle { padding-bottom:4px; font-size:13px; font-weight: bold; color: #C90202; }
.interestFormOptionColor { width:100px; color: #333; background: #EFEFEF; }
.interestFormOptionColor:hover { color: #333; background: #ccc; }
.interestFormTwoCheckboxes { width:248px; margin-top:-9px; margin-left:-16px; }
.interestFormTwoCheckboxes ul li { display: inline; list-style: none; font-size:11px; }
.interestFormTwoCheckoxesText { padding-left: 8px; padding-right:12px; width:100px; }
/*.interestFormSpacer { height: 6px; }*/
.interestFormDescription { padding-left: 12px; border: none; }

#interestFormRecordTop { width: 496px; font-size: 12px; }
#interestFormRecordTop fieldset { border: 0 none; }
#interestFormRecordTop ul { list-style-type: none; padding:0; }
#interestFormRecordTop li { height: 22px; width: 496px; clear: both; }
#interestFormRecordTop label { text-align: left; width: 144px; float: left; color: #333; background: #fff; }
#interestFormRecordTop input { padding: 2px 2px; width: 348px; border: 0 none; border-bottom: 1px dotted #C90202; color: #333; }
#interestFormRecordTop li.contactform_spacer { width:496px; height: 32px; }

#interestFormLanguage { width:496px; margin:-16px; }
#interestFormLanguage fieldset { border: 0 none; }
#interestFormLanguage ul { list-style: none; }
#interestFormLanguage ul li { display: inline; }
#interestFormLanguage ul li label.interestFormLanguageLabel { float:left; width:144px; }

#interestFormRecordBottom { width: 496px; font-size: 12px; }
#interestFormRecordBottom fieldset { border: 0 none; }
#interestFormRecordBottom ul { list-style-type: none; padding:0; }
#interestFormRecordBottom li { height: 22px; width: 496px; clear: both; }
#interestFormRecordBottom label { text-align: left; width: 144px; float: left; color: #333; background: #fff; }
#interestFormRecordBottom input { padding: 2px 2px; width: 348px; border: 0 none; border-bottom: 1px dotted #C90202; color: #333; }
#interestFormRecordBottom input.submit { width: 134px; height:20px; float:left; border: 0 none; color: #fff; background: #666; }
#interestFormRecordBottom input.submit:hover { background:#C90202; }
#interestFormRecordBottom textarea { width: 350px; height: 122px; border: 1px solid #C90202; font-family:  Arial, Helvetica, sans-serif; font-size: 11px; color: #333; background: #fff; }
#interestFormRecordBottom .asterix { color:#EF3E33; }
#interestFormRecordBottom p.mandatory { font-size: 10px; }
#interestFormRecordBottom li.contactform_spacer { width:496px; height: 32px; }

/*---------------------------------------
  <-- feedback and clarification forms
---------------------------------------*/

/*---------------------------------------
  video startpage -->
---------------------------------------*/
.spacerVideo { height:54px; }
/*---------------------------------------
  <-- video startpage
---------------------------------------*/