.font_1 {
  FONT-FAMILY: arial; COLOR: #435451; FONT-SIZE: 23px; font-weight:bold; text-align:center;
  padding: 3px;
}

/*.font_1_K {
  FONT-FAMILY: arial; COLOR: #02070A; FONT-SIZE: 23px; font-weight:bold; text-align:center;
  padding: 3px;
}*/
.font_2 {
  FONT-FAMILY: arial; COLOR: #435451; FONT-SIZE: 13px; text-align:left;
  padding: 3px;
}

.font_4 {
  FONT-FAMILY: arial; COLOR: #58595B; FONT-SIZE: 13px; font-weight:bold; text-align:center;
  padding: 3px;
}

.font_5 {
  FONT-FAMILY: arial; COLOR: #58595B; FONT-SIZE: 13px; font-weight:bold;
  padding-top:5px;
    }


.font_6 {
  FONT-FAMILY: arial; COLOR: #000; FONT-SIZE: 11px; font-weight:bold; text-align:center;
}

.font_7 {
  FONT-FAMILY: arial; COLOR: #FFFFFF; FONT-SIZE: 13px; font-weight:bold; text-align:center;
  padding: 4px;
  background:#435451;
}

.font_8 {
  FONT-FAMILY: arial; COLOR: #58595B; FONT-SIZE: 13px; font-weight:bold;
}
.font_8 A:link {
  COLOR: #D71920;
  TEXT-DECORATION: none
}
.font_8 A:visited {
  COLOR: #D71920;
  TEXT-DECORATION: none
}
.font_8 A:active {
  COLOR: #D71920;
  TEXT-DECORATION: none
}
.font_8 A:hover {
  COLOR: #D71920;
  TEXT-DECORATION: none
}

/*
html.klarsynt .font_8 {
  FONT-FAMILY: arial; COLOR: #58595B; FONT-SIZE: 13px; font-weight:bold;
}


.font_8_K {
  FONT-FAMILY: arial; COLOR: #02070A; FONT-SIZE: 13px; font-weight:bold;
}
.font_8_K A:link {
  COLOR: #02070A;
  TEXT-DECORATION: none
}
.font_8_K A:visited {
  COLOR: #02070A;
  TEXT-DECORATION: none
}
.font_8_K A:active {
  COLOR: #02070A;
  TEXT-DECORATION: none
}
.font_8_K A:hover {
  COLOR: #02070A;
  TEXT-DECORATION: none
}*/

.font_9 {
  FONT-FAMILY: arial; COLOR: #58595B; FONT-SIZE: 13px;
}
.font_9 A:link {
  COLOR: #58595B;
  TEXT-DECORATION: none
}
.font_9 A:visited {
  COLOR: #58595B;
  TEXT-DECORATION: none
}
.font_9 A:active {
  COLOR: #D71920;
  TEXT-DECORATION: none
}
.font_9 A:hover {
  COLOR: #D71920;
  TEXT-DECORATION: none
}

.font_10 {
  FONT-FAMILY: arial; COLOR: #FFFFFF; FONT-SIZE: 12px; font-weight:bold; text-align:left;
  padding: 4px;
}
.font_11 {
  FONT-FAMILY: arial; COLOR: #58595B; FONT-SIZE: 12px; text-align:left;
}
.font_12 {
  FONT-FAMILY: arial; COLOR: #435451; FONT-SIZE: 12px; text-align:left;
}

.form{
background-color: #FFF;
border: 1px solid #CCCCCC;
height: 20px;
width:275px;
padding-left:20px;
padding-right:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

div.welcome {
  display: inline-block;
}

div.welcome h2 {
  position:relative;
  margin:0;
  line-height:0.8em;
}

div.welcome h2:after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: bottom;
  transform: rotateX(180deg);
  line-height: 0.8em;
  color: #435451;
  opacity: 0.3;
  z-index: -1;
}

div.welcome .overlay {
  top: 0;
  left: 0;
  height: 1.2em;
  background: linear-gradient(0deg, white 15%, transparent 85%);
}

.style0 {

  font-family:Arial;
  color:#435451;
  font-size:24px;
  font-weight:normal;
  text-transform:uppercase;


}



.style1 {

  font-family:Arial;
  color:#435451;
  font-size:18px;


}

.style2 {

  font-family:Arial;
  color:#FFFFFF;
  font-size:13px;
  font-weight: bold;
  background-color:#435451;
}

.style3 {

  font-family:Arial;
  color:#435451;
  font-size:15px;
  font-weight: bold;

}



.seb1 {
  font-family: Arial;
  font-size:12px;
  width: 215px;
  font-weight: bold;
}

.seb2 {
  font-family: Arial;
  font-size:12px;
  width: 185px;
  font-weight: bold;
}

