body {
   background: #e7e7e7;
   font-size:100%;                                       /* default font size - 100% = 16px*/
   margin:0em;
   padding:0em;
}
img {
   border:0em;
}
address {
   font-style:normal;
}
.clear {
   clear:both;
}
/* =============================================================================
   Bellow default style
============================================================================= */

a {
   color:#001d4b;
   text-decoration: underline;
}
a:hover {
   color:#000000;
   text-decoration:none;

}
#content_area p {
   line-height:1.066666666666667em;                  /* line-height:16px; 15px=1em */
   margin: 0em;
   padding-bottom: 0.6666666666666667em;             /* padding-bottom:10px 15x=1em */
}
/* =============================================================================
   SEMANTIC TAGS GROUP
   ============================================================================= */

#wrapper {
   width:100%;
   background: url(/images/wrapper_bg.jpg) repeat-x left top #f7f7f7;
}
#container {
   width:60em;                                      /* width:960px 16px=1em */
   overflow:hidden;
   margin:0em auto;
}
/* =============================================================================
   utility_nav
   ============================================================================= */
#utility_nav_container {
   line-height: 1.125em;                             /* line-height: 18px;  18px/16px=1.125em     16px=1em */
   margin-left: 3.1875em;                            /* margin-left: 51px;  51px/16px=3.1875em    16px=1em */
   padding-top: 1.3125em;                            /* padding-top: 21px;  21px/16px=1.3125em    16px=1em */
   text-align: right;
   width: 23em;                                      /* width: 368px;  368px/16px=23em */
   float:left;
}
#social_links {
   float: left;
   margin: 0em 0.9375em 0em 1.25em;                    /* margin: 0px 15px 0px 20px;   right=15px/16px=0.9375em   left=20px/16px=1.25em   16px=1em */
}
#social_links img {
   float:left;
   margin-right: 0.125em;                          /* margin-right:2px; 2px/16px=0.125em    16px=1em */
}
.phone {
   color: #001D4B;
   font-size: 1.23077em;                           /* font-size: 16px;  16px/13px=1.23077em    13px=1em  */
   font-weight: bold;
   padding: 0em 0.9375em 0em 0.1875em;             /* padding: 0px 15px 0px 3px;  right=8px/16px=0.5em  left=3px/16px=0.1875em    16px=1em */
}
/* =============================================================================
   header area start
   ============================================================================= */

#header_top {
   text-align: right;
   background: url(/images/header_bg.jpg) no-repeat left top;
}
.header_img {
   float:left;
}
#banner img {
   display:block;
}
/* =============================================================================
   search style start
   ============================================================================= */

.search {
   float: left;
   margin: 0em;
   padding-top: 0.125em;                            /* padding-top: 2px;  2px/16px=0.125em  16px=1em */
}
.search_text {
   background: url(/images/search_bg.jpg) no-repeat left top;
   border:  none;
   color: #797979;
   float: left;
   font-family: Arial;
   font-size: 0.6875em;                           /* font-size: 11px;  11px/16px=0.6875em  16px=1em */
   font-weight: normal;
   height: 1.85em;                  /* height: 20px;    20px/11px=1.818181818181818em  11px=1em */
   margin-right: 0.7272727272727273em;           /* margin-right: 8px;   8px/11px=0.7272727272727273em  11px=1em */
   padding: 0em 0em 0em 0.727273em;              /* padding: 0px 0px 0px 8px;   8px/11px=0.727273em  11px=1em */
   width: 13.46em;                             /* width: 147px;   147px/11px=13.3636em  11px=1em */
   font-family: Exo-Regular;
}
.search_btn {
   background: url(/images/go_btn.jpg) no-repeat left top;
   border: none;
   cursor: pointer;
   height: 1.81818em;                           /* height: 20px;    20px/11px=1.81818em  11px=1em */
   width: 2.18182em;                            /* width: 24px;   24px/11px=2.18182em  11px=1em */
   font-size: 0.6875em;                         /* font-size: 11px;  11px/16px=0.6875em  16px=1em */
}
/* =============================================================================
   Top Navigation style start
   ============================================================================= */

#top_nav {
   background: url(/images/nav_bg.jpg) no-repeat left top;
   text-align:center;
}

