/* =============================================================================
   Basic Styles
* ============================================================================= */
table, td, img {
   margin: 0;
   padding: 0;
}
article, aside, footer, header, nav, section {
   display: block;
}
header, aside, footer {
   text-align: left;
}
img {
   border: 0;
   max-width:100%;                                          /*to optimize full width of its parent element*/
}
address {
   font-style:normal;                                        /* To Neutralize Default Italic Style To Normal Style */
}
form {
   margin: 0;
   padding: 0;
}
a {
   color:#ffffff;
   text-decoration:underline;
}
a:hover {
   color:#ffffff;
   text-decoration:none;
}
/* =============================================================================
   Comman Styles
* ============================================================================= */
.clear{
   clear: both;
}
.ctr{
   text-align:center;
}
.clearfix:before, .clearfix:after {
   content: "";
   display: block;
}
.clearfix:after {
   clear: both;
}
/* =============================================================================
   Body Styles
* ============================================================================= */
body{
   background-color:#333131;
   margin:0;
   padding:0;
   font-size:100%;                                          /* Base Font = 16px >>> 16px = 1em = 100% */
}
/* =============================================================================
   Wrapper Styles
* ============================================================================= */
#wrapper, #home_wrapper{
   width:100%;                                             /* 100% width of its container */
}
/* =============================================================================
   Header Styles
* ============================================================================= */
header{
   background-color:#000000;
   float:left;
   width:100%;                                             /* 100% width of its container */
}
/* =============================================================================
   Top Nav Styles
* ============================================================================= */
.top_nav_container{
   background-color:#333131;
   float:left;
   width:100%;                                             /* 100% width of its container */
}
.menu_trigger{
   cursor:pointer;
   float:left;
   padding:0.3125em 0 0.25em 0.6875em;                           /* Base Font = 16px >>> 5px 0 4px 11px/16px = 0.3125em 0 0.25em 0.6875em */
}
.menu_trigger img{
   float:left;
   margin:0 0.75em 0 0;                                    /* Base Font = 16px >>> 0 12px 0 0/16px = 0 0.75em 0 0 */
}
.menu_trigger span{
   color:#02ac6b;
   float:left;
   font-family:"Times New Roman", Times, serif;
   font-size:1em;                                          /* Base Font = 16px >>> 16px/16px = 1em */
   font-style:italic;
   font-weight:bold;
   margin:0.3125em 0 0 0;                                    /* Base Font = 16px >>> 5px 0 0 0/16px = 0.3125em 0 0 0 */
}
#top_nav{
   clear:both;
   color:#02ac6b;
   display:none;
   font-family:"Times New Roman", Times, serif;
   font-size:1em;                                          /* Base Font = 16px >>> 16px/16px = 1em */
   font-style:italic;
   font-weight:bold;
   line-height:1.1875em;                                    /* Base Font = 16px >>> 19px/16px = 1.1875em */
   padding:0.6875em 0.625em 0.625em 0.625em;                     /* Base Font = 16px >>> 11px 10px 10px 10px/16px = 0.6875em 0.625em 0.625em 0.625em */
}
#top_nav ul{
   margin:0;
   padding:0;
}
#top_nav ul li{
   background:none;
   margin:0;
   padding:0;
}
#top_nav ul li a{
   color:#02ac6b;
   text-decoration:none;
}
#top_nav ul li.has_child > a{
   background:url(/images/top_nav_dropdown_bg.jpg) no-repeat right 0.4375em;   /* Base Font = 16px >>> 7px/16px = 0.4375em */
   padding:0 0.875em 0 0;                                    /* Base Font = 16px >>> 0 14px 0 0/16px = 0 0.875em 0 0 */
}
#top_nav ul li a:hover{
   color:#02ac6b;
   text-decoration:underline;
}
#top_nav ul li.has_child ul{
   display:none;
   margin:0 0 0 1.25em;                                    /* Base Font = 16px >>> 0 0 0 20px/16px = 0 0 0 1.25em */
}
/* =============================================================================
   Logo Styles
* ============================================================================= */
.logo_container{
   clear:both;
}
.logo{
   padding:1.0625em 0.75em 0.625em 0.5em;                        /* Base Font = 16px >>> 17px 12px 10px 8px/16px = 1.0625em 0.75em 0.625em 0.5em */
}
.logo img{
   display:block;
   margin:0 auto 0.9375em auto;                              /* Base Font = 16px >>> 0 auto 15px auto/16px = 0 auto 0.9375em auto */
}
/* =============================================================================
   Utility Nav Styles
* ============================================================================= */
#utility_nav{
   clear:both;
   color:#ffffff;
   float:right;
   font-family:Arial;
   font-size:1em;                                          /* Base Font = 16px >>> 16px/16px = 1em */
   font-weight:bold;
   line-height:1em;                                       /* Base Font = 16px >>> 16px/16px = 1em */
   padding:0 1.8125em 1.6875em 0;                              /* Base Font = 16px >>> 0 29px 27px 0/16px = 0 1.8125em 1.6875em 0 */
   width:auto;
}
#utility_nav a{
   color:#ffffff;
   text-decoration:underline;
}
#utility_nav a:hover{
   color:#ffffff;
   text-decoration:none;
}
/* =============================================================================
   Banner Styles
* ============================================================================= */
.banner, .home_banner{
   float:left;
   width:100%;                                             /* 100% width of its container */
}
.banner img, .home_banner img{
   float:left;
}
/* =============================================================================
   Main Styles
* ============================================================================= */
#main{
   background-color:#333131;
   clear:both;
}
/* =============================================================================
   Content Area Styles
* ============================================================================= */
#content_area{
   color:#ffffff;
   font-family:Arial;
   font-size:1em;                                          /* Base Font = 16px >>> 16px/16px = 1em */
   font-weight:normal;
   line-height:1.1875em;                                    /* Base Font = 16px >>> 19px/16px = 1.1875em */
   margin:0;
   padding:0.625em 0.625em 1.25em 0.625em;                        /* Base Font = 16px >>> 10px 10px 20px 10px/16px = 0.625em 0.625em 1.25em 0.625em */
}
#home_content_area{
   margin:0;
   padding:0.25em 0.625em 2.5em 0.625em;                        /* Base Font = 16px >>> 4px 10px 40px 10px/16px = 0.25em 0.625em 2.5em 0.625em */
}
p{
   margin:0;
   padding:0 0 1.25em 0;                                    /* Base Font = 16px >>> 0 0 20px 0/16px = 0 0 1.25em 0 */
}
ul{
   margin:0;
   padding: 0 0 1.25em 0.8125em;                                /* BASE FONT = 16px  >>> 0 0 20px 13px / 16px = 0 0 1.25em 0.8125em  */
}
ul li{
   background: url(/images/bullet01.png) no-repeat left 0.4375em;       /* BASE FONT = 16px  >>> 7px / 16px = 0.4375em  */
   list-style:none;
   margin:0;
   padding:0 0 0 1em;                                       /* Base Font = 16px >>> 0 0 0 16px/16px= 0 0 0 1em */
}
ul ul {
   margin-bottom:0;
}
/* =============================================================================
   Heading Styles
* ============================================================================= */
h1{
   color:#acafab;
   font-family:Arial;
   font-size:2em;                                          /* Base Font = 16px >>> 32px/16px = 2em */
   font-weight:normal;
   line-height:1.09375em;                                    /* Base Font = 32px >>> 35px/32px = 1.09375em */
   margin:0;
   padding:0 0 0.625em 0;                                    /* Base Font = 32px >>> 0 0 20px 0/32px = 0 0 0.625em 0 */
   text-transform:uppercase;
}
h2{
   clear:both;
   color:#acafab;
   font-family:Arial;
   font-size:1em;                                          /* Base Font = 16px >>> 16px/16px = 1em */
   font-weight:bold;
   line-height:1.1875em;                                    /* Base Font = 16px >>> 19px/16px = 1.1875em */
   margin:0;
   padding:0 0 1.25em 0;                                    /* Base Font = 16px >>> 0 0 20px/16px = 0 0 1.25em 0 */
   text-transform:uppercase;
}
h3{
   clear:both;
   color:#acafab;
   font-family:Arial;
   font-size:0.875em;                                       /* Base Font = 16px >>> 14px/16px = 0.875em */
   font-weight:bold;
   line-height:1.285714285714286em;                           /* Base Font = 14px >>> 18px/14px = 1.285714285714286em */
   margin:0;
   padding:0 0 1.428571428571429em 0;                           /* Base Font = 14px >>> 0 0 20px 0/14px = 0 0 1.428571428571429em 0 */
   text-transform:uppercase;
}
#home_content_area h1{
   color:#acafab;
   font-family:Arial;
   font-size:1.75em;                                       /* Base Font = 16px >>> 28px/16px = 1.75em */
   font-weight:normal;
   line-height:1.178571428571429em;                           /* Base Font = 28px >>> 33px/28px = 1.178571428571429em */
   margin:0;
   padding:0 0 0.5357142857142857em 0;                           /* Base Font = 28px >>> 0 0 15px 0/28px = 0 0 0.5357142857142857em 0 */
}
#home_content_area h1 span{
   display:block;
   font-size:0.5714285714285714em;                              /* Base Font = 28px >>> 16px/28px = 0.5714285714285714em */
   font-weight:normal;
   line-height:1.75em;                                       /* Base Font = 16px >>> 28px/16px = 1.75em */
}
/* =============================================================================
   Print, Email Page Styles
* ============================================================================= */
.print_page {
   font-size:0.5625em;                                           /* Base Font = 16px >>> 9px/16px = 0.5625em */
   margin:0 1.111111111111111em 5.333333333333333em 0;               /* Base Font = 9px >>> 0 10px 48px 0/9px = 0 1.111111111111111em 5.333333333333333em 0 */
   text-align:right;
}
.print_page a {
   color: #ffffff;
   text-decoration: underline;
   font-size: 1em;                                             /* Base Font = 9px >>> 9px/9px = 1em */
   font-family:Arial;
}
.print_img {
   cursor: pointer;
   margin-right:0.6666666666666667em;                                 /* Base Font = 9px >>> 6px/9px = 0.6666666666666667em */
   vertical-align: middle;
}
.email_img {
   cursor: pointer;
   margin:0 0.5555555555555556em 0.2222222222222222em 2.777777777777778em;     /* Base Font = 9px >>> 0 5px 2px 25px/9px = 0 0.5555555555555556em 0.2222222222222222em 2.777777777777778em */
   vertical-align: middle;
}
.print_page a:hover {
   color:#ffffff;
   text-decoration: none;
   font-size: 1em;                                             /* Base Font = 9px >>> 9px/9px = 1em */
}
/* =============================================================================
   Home Bucket Styles
* ============================================================================= */
.bucket_content{
   border-bottom:2px solid #000000;
   float:left;
   margin:0 auto 0.9375em auto;                              /* Base Font = 16px >>> 0 auto 15px auto/16px = 0 auto 0.9375em auto */
   padding:0 0 1.4375em 0;                                    /* Base Font = 16px >>> 0 0 23px 0/16px = 0 0 1.4375em 0 */
   text-align:center;
   width:100%;                                             /* 100% width of its container */
}
.bucket_content section{
   border:1px solid #abafab;
   color:#abafab;
   display:inline-block;
   font-family:Arial;
   font-size:0.875em;                                       /* Base Font = 16px >>> 14px/16px = 0.875em */
   font-weight:normal;
   line-height:1em;                                       /* Base Font = 14px >>> 14px/14px = 1em */
   margin:0 0.3571428571428571em 1.285714285714286em 0;            /* Base Font = 14px >>> 0 5px 18px 0/14px = 0 0.3571428571428571em 1.285714285714286em 0 */
   max-width:100%;                                          /* 100% max-width of its container */
}
.bucket_content section a{
   color:#abafab;
   text-decoration:none;
}
.bucket_content section a img{
   float:left;
}
.bucket_content section a span{
   background-color:#000000;
   clear:both;
   display:block;
   padding:0.4285714285714286em 0 0.4285714285714286em 0;            /* Base Font = 14px >>> 6px 0 6px 0/14px = 0.4285714285714286em 0 0.4285714285714286em 0 */
   text-align:center;
}
.bucket_content section:hover a{
   color:#fefefe;
   text-decoration:none;
}
.bucket_content > section:nth-child(3) a span {
   font-size: 0.8571428571428571em;                                       /* Base Font = 14px >>> 12px/14px = 0.8571428571428571em */
   padding: 0.5833333333333333em 0 0.5em 0;                        /* Base Font = 12px >>> 7px 0 6px 0/12px = 0.5833333333333333em 0 0.5em 0 */
}
.home_bottom_content{
   clear:both;
   color:#abafab;
   font-family:Arial;
   font-size:1em;                                          /* Base Font = 16px >>> 16px/16px = 1em */
   font-weight:normal;
   line-height:1.25em;                                       /* Base Font = 16px >>> 20px/16px = 1.25em */
   padding:0;
}
.home_bottom_content p{
   margin:0;
   padding:0 0.8125em 1.25em 0;                              /* Base Font = 16px >>> 0 13px 20px 0/16px = 0 0.8125em 1.25em 0 */
}
.home_bottom_content p.title{
   text-transform:uppercase;
}
.home_bottom_content p span{
   color:#ffffff;
}
.home_bottom_content .home_btn{
   color:#ffffff;
   font-family:Arial;
   font-size:1em;                                          /* Base Font = 16px >>> 16px/16px = 1em */
   font-weight:normal;
   line-height:1em;                                       /* Base Font = 16px >>> 16px/16px = 1em */
   margin:0 0 0.625em 0;                                    /* Base Font = 16px >>> 0 0 10px 0/16px = 0 0 0.625em 0 */
   padding:0;
}
.home_bottom_content .home_btn a{
   background: -moz-linear-gradient(top,  #02774b 0%, #006f45 13%, #025c39 29%, #004b2d 41%, #03472e 43%, #004028 48%, #002214 70%, #000b07 89%, #010302 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02774b), color-stop(13%,#006f45), color-stop(29%,#025c39), color-stop(41%,#004b2d), color-stop(43%,#03472e), color-stop(48%,#004028), color-stop(70%,#002214), color-stop(89%,#000b07), color-stop(100%,#010302)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #02774b 0%,#006f45 13%,#025c39 29%,#004b2d 41%,#03472e 43%,#004028 48%,#002214 70%,#000b07 89%,#010302 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #02774b 0%,#006f45 13%,#025c39 29%,#004b2d 41%,#03472e 43%,#004028 48%,#002214 70%,#000b07 89%,#010302 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #02774b 0%,#006f45 13%,#025c39 29%,#004b2d 41%,#03472e 43%,#004028 48%,#002214 70%,#000b07 89%,#010302 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #02774b 0%,#006f45 13%,#025c39 29%,#004b2d 41%,#03472e 43%,#004028 48%,#002214 70%,#000b07 89%,#010302 100%); /* W3C */   
   -pie-background:linear-gradient(top,  #02774b 0%, #006f45 13%, #025c39 29%, #004b2d 41%, #03472e 43%, #004028 48%, #002214 70%, #000b07 89%, #010302 100%);
   behavior: url(/pie/PIE.htc);
   position:relative;   
   border:1px solid #ffffff;
   color:#ffffff;
   display:block;
   max-width:18.5625em;                                    /* Base Font = 16px >>> 297px/16px = 18.5625em */
   padding:1.1875em 0 1.1875em 0;                              /* Base Font = 16px >>> 19px 0 19px 0/16px = 1.1875em 0 1.1875em 0 */
   text-align:center;
   text-transform:uppercase;
   text-decoration:none;
}
.home_bottom_content .home_btn a span{
   display:inline-block;
   line-height:0.75em;                                       /* Base Font = 16px >>> 12px/16px = 0.75em */
   vertical-align:top;
}
.home_bottom_content .home_btn a:hover{
   background: -moz-linear-gradient(top,  #a5986e 0%, #998b66 13%, #948862 14%, #8e815e 20%, #7c7153 30%, #686145 39%, #524b38 52%, #47402e 57%, #3e382a 63%, #181810 82%, #12110d 88%, #0c0b07 91%, #030303 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5986e), color-stop(13%,#998b66), color-stop(14%,#948862), color-stop(20%,#8e815e), color-stop(30%,#7c7153), color-stop(39%,#686145), color-stop(52%,#524b38), color-stop(57%,#47402e), color-stop(63%,#3e382a), color-stop(82%,#181810), color-stop(88%,#12110d), color-stop(91%,#0c0b07), color-stop(100%,#030303)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #a5986e 0%,#998b66 13%,#948862 14%,#8e815e 20%,#7c7153 30%,#686145 39%,#524b38 52%,#47402e 57%,#3e382a 63%,#181810 82%,#12110d 88%,#0c0b07 91%,#030303 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #a5986e 0%,#998b66 13%,#948862 14%,#8e815e 20%,#7c7153 30%,#686145 39%,#524b38 52%,#47402e 57%,#3e382a 63%,#181810 82%,#12110d 88%,#0c0b07 91%,#030303 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #a5986e 0%,#998b66 13%,#948862 14%,#8e815e 20%,#7c7153 30%,#686145 39%,#524b38 52%,#47402e 57%,#3e382a 63%,#181810 82%,#12110d 88%,#0c0b07 91%,#030303 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #a5986e 0%,#998b66 13%,#948862 14%,#8e815e 20%,#7c7153 30%,#686145 39%,#524b38 52%,#47402e 57%,#3e382a 63%,#181810 82%,#12110d 88%,#0c0b07 91%,#030303 100%); /* W3C */
   -pie-background:linear-gradient(top,  #a5986e 0%, #998b66 13%, #948862 14%, #8e815e 20%, #7c7153 30%, #686145 39%, #524b38 52%, #47402e 57%, #3e382a 63%, #181810 82%, #12110d 88%, #0c0b07 91%, #030303 100%);
   behavior: url(/pie/PIE.htc);
   position:relative;
}
/* =============================================================================
   Inner Page Styles
* ============================================================================= */
.click_thumb_txt{
   color: #acafab;
   font-size:0.75em;                                       /* BASE FONT = 16px  >>> 12px / 16px = 0.75em  */
}
.back_to_top a {
   color: #ffffff;
   font-size:0.5625em;                                       /* BASE FONT = 16px  >>> 9px / 16px = 0.5625em  */
}
.back_to_top a:hover {
   color: #ffffff;
   text-decoration:none;
}
.back_to_top, .txt_right {
   padding:0;
   text-align:right;
}
/* =============================================================================
   Pages Images style
* ============================================================================= */
.feature_img, .img_gallery > section {
   text-align:center;
   margin-bottom:1.625em;                                      /* BASE FONT = 16px  >>> 26px / 16px = 1.625em  */
}
#content_area .feature_img img, #content_area .img_gallery > section img {
   border: 1px solid #a4a8a4;
}
.enlarge_txt {
   text-align:center;
}
.btn_txt {
   text-align:center;
}
.iso_logos_about.ctr img:first-child {
   margin-left: 0;
}
.iso_logos_about.ctr > img {
   margin-left: 3%;                                         /*3% of content area */
}
.feature_img iframe {
   margin-bottom: 1em;                                       /* Base Font = 16px >>> 16px  / 16px= 1em*/
}
/* =============================================================================
   Button style
* ============================================================================= */
.rfq_btn a {
   font-size:1em;                                                   /* Base Font = 16px >>> 16px  / 16px= 1em*/
   color:#ffffff;
   text-decoration:none;
   line-height:1em;                                                 /* Base Font = 16px >>> 16px  / 16px= 1em*/
   display:inline-block;
   padding:1.25em 2.1875em 1.25em 2.1875em;                          /* BASE FONT = 16px  >>> 20px 35px 20px 35px / 16px = 1.25em 2.1875em 1.25em 2.1875em  */
   background-color: #017a4c;
   background:-webkit-linear-gradient(top, #0da268 0, #0a9762 30%, #037e4f 84%, #017a4d 100%);/* Chrome10+, Safari5.1+ */
   background:-moz-linear-gradient(top, #0da268 0, #0a9762 30%, #037e4f 84%, #017a4d 100%);/* firefox 3.6+ */
   background:-o-linear-gradient(top, #0da268 0, #0a9762 30%, #037e4f 84%, #017a4d 100%);/* opera 11.10+*/
   background:-ms-linear-gradient(top, #0da268 0, #0a9762 30%, #037e4f 84%, #017a4d 100%); /* IE10+ */
   background:linear-gradient(top, #0da268 0, #0a9762 30%, #037e4f 84%, #017a4d 100%);/* firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers*/
   -pie-background:linear-gradient(top, #0da268 0, #0a9762 30%, #037e4f 84%, #017a4d 100%);
   border:1px solid #ffffff;
   behavior: url(/pie/PIE.htc);
   position:relative;
}
.rfq_btn a:hover {
   text-decoration:underline;
}
.input_btn {
   border:0;
   font-size:1em;                                                   /* Base Font = 16px >>> 16px  / 16px= 1em*/
   color:#ffffff;
   text-decoration:none;
   line-height:1em;                                                   /* Base Font = 16px >>> 16px  / 16px= 1em*/
   display:inline-block;
   padding:0.6875em 1.4375em 0.8125em 1.4375em;                      /* BASE FONT = 16px  >>> 11px 23px 13px 23px / 16px = 0.6875em 1.4375em 0.8125em 1.4375em  */
   cursor: pointer;
   background-color: #017a4c;
   background:-webkit-linear-gradient(top, #0da268 0%, #0a9762 30%, #037e4f 84%, #017a4d 100%);/* Chrome10+, Safari5.1+ */
   background:-moz-linear-gradient(top, #0da268 0, #0a9762 30%, #037e4f 84%, #017a4d 100%);/* firefox 3.6+ */
   background:-o-linear-gradient(top, #0da268 0, #0a9762 30%, #037e4f 84%, #017a4d 100%);/* opera 11.10+*/
   background:-ms-linear-gradient(top, #0da268 0, #0a9762 30%, #037e4f 84%, #017a4d 100%); /* IE10+ */
   background:linear-gradient(top, #0da268 0, #0a9762 30%, #037e4f 84%, #017a4d 100%);/* firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers*/
   -pie-background:linear-gradient(top, #0da268 0, #0a9762 30%, #037e4f 84%, #017a4d 100%);
   border:1px solid #ffffff;
   behavior: url(/pie/PIE.htc);
   position:relative;
}
.input_btn:hover {
   text-decoration:underline;
}
/* =============================================================================
   Tabular data style
* ============================================================================= */
 .specification_tab {
   margin-bottom:1.25em;                                            /* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */
}
dl {
   display: table;
   margin: 0 0 0.125em 0;                                      /* BASE FONT = 16px  >>> 2px / 16px = 0.125em  */
   width: 100%;                                                  /* 100% width of tablur data*/
   border-spacing: 6px 2px;
}
dt {
   font-weight: bold;
   color:#ffffff;
   width:40%;                                                    /*40% width of tablur data*/
}
dd {
   width:59%;                                                   /*59% width of tablur data*/
}
dd, dt {
   padding: 0.786em;                                         /* BASE FONT = 14px  >>> 11px / 14px = 0.786em  */
   display: table-cell;
   border:1px solid #abafab;
   font-size:0.875em;                                       /* BASE FONT = 16px  >>> 14px / 16px = 0.875em  */
}
dd dl dd, dd dl dt{
   padding: 0.786em;                                         /* BASE FONT = 14px  >>> 11px / 14px = 0.786em  */
   display: table-cell;
   border:1px solid #abafab;
   font-size:1em;                                          /* BASE FONT = 14px  >>> 14px / 14px = 1em  */
}
dd dl {
   margin:0;
   background:none;
   display: table;
   width:100%;                                             /* 100% width of its container */
   font-size:1em;                                               /* Base Font = 14px >>>  14px / 14px= 1em*/
}
dd dl dt {
   padding: 0;
   border: none;
   font-weight: normal;
   display:block;
   color: #ffffff;
   width:100%;                                                 /* 100% width of tablur data*/
}
.specification_tab dl dd dl {
   background:none;
   border-spacing: 0;
}
dd dl dd {
   padding:0;
   display:block;
   margin:0;
   width:100%;                                                  /* 100% width of tablur data*/
   border:none;
}
#content_area dd dl dd ul, #content_area dd dl dt ul, #content_area dd ul {
   padding:0;
}
.add_info {
   font-style: italic;
   font-weight: bold;
   padding:0 0 1.25em 0;                                        /* BASE FONT = 16px  >>> 0 0 20px 0 / 16px = 0 0 1.25em 0  */
}
/* =============================================================================
   Sitemap Styles
* ============================================================================= */
#content_area ul.sitemap{
   margin:0;
   padding:0;
}
#content_area ul.sitemap li {
   background-image: none;
   padding: 0.3125em 0 0.3125em 0;                                  /* BASE FONT = 16px  >>> 5px 0 5px 0 / 16px = 0.3125em 0 0.3125em 0  */
}
#content_area ul.sitemap ul {
   padding: 0 0 0 1.25em;                                          /* Base Font = 12px  >>>  0 0 0 15px/12px =0 0 0 1.25em */
}
/* =============================================================================
   Contact Us page Styles
* ============================================================================= */
.contact_block address {
   text-align: center;
   margin: 0 auto 1.25em auto;                                         /* BASE FONT = 16px  >>> 0 auto 20px auto / 16px = 0 auto 1.25em auto  */
}
#gmap {
   margin: 0 auto;
   padding:1.25em 0 1.25em 0;                                    /* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */
   width:28.125em;                                             /* BASE FONT = 16px  >>> 450px / 16px = 28.125em  */
   max-width:100%;                                           /* 100% max-width of content area*/
   text-align:center;
   clear:both;
}
#gmap iframe {
   max-width:100%;                                         /* 100% max-width of content area*/
   border:1px solid #ffffff;
}
/* =============================================================================
   Request a Quote / Contact us Form
* ============================================================================= */
div.fieldwrapper {
   padding: 0;
   width: 100%;                                                       /* width:100%; of content area 100% */
}
div.fieldwrapper:before, div.fieldwrapper:after {
   content:"";
   display:block;
}
div.fieldwrapper:after {
   clear:both;
}
div.fieldwrapper label.styled {
   width: 100%;                                                        /* width 100% of div.fieldwrapper */
   margin: 0 auto;
}
div.fieldwrapper div.thefield {
   margin-bottom: 0.8333333333333333em;                               /* Base Font = 12px >>>  10px / 12px = 0.8333333333333333em */
   width: 100%;                                                       /* width 100% of div.fieldwrapper */
}
div.fieldwrapper div.thefield input[type="text"], div.fieldwrapper div.thefield select, .thefield textarea {
   border: 1px solid #CCCCCC;
   width: 99%;                                                       /* width:99%; of div.fieldwrapper  */
   padding:0;
   margin:0;
   font-size: 1em;                                                    /* Base Font = 12px >>>  12px / 12px = 1em */
   color: #000000;
}
div.fieldwrapper div.thefield select {
   width: 100%;                                                      /* width: 100%; Of div.fieldwrapper */
}
div.fieldwrapper div.thefield textarea {
   height: 6.25em;                                                  /* BASE FONT = 16px  >>> 100px / 16px = 6.25em  */
   width: 98%;                                                       /* width: 98%; Of div.fieldwrapper  */
   font-size:1em;                                               /* BASE FONT = 16px  >>> 16px / 16px = 1em  */
   font-family: arial;
}
.feedbackform {
   margin: 0 auto;
   width: 80%;                                                       /*80% width of content area */
}
.thefield div {
   float: left;
   width: 50%;                                                       /* width: 50%; Of div.fieldwrapper */
}
div.buttonsdiv {
   margin: 0.9375em 0 0 0;                                    /* BASE FONT = 16px  >>> 15px / 16px = 0.9375em  */
   text-align: center;
}
.form_error, .form_success {
   clear:both;
}
/* =============================================================================
   Footer Styles
* ============================================================================= */
.footer_container{
   background-color:#000000;
   float:left;
   width:100%;                                             /* 100% width of its container */
}
.footer_address{
   color:#abafab;
   font-family:Arial;
   font-size:0.75em;                                       /* Base Font = 16px >>> 12px/16px = 0.75em */
   font-weight:normal;
   line-height:1.25em;                                       /* Base Font = 12px >>> 15px/12px = 1.25em */
   margin:0;
   padding:3.333333333333333em 0.8333333333333333em 3.75em 0.8333333333333333em;   /* Base Font = 12px >>> 40px 10px 45px 10px/12px = 3.333333333333333em 0.8333333333333333em 3.75em 0.8333333333333333em */
   width:auto;
}
.footer_address_txt strong{
   color:#02ac6b;
   display:block;
   font-family:"Times New Roman", Times, serif;
   font-size:1.333333333333333em;                              /* Base Font = 12px >>> 16px/12px = 1.333333333333333em */
   font-style:italic;
   line-height:1.1875em;                                    /* Base Font = 16px >>> 19px/16px = 1.1875em */
   padding:0 0 1.25em 0;                                    /* Base Font = 16px >>> 0 0 20px 0/16px = 0 0 1.25em 0 */
}
.footer_address a{
   color:#abafab;
   text-decoration:underline;
}
.footer_address a:hover{
   color:#abafab;
   text-decoration:none;
}
.footer_links{
   margin:1em 0 3.333333333333333em 0;                           /* Base Font = 12px >>> 12px 0 40px/12px = 1em 0 3.333333333333333em 0 */
}
.footer_right_icons{
   text-align:center;
   width:100%;                                             /* 100% width of its container */
}
.footer_right_icons img{
   display:inline-block;
   margin:0 0 0 0.1666666666666667em;                           /* Base Font = 12px >>> 0 0 0 2px/12px = 0 0 0 0.1666666666666667em */
   width:5.833333333333333em;                                 /* Base Font = 12px >>> 70px/12px = 5.833333333333333em */
}
.footer_right_icons img:first-child{
   width:9.166666666666667em;                                 /* Base Font = 12px >>> 110px/12px = 9.166666666666667em */
}
.thomas_container{
   background-color:#333131;
   clear:both;
   width:100%;                                             /* 100% width of its container */
}
.thomas_info{
   color:#abafab;
   font-family:Arial;
   font-size:0.75em;                                       /* Base Font = 16px >>> 12px/16px = 0.75em */
   font-weight:normal;
   line-height:1.25em;                                       /* Base Font = 12px >>> 15px/12px = 1.25em */
   margin:0;
   padding:1.25em 0 0.8333333333333333em 0;                     /* Base Font = 12px >>> 15px 0 10px 0/12px = 1.25em 0 0.8333333333333333em 0 */
}
.thomas_info span{
   display:block;
   padding:0.4166666666666667em 0 0.4166666666666667em 0;            /* Base Font = 12px >>> 5px 0 5px 0/12px = 0.4166666666666667em 0 0.4166666666666667em 0 */
   text-align:center;
}
.thomas_info a{
   color:#abafab;
   text-decoration:underline;
}
.thomas_info a:hover{
   color:#abafab;
   text-decoration:none;
}






/* =============================================================================
        MEDIUM SCREEN STYLES [Smart Phone(Landscap)/Tablet(Potrait)] START
*  ============================================================================= */
/******** 480px/16px = 30em*/
@media only screen and (min-width: 30em) {
/*  =================== Inner Pages style =================== */
.left_content{
   float: left;
   width: 57%;                                                  /*57% width of content area*/
}
.feature_img {
   float: right;
   width: 42%;                                                  /*42% width of content area*/
}
.img_gallery > section:first-child {
   margin-left: 0;
}
.img_gallery > section {
   float: left;
   margin-left:9.166666666666667%;                               /*9.166666666666667% width of content area*/
   max-width: 27%;                                               /*27% max-width of content area*/
}
.enlarge_txt {
   text-align:left;
}
.btn_txt {
   text-align:right;
   clear: both;
}
/*  =================== Tabular data style =================== */
 dd dl dt, dd dl dd {
   display:table-cell;
   width:50%;                                                    /*50% width of content area*/
   border:none;
}
.divide_list ul {
   float:left;
   width:50%;                                                   /*50% width of content area*/
}
/*  =================== Contact Us page Styles =================== */
.contact_block address.contact_address {
   float: left;
   text-align: left;
}
.contact_block address.contact_details {
   float: right;
   text-align: right;
}
/*  =================== Request a Quote / Contact us Form =================== */
div.fieldwrapper label.styled {
   float: left;
   margin: 0 0.9375em 0 0;                                            /* BASE FONT = 16px  >>> 15px / 16px = 0.9375em  */
   width: 40%;                                                       /* width 40% of div.fieldwrapper */
}
.feedbackform {
   width: 80%;                                                      /*80% width of content area*/
}
div.fieldwrapper div.thefield {
   float: left;
   margin-bottom: 0.8125em;                                           /* BASE FONT = 16px  >>> 13px / 16px = 0.8125em  */
}
.iso_logos_about img:first-child {
   margin-left: 0;
}
.iso_logos_about > img {
   margin-left: 3%;                                        /*3% margin of content area*/
}
}


/* =============================================================================
        MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 640px/16px = 40em*/
@media only screen and (min-width: 40em) {
/*  =================== Top Nav Styles =================== */
.menu_trigger{
   display:none;
}
#top_nav{
   display:block;                                          /* 100% width of its container */
   text-align:right;
}
#top_nav ul{
   width:auto;
}
#top_nav ul > li{
   background:url(/images/top_nav_dropdown_bg.jpg) no-repeat right 0.3125em;   /* Base Font = 16px >>> 5px/16px = 0.3125em */
   display:inline;
   margin:0 0 0 0.9375em;                                 /* Base Font = 16px >>> 0 0 0 15px/16px = 0 0 0 0.9375em */
   padding:0 0.875em 0 0;                                 /* Base Font = 16px >>> 0 14px 0 0/16px = 0 0.875em 0 0 */
   position:relative;
}
#top_nav ul > li.has_child{
   padding:0 0.625em 0 0;                                 /* Base Font = 16px >>> 0 10px 0 0/16px = 0 0.625em 0 0 */
}
#top_nav ul li > a, #top_nav ul li.has_child > a{
   background:none;
   padding:0;
}
#top_nav ul li.has_child ul{
   background-color:#333131;
   font-size:0.875em;                                       /* Base Font = 16px >>> 14px/16px = 0.875em */
   position:absolute;
   left:0;
   margin:0;
   padding:0.7142857142857143em 0.7142857142857143em 0.7142857142857143em 0.7142857142857143em;   /* Base Font = 14px >>> 10px 10px 10px 10px/14px = 0.7142857142857143em 0.7142857142857143em 0.7142857142857143em 0.7142857142857143em */
   text-align:left;
   top:1.285714285714286em;                                 /* Base Font = 14px >>> 18px/14px = 1.285714285714286em */
   width:10.71428571428571em;                                 /* Base Font = 14px >>> 150px/14px = 10.71428571428571em */
}
#top_nav ul li.has_child ul li{
   background:none;
   float:left;
   margin:0;
}
#top_nav ul li.has_child ul li a{
   background:none;
   display:block;
   padding:0.3571428571428571em 0 0.3571428571428571em 0;            /* Base Font = 14px >>> 5px 0 5px 0/14px = 0.3571428571428571em 0 0.3571428571428571em 0 */
}
/*  =================== Logo Styles =================== */
.logo{
   float:left;
   padding:1.1875em 0.75em 0.625em 1em;                        /* Base Font = 16px >>> 19px 12px 10px 16px/16px = 1.1875em 0.75em 0.625em 1em */
}
.logo .logo_ico{
   float:left;
   margin:0.3125em 0.5625em 0 0;                              /* Base Font = 16px >>> 5px 9px 0 0/16px = 0.3125em 0.5625em 0 0 */
   max-width:11.1875em;                                    /* Base Font = 16px >>> 179px/16px = 11.1875em */
}
.logo .logo_text{
   float:left;
   margin:2.5em 0 0 0;                                       /* Base Font = 16px >>> 40px 0 0 0/16px = 2.5em 0 0 0 */
   max-width:26.25em;                                       /* Base Font = 16px >>> 420px/16px = 26.25em */
}
/*  =================== Utility Nav Styles =================== */
#utility_nav{
   padding:1.0625em 0.9375em 2.125em 0;                        /* Base Font = 16px >>> 17px 15px 34px 0/16px = 1.0625em 0.9375em 2.125em 0 */
   text-align:right;
   width:auto;
}
/*  =================== Content Area Styles =================== */
#content_area{
   padding:0.625em 5.625em 1.25em 5.625em;                        /* Base Font = 16px >>> 10px 90px 20px 90px/16px = 0.625em 5.625em 1.25em 5.625em */
}
#home_content_area{
   padding:0 5.625em 2.5em 5.625em;                           /* Base Font = 16px >>> 0 90px 40px 90px/16px = 0 5.625em 2.5em 5.625em */
}
/*  =================== Heading Styles =================== */
#home_content_area h1{
   color:#acafab;
   font-family:Arial;
   font-size:2em;                                          /* Base Font = 16px >>> 32px/16px = 2em */
   font-weight:normal;
   line-height:1.21875em;                                    /* Base Font = 32px >>> 39px/32px = 1.21875em */
   margin:0;
   padding:0 0 0.46875em 0;                                 /* Base Font = 32px >>> 0 0 15px 0/32px = 0 0 0.46875em 0 */
}
#home_content_area h1 span{
   font-size:0.5em;                                       /* Base Font = 32px >>> 16px/32px = 0.5em */
   font-weight:normal;
   line-height:2em;                                       /* Base Font = 16px >>> 32px/16px = 2em */
}
/*  =================== Home Bucket Styles =================== */
.bucket_content{
   margin:0 auto 0.5em auto;                                 /* Base Font = 16px >>> 0 auto 8px auto/16px = 0 auto 0.5em auto */
   padding:0 0 1.4375em 0;                                    /* Base Font = 16px >>> 0 0 23px 0/16px = 0 0 1.4375em 0 */
}
.bucket_content section{
   margin:0 0.5em 1.285714285714286em 0;                        /* Base Font = 14px >>> 0 7px 18px 0/14px = 0 0.5em 1.285714285714286em 0 */
}
/*  =================== Footer Styles =================== */
.footer_address{
   padding:3.333333333333333em 7.5em 1em 7.5em;                  /* Base Font = 12px >>> 40px 90px 12px 90px/12px = 3.333333333333333em 7.5em 1em 7.5em */
}
.footer_left_address{
   display:inline-block;
}
.footer_right_icons{
   float:right;
   margin:2.25em 0 0 2.083333333333333em;                        /* Base Font = 12px >>> 27px 0 0 25px/12px = 2.25em 0 0 2.083333333333333em */
   width:auto;
}
.thomas_info{
   padding:0.8333333333333333em 0.8333333333333333em 0.8333333333333333em 0.8333333333333333em;   /* Base Font = 12px >>> 10px 10px 10px 10px/12px = 0.8333333333333333em 0.8333333333333333em 0.8333333333333333em 0.8333333333333333em */
}
.thomas_info span{
   float:left;
   text-align:left;
}
.thomas_info span.site_creation{
   float:right;
   text-align:right;
}
}