.seb3 {
  font-family: Arial;
  font-size:12px;
  width: 90px;
  font-weight: bold;
}
.seb4 {
  font-family: Arial;
  font-size:12px;
  width: 140px;
  font-weight: bold;
}
.seb5 {
  font-family: Arial;
  font-size:12px;
  width: 70px;
  font-weight: bold;
}
.seb6 {
  font-family: Arial;
  font-size:12px;
  width: 50px;
  font-weight: bold;
}
.seb7 {
  font-family: Arial;
  font-size:11px;
  width: 80px;
  font-weight: bold;
  color: #333333;
}
.txb1 {
  font-family: Arial;
  font-size:12px;
  width: 70px;
  font-weight: bold;
  color: #333333;
}
.txb2 {
  font-family: Arial;
  font-size:12px;
  width: 150px;
  font-weight: bold;
  color: #333333;
}
.txb3 {
  font-family: Arial;
  font-size:12px;
  width: 140px;
  font-weight: bold;
  color: #333333;
}
.txb4 {
  font-family: Arial;
  font-size:12px;
  width: 200px;
  font-weight: bold;
  color: #333333;
}
.txb5 {
  font-family: Arial;
  font-size:12px;
  width: 40px;
  font-weight: bold;
  color: #333333;
}

.box1 {
  background-color:#fff ;
  width:auto;
  height:auto;
  margin: 5px auto;
  /*margin: 0 auto 35px auto;*/
  padding: 20px;
  padding-top: 60px;
  color: #fff;
  border: 1px solid #A7A9AC;

  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  behavior: url(border-radius.htc);
}

.bt {
  font-family: Arial;
  font-size:13px;
  width: 100px;
  background-color: #435451;
  border-color:#888888;
  font-weight: bold;
  color: #FFFFFF;
}
.bt:hover {
  background-color: #A4AEA8;
}
.bt_medium {
  font-family: Arial;
  font-size:13px;
  width: 140px;
  background-color: #435451;
  border-color:#888888;
  font-weight: bold;
  color: #FFFFFF;
}

.groover{
   margin-left: 10px;

}

.groovem{
   margin-left: 50px;
}

span.benefit {

  font-size:16px;
  font-weight:bold;
  color:#58595B;
  margin-top:5px;
  display:block;

}

/*
.head {
  position: absolute;
  top: 195px;
  left: 80px;
  border:10px solid #FFF;
}
*/

table.tblorder {
  border-width: 1px;
  /*border-spacing: 3px;*/
  /*border-style: double;*/
  border-color: #dcdcdc;
  border-collapse: separate;
  /*background-color: white;*/

}


table.tblorder td {
  padding:3px;
  /*border-bottom:1px dotted #CCC; */
}

#box-table-a
{
  font-family: Tahuma;
  font-size: 12px;
  margin: 10px;
  width: 850px;
  text-align: center;
  border-collapse: collapse;
  font-weight: normal;
}
#box-table-a th
{
  font-size: 13px;
  font-weight: bold;
  padding: 8px;
  background: #435451;
  border-top: 4px solid #333333;
  border-bottom: 1px solid #fff;
  color: #FFFFFF;
}
#box-table-a td
{
  padding: 8px;
  background: #FFFFFF;
  border-bottom: 1px solid #999999;
  color: #333333;
  border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
  background: #CCCCCC;
  color: #339;
}
/* Styles added for login form Sign In button */
.signinbutton{
  background-color:#808080;
  border:solid 1px;
  color:white;
  padding:9px 2px;
  text-align:center;
  text-decoration:none;
  display:inline-block;
  font-size:12px;
  margin:4px 2px;
  cursor:pointer;
  }

/*Styles added for login form  Sign In button */

/* Styles for the buttons on Order page start */

