/*===== Custom Font Face Styles =====*/

@font-face {
    font-family: 'OpenSansBold';
    src: url('/font/opensans-bold.eot');
    src: url('/font/opensans-bold.eot') format('embedded-opentype'),
         url('/font/opensans-bold.woff') format('woff'),
         url('/font/opensans-bold.ttf') format('truetype'),
         url('/font/opensans-bold.svg#OpenSansBold') format('svg');
}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('/font/opensans-lightitalic.eot');
    src: url('/font/opensans-lightitalic.eot') format('embedded-opentype'),
         url('/font/opensans-lightitalic.woff') format('woff'),
         url('/font/opensans-lightitalic.ttf') format('truetype'),
         url('/font/opensans-lightitalic.svg#OpenSansLightItalic') format('svg');
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('/font/opensans-regular.eot');
    src: url('/font/opensans-regular.eot') format('embedded-opentype'),
         url('/font/opensans-regular.woff') format('woff'),
         url('/font/opensans-regular.ttf') format('truetype'),
         url('/font/opensans-regular.svg#OpenSansRegular') format('svg');
}

body {
    background:#191919 url(images/body_bg.jpg) repeat-x left top;
}

#outer_header {
    background:#EEEEEE url(images/outer_header.jpg) no-repeat center top;

}

.fleft {
    float: left;
    text-align: left;
padding-left:5px !important;
}

a.top_links, a:link.top_links, .top_links a, .top_links a:link {font-family:Arial;color:#FEFEFE;font-size:12px;font-weight:normal;font-style:normal;text-decoration:none;display: inline-block;padding: 6px 8px !important ;text-align:right;}
}

header {
    min-height:174px;
   /* width: 1170px;*/
 width: 100%;

    margin: 0em auto;
}

.fright {
    float: right;
   @* text-align: right;*@
}

