@charset "UTF-8";

/* COMMON LAYOUT */
#contact_wrapp { position: relative; margi:0; padding: 0; zoom: 1; }
#contact_wrapp:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#contact_wrapp #contact_mainbox { float:left; width:550px; height:auto; margin-right:60px; padding:0; border:0; }

#contact_wrapp #contact_mainbox .contact_borderbox { position:relative;  margin:0 0 40px 0; padding:40px 0 0 0; border-top: 1px solid #ddd; zoom: 1; }
#contact_wrapp #contact_mainbox .contact_borderbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#contact_wrapp #contact_mainbox .contact_borderbox.bottom { margin: 0; }

#contact_wrapp #contact_sidemenu { float:left; width:150px; height:auto; margin:0; padding:0; border:0; }


/* support INDEX 
----------------------------------------------------------- */
.contacttop_box { position: relative; margin-bottom: 40px; padding-bottom: 40px; border-bottom:dotted 1px #ccc; zoom: 1; }
.contacttop_box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.contacttop_box.top { padding-top: 40px; }
.contacttop_box.bottom { margin: 0; padding:0; border:0; }
.contacttop_box a:link, a:visited { color:#07b; text-decoration:none; }
.contacttop_box a:hover { text-decoration:underline; }

.inqbox { position:relative; width:368px; margin:0 20px 0 0; float:left; }
.inqbox.right { margin:0; }
.inqbox a img { border:2px solid #ddd; margin-top:20px; padding:0; }
.inqbox a:hover img { border-color:#07b; }

/* ABOUT support */
h4.whatsupport { padding-top: 40px; margin-bottom: 0; line-height: 20px; }
/* FAQ */
h3.faq { color: #36c; }
p.ask { color: #333; }
ul.asked { margin-bottom: 20px; padding: 0 0 0 20px; }
ul.asked li { list-style: decimal outside; margin: 0; padding-bottom: 10px; }

/* Technical Support */ 
.supportbox520 { position: relative; margin: 40px 75px; zoom: 1; }
.supportbox520:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.supportbox520 td { padding:10px; border: solid 1px #bbb; }
.supportbox520 td.noborder { border:0; }
.supportbox520 td h1, h2, h3, h4, h5, h6 p { margin:0; line-height:normal; }


/* NAOMI FORM 
----------------------------------------------------------- */

/* FORM */
h2#quotation, h2#cost, h2#customerinfo { color: #07b; }
h2#cost { display: inline; }

.quotationbox, .quotationitems { position: relative; float:left; width: 550px; margin: 0; padding: 0; border: 0; zoom: 1; }
.quotationbox:after, .quotationitems:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.quotationbox { margin-bottom: 20px; }
.quotationitems { margin-bottom: 10px; }
.quotationbox.bottom, .quotationitems.bottom { margin-bottom: 0; }
.quotationbox h3 { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #ddd; }
.quotationbox hr { margin-bottom: 10px; border-width: 0 0 1px 0; border-style: dotted; border-color: #ccc; }
.quotationitems img { float: left; margin: 0 30px 0 0; }
.quotationitems input { float: left; margin: 10px 25px 0 0; }
.quotationitems input.nopic { float: left; margin: 10px 25px 0 70px; }
.quotationitems select { float: left; margin: 10px 25px 0 0; }
.quotationitems h4 { float: left; margin: 0 15px 0 0; padding-top: 10px; }
.quotationitems p { float: left; margin: 0; padding-top: 10px; }
.quotationitems p.comment { padding: 0; }

input.costcomp { margin: 0 0 0 20px; padding-top: 20px; }

#costcomparison input { margin-right: 15px; }
#costcomparison label { margin-right: 25px; font-weight: bold; font-size: 12px; color: #666; }
#costcomparison p.or { margin: 8px 0 0 120px; }



/* DISTRIBUTOR 
----------------------------------------------------------- */
/* TITLE */
#distributortitle { width:550px; padding:0; margin-bottom:40px; border-bottom:1px solid #777; }
#distributortitle h5 { margin-bottom:10px; }

/* PAGE JUMP */
.backmap a { position:relative; top:-25px; float: right; margin:0 3px -25px 0; padding: 0 0 0 11px; color:#36c; font-size: 10px; line-height: 18px; font-weight:normal; text-align: left; background: url(../images/common/arrow_07b.gif) no-repeat 0 50% ; }
.backmap a:visited { color: #07b; text-decoration: none; }
.backmap a:hover { color: #07b; text-decoration: underline; }

/* DISTRIBUTOR COUNTRY JUMP MENU */
#countryjump { display: block; width: 130px; margin: 0; padding: 0 10px; }
#countryjump hr { border-width: 1px 0 0 0; border-style: dotted; border-color: #999; height: 1px; }
#countryjump a.country { display: block; font-weight: bold; font-size: 10px; text-align: left; line-height: 15px; text-indent: 12px; color: #999; margin: 8px 0; background: url(../images/common/arrow_gray.gif) no-repeat 0 50%; }

/* UNDER CONSTRUCTION */
#construction { width:760px; height:100px; margin:0 40px; }
h1.construction { position:relative; top:65px; text-align:center; }