.topnav_links a.topnav_last {
   color: #001d4b;
}

#top_nav.topnav_links a.topnav_last {
   background: url(/images/rfq_btn_bg.jpg) no-repeat left top;
   color: #001d4b;
   font-weight: bold;
   margin-left: 0.909091em;                  /* margin-left: 10px;  10px/11px=0.909091em  11px=1em */
   padding-left:0.729167%;                   /*  padding-left: 7px;  7px*100/960=0.729167%  */
}

#top_nav.topnav_links a.topnav_last:hover {
   color: #000000;
   }

/* =============================================================================
   Left Navigation style start
   ============================================================================= */


#leftnav {
   float: left;
   width: 10.25em;                         /* 164 / 16px = 10.25em */
   padding-top: 4em;                       /* padding-top: 64px;  16px=1em */
   padding-bottom: 5em;                    /* padding-bottom: 80px;  16px=1em */
}
.leftnav_links span {
   background: url(/images/left_nav_heading_bg.jpg) no-repeat left top;
   display:block;
   padding: 0.25em 0.666667em 0.333333em 0.75em;    /* (padding: 3px 8px 4px 9px;)/12px   12px=1em */
   text-transform: uppercase;
   font-size:1em;                          /* font-size:12px; 12px/12px=1em   12px=1em */
   font-weight:bold;
   color:#f4f4f4;
   line-height: 1.41667em;                /* line-height: 17px; 17px/12px=1.41667em   12px=1em */
}
.leftnav_links a.leftnav_single_line_link:link {
   padding-top: 1.083333333333333em;           /* padding-top: 13px;  13px/12px=1.083333333333333em      */
   padding-bottom: 1.083333333333333em;        /* padding-bottom:13px;     13px/12px=1.083333333333333em        */
}
#nav1 {
   padding-bottom: 2.66667em;             /* padding-bottom: 32px;; 32px/16px=2.66667em    */
}
/* =============================================================================
   content area style start
   ============================================================================= */

#content_area {
   font-size:0.9375em;                    /* font-size: 15px/16px =0.9375em  */
   color: #595959;
   font-family: Exo-Regular;
   width: 50.33333333333333em;           /* 755px / 15px = 50.33333333333333em*/
   float:left;
   margin-left: 2.733333333333333em;     /* 41px / 15px = 2.733333333333333em */
   padding-top: 1.133333333333333em;     /* 17px / 15px = 1.133333333333333em */
}
#home_content_area {
   padding-top:1.25em;                   /* padding-top:27px;  27px / 16px = 1.25em */
   font-family: Exo-Regular;
   padding-bottom: 3em;              /* padding-bottom:48px;  48px / 16px = 3em */
}

/* =============================================================================
   footer area start here
   ============================================================================= */

#footer_wrapper {
   width:100%;
}
footer address {
   float: left;
   line-height: 1.08333em;                               /* line-height: 13px;   13px/12px=1.08333em  12px=1em */
   padding: 1.66667em 0em 2.41667em 0.583333em;          /* (padding: 20px 0px 29px 7px;)/12px    12px=1em    */
}
footer {
   margin:0em auto;
   width: 60em;                                          /* width:960px 16px=1em */
}
.footer_right {
   padding-right: 0.416667em;                            /* padding-right: 5px;  5px/12px=0.416667em  12px=1em */
   text-align: right;
   line-height: 1.41667em;                               /* line-height: 17px;  17px/12px=1.41667em  12px=1em */
}
.footer_right img {
   margin-bottom: 0.333333em;                            /* margin-bottom: 4px;  4px/12px=0.333333em  12px=1em */
   margin-top: 1.33333em;                                /* margin-top: 16px;    16px/12px=1.33333em  12px=1em */
}
.footer_links {
   display: block;
   line-height: 2.08333em;                               /* line-height: 25px;       25px/12px=2.08333em  12px=1em */
}
.footer_links span {
   font-size:0.916667em;                                 /* font-size:11px;       11px/12px=0.916667em  12px=1em */
   display: block;
}
.iso_pdf {
   float: left;
   margin-left: 2.375em;                               /* margin-left: 38px;   38px/16px=2.375em  16px=1em */
   margin-top: 1.125em;                                /* margin-top: 18px;   18px/16px= 1.125em  16px=1em */
}
.iso_pdf img {
   float:left;
   margin-right:0.1875em;                              /* margin-right: 3px;  3px/16px=0.1875em  16px=1em */
}
/* =============================================================================
   bucket area start here
   ============================================================================= */