.top_links{background: url(images/top_links_bg.jpg) no-repeat right top;height:25px;}
a.top_links, a:link.top_links, .top_links a, .top_links a:link {font-family:Arial;color:#FEFEFE;font-size:12px;font-weight:normal;font-style:normal;text-decoration:none;display: inline-block;padding: 6px 11px ;text-align:right;}
a:visited.top_links, .top_links a:visited {font-family:Arial;color:#FEFEFE;font-size:12px;font-weight:normal;font-style:normal;text-decoration:none;display: inline-block;padding: 6px 11px ;text-align:right;}
a:hover.top_links, .top_links a:hover {font-family:Arial;color:#FEFEFE;font-size:12px;font-weight:normal;font-style:normal;text-decoration:underline;display: inline-block;padding: 6px 11px ;text-align:right;}
a:active.top_links, .top_links a:active {font-family:Arial;color:#FEFEFE;font-size:12px;font-weight:normal;font-style:normal;text-decoration:none;display: inline-block;padding: 6px 11px ;text-align:right;}

#utility_nav {
    line-height: 1.916666666666667em;
    padding: 1.071428571428571em 0em 0em 0em;
    text-align: right;
}

.utility_nav_txt {
    font-family: Arial;
    color: #0E2577;
    font-size: 0.875em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
.clr_both {
    clear: both;
}

a:visited.utility_nav_txt, .utility_nav_txt a:visited {
    font-family: Arial;
    color: #0E2577;
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

.utility_nav_txt span {
    font-family: 'OpenSansBold';
    font-size: 1.5em;
    font-weight: bold;
    color: #990d35;
    margin-right: 0.9047619047619048em;
}


.tagline {
    font-size: 1.125em;
    font-family: 'OpenSansLightItalic';
    color: #0e2572;
    line-height: 1em;
    padding: 0.5em 0 0.5em 0;
    display: block;
}

.logo {
    margin: 1.1em 0em 0.5em 2.2em;
}
.fleft {
    float: left;
    text-align: left;
padding-left:5%;
}
img {
    border: 0em;
}

@media all and (max-width: 768px){

.homeicon {
    background: rgba(0, 0, 0, 0) url(/Themes/NopRoot/Content/images/home-256.png) no-repeat scroll left center;
    width: 30px;
    text-indent: -9999px;
    margin-left:20px;font-size:0px !important;margin: 0 1px;
}
.contacticon {
    background: rgba(0, 0, 0, 0) url(/Themes/NopRoot/Content/images/icon-contact.png) no-repeat scroll left center;
    width: 30px;
    text-indent: -9999px;
    margin-left:20px;font-size:0px !important;margin: 0 1px;
}
.abouticon {
    background: rgba(0, 0, 0, 0) url(/Themes/NopRoot/Content/images/icon-about.png) no-repeat scroll left center;
    width: 30px;
    text-indent: -9999px;
    margin-left:20px;font-size:0px !important;margin: 0 1px;
}

.distributoricon {
    background: rgba(0, 0, 0, 0) url(/Themes/NopRoot/Content/images/icon-distributor.png) no-repeat scroll left center;
    width: 30px;
    text-indent: -9999px;
    margin-left:20px;font-size:0px !important;margin: 0 1px;
}

.rficon {
    background: rgba(0, 0, 0, 0) url(/Themes/NopRoot/Content/images/icon-RFI.png) no-repeat scroll left center;
    width: 30px;
    text-indent: -9999px;
    margin-left:20px;
font-size:0px !important;
margin: 0 1px;

}
.mailicon {
    background: rgba(0, 0, 0, 0) url(/Themes/NopRoot/Content/images/mailicon.png) no-repeat scroll left center;
    width: 30px;
    text-indent: -9999px;
    margin-left:20px;
font-size:0px !important;
margin: 0 1px;

}

.phonicon {
    background: rgba(0, 0, 0, 0) url(/Themes/NopRoot/Content/images/phoneicon.png) no-repeat scroll left center;
    width: 30px;
    text-indent: -9999px;
    margin-left:20px;
font-size:0px !important;
margin: 0 1px;

}

.category-menu {
    background-color: #990d35;
    border-color: #990d35;
}

.logo{margin:0px}

.remove_left_padding{padding-left:15px !important;}
.remove_right_padding{padding-right:15px !important;}
}

/*==============================================================================
================================== Top Nav Styles ===============================
================================================================================*/
@media (min-width: 768px)
{

#top_nav{
   height: 2.25em; /*Base Font = 16px >>> 36px / 16px = 2.25em;*/
}
#top_nav ul {
    list-style-type: none;
    margin: 0em;
    width: 100%; /*of topnav*/
/*   padding-top: 0.4375em;*/ /*Base Font = 16px >>> 7px / 16px = 0.4375em;*/
 }
#top_nav ul li {
    float: left;
    position: relative;
}
#top_nav ul li a {
    color: #0d2672;
    font-family: arial;
    font-size: 12px; /*Base Font = 16px >>> 12px / 16px = 0.6875em*/
    text-decoration: none;
    line-height:1em; /*Base Font = 12px >>> 12px / 12px = 1em*/
   padding: 0em 0em 0em 1.166666666666667em;/*Base Font = 12px >>> 0px 0px 0px 14px / 12px = 0em 0em 0em 1.166666666666667em*/
   float:left;
}
#top_nav ul li a span {
   padding: 0.6666666666666667em 1em 0.75em 0em; /*Base Font = 12px >>> 8px 12px 9px 0px / 12px = 0.6666666666666667em 1em 0.75em 0em*/
      display:block;
}
#top_nav ul li a:hover {
   background:url(images/topnav_bg_hover.png) no-repeat left top;
   color:#ffffff;
}
#top_nav ul li a:hover span {
   background:url(images/topnav_bg_hover_right.png) no-repeat right top;

}

#top_nav ul li.menu_active > a {
    background:url(images/topnav_bg_hover.png) no-repeat left top;
   color:#ffffff;
}
#top_nav ul li.menu_active > a span {
    background:url(images/topnav_bg_hover_right.png) no-repeat right top;
}
#top_nav .topnav_submenu {
   background: #9e0c34;
