/*===== 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;
}
address {
   font-style:normal;    /* To Neutralize Default Italic Style To Normal Style */
}
form {
   margin: 0;
   padding: 0;
}
a {
   color: #333333;
   text-decoration: underline;
}
a:hover {
   color:#039aff;
   text-decoration: none;
}
/*===== Common Styles =====*/
.clr_both {
   clear: both;
}
.fleft {
   float: left;
   text-align: left;
}
.fright {
   float: right;
   text-align: right;
}
.overflow {
   overflow: hidden;
}
.txt_center{
   text-align:center;
}
/*===== Body Styles =====*/
body{
   background-color:#9FC8E7;
   margin:0;
   padding:0;
   font-size:100%;      /* Base Font = 16px >>> 16px = 1em = 100% */
}
/*===== Wrapper Styles =====*/
#wrapper{
   background-color:#ffffff;
   border:1px solid #000000;
   margin:0.625em auto 0 auto;      /* Base Font = 16px >>> 10px auto 0 auto/16px = 0.625em auto 0 auto */
   width:60em;      /* Base Font = 16px >>> 960px/16px = 60em */
}
/*===== Header Styles =====*/
header{
    height:11em;      /* Base Font = 16px >>> 176px/16px = 11em */
}
.ie10 header{  
   height:10.9375em;      /* Base Font = 16px >>> 175px/16px = 10.9375em */     /* IE10-only styles go here */  
}
:root header{
   height:10.9375em \0/IE9;      /* Base Font = 16px >>> 175px/16px = 10.9375em */      /* IE9 */
} 
/*===== Utility Nav Styles =====*/
#utility_nav {
    background-color: #000000;
    padding-bottom: 0.1818181818181818em;      /* Base Font = 11px >>> 2px/11px = 0.1818181818181818em */
    padding-top: 0.0909090909090909em;      /* Base Font = 11px >>> 1px/11px = 0.0909090909090909em */
    text-align: right;
}
/*===== Top Nav Styles =====*/
#top_nav{
    background: url(../image/topnav_bg.jpg) no-repeat left top;
   height:1.833333333333333em;      /* Base Font = 12px >>> 22px/12px = 1.833333333333333em */
   line-height:1.833333333333333em;      /* Base Font = 12px >>> 22px/12px = 1.833333333333333em */
    padding:0;
    text-align: right;
    white-space: nowrap;
    width: 80em;      /* Base Font = 12px >>> 960px/12px = 80em */
}
#top_nav.top_nav_links a.last{
   margin-right:1.25em;      /* Base Font = 12px >>> 15px/12px = 1.25em */
}
/*===== Main Styles =====*/
#main {
   background:url(../image/main_bg.jpg) repeat-y left top;
    width: 60em;      /* Base Font = 16px >>> 960px/16px = 60em */
}
/*===== Left Nav Styles =====*/
#left_nav {
    background-color: #616266;
   padding-bottom:5em;      /* Base Font = 16px >>> 80px/16px = 5em */
    padding-top: 0.5625em;      /* Base Font = 16px >>> 9px/16px = 0.5625em */
    width: 10em;      /* Base Font = 16px >>> 160px/16px = 10em */
}
/*===== Content Area Styles =====*/
.content_area_container{
   width:50em;      /* Base Font = 16px >>> 800px/16px = 50em */
}
#content_area {
   color: #333333;
    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 */
    padding: 2.5em 2.5em 0 2.5em;      /* Base Font = 12px >>> 30px 30px 0 30px/12px = 2.5em 2.5em 0 2.5em */
}
#home_content_area {
   color: #333333;
    font-family: Arial;
    font-size: 0.75em;      /* Base Font = 16px >>> 12px/16px = 0.75em */
   font-weight:normal;
    padding: 2.5em 2.5em 0 2.5em;      /* Base Font = 12px >>> 30px 30px 0 30px/12px = 2.5em 2.5em 0 2.5em */
}
#content_area p{
   margin:0;
   padding:0 0 0.8333333333333333em 0;      /* Base Font = 12px >>> 0 0 10px 0/12px = 0 0 0.8333333333333333em 0 */
}
/*===== Heading Styles =====*/
h1 {  
   color: #222222;  
   font-family:Arial;
   font-size: 1.5em;        /* Base Font = 12px >>> 18px/12px = 1.5em */
   font-weight: bold;
   margin:0;
   padding:0 0 0.5555555555555556em 0;      /* Base Font = 18px >>> 0 0 10px 0/18px = 0 0 0.5555555555555556em 0 */
}
h2 {  
   color: #1277bb;  
   font-family:Arial;
   font-size: 1.166666666666667em;        /* Base Font = 12px >>> 14px/12px = 1.166666666666667em */
   font-weight: bold;
   margin:0;
   padding:0 0 0.7142857142857143em 0;      /* Base Font = 14px >>> 0 0 10px 0/14px = 0 0 0.7142857142857143em 0 */  
}  
h3 {  
   color: #000001;  
   font-family:Arial;
   font-size: 1.083333333333333em;       /* Base Font = 12px >>> 13px/12px = 1.083333333333333em */ 
   font-weight: bold; 
   margin:0;
   padding:0 0 0.7692307692307692em 0;       /* Base Font = 13px >>> 0 0 10px 0/13px = 0 0 0.7692307692307692em 0 */
}
/*===== Home Bucket Styles =====*/
.home_bucket section{
    background-image: url(../image/bucket_bg.jpg);
    background-position: left top;
    background-repeat: repeat-x;
   color: #333333;
    font-family: Arial;
    font-size: 1.090909090909091em;         /* Base Font = 12px >>> 12px/12px = 1em */
   margin-right:0.25em;      /* Base Font = 12px >>> 3px/12px = 0.25em */
    padding: 0.5em 0.3333333333333333em 1.083333333333333em 0.3333333333333333em;      /* Base Font = 12px >>> 6px 4px 13px 4px/12px = 0.5em 0.3333333333333333em 1.083333333333333em 0.3333333333333333em */
    text-align: center;
    vertical-align: top;
    width: 11.33333333333333em;      /* Base Font = 12px >>> 136px/12px = 11.33333333333333em */
}
.home_bucket section.last{
   margin:0;
}
.home_bucket_content, .home_bucket_content1{
   margin:0;
   padding:0;
}
.home_bucket_content1 li{
    background: url(../image/bucket_content_bullet.jpg) no-repeat left 5px;
    color: #000000;
    display: block;
    font-family: Arial;
    font-size: 0.9166666666666667em;      /* Base Font = 12px >>> 11px/12px = 0.9166666666666667em */
    font-style: normal;
    font-weight: normal;
    line-height: 1.181818181818182em;      /* Base Font = 11px >>> 13px/11px = 1.181818181818182em */
   list-style:none;
    margin-left: 0.1818181818181818em;      /* Base Font = 11px >>> 2px/11px = 0.1818181818181818em */
    padding-bottom: 0.7272727272727273em;      /* Base Font = 11px >>> 8px/11px = 0.7272727272727273em */
    padding-left: 0.8181818181818182em;      /* Base Font = 11px >>> 9px/11px = 0.8181818181818182em */
    text-align: left;
    text-decoration: none;
   letter-spacing:-.25px\9\0;/*Only works in IE9*/
}
.ie10 .home_bucket_content1 li{
   letter-spacing:-.25px; /* Only works in IE10 */
}
.home_bucket_content li{
    background: url(../image/bucket_content_bullet.jpg) no-repeat left 5px;
    color: #000001;
    display: block;
    font-family: Arial;
    font-size: 0.9166666666666667em;      /* Base Font = 12px >>> 11px/12px = 0.9166666666666667em */
    font-style: normal;
    font-weight: normal;
    line-height: 1.181818181818182em;      /* Base Font = 11px >>> 13px/11px = 1.181818181818182em */
   list-style:none;
    margin-left: 0.1818181818181818em;      /* Base Font = 11px >>> 2px/11px = 0.1818181818181818em */
    padding-bottom: 0.4545454545454545em;      /* Base Font = 11px >>> 5px/11px = 0.4545454545454545em */
    padding-left: 0.8181818181818182em;      /* Base Font = 11px >>> 9px/11px = 0.8181818181818182em */
    text-align: left;
    text-decoration: none;
   letter-spacing:-.25px\9\0;/*Only works in IE9*/
}
.ie10 .home_bucket_content li{
   letter-spacing:-.25px; /* Only works in IE10 */
}
.home_bucket .home_bucket_service{
   width:12em;      /* Base Font = 12px >>> 144px/12px = 12em */
}
/*===== Print, Email Page Styles =====*/
.print_page {
   font-size: 0.625em;                   /* Base Font = 16px >>> 10px/16px = 0.625em */
   margin:1em 3em 0 0;      /* Base Font = 10px >>> 10px 30px 0 0/10px = 1em 3em 0 0 */
}
.print_page a {
   color: #333333;
   text-decoration: underline;
   font-size: 1em;               /* Base Font = 10px >>> 10px/10px = 1em */
   font-family:arial;
}
.print_page a:hover {
   text-decoration: none;
   font-size: 1em;            /* Base Font = 10px >>> 10px/10px = 1em */
}
.print_img {
   cursor: pointer;
   margin-right: 0.6em;                  /* Base Font = 10px >>> 6px/10px = 0.375em */
   vertical-align: middle;
}
.email_img {
   cursor: pointer;
   margin: 0 0.5em 0.2em 1.5em;     /* Base Font = 10px >>> 0 5px 2px 15px/10px = 0 0.5em 0.2em 1.5em */
   vertical-align: middle;
}
/*===== Footer Styles =====*/
footer {
    background: url(../image/main_bottom.jpg) no-repeat left top;
    padding: 1.5em 0 0 0;      /* Base Font = 16px >>> 24px 0 0 0/16px = 1.5em 0 0 0 */
}
/*===== Inner Page Styles =====*/
#content_area .click_thumb_txt.about_txt{
   text-align:right;
}
.img_container.img_container_about{
   margin:0 0 1.25em 1.25em;      /* Base Font = 12px >>> 0 0 15px 15px/12px = 0 0 1.25em 1.25em */
}
.inner_tab.specs dt{
   font-weight:normal;
   margin:0;
   width:48%;
}
.inner_tab.specs dd{
   font-weight:normal;
   margin:0;
   width:45%;
}
.btn_bg a {
    background: url("../image/rfq_button_repeat.jpg") repeat-x scroll 0 0 transparent;
    border-color: #B6B6B6 #C2C3C5 #C2C3C5;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font-size: 1em;
    font-weight: bold;
    padding: 0.583333em;
    text-decoration: none;
}
.btn_bg a:hover{
    text-decoration:underline;
}
input.btn_bg{
   background-color:#7B7E8F;
   border:none;
   color:#000000;
   cursor:pointer;
   font-weight:bold;
   text-decoration:none;
}
input.btn_bg:hover{
   text-decoration:underline;
}
#content_area .click_thumb_txt {
   text-align:left;
   font-size:0.9166666666666667em;          /* Base Font = 11px >>> 11px /12px = 0.9166666666666667em */
   padding-top:0;                     
   clear:both;
}
#content_area .action {
    clear: both;
    float: right;
    font-size:0.9166666666666667em;          /* Base Font = 11px >>> 11px /12px = 0.9166666666666667em */
    padding: 0.9090909090909091em  0 0.9090909090909091em 0;    /* Base Font = 11px >>> 10px 0 10px 0/11px = 0.9090909090909091em  0 0.9090909090909091em 0 */
}
#content_area p.add {
    margin-left: 0.6666666666666667em;                     /* Base Font = 12px >>> 8px /12px =0.6666666666666667em */
   font-weight: bold;
}
.img_container{
   margin-bottom: 1.25em;               /* Base Font = 12px >>> 15px /12px = 1.25em */
   margin-right:5.583333333333333em;                /* Base Font = 12px >>> 67px /12px = 5.583333333333333em */
}
.last{
   margin-right:0;                
}
.inner_tab dl {
   display: table;
   overflow:hidden;
   font-size: 1em;       /* Base Font = 12px >>> 12px/12px = 1em*/
   width:100%;
   margin:0;
   border-spacing: 0.666667em 0.25em;    /* Base Font = 12px >>> 0 8px 3px 0/12px = 0 0.6666666666666667em 0.25em 0 */
}
.inner_tab dt, .inner_tab dd {
   display: table-cell;
   padding: 0.83333em;       /* Base Font = 12px >>> 10px/12px = 0.8333333333333333em  */
   border: 1px solid #bdbdbd;
}
.inner_tab dt {
   font-weight: bold;
   width: 35%;         /* 35% of dl*/
   font-weight:bold;
}
.inner_tab dd {
   font-weight: normal;
}
.inner_tab dd dl {
   border-spacing: 0;
}
.inner_tab dd dl dd {
   border: 0;
   padding: 0 1.25em 0 0; /* Base Font = 12px >>> 0 15px 0 0/12px = 0 1.25em 0 0 */
   width: 50%;
   background: none;
}
.inner_tab dd dl dt {
   border: medium none;
   font-weight: normal;
   padding: 0 1.25em 0 0;   /* Base Font = 12px >>> 0 15px 0 0/12px = 0 1.25em 0 0 */
   width: 50%;
   background:none;
}
.inner_tab dd dl dd:nth-child(2) {
   padding-right: 0;
}
.inner_tab ul {
    padding:0 0 0 0;
}
.inner_tab li {
    list-style-type: none;
}
.img_container .pop-up img {
    border: 1px solid #C0C0C0;
}
#content_area ul {
    margin: 0;
}
.certification_img {
   margin-right:0.416667em; /* Base Font = 12px >>> 5px/12px = 0.4166666666666667em */
   vertical-align:middle;
}
#content_area .clr_both.adobe_reader{
   margin-top:0.8333333333333333em; /* Base Font = 12px >>> 10px /12px =0.8333333333333333em */
}
#content_area .more_imgs {
    clear: both;
    padding-top: 0.25em;         /* Base Font = 12px >>> 3px /12px =0.25em */
    text-align: center;
}
.more_imgs a {
    color: #039AFF;
    font-weight: bold;
}
.more_imgs a:hover {
    color: #333333;
    text-decoration: none;
}
.link_h2_nomstyl a {
    color: #1277BB;
    text-decoration: none;
}
/* ========= Request Information Form ========= */
div.fieldwrapper {
   overflow: hidden;
   padding: 0;
   width: 100%; /* width:100%; of content area 100% */
   font-size:1em;            /* Base Font = 12px >>> 12px/12px = 1em */
}
div.fieldwrapper label.styled {
   float: left;
   margin: 0 1.25em 0 0;     /* Base Font = 12px >>> 0 15px 0 0/12px = 0 1.25em 0 0 */
   width: 45.454545%;             /* 250px*100/550px = 45.454545% */
}
#content_area div.fieldwrapper div.thefield {
   float: left;
   font-size:1em;               /* Base Font = 12px >>> 12px/12px = 1em */
   margin-bottom: 0.833333em;    /* Base Font = 12px >>> 10px/12px = 0.8333333333333333em */
   width: 51.81818181818182%;          /* 285px*100/550px = 51.81818181818182% */
}
div.fieldwrapper div.thefield input[type=text], div.fieldwrapper div.thefield select, .thefield textarea {
   border: 1px solid #bdbdbd;  
   width: 99%;             /* width:99%; of div.fieldwrapper div.thefield:45.454545%  */
   padding:0;
   margin:0;
   font-size:1em;      /* Base Font = 12px >>> 12px/12px = 1em */
}
.fieldwrapper input[type=text] {
   border: 1px solid #bdbdbd;  /* Base Font = 12px >>> 1px / 12px = 0.0833333333333333em */
   padding:0;
   margin:0;
}
div.fieldwrapper div.thefield select {
   width: 100%;   /* width: 100%; Of div.fieldwrapper div.thefield:45.454545% */
}
select option {
   width: 12.6667em; /* Base Font = 12px >>> 150px / 12px = 12.66666666666667em */
}
div.fieldwrapper div.thefield textarea {
   font-family:arial;
   height: 8.33333em; /* Base Font = 12px >>> height:150px | 100px / 12px = 8.333333333333333em */
   width: 98%; /* width: 98%; Of div.fieldwrapper div.thefield:45.454545% */
}
.feedbackform {
   margin: 0 auto;
   width: 74.525745%; /*550px*100/738 = 74.525745% */
}
#content_area .thefield div {
   float: left;
   width: 50%; /* width: 50%; Of div.fieldwrapper div.thefield:45.454545%  */
   font-size:1em;      /* Base Font = 12px >>> 12px/12px = 1em */
}
div.buttonsdiv {
   margin:1.25em 0 0 0;  /* Base Font = 12px >>> 15px 0 0 0/ 12px = 1.25em 0 0 0 */
}
.form_error, .form_success {
   clear:both;
}
#content_area input.btn_bg{
   color:#ffffff;
   font-weight:normal;
   text-decoration:none;
   cursor:pointer;
   border:none;
   font-family:arial;
   font-size:1.16667em;       /* Base Font = 12px >>> 14px/12px = 1.166666666666667em */
   margin-top:0.4166666666666667em;      /* Base Font = 12px >>> 5px/12px = 0.4166666666666667em */
   padding:0.5833333333333333em 0.8333333333333333em 0.5833333333333333em 0.8333333333333333em;      /* Base Font = 12px >>> 7px 10px 7px 10px/12px = 0.5833333333333333em 0.8333333333333333em 0.5833333333333333em 0.8333333333333333em */
}
#content_area input.btn_bg_input{
   font-size:1em;      /* Base Font = 12px >>> 12px/12px = 1em */
}
#content_area input.btn_bg:hover{
   text-decoration:underline;
}
#content_area ul.sitemap {
   list-style: none outside none;
   margin: 0;
   padding: 0;
}
#content_area ul.sitemap li {
   background-image: none;
   padding:0.4166666666666667em 0 0.4166666666666667em 0;        /* Base Font = 12px  >>> 5px 0 5px 0/12px = 0.4166666666666667em 0 0.4166666666666667em 0 */
}
#content_area ul.sitemap ul {
   list-style: none outside none;
   padding:0.4166666666666667em 0 0 2.916666666666667em;      /* Base Font = 12px  >>> 5px 0 0 35px/12px =0.4166666666666667em 0 0 2.916666666666667em */
}
/* ========= Contact Page Styles ========= */
.contact_add_right {
   text-align: right;
   width: 40%;            /* 40% of content area*/
   font-size:1em;      /* Base Font = 12px >>> 12px/12px = 1em */
   margin:0.833333em 0 1.5em 0;      /* Base Font = 12px >>> 10px 0 18px 0/12px = 0.8333333333333333em 0 1.5em 0 */
   font-style:normal;
}
.contact_add_left {
   width: 40%;         /* 40% of content area*/
   font-size:1em;      /* Base Font = 12px >>> 12px/12px = 1em */
   margin:0.833333em 0 1.5em 0;      /* Base Font = 12px >>> 10px 0 18px 0/12px = 0.8333333333333333em 0 1.5em 0 */
   font-style:normal;
}
#gmap {
   margin: 0 auto;
   padding-top:1.66667em;      /* Base Font = 12px >>> 20px/12px = 1.666666666666667em */
   width: 37.5em;      /* Base Font = 12px >>> 450px/12px = 37.5em */
}
#gmap iframe {
   border:1px solid #616266;
}
/* ======= Pop-up Styles ======= */
.mini_img_gallery {
    float: right;
    margin: 0 0 0 1.25em;         /* Base Font = 12px >>> 15px/12px = 1.25em */
    width: 26.16666666666667em;   /* Base Font = 12px >>> 314px/12px = 26.16666666666667em */ 
}
.main_section img {
    position: relative;
}
#thumb img {
    cursor: pointer;
    margin: 0.25em 0.25em 0 0;          /* Base Font = 12px >>> 3px 3px 0px 0px/12px = 0.25em 0.25em 0 0 */
    border: 1px solid #cccccc;
}
.mini_img_gallery span {
    display: block;
    margin: 0.4166666666666667em 0;                 /* Base Font = 12px >>> 5px 5px 0px 0px/12px = 0.4166666666666667em 0.4166666666666667em 0 0 */
    text-align: right;
}
#content_area .rfq_btn {
    clear: both;
    padding-top: 1.25em;                 /* Base Font = 12px >>> 15px/12px = 1.25em */
}
.facebook img {
    margin-bottom: 0.1666666666666667em;    /* Base Font = 12px >>> 2px/12px = 0.1666666666666667em */
    vertical-align: middle;
}
#top_nav .facebook {
    padding: 0;
    margin: 0 1.25em 0 0.4166666666666667em;    /* Base Font = 12px >>> 0px 15px 0px 5px/12px = 0 1.25em 0 0.4166666666666667em */
}
.g-recaptcha > div {
    margin: 0 auto;
}.pop-up-wrapper div {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.pop-up {
	cursor: url(/pop-up/graphics/zoomin.cur), pointer;
    outline: none;
    text-decoration: none;
}
.pop-up-active-anchor img {
	visibility: hidden;
}
.pop-up img {
	border: 0px solid gray;
}
.pop-up:hover img {
	border-color: silver;
}

.pop-up-wrapper, .drop-shadow {
	background: white;
}
.pop-up-image {
    border-bottom: 1px solid white;
}
.pop-up-image-blur {
}
.pop-up-caption {
    display: none;
    text-align:center;
    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.pop-up-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../image/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.pop-up-credits,
a.pop-up-credits i {
    padding: 2px;
    color: #C0C0C1;
    text-decoration: none;
	font-size: 10px;
}
a.pop-up-credits:hover,
a.pop-up-credits:hover i {
    color: white;
    background-color: gray;
}
a.pop-up-full-expand {
	background: url(../image/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
.pop-up-overlay {
	display: none;
}

/* Mac-style close button */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer; /* w3c */
	background: url(../image/close.png);
	/* For IE6, remove background and add filter */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/close.png', sizingMethod='scale');
}