.home_banner img {
   float:left;
   margin-left:0.0833333em;                        /* margin-left:1px;   1px/12px=0.0833333em  11px=1em */
}
.home_banner span {
   float:left;
   margin-top: 1.25em;                             /* margin-top: 15px;   15px/12px=1.25em 11px=1em */
}
.plating_heading_links section {
   float: left;
   height: 6.75em;                                 /* height: 81px;   81px/12px=6.75em 12px=1em */
   margin-left: 0.0833333em;                  /* margin-left: 1px;  1px/12px=0.0833333em 12px=1em */
   margin-right: 1.08333em;                        /* margin-right: 13px;  13px/12px=1.08333em 12px=1em */
   width: 19em;                                   /* width: 228px;  228px/12px=19em 12px=1em */
}
.plating_heading_links img {
   float:left;
   margin-right:2.41667em;                       /* margin-right: 29px;  29px/12px=2.41667em 12px=1em */
}
.plating_heading_links a span {
   display: block;
   line-height: 1.166666666666667em;             /*  line-height: 14px;  14px/12px=1.166666666666667em  12px=1em */
   padding: 1.41667em 0px 1.83333em 1.75em;      /* (padding: 17px 0px 22px 21px;)/12px  12px=1em */
}
.plating_heading_links .sams_technology_last_link {
   margin-right:0em;
}
.plating_heading_links .sams_technology_last_link a span {
   padding-top:1em;                             /* padding-top: 12px; 12px/12px=1em  12px=1em */
   padding-bottom: 1.25em;                      /* padding-bottom: 15px;   15px/12px=1.25em  12px=1em */
}
/* =============================================================================
   home top bucket start
   ============================================================================= */
.home_top_bucket {
    background: url("/images/home-top-bucket-bg.jpg") no-repeat left top #F7F7F7;
    margin: 2.8125em 0 0 0;                        /* margin: 45px 0 0 0/16px = 2.8125em 0 0 0  16px=1em */    
    padding: 0 0 0 1.25em;                   /* padding: 0 0 0 20px/16px = 0 0 0 1.25em 16px=1em */
}
.home_top_bucket section {
    float: left;
    margin-right: 2.375em;              /* margin-right: 38px;  38px/16px = 2.375em 16px=1em */            
    padding: 2em 0 1.6875em 0.625em;       /* padding: 32px 0 27px 10px/16px = 2em 0 1.6875em 1.25em 16px=1em */    
    width: 17.375em;                  /* width: 278px;  278px/16px = 17.375em 16px=1em */
}
.home_top_bucket .first_bucket {
    background: url("/images/top-first-bucket-bg.jpg") no-repeat left top;
}
.home_top_bucket .second_bucket {
    background: url("/images/top-second-bucket-bg.jpg") no-repeat left top;
}
.home_top_bucket .third_bucket {
    background: url("/images/top-third-bucket-bg.jpg") no-repeat left top;
    margin: 0;
    width: 17em;             /* width: 272px;  272px/16px = 17em 16px=1em */ 
}
.home_top_bucket a {
    color: #FFFFFF;
    font-size: 0.9375em;       /* font-size: 15px;  15px/16px = 0.9375em 16px=1em */         
    text-decoration: none;
    text-shadow: 1px 1px 5px #000000;
    text-transform: uppercase;
    line-height:1.333333333333333em;         /* line-height: 20px;  20px/15px = 1.333333333333333em 15px=1em */           
}
.home_top_bucket a:hover {
    text-decoration: underline;
}
.home_top_bucket span {
    font-family: Exo-bold;
    font-size: 1.266666666666667em;        /* font-size: 19px;  19px/15px = 1.266666666666667em 15px=1em */  
    font-style: italic;
    line-height:1.263157894736842em;                     /* line-height: 24px;  24px/19px = 1.333333333333333em 19px=1em */          
}

/* =============================================================================
   home bottom bucket start
   ============================================================================= */