/* =============================================================================
        MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 801px/16px = 50.0625em*/
@media only screen and (min-width: 50.0625em) {
/*  =================== Top Nav Styles =================== */
#top_nav{
   float:none;
   margin:0 auto;
   padding:0;
}
#top_nav ul{
   float:right;
   padding:0.75em 0.625em 0.625em 0.625em;                        /* Base Font = 16px >>> 12px 10px 10px 10px/16px = 0.75em 0.625em 0.625em 0.625em */
}
/*  =================== Banner Styles =================== */
.banner, .home_banner{
   margin:2em 0 0 0;                                       /* Base Font = 16px >>> 32px 0 0 0/16px = 2em 0 0 0 */
}
/*  =================== Inner Pages style =================== */
div.fieldwrapper div.thefield {
   float: left;
   margin-bottom: 0.8125em;                                     /* BASE FONT = 16px  >>> 13px / 16px = 0.8125em  */
   width: 55%;                                                 /* width 55% of div.fieldwrapper */
}
.feature_img {
   width: 27%;                                             /*27% width of content area*/
}
.left_content{
   width: 71%;                                             /*71% width of content area*/
}
}



/* =============================================================================
         LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 960px/16px = 60em*/
@media only screen and (min-width: 60em) {
/*  =================== Header Styles =================== */
header{
   background:url(/images/header_inner_bg.jpg) repeat-x left bottom #000000;
}
#home_wrapper header{
   background:url(/images/header_home_bg.jpg) repeat-x left bottom #000000;
}
/*  =================== Top Nav Styles =================== */
#top_nav{
   width:60em;                                             /* Base Font = 16px >>> 960px/16px = 60em */
}
#top_nav ul{
   width:31.25em;                                          /* Base Font = 16px >>> 500px/16px = 31.25em */
}
#top_nav ul > li{
   margin:0 0 0 3%;                                       /* margin:0 0 0 15px; */   /* 15px/500px*100 = 3% */
   padding:0 2.8% 0 0;                                       /* padding:0 14px 0 0; */   /* 14px/500px*100 = 2.8% */
}
#top_nav ul > li.has_child{
   padding:0 2.67379679144385 0 0;                           /* padding:0 10px 0 0; */   /* 10px/374px*100 = 2.67379679144385% */
}
/*  =================== Logo Styles =================== */
.logo_container{
   margin:0 auto;
   width:60em;                                             /* Base Font = 16px >>> 960px/16px = 60em */
}
.logo{
   padding:1.125em 0.75em 0 0.75em;                           /* Base Font = 16px >>> 18px 12px 0 12px/16px = 1.125em 0.75em 0 0.75em */
}
/*  =================== Utility Nav Styles =================== */
#utility_nav{
   clear:none;
   float:right;
   padding:4.9375em 0.625em 0 0;                              /* Base Font = 16px >>> 79px 10px 0 0/16px = 4.9375em 0.625em 0 0 */
}
/*  =================== Banner Styles =================== */
.banner, .home_banner{
   margin:2.625em 0 0 0;                                    /* Base Font = 16px >>> 42px 0 0 0/16px = 2.625em 0 0 0 */
}
/*  =================== Main Styles =================== */
#main{
   margin:0 auto;
   width:60em;                                             /* Base Font = 16px >>> 960px/16px = 60em */
}
/*  =================== Content Area Styles =================== */
#content_area{
   padding:1.875em 0.75em 1.25em 0.75em;                        /* Base Font = 16px >>> 30px 12px 20px 12px/16px = 1.875em 0.75em 1.25em 0.75em */
}
#home_content_area{
   float:left;
   padding:0 0.4375em 3.4375em 0.625em;                        /* Base Font = 16px >>> 0 7px 55px 10px/16px = 0 0.4375em 3.4375em 0.625em */
}
/*  =================== Heading Styles =================== */
#home_content_area h1{
   padding:0 0 0.53125em 0;                                 /* Base Font = 32px >>> 0 0 17px 0/32px = 0 0 0.53125em 0 */
   text-align:center;
}
#home_content_area h1 span{
   font-size:0.5em;                                       /* Base Font = 32px >>> 16px/32px = 0.5em */
   font-weight:normal;
   line-height:1.75em;                                       /* Base Font = 16px >>> 28px/16px = 1.75em */
}
/*  =================== Home Bucket Styles =================== */
.bucket_content{
   padding:0 0 1.25em 0;                                    /* Base Font = 16px >>> 0 0 20px 0/16px = 0 0 1.25em 0 */
}
.bucket_content section{
   float:left;
   line-height:0.8571428571428571em;                           /* Base Font = 14px >>> 12px/14px = 0.8571428571428571em */
   margin:0 0 1.285714285714286em 1.071428571428571em;               /* Base Font = 14px >>> 0 0 18px 15px/14px = 0 0 1.285714285714286em 1.071428571428571em */
}
.bucket_content section a span{
   padding:0.4285714285714286em 0 0.5em 0;                        /* Base Font = 14px >>> 6px 0 7px 0/14px = 0.4285714285714286em 0 0.5em 0 */
}