/*   display:none;*/
   height: auto;
   left: 0em;
   margin: 0em;
   padding: 0em;
   position: absolute;
   text-align: left;
   top: 1.8125em; /*Base Font = 16px >>> 29px / 16px = 2.0625em*/
   width: 12.5em; /*Base Font = 16px >>> 200px / 16px = 12.5em*/
   z-index: 1;
}
#top_nav .topnav_submenu li {
   /* background: none;*/
    margin: 0em;
   width:100%;

   
}

#top_nav .topnav_submenu li:hover {
   

   background:#102576;
   
}
#top_nav .topnav_submenu li a {
    border: medium none;
    padding: 0.5833333333333333em 0.5833333333333333em 0.5833333333333333em 0.5833333333333333em; /*Base Font = 12px >>> 8px / 12px = 0.5833333333333333em*/
   display:block;
   float:none;
   color:#ffffff;
}
#top_nav .topnav_submenu li a:hover{
 background:#102576;
    padding: 0.5833333333333333em 0.5833333333333333em 0.5833333333333333em 0.5833333333333333em; 
}
.topnav_submenu {
   /* display: none;*/
}

}

@media only screen and (max-width: 768px){
#top_nav{
   height: auto; /*Base Font = 16px >>> 36px / 16px = 2.25em;*/
}
#top_nav ul {
    list-style-type: none;
    margin: 0em;
    width: 100%; /*of topnav*/
   padding-top: 0.4375em; /*Base Font = 16px >>> 7px / 16px = 0.4375em;*/
 }
#top_nav ul li {
    position: relative;
    padding:10px;
}
#top_nav ul li a {
    color: #ffffff;
    font-family: arial;
    font-size: 12px; /*Base Font = 16px >>> 12px / 16px = 0.6875em*/
    text-decoration: none;
    line-height:1em; /*Base Font = 12px >>> 12px / 12px = 1em*/
   padding: 0em 0em 0em 1.166666666666667em;/*Base Font = 12px >>> 0px 0px 0px 14px / 12px = 0em 0em 0em 1.166666666666667em*/
}
#top_nav ul li a span {
   padding: 0.6666666666666667em 1em 0.75em 0em; /*Base Font = 12px >>> 8px 12px 9px 0px / 12px = 0.6666666666666667em 1em 0.75em 0em*/
      display:block;
}
#top_nav ul li a:hover {
   background: url(images/topnav_bg_hover.png) no-repeat left top;
   color:#ffffff;
}
#top_nav ul li a:hover span {
   background:#9E0C34 url(images/topnav_bg_hover_right.png) no-repeat right top;

}

#top_nav ul li.menu_active > a {
    background:url(images/topnav_bg_hover.png) no-repeat left top;
   color:#ffffff;
}
#top_nav ul li.menu_active > a span {
    background:url(images/topnav_bg_hover_right.png) no-repeat right top;
}
#top_nav .topnav_submenu {
   background: #9e0c34;
/*display: none;*/
   height: auto;
   left: 0em;
   margin: 0em;
   padding: 0em;
   position: absolute;
   text-align: left;
   top: 1.8125em; /*Base Font = 16px >>> 29px / 16px = 2.0625em*/
   width: 12.5em; /*Base Font = 16px >>> 200px / 16px = 12.5em*/
   z-index: 1;
margin-top:12px;
}
#top_nav .topnav_submenu li {
    background: none;
    margin: 0em;
   width:100%;


   
}

#top_nav .topnav_submenu li:hover {
   background:#102576;
}

#top_nav .topnav_submenu li a {
    border: medium none;
    padding: 0.5833333333333333em 0.5833333333333333em 0.5833333333333333em 0.5833333333333333em; /*Base Font = 12px >>> 8px / 12px = 0.5833333333333333em*/
   display:block;
   float:none;
   color:#ffffff;
}

#top_nav .topnav_submenu li a:hover{
 background:#102576;
    padding: 0.5833333333333333em 0.5833333333333333em 0.5833333333333333em 0.5833333333333333em; 
}