.home_bottom_bucket {
    background: url("/images/home-bottom-bucket-bg.jpg") no-repeat scroll left top #F7F7F7;
    padding: 1.4375em 0 0 1.6875em;             /* padding: 23px 0 0 27px/16px = 1.4375em 0 0 1.6875em 16px=1em */   
   margin-top: 2em;               /* margin-top: 32px;  32px/16px = 2em 16px=1em */    
}
.home_bottom_bucket section {
    float: left;
    margin-right: 5.125em;               /* margin-right: 82px;  82px/16px = 5.125em 16px=1em */          
    text-transform: uppercase;
}
.home_bottom_bucket a {
    color: #FFFFFF;
    text-decoration: none;
}
.home_bottom_bucket a:hover {
    text-decoration: underline;
}
.home_bottom_bucket img {
    display: block;
}
.home_bottom_bucket section p {
    background: url("/images/home-bottom-bucket-link-bg.jpg") no-repeat scroll left top;
    font-size: 0.9375em;                  /* font-size: 15px;  15px/16px = 0.9375em 16px=1em */
    line-height: 1.266666666666667em;                /* line-height: 19px;  19px/15px = 1.266666666666667em 15px=1em */
    margin: 0;
    padding: 0.1333333333333333em 0 0.8666666666666667em 0.5333333333333333em;       /* padding: 2px 0 13px 8px/15px = 0.1333333333333333em 0 0.8666666666666667em 0.5333333333333333em 15px=1em */          
    text-shadow: 1px 1px 5px #000000;
}
.home_bottom_bucket .second_btm_txt {
    padding: 0.1333333333333333em 0 0.4em 0.5333333333333333em;            /* padding: 2px 0 6px 8px;/15px = 10.1333333333333333em 0 0.4em 0.5333333333333333em 15px=1em */
}
.home_bottom_bucket span {
    font-family: Exo-bold;
    font-size: 1.466666666666667em;         /* font-size: 22px;  22px/15px = 1.466666666666667em 15px=1em */
    font-style: italic;
    line-height: 1.181818181818182em;        /* line-height: 26px;  26px/22px = 1.181818181818182em 22px=1em */           
}

.home_bottom_bucket .last {
    margin: 0;
    position: relative;
}
.home_bottom_bucket .no_corrosion_txt {
    font-size: 0.875em;                  /* font-size: 14px;  14px/16px = 0.875em 16px=1em */
    font-style: italic;
    left: 2.214285714285714em;                           /* left: 31px;  31px/14px = 2.214285714285714em 14px=1em */
    line-height: 1.357142857142857em;            /* line-height: 19px;  19px/14px = 1.357142857142857em 14px=1em */ 
    position: absolute;
    top: 6.928571428571429em;             /* top: 14px;  97px/14px = 6.928571428571429em 14px=1em */
}
 /***************************************/
.world_class_electroplating_section {
   float: left;
   width: 36.875em;                            /* width: 590px;    590px/16px=36.875em  16px=1em */
}
.metal_pricing_section {
   float: left;
   margin-left: 4.0625em;                          /* margin-left: 65px;    80px/16px=4.0625em  16px=1em */
   margin-top: 2.5em;                         /* margin-top: 40px;    40px/16px=2.5em  16px=1em */
   width: 19em;                               /* width: 304px;    304px/16px=19em  16px=1em */
   background: url(/images/metal_pricing_bg.jpg) no-repeat left top;
}
.metal_pricing_section img {
   float: right;
}
.world_class_electroplating_section p {
   font-size: 0.875em;                        /* font-size: 14px;    14px/16px=0.875em  16px=1em */
   line-height: 1.21429em;                    /* line-height: 17px;     17px/14px=1.21429em  14px=1em */
   margin: 0em;
   padding-top: 0.571429em;                   /* padding-top:8px;     8px/14px=0.571429em  14px=1em */
   padding-bottom: 1em;                       /* padding-bottom: 14px;      14px/14px=1em  14px=1em */
   color: #595959;
}
.left_list {
   float: left;
   width: 15.75em;                            /* width: 252px;      252px/16px=15.75em  14px=1em */
}
.right_list {
   float: right;
   width: 18.3125em;                           /* width: 293px;     290px/16px=18.3125em  16px=1em */
}
.world_class_electroplating_section ul {
   list-style-type:none;
   margin:0em;
   padding:0em;
}
.world_class_electroplating_section ul li {
   line-height: 1.38462em;                       /* line-height: 18px;      18px/13px=1.38462em  13px=1em */
   padding: 0em 0em 0em 1.15385em;          /* (padding: 0px 0px 0px 15px;)/12px   16px=1em */
   background: url(/images/home_bulelt.jpg) no-repeat left 0.1875em;
   font-size:0.8125em;                          /* font-size:13px;   13px/16px=0.8125em  16px=1em */
   color:#595959;
}

