@charset "UTF-8";

/* --------- Website Global Settings ------------------- */

* {margin: 0; padding: 0; }     /* general reset */

html { overflow-y: scroll; }    /* no side way shift of page */

.clearfloat {clear:both;}

.lit-date {font-size:10px; color:#999;}

.req {font-size:11px; color:red;}

/* ------------------------------ Template  ---------------------------------- */
body {
	font-family:arial,sans-serif;
	background:#7c7c7c url(/images/bodyBG.png) repeat-x;}


#header-hp {width:920px;
              height:165px;
              background: #fff url(/images/header-new.jpg) no-repeat;}

#nav-top {width:920px;
                height:20px;
                float:right;
                text-align:right;
                margin-top:135px;}

      #nav-top ul,  #nav-top li {display:inline; 
                                              list-style-type:none;
                                              font-size:13px; height:20px;}
      #nav-top li {border-left: 1px #666 dotted; 
                         padding:0 15px; }

      #nav-top a {text-decoration:none; color:#666; } 
      #nav-top a:hover {color:red}

#wrap {width:920px;
           background: #fff url(/images/page-bg.png) repeat-y;}

#wrap-opt {width:920px;
           background: #000 url(/images/slice2.png) repeat-y;}
          

#page-hp {width:700px;
                  float:left;
	          background-color:#fff;}

#page-opt{width:690px;
                  float:right;
	          background-color:#fff;}

#content { width:920px;
                overflow:hidden;
                margin:0 auto;
	        xbackground:#000 url(/images/contentBG.png) right repeat-y;}


#page_wrap {width:830px;
           float:left;}

#foot {  width:920px;
            height:155px;
            border-top: solid #999 1px;
            background-color:#fff;}

      #foot .logo {float:left; margin:7px 0 0 45px;}
      #foot .logo1 {float:left; margin:7px 0 0 170px;}
      #foot .logo2 {float:left; margin:7px 0 0 110px;}


/* ---------------------- Left Navigations for Templates -------------------------- */

#left-col {width:195px;
                 float:left;}

#page_nav {width:190px; 
                  xpadding-right:50px;
                  float:left;}

       #page_nav ul {list-style-type:none; margin:30px 0 30px 20px; font-size:12px;}
       #page_nav li { padding:15px 0 5px 5px; border-bottom: 1px dotted #666;}
       #page_nav a {text-decoration:none; color:#666;}
       #page_nav a:hover {color:red;}


/* ---------------------- Announcements in Templates -------------------------- */

#right_col {width:195px;
                 float:right;}

            #right_col h3 {font-size:12px; color:#555;
                                   font-weight:200;}

.heading {width:185px;
               height:20px;
               text-align:center;
               margin-right:15px;
               padding:10px 0 0 0px;
               background: url(/images/button_Column.png) no-repeat;}

#news {width:170px;
            margin:10px 7px 10px 12px;}

     #right_col a {font-size: 12px; color:#c58a16; font-weight:lighter; padding-bottom:6px; display:block;}
         #right_col a:hover {color:red;}
     #right_col p.date {color:#999; font-size:10px; padding-bottom:5px;}
     #right_col p {font-size:12px; color:#666; padding-bottom:10px;}


/* ------------------------- Newsletter Sign-up in Template  -------------------------- */

.newsletter-form label {font-size:11px;}
.newsletter-form  {border:none; width:180px; height:200px; float:right;margin:10px 3px 0 0;}
.newsletter-form .form_hp {width:168px; margin: 6px 6px 0 0; padding-left:6px;}
.newsletter-form .cat_textbox_smaller {width:160px; margin-bottom:6px;}
.newsletter-form .captchaimg {margin: 5px 0;}
.newsletter-form .cat_button {margin-top:10px;}


/* -------------------------- Home Page CSS ---------------------------------------- */