.button_example{
  border:1px solid #C0CDC6;
  box-shadow: #EDEDED 0px 1px 5px ;
  box-sizing: border-box;
  border-radius: 5px;
  font-size:14px;
  font-family:Segoe UI, Arial, helvetica, sans-serif;
  padding: 5px 10px;
  margin: 0px 20px;
  text-align:center;
  text-decoration:none;
  display:inline-block;
  text-shadow: 1px 1px #435451;
  font-weight:bold;
  color: #FFF8F7;
  background-color: #C0CDC6;
  background-image: linear-gradient(to bottom, #C0CDC6, #C0CDC6 50%, #A4AEA8 50%, #A4AEA8);
  //box-shadow: 0 0 0 0.0625em #cbcbcb;
  //background: linear-gradient(#b2b2b2, #f4f4f4) content-box, radial-gradient(#ededed, rgba(222, 222, 222, 0)) 50% 100%/80% 0.125em no-repeat border-box, linear-gradient(#f4f4f4, #c9c9c9) border-box;
}

.button_example:hover{
  border:1px solid #A4AEA8;
  background-color: #A4AEA8;
  background-image: linear-gradient(to bottom, #A4AEA8, #A4AEA8 50%, #8B948F 50%, #8B948F);
}

.button_example2{
  border:1px solid #C0CDC6;
  box-shadow: #EDEDED 0px 1px 5px ;
  box-sizing: border-box;
  border-radius: 10px;
  font-size:18px;
  font-family:Segoe UI, Arial, helvetica, sans-serif;
  padding: 10px 15px;
  margin: 2px 4px;
  min-width:130px;
  text-align:center;
  text-decoration:none;
  display:inline-block;
  text-shadow: 1px 1px #435451;
  font-weight:bold;
  color: #FFF8F7;
  background-color: #C0CDC6;
  background-image: linear-gradient(to bottom, #C0CDC6, #C0CDC6 50%, #A4AEA8 50%, #A4AEA8);
  cursor: pointer;
}

.button_example2:hover{
  border:1px solid #A4AEA8;
  background-color: #A4AEA8;
  background-image: linear-gradient(to bottom, #A4AEA8, #A4AEA8 50%, #8B948F 50%, #8B948F);
}

.button_example2[disabled] {
  cursor: default;
  background: #808080;
}

.button_example3{
  border:1px solid #F6373C;
  box-shadow: #EDEDED 0px 1px 5px ;
  border-radius: 23px;
  font-size:17px;
  font-family:Arial, helvetica, sans-serif;
  padding: 10px 20px 10px 20px;
  margin: 2px 4px;
  text-decoration:none;
  display:inline-block;text-shadow: 0px 1px 0 rgba(10,10,10,0.5);
  font-weight:bold;
  color: #02070A;
  background-color: #02070A;
  background-image: linear-gradient(to bottom, #D1181F, #D1181F);
}

.button_example3:hover{
  border:1px solid #F6373C;
  background-color: #02070A;
  background-image: linear-gradient(to bottom, #F6373C, #F6373C);
}

/*Style  for Next button in Customer Information page */

#cust_info_next_btn {
    background-image:url(../images/eng/next.gif);
    background-repeat:no-repeat;
    display:block;
    height:63px;
    width:173px;
}

/*Style  for Next button and Back button in Frame Information page  */

#frm_info_back_btn {
    background-image:url(../images/eng/back.gif);
    background-repeat:no-repeat;
    display:block;
    height:63px;
    width:173px;
}

#frm_info_nxt_btn {
    background-image:url(../images/eng/next.gif);
    background-repeat:no-repeat;
    display:block;
    height:63px;
    width:173px;
}

#lens_info_view_order {
    background-image:url(../images/eng/next.gif);
    background-repeat:no-repeat;
    display:block;
    height:63px;
    width:173px;

}

#view_info_submt_btn {
    background-image:url(../images/eng/submit.gif);
    background-repeat:no-repeat;
    display:block;
    height:63px;
    width:173px;

}

#copy_order_submit_btn {

    background-image:url(../images/eng/submit1.gif);
    background-repeat:no-repeat;
    display:block;
    height:63px;
    width:173px;
}

#login_sign_btn {
    background-image:url(../images/eng/signin.gif);
    background-repeat:no-repeat;
    display:inline-block;
    height:63px;
    width:115px;
    float:right;

}

#index_sign_btn {
    background-image:url(../images/eng/signin.gif);
    background-repeat:no-repeat;
    display:inline-block;
    height:63px;
    width:130px;
    float:right;

}

.head_optifax_id {
    /*content:url(../images/head_optifax.jpg);*/
  display: inline-block;
  width: 972px;
  height: 150px;
  background-image:url(../images/head_optifax.jpg);
  }

  .line_seperator {
   display:inline-block;
    width:2px;
    height:20px;
    background: #435451;
  }

  .search_logo{
      /*content:url(../images/search.png)*/
     display:inline-block;
     width:20px;
     height:23px;
     background-image:url(../images/search.png);
}

.login_table {
background:url(../images/login.png);
background-repeat:no-repeat;
}

#back_image_table{
  background:url(../images/BG_tile2.png);
}

.order_logo_img{
   background:url('../images/noa_logo_2.png');
   height:100px;
   background-repeat:no-repeat;
   background-position: left bottom;
 }



.btn3 {
  background-color: #C0CDC6;
  background-image: linear-gradient(to bottom, #C0CDC6, #C0CDC6 50%, #A4AEA8 50%, #A4AEA8);
  border-radius: 5px;
  font-family: Arial;
  font-weight: Bold;
  color: #ffffff;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  white-space: nowrap;
}

.btn3:hover {
  background-color: #A4AEA8;
  background-image: linear-gradient(to bottom, #A4AEA8, #A4AEA8 50%, #8B948F 50%, #8B948F);
}