.world_class_electroplating_section ul li a {
   text-decoration:none;
   font-size:1em;                              /* font-size:13px;   13px/13px=1em  13px=1em */
   color:#595959;
}
.world_class_electroplating_section ul li a:hover {
   color:#001d4b;
}
#clockbox {
   color: #595959;
   display: block;
   font-family: exo;
   font-size: 0.6875em;                       /* font-size: 11px;  11px/16px= 0.6875em  16px=1em */
   padding-left: 1.27273em;                   /* padding-left: 14px;  14px/11px= 0.6875em  11px=1em */
}
.gold {
   color:#c69501;
}
.sliver {
   color:#717171;
}
.metal_pricing_section p {
   color: #595959;
   font-size: 0.85em;                         /* font-size: 12px; 12px/16px= 0.75em  16px=1em */
   line-height: 1.2em;                    /* line-height: 14px; 14px/12px=1.16667em  12px=1em */
   margin: 0em;
   padding: 1.16667em 0.5em 0.833333em 1.41667em;              /* (padding: 10px 6px 10px 17px;)/12px  12px=1em */
}
/* =============================================================================
   social media start here
   ============================================================================= */

.social-single {
   float: right;
   overflow: hidden;
   padding-bottom: 1.2em;                 /*  padding-bottom: 18px; 15px=1em */
   
}

#twitterbutton {
    float: left;
    margin: 0px;
    overflow: hidden;
    padding: 0px;
    width: 90px;
}
#likebutton {
    float: left;
    margin: 0px 15px 0px 0px;
    overflow: hidden;
    padding: 0px;
    width: 72px;
}
#linkedinshare {
    float: left;
    padding: 0px 15px 0px 0px;
}
#googleplus {
    float: left;
    overflow: hidden;
    width: 60px;
}
/* =============================================================================
   print page styles
   ============================================================================= */

.img04 {
   cursor: pointer;
   margin: 0em 0.454545em 0em 1.2727em;    /* margin: 0px 5px 0px 14px; 11px=1em */
   vertical-align: middle;
}
.img05 {
   cursor: pointer;
   margin: 0em 0.6363em 0em 1.3636em;      /* margin: 0px 7px 0px 15px; 11px=1em */
   vertical-align: middle;
}
/* =============================================================================
   heading styles
   ============================================================================= */

h1 {
   color: #001d4b;
   font-size: 1.333333333333333em;                           /* 20px/15px=1.333333333333333em 15px=1em */
   margin:0em;
   padding: 0.25em 0em 0.75em 0em;            /*  padding: 5px 0px 15px 0px; 20px=1em */
   line-height:1.2em;                             /* line-height: 24px;  20px=1em */
   font-family:Exo-bold;
   font-weight: normal;
   text-transform: uppercase;
   clear:both;
}
#home_content_area h1 {
   font-size: 1.5em;                             /* font-size: 24px;    24px/16px=1.5em    16px=1em */
   line-height: 1.08333em;                       /* line-height: 26px;  26px/24px=1.08333em    24px=1em */
   padding: 0em;
   color:#00000a;
}
#home_content_area h1 span {
   display: block;
   font-family: Exo-Regular;
   font-size: 0.666667em;                         /* font-size: 16px; 16px/24px=0.666667em  24px=1em */
   font-weight: normal;
   line-height: 1em;                             /* line-height: 16px; 16px/16px=1em  16px=1em */
   padding-bottom: 0.125em;                       /* padding-bottom: 2px; 2px/16px=0.125em  16px=1em */
}
h2 {
   color: #595959;
   font-size: 1.066666666666667em;               /* 16px/15px= 1.066666666666667em 15px=1em */
   padding: 0em 0em 0.6875em 0em;                /*  padding: 0px 0px 11px 0px; 16px=1em */
   line-height:1.333333333333333em;              /* line-height: 24px;  18px=1em */
   font-family:Exo-bold;
   font-weight: normal;
   text-transform: uppercase;
   margin:0em;
}