.topnav_submenu {
   /* display: none;*/
}


}



#outer_main {
    background: #ffffff;
    color: #333;
    margin-top:55px;
   /* background: url(images/outer_main.jpg) repeat left top;
    padding-top:10px;*/
}

#home_bucket_right {
   /* width: 11.42857142857143em;*/
    padding-left: 2.571428571428571em;
    background: url(images/diveder_bucket.jpg) no-repeat left top;
}

#home_bucket_right section {
    display: block;
    padding-bottom: 1.071428571428571em;
}

#home_bucket_left img, #home_bucket_right img {
    margin-bottom: 0.2142857142857143em;
}

a:visited.bucket_link, .bucket_link a:visited {
    font-family: Arial;
    color: #333;
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    line-height: 1.142857142857143em;
}
a.bucket_link, a:link.bucket_link, .bucket_link a, .bucket_link a:link {
    font-family: Arial;
    color: #333;
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    line-height: 1.142857142857143em;
}
a {
    color: #333;
    text-decoration: underline;
}
user agent stylesheet
a:-webkit-any-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
}

.clr_both {
    clear: both;
}
.overflow {
    overflow: hidden;
}

.bottom_txt h2 {
    border-bottom: 1px solid #9B9B9B;
    color: #333;
    font-family: "OpenSansRegular";
    font-size: 16px; /* Base Font = 16px >>> 14px / 16px  = 0.875em */
    font-weight: normal;
    line-height: 1em; /* Base Font = 14px >>> 14px / 14px  = 1em */
    margin: 0em 0em 0.6428571428571429em 0em; /* Base Font = 14px >>> 0px 0px 9px 0px / 14px  = 0em 0em 0.6428571428571429em 0em */
    padding: 0em 0em 0.6428571428571429em 0em; /* Base Font = 14px >>> 0px 0px 9px 0px / 14px  = 0em 0em 0.6428571428571429em 0em */
    text-transform: uppercase;
}
.bottom_txt > p {
    color: #333;
    font-family: arial;
    font-size: 13px; /* Base Font = 16px >>> 12px / 16px  = 0.75em */
}

.bottom_txt .callus_txt {
    font-family: 'OpenSansLightItalic';
    font-size: 18px;  /* Base Font = 16px >>> 18px / 16px  = 1.125em */
    padding-left: 0.0555555555555556em;  /* Base Font = 18px >>> 1px / 18px  = 0.0555555555555556em */
    padding-top: 0.9444444444444444em;  /* Base Font = 18px >>> 17px / 18px  = 0.9444444444444444em */
}

/*==============================================================================
================================== Footer Area Styles ==========================
================================================================================*/

#outer_footer {
   background: url(images/outer_footer_bg.jpg) repeat-x left top;
   width:100%;
}
footer {
   margin:0em auto;
   line-height:12px; /*Base Font = 12px >>> 18px / 12px  =  1.5em */
   padding-top: 15px; /*Base Font = 12px >>> 15px / 12px  =  1.25em */
}

footer img {
   margin-top:3px; /*Base Font = 12px >>> 3px / 12px  =  0.25em */
}
.logo_footer {
    margin-right: 67px; /*Base Font = 12px >>> 67px / 12px  =  5.583333333333333em */
   vertical-align:top;
}
.footer_txt span {
   display: block;
    font-size: 18px; /*Base Font = 12px >>> 18px / 12px  =  1.5em */
    line-height: 18px; /*Base Font = 18px >>> 18px / 18px  =  1em */
    padding: 3px 1px 16px 0px; /*Base Font = 18px >>> 3px 1px 16px 0px / 18px  =  0.1666666666666667em 0.0555555555555556em 0.8888888888888889em 0em */
}

.foothead{display: block;
    font-size: 18px;
    padding: 3px 1px 16px 0px;}