.bucket_content > section:nth-child(3) a span {
   font-size: 0.8571428571428571em;                                       /* Base Font = 14px >>> 12px/14px = 0.8571428571428571em */
   padding: 0.5833333333333333em 0 0.5em 0;                        /* Base Font = 12px >>> 7px 0 6px 0/12px = 0.5833333333333333em 0 0.5em 0 */
}

.bucket_content section:first-child{
   margin-left:0;
}
.home_bottom_content p{
   padding:0 0.8125em 1.5625em 0;                              /* Base Font = 16px >>> 0 13px 25px 0/16px = 0 0.8125em 1.5625em 0 */
}
.home_bottom_content p.title{
   padding-bottom:1.25em;                                    /* Base Font = 16px >>> 20px/16px = 1.25em */
}
.home_bottom_content .learn_more{
   float:left;
   width:47%;                                             /* 47% width of its container */
}
.home_bottom_content .contact_us{
   float:right;
   width:48%;                                             /* 48% width of its container */
}
.home_bottom_content .contact_us p{
   padding-bottom:1.25em;                                    /* Base Font = 16px >>> 20px/16px = 1.25em */
}
.home_bottom_content .home_btn{
   clear:both;
   float:left;
   margin:0;
   padding:0;
   width:52%;                                             /* 52% width of its container */
}
.home_bottom_content .home_btn.contact_us{
   clear:none;
   float:left;
   width:auto;
}
.home_bottom_content .home_btn a{
   min-width:18.5625em;                                    /* Base Font = 16px >>> 297px/16px = 18.5625em */
}
/*  =================== Footer Styles =================== */
.footer_address{
   display:block;
   margin:0 auto;
   padding:2.916666666666667em 0 5.416666666666667em 0;            /* Base Font = 12px >>> 35px 0 65px 0/12px = 2.916666666666667em 0 5.416666666666667em 0 */
   width:80em;                                             /* Base Font = 12px >>> 960px/12px = 80em */
}
.footer_left_address{
   margin:0 0 0 1em;                                       /* Base Font = 12px >>> 0 0 0 12px/12px = 0 0 0 1em */
}
.footer_address_txt strong{
   padding:0 0 0.8125em 0;                                    /* Base Font = 16px >>> 0 0 13px 0/16px = 0 0 0.8125em 0 */
}
.footer_links{
   margin:2.333333333333333em 0 0 0;                           /* Base Font = 12px >>> 28px 0 0 0/12px = 2.333333333333333em 0 0 0 */
}
.footer_right_icons{
   margin:2.916666666666667em 0.75em 0 2.083333333333333em;         /* Base Font = 12px >>> 35px 9px 0 25px/12px = 2.916666666666667em 0.75em 0 2.083333333333333em */
}
.footer_right_icons img{
   max-width:7.083333333333333em;                              /* Base Font = 12px >>> 85px/12px = 7.083333333333333em */
   width:auto;
}
.footer_right_icons img:first-child{
   max-width:11.08333333333333em;                              /* Base Font = 12px >>> 133px/12px = 11.08333333333333em */
   width:auto;
}
.thomas_info{
   margin:0 auto;
   padding:1em 0 0 0;                                       /* Base Font = 12px >>> 12px 0 0 0/12px = 1em 0 0 0 */
   width:80em;                                             /* Base Font = 12px >>> 960px/12px = 80em */
}
.thomas_info span{
   display:inline-block;
   float:none;
   margin:0 0.8333333333333333em 0 1.083333333333333em;            /* Base Font = 12px >>> 0 10px 0 13px/12px = 0 0.8333333333333333em 0 1.083333333333333em */
}
}