h2.tabhead {
   font-size:0.8666666666666667em;   /* 13px / 15px 15px=1em */
   color:#ffffff;
   background:url(/images/tabhead.jpg) left top no-repeat;
   padding:0.2307692307692308em 0em 0.3846153846153846em 2.076923076923077em;/*
   top      -   3px Ã&#65533;· 13px (self)
   bottom   -   5px Ã&#65533;· 13px (self)
   left   -   27px Ã&#65533;· 13px (self)
   */
   margin:1.333333333333333em 0em 0em 0em;   /* 20px Ã&#65533;· 14px*/
}

h3 {
   color: #595959;
   font-size:  1em;                             /* 14px/14px= 1em 14px=1em */
   padding: 0em 0em 0.6428571428571429em 0em;   /*  padding: 0px 0px 9px 0px; 14px=1em */
   line-height:1.714285714285714em;             /* line-height: 24px;  14px=1em */
   font-family:Exo-bold;
   font-weight: normal;
   text-transform: uppercase;
   margin:0em;
}
/* =============================================================================
   images styles
   ============================================================================= */
   
.img01 {
   border: 1px solid #d0d0d0;                  /* border: 1px solid #000000; 12px=1em */
}
.img02 {
   float: left;
   margin: 0em 0em 0em 0em;                    /* margin: 0px 20px 12px 0px; 14px=1em */
}
.img03 {
   float: right;
   margin: 0em 0em 0em 0em;                   /* margin: 0px 0px 10px 10px; 12px=1em */
   border: 1px solid #000000;
}
/* =============================================================================
   inner page style
   ============================================================================= */

.txt_center {
   text-align:center;
}
.overflow {
   overflow: hidden;
}

/* =============================================================================
   CONTACT US PAGE STYLE
   ============================================================================= */
#content_area address {
   float:right;
}
#gmap {
   margin:0em auto;
   text-align:center;
   clear:both;
   padding-top:1.785714285714286em;   /* 25px Ã&#65533;· 14px (content_area) */
}
.black-bdr {
   border:1px solid #000000;
}


/* =============================================================================
   SITE MAP PAGE STYLE
   ============================================================================= */

.sitemap {
   list-style:none;
   padding:0em;
   margin:0em;
}
#content_area .sitemap li {
   padding:0.3571428571428571em 0em 0.3571428571428571em 0em;/*
   top      -   5px Ã&#65533;· 14 (content_area)
   bottom   -   5px Ã&#65533;· 14 (content_area)
   */
   background:none;
}
#content_area .sitemap ul {
   list-style:none;
   padding:0.3571428571428571em 0em 0em 2.5em;/*
   top      -   5px Ã&#65533;· 14 (content_area)
   left   -   35px Ã&#65533;· 14 (content_area)
   */
}

/* =============================================================================
   COMMON CLASSES BETWEEN SITE STYLES & PRINT STYLES
   ALL STYLES BELOW ARE RELATIVE TO CONTENT AREA (12PX)...
   ============================================================================= */

dl, dt, dd {
   padding:0em;
   margin:0em;
   border:0em;
}

.ul-split-two {
   overflow:hidden;
   margin:0em 0em 1.428571428571429em 0em;   /* 20px Ã&#65533;· 14px*/
}
.ul-split-two ul {
   width:45%;
   float:left;
   margin:0em;
   padding:0em;
   list-style-type:none;
}
.ul-split-two ul li {
   background:url(/images/bullet.jpg) left 0.4285714285714286em no-repeat;   /* 6px Ã&#65533;· 14px (content_area) */
   padding-left:0.8571428571428571em;   /* 12px Ã&#65533;· 14px (content_area) */
}