.footer-address{font-family:'Century Gothic';color:#FFF;font-size:10px;font-weight:normal;font-style:normal;text-decoration:none;text-align:left;}

a.footer-address, a:link.footer-address, .footer-address a, .footer-address a:link {color:#C65E12;font-weight:normal;font-style:normal;text-decoration:none;}

.footer_txt{font-family:Arial;color:#999999;font-size:13px;font-weight:normal;font-style:normal;text-decoration:none;}

a.footer_txt, a:link.footer_txt, .footer_txt a, .footer_txt a:link {font-family:Arial;color:#999999;font-size:1em;font-weight:normal;font-style:normal;text-decoration:none;}

a:visited.footer_txt, .footer_txt a:visited {font-family:Arial;color:#999999;font-size:1em;font-weight:normal;font-style:normal;text-decoration:none;}

a:hover.footer_txt, .footer_txt a:hover {font-family:Arial;color:#FFFFFF;font-size:1em;font-weight:normal;font-style:normal;text-decoration:underline;}

a:active.footer_txt, .footer_txt a:active {font-family:Arial;color:#999999;font-size:1em;font-weight:normal;font-style:normal;text-decoration:none;}


.thomas_info_txt{padding:10px 0;font-family:Arial;color:#666666;font-size:11px;font-weight:normal;font-style:normal;text-decoration:none;}
a.thomas_info_txt, a:link.thomas_info_txt, .thomas_info_txt a, .thomas_info_txt a:link {font-family:Arial;color:#666666;font-size:1em;font-weight:normal;font-style:normal;text-decoration:underline;}
a:visited.thomas_info_txt, .thomas_info_txt a:visited {font-family:Arial;color:#666666;font-size:1em;font-weight:normal;font-style:normal;text-decoration:underline;}
a:hover.thomas_info_txt, .thomas_info_txt a:hover {font-family:Arial;color:#666666;font-size:1em;font-weight:normal;font-style:normal;text-decoration:none;}
a:active.thomas_info_txt, .thomas_info_txt a:active {font-family:Arial;color:#666666;font-size:1em;font-weight:normal;font-style:normal;text-decoration:underline;}


/*==============================================================================
================================== Left Nav Styles =============================
================================================================================*/

#left_nav {
   width:10.5em; /*Base Font = 16px >>> 168px / 16px = 10.5em*/
   background: url(images/leftnav_bg.jpg) repeat-y top left;
   margin-top:1.125em; /*Base Font = 16px >>> 18px / 16px = 1.125em*/
   padding-bottom: 5.25em; /*Base Font = 16px >>> 84px / 16px = 5.25em*/
}
#left_nav_home {
 
   background: url(images/leftnav_bg.jpg) repeat-y top left;
   margin-top:0.875em; /*Base Font = 16px >>> 14px / 16px = 0.875em*/
   padding-bottom: 5em; /*Base Font = 16px >>> 80px / 16px = 5em*/
}
.lefthead_capabilities {
   font-size:16px; /*Base Font = 16px >>> 16px / 16px = 1em*/
   color:#333333;
   text-transform:uppercase;
   font-family: 'OpenSansBold';
   display:block;
   border-bottom:1px solid #bebebe;
   padding: 10px; /*Base Font = 16px >>> 10px 10px 10px 10px / 16px = 0.625em 0.625em 0.625em 0.625em*/
   line-height:1em; /*Base Font = 16px >>> 16px / 16px = 1em*/
   background: url(images/lefthead_capabilities_bg.jpg) no-repeat left top;
}
.lefthead_capabilities a {
   text-decoration:none;
   color:#333333;
}
.lefthead_capabilities a:hover{
   text-decoration:underline;
}
#leftnav-nav-1 > ul {
    margin: 0;
    padding: 0;
}
#leftnav-nav-1 ul li {
    position: relative;
}
.leftnav_sub_menu {
    background-color: #FFFFFF;
    left: 13em;        /*Base Font = 12px >>> 168px / 12px = 14em*/   
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 18.33333333333333em;    /*Base Font = 12px >>> 220px / 12px = 18.33333333333333em*/
}
.lefthead_services {
   font-size:1em;/*Base Font = 16px >>> 16px / 16px = 1em*/
   color:#333333;
   text-transform:uppercase;
   font-family: 'OpenSansBold';
   display:block;
   border-bottom:1px solid #bebebe;
   padding: 1.25em 0.5em 0.5625em 0.5em; /*Base Font = 16px >>> 20px 8px 9px 8px / 16px = 1.25em 0.5em 0.5625em 0.5em*/
   line-height:1em; /*Base Font = 16px >>> 16px / 16px = 1em*/
}
.lefthead_services a {
   text-decoration:none;
   color:#333333;
}
.lefthead_services a:hover {
   text-decoration:underline;
}
.lefthead_portfolio {
   font-size:1em; /*Base Font = 16px >>> 16px / 16px = 1em*/
   color:#333333;
   text-transform:uppercase;
   font-family: 'OpenSansBold';
   display:block;
   border-bottom:1px solid #bebebe;
   padding: 1em 0.5em 0.5625em 0.5em; /*Base Font = 16px >>> 16px 8px 9px 8px / 16px = 1em 0.5em 0.5625em 0.5em*/
   line-height:1em; /*Base Font = 16px >>> 16px / 16px = 1em*/
}
.lefthead_portfolio a {
   text-decoration:none;
   color:#333333;
}
.lefthead_portfolio a:hover {
   text-decoration:underline;
}

.capabilities_links
{
font-family:Arial;
color:#333333;
font-size:12px;
font-weight:normal;
font-style:normal;
text-decoration:none;
}

a.capabilities_links, a:link.capabilities_links, .capabilities_links a, .capabilities_links a:link 
{
font-family:Arial;
color:#333333;
font-size:12px;
font-weight:normal;
font-style:normal;
text-decoration:none;
border-bottom:1px solid #bebebe;
padding:5px 10px;
display: block;
}

a:hover.capabilities_links, .capabilities_links a:hover 
{
font-family:Arial;
color:#FFFFFF;
font-size:12px;
font-weight:normal;
font-style:normal;
text-decoration:none;
border-bottom:1px solid #bebebe;
padding:5px 10px;
background:#990d35;
display: block;
}



a:visited.capabilities_links, .capabilities_links a:visited {
font-family:Arial;
color:#333333;
font-size:12px;
font-weight:normal;
font-style:normal;
text-decoration:none;
border-bottom:1px solid #bebebe;
padding:5px 10px;
display: block;
}

a:hover.capabilities_links, .capabilities_links a:hover {
font-family:Arial;
color:#FFFFFF;
font-size:12px;
font-weight:normal;
font-style:normal;
text-decoration:none;
border-bottom:1px solid #bebebe;
padding:5px 10px;
display: block;
}

a:active.capabilities_links, .capabilities_links a:active {
font-family:Arial;
color:#FFFFFF;
font-size:12px;
font-weight:normal;
font-style:normal;
text-decoration:none;
border-bottom:1px solid #bebebe;
padding:5px 10px;
display: block;
}
/* ------Design for static pages-------*/


.head_name a{padding:5px 6px;}
#idContentTblCell h3 {
    font-size: 1.083333333333333em;
    color: #ffffff;
    font-family: "OpenSansRegular";
    line-height: 1em;
    padding: 0em;
    margin: 0em 0em 0.7692307692307692em 0em;
    font-weight: normal;
}

#idContentTblCell a {
    color: #ffffff;
    text-decoration: underline;
}

#idContentTblCell h3 span {
    padding-top: 7px;
    display: block;
}

#content_area ul {
    list-style-type: none;
    margin: 0em;
    padding: 0em 0em 0.9166666666666667em 0em;
}

.list ul {
    float: left;
    width: 40%;
}

#content_area #idContentTblCell{   color: #FFFFFF;
    font-family: arial;
    font-size: 12px;}

.cart-total{width:100%;}
.address-select,.textbox{color:#000}
.title{font-weight:bold;font-size:16px;text-decoration:underline;}