.hp_text, .vid_text  {float:left; 
                padding:0 10px 20px 0;}

      .vid_text {  margin-left:20px; width:640px;}   .hp_text {margin-left:40px; width:620px;}

           .hp_text h1, .vid_text h1 {font-size:18px;
                               height:22px;
                               font-weight:lighter;
                               xbackground-color:#f6ce30;
                               border-bottom:#f6ce30 1px solid;
                               margin: 15px 0 0 0px;
                               color:#777;
                               padding: 4px 0 4px 10px;}
           .hp_text h2, .vid_text h2 {font-size:15px;
                               margin: 18px 0 0 5px;
                               color:#777;
                               xfont-weight:lighter;}
           .hp_text h3, .vid_text h3  {font-size:14px;
                               margin: 12px 0 0px 5px;
                               color:#e6a304;
                               xfont-weight:lighter;}

           .hp_text h4, .vid_text h4  {font-size:14px;
                                 display:block;                               
                                 margin: 25px 0 0px 30px;
                                 color:#555;
                                 font-weight:lighter;}

           .hp_text h5 {font-size:14px;                             
                                 margin: 10px 0 0px 20px;
                                 color:#555;
                                 xfont-weight:lighter;}

           .hp_text p,  .vid_text p  {font-size:14px;
                             line-height:20px;
                             margin: 10px 0 0 5px;
                             color:#777;
                             xfont-weight:lighter;}
           

           .hp_text ul {font-size:14px;
                              margin: 10px 0 0 45px;
                              font-weight:lighter;}
            .hp_text li {padding-bottom:10px;
                              color: #777;}
            .hp_text a {color:#e6a304;}
            .hp_text a:hover {color:red;}


/* -------------------- Optomate Page CSS ------------------- */

.pic3 {width:160px;
          height:55px;
          margin:20px 0 0 25px;
          padding:5px;
          border: solid 1px #333;}

.pic4 {width:125px;
          height:85px;
          margin:20px 0 0 25px;
          padding:5px;
          border: solid 1px #333;}

.pic6 {width:160px;
          height:55px;
          margin:0px 0 0 10px;
          padding:5px;
          border: solid 1px #333;}

#page_nav_about .pic4 {width:125px;
          height:85px;
          margin:0px 0 0 25px;
          padding:5px;
          border: solid 1px #333;}


/* -------------------- Contact Page CSS ------------------- */

#contact_page {width:830px;
           float:left;}
      
         #contact_page h1 {color:#e1b02d; font-size:25px; font-weight:lighter; padding-bottom:20px;}
         #contact_page h2 {color:#e1b02d; font-size:16px; padding:10px 0;}
         #contact_page h3 {color:#333; font-size:14px; font-weight:lighter; padding-top:5px;}
         #contact_page p {color:#777; font-size:12px; font-weight:lighter; line-height:17px; padding:5px 0;}
         #contact_page a {color:#777;}
         #contact_page a:hover {color:red;}

#form_col  {width:380px; float:left; padding-top:20px;}
#text_col  {width:280px; float:left; padding-left:20px;}

label {color:#999;}

/* -------------------- About Us Page CSS ------------------- */

#page_nav_about {width:170px; padding-right:20px}

       #page_nav_about ul {list-style-type:none; margin:30px 0 30px 25px; font-size:12px;}
       #page_nav_about li { padding:15px 0 5px 0; border-bottom: 1px dotted #666;}
       #page_nav_about a {text-decoration:none; color:white;}
       #page_nav_about a:hover {color:red;}


/* -------------------- Our Team Page CSS ------------------- */

.pic5 {width:139px;
          height:190px;
          background-color:#999;
          float:right;
          margin:0 20px 10px 10px;
          padding:5px;
          border: solid 1px #333;
          text-align:center;
          font-size:10px;}

     .pic5 h7, .pic7 h7 {padding:5px 0 0 10px;
                    font-size:10px;
                    display:block;
                    color:#333;}

.pic7 { width:139px;
          height:210px;
          background-color:#ccc;
          float:left;
          margin:0 30px 10px 10px;
          padding:5px;
          border: solid 1px #333;
          text-align:center;
          font-size:10px;}

.pic8 { width:250px;
          height:210px;
          background-color:#ccc;
          float:left;
          margin:0 5px 10px 10px;
          padding:5px;
          border: solid 1px #333;
          text-align:center;
          font-size:10px;}


/* -------------------- Supplier Stock Files and Help Files Pages CSS ------------------- */

.text_mid ul, .text_wide ul {margin:10px 0 10px 20px; font-size:12px; }
.text_mid li, .text_wide li { padding:5px 0 5px 0; color: #fff;}

.text_wide h4 {color:#333; Font-size:12px;}

.text_wide h5 {background: #d6d6d6 url(/images/fold.gif) right no-repeat;
                      display:block;
                      width:500px;
                      height:21px;
                      color:#333;
                      Font-size:13px;
                      padding:4px 0 0 20px;
                      margin:25px 0 8px 0;}

.text_wide a {color:#666; Font-size:12px;}
.text_wide a:hover {color:#99ccff; }


/* -------------------- FAQs Page CSS ------------------- */

.faq-question a {font-size:15px;padding-bottom:10px; margin-left:20px; display:block; color:#777;}

.answer {font-size:14px; color:#777; padding:3px 0; line-height:18px; margin-left:30px;}

.faq-details h1 {font-size:16px;}

.faq-details .moduleFooter a {font-size:12px; color: #999;}


/* -------------------- Request for Quote Page CSS ------------------- */

.option {color:#666; font-size:12px; vertical-align:center;}
.captchaimg {margin-bottom:3px;}

#text_wide form {margin-left:60px;}

#form_col_quote {width:450px;
                            float:left;
                            margin-left:60px;}

/* -------------------- Flash Video Template and Video Page CSS ------------------- */

#flashcontent {margin:20px 0 0 0px;
                        width:640px;
                        height:600;
                        background-color:white;
                        padding:10px;}

.text_video a, .text_mid a {color:#fef1ad;}
.text_video a:hover, .text_mid a:hover {color:red;}

/* -------------------- Software Download Page CSS ------------------- */

.downloads p.literature-container {padding-left:50px; display:block;}