#content_area ul {
   margin:0em;
   padding:0em 0em 0.714286em 0em;
   list-style-type:none;
}
#content_area ul li {
   background:url(/images/bullet.jpg) left 0.4285714285714286em no-repeat;   /* 6px Ã&#65533;· 14px (content_area) */
   padding-left:0.8571428571428571em;   /* 12px Ã&#65533;· 14px (content_area) */
}


.ul-split-two ul.last {
   margin-left:5%;
}
hr {
   display:block;
   height:0.0833333333333333em;                 /* height:1px; 1px/12px=0.0833333333333333em 12px=1em */
   border:0em;
   border-top:1px solid #cccccc;
   margin:1em 0em;
   padding:0em;
}
#content_area a[href$='.pdf']:before {
   content: url(/images/pdf-1.png);
   margin-left: 0.2142857142857143em;   /* 3px Ã&#65533;· 14px (content_area) */
}
.specs {
   font-size:0.8666666666666667em;   /* 13px Ã&#65533;· 15px (content_area) */
   color:#595959;
   margin: 0em 0em 1.333333333333333em 0em;   /* 20px Ã&#65533;· 15px*/
   background:url(/images/specs-bg.jpg) left top repeat-y;
}
.specs dl {
   clear: both;
   display: table;
   margin: 0em;
   width: 100%;
   line-height:1.25em;   /* 15px Ã&#65533;· 12px (specs) */
}
.specs dt, .specs dd {
   padding: 1.833333333333333em 2.25em 1em 2.25em;      /*
   top      -   22px Ã&#65533;· 12px (specs)
   right   -   27px Ã&#65533;· 12px (self)   
   bottom   -   12px Ã&#65533;· 12px (self)
   left   -   27px Ã&#65533;· 12px (self)
   */
   display: table-cell;
   border-top: 1px solid #FFFFFF;
   background-color:transparent;
}
.specs dt {
   width: 44.986449%; /* 332px*100/738px = 44.986449% */
}
.specs dd {
   width: 55.01355%; /* 406px*100/738px = 55.01355% */
}
.specs dd dd {
   border: none;
   padding: 0em;
   width: 40%;
}
.question dt {
   font-weight:bold;
}
.question dd {
   padding-left:1.428571428571429em;      /* 20px Ã&#65533;· 14px (content_area) */
}
.question dd ol {
   list-style-type:upper-alpha;
   margin:0em 0em 0em 1.428571428571429em;   /* 20px Ã&#65533;· 14px (content_area) */
   padding:0em;
}
.mod-one-in-row {
   float:right;
   margin:0em 0em 0.8571428571428571em 2.857142857142857em;/*
   bottom   -   12px Ã&#65533;· 14px (content_area) 
   left   -   40px Ã&#65533;· 14px (content_area)
   */
}
.mod-one-in-row > p, .mod-three-in-row > p, .mod-four-in-row > p, p.actions {
   text-align:right;
   font-size:0.7857142857142857em;            /* 11px Ã&#65533;· 14px (content_area) */
}
#content_area p.actions {
   padding-top:1.153846153846154em;   /* 15px Ã&#65533;· 13px (p.actions) */
   padding-bottom:0em;
   margin:0em;
}
#content_area p.actions.fivebottom {
   padding-bottom:0.769231em;   /* 10px Ã&#65533;· 13px (actions) */
}
#content_area p.actions.center {
   text-align:right;
}
#content_area p.loud, #content_area p.huge {
   font-size:1.142857142857143em;      /* 16px Ã&#65533;· 14px (content_area) */
   font-weight:bold;
   padding:0.9375em 0em 0.9375em 0em;   /* 15px Ã&#65533;· 16px (self) */
   margin:0em;
}
.mod-two-in-row section {
   float:left;
   width:11.4em;               /* 171px Ã&#65533;· 15px (content_area) */
   margin:0em 0em 0em 13.35714285714286em;   /* 187px Ã&#65533;· 14px (content_area) */
   text-align:center;
}
.mod-three-in-row section {
   float:left;
   width:13.21428571428571em;               /* 185px Ã&#65533;· 14px (content_area) */
   margin:0em 0em 0em 5.266666666666667em;   /* 79px Ã&#65533;· 15px (content_area) */
   text-align:center;
}
.mod-four-in-row section {
   float:left;
   width:12.26666666666667em;               /* 184px Ã&#65533;· 15px (content_area) */
   margin:0em 0em 0em 0.3571428571428571em;   /* 5px Ã&#65533;· 14px (content_area) */
   text-align:center;
}
.mod-two-in-row, .mod-three-in-row, .mod-four-in-row {
   overflow:hidden;
}
.mod-two-in-row section:first-child, .mod-three-in-row section:first-child, .mod-four-in-row section:first-child {
   margin-left:0em;
}
blockquote {
   margin:0em;
   padding:0em;
}
blockquote:before {
   content:"\"";
}
blockquote:after {
   content:"\"";
}
.ctr, .center {
   text-align: center;
}
.right {
   text-align:right;
}

/* =============================================================================
   RFQ & Contact Styles
   ============================================================================= */

div.fieldwrapper {
   overflow: hidden;
   padding: 0.6666666em 0em 0.1666666em 0em;         /* 8px/12px=0.6666666em | 0em | 2px/12px=0.1666666em | 0em */
   width: 100%;
}
div.fieldwrapper label.styled {
   float: left;
   margin-right: 1.25em;                        /* 15px / 12px = 1.25em */
   width: 45.454545%;                            /* 250px*100/550px = 45.454545% */
}
div.fieldwrapper div.thefield {
   float: left;
   margin-bottom: 0.8333333em;                     /* 10px / 12px = 0.8333333em */
   width: 45.454545%;                            /* 250px*100/550px = 45.454545% */
}
div.fieldwrapper div.thefield input[type="text"] {
   border: 1px solid #CCCCCC;                     /* 1px / 12px = 0.0833333em */
   width: 99%;                               /* 1% Space Left For Border */
}
div.fieldwrapper div.thefield select {
   width: 100%;                               /* Of 45.454545% from div.fieldwrapper div.thefield */
}
div.fieldwrapper div.thefield textarea {
   height: 8.3333333em;                        /* 100px / 12px = 8.3333333em */
   width: 98%;                               /* To Match Sizes Of Text Fields */
}
.feedbackform {
   margin: 0em auto;
   width: 74.525745%;                            /*550px*100/738 = 74.525745% */
}
.thefield div {
   float: left;
   width: 50%;                               /* Of 45.454545% from div.fieldwrapper div.thefield */
}
div.buttonsdiv {
   margin-top: 1.25em;                           /* 15px / 12px = 1.25em */
}
.submit, .submit:hover, .reset, .reset:hover, .send_email, .send_email:hover {
   border: 0em;
   padding:0em;
   margin:0em;
   cursor: pointer;
   width: 5.714285714285714em;               /* 80px / 14px = 5.714285714285714em */
   height: 1.642857142857143em;            /* 23px / 14px = 1.642857142857143em */
   font-size:1em;   /* 14px Ã&#65533;· 14px (content_area) - had to define here to get proper width for buttons */
   text-decoration:none;
}
.submit {
   background: url(/images/but_submit.gif) left top no-repeat;
}
.submit:hover {
   background: url(/images/but_submit_hover.gif) left top no-repeat;
}
.reset {
   background: url(/images/but_reset.gif) left top no-repeat;
}
.reset:hover {
   background: url(/images/but_reset_hover.gif) left top no-repeat;
}
.send_email {
   background: url(/images/send_email.gif) left top no-repeat;
}
.send_email:hover {
   background: url(/images/send_email_hover.gif) left top no-repeat;
}
p.form_success, p.form_error {
   clear:both;
}

/* =============================================================================
   embeded fonts style
   ============================================================================= */

@font-face {
   font-family:'Exo-Regular';
   src: url('/fonts/exo-regular.eot');
   src: url('/fonts/exo-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/exo-regular.woff') format('woff'), url('/fonts/exo-regular.ttf') format('truetype'), url('/fonts*/exo-regular.svg#OpenSans') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family:'Exo-bold';
   src: url('/fonts/exo-bold.eot');
   src: url('/fonts/exo-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/exo-bold.woff') format('woff'), url('/fonts/exo-bold.ttf') format('truetype'), url('/fonts*/exo-bold.svg#exo') format('svg');
   font-weight: normal;
   font-style: normal;
}