@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i');   

body {
   font-size:100%;                                                                      /* default font size - 100% = 16px*/
   margin:0;
   padding:0;
   background: url(black_body_bg.jpg) repeat left top;
}
article, aside, footer, header, nav, section {
   display: block;
}
img {
   border: 0;
}
address {
   font-style:normal;                                                                /* To Neutralize Default Italic Style To Normal Style */
}

/* =============================================================================
   SEMANTIC TAGS GROUP
*  ============================================================================= */
.outer_wrapper{
   background: url(inner_body_bg.jpg) repeat-x left top #ffffff;
}
#wrapper {
   margin: 0 auto;
   width:60em;                                                               /* Base Font = 16px >>> 960px /16px = 60em */
}
#main {
   padding-top:2.3125em;                               /* Base Font = 16px >>> 37px /16px = 2.3125em */
   
}
/* =============================================================================
   Header Area Atart
   ============================================================================= */

header {
   background: url(inner_header.jpg) no-repeat left top;
   padding: 1.625em 0 0 0;   
                                          /* Base Font = 16px >>> 26px 0 0 0 /16px = 1.625em 0 0 0 */
}

/* =============================================================================
   Company Logo Area Start
   ============================================================================ */
.company-logo {
   margin:1.125em 0 0.875em 0;                                          /* Base Font = 16px >>> 18px 0 14px 0 /16px = 1.125em 0 0.875em 0*/
}
.tagline {
   color:#ffffff;
   font-size:0.875em;                                  /* Base Font = 16px >>> 14px /16px = 0.875em */
   font-family: 'robotobold_italic';
   display:inline-block;
   border-left:1px solid #11509e;
   margin: 2.142857142857143em 0 0 0.5714285714285714em;               /* Base Font = 14px >>> 30px 0 0 8px /14px = 2.142857142857143em 0 0 0.5714285714285714em */
   padding: 0 0 0 1em;                                          /* Base Font = 14px >>> 0 0 0 14px /14px = 0 0 0 1em */
   line-height:1.142857142857143em;                              /* Base Font = 14px >>> 16px /14px = 1.142857142857143em */
   text-transform:uppercase;
}
.tagline span {
   background: url(usa_flag.jpg) no-repeat right 1.333333333333333em;
   padding:1.333333333333333em 2.416666666666667em 0 0;                                 /* Base Font = 12px >>> 16px /12px = 1.333333333333333em */
   font-size:0.8571428571428571em;                        /* Base Font = 14px >>> 12px /14px = 0.8571428571428571em */
   font-family: 'robotobold';
   color:#d6d6d6;
   display:inline-block;
}
.header-form-btn {
    margin: 4.375em 1em 0 0;                         /* Base Font = 16px >>> 70px 16px 0 /16px = 4.375em 1em 0 0*/
}
.header-form-btn a {
    background-color: #1d1d1d;
    border-radius: 5px;
    color: #ffffff;
    font-family: "robotobold";
    font-size: 0.75em;                                /* Base Font = 16px >>> 12 /16px =  0.75em */    
    line-height:1.25em;                                /* Base Font = 12px >>> 15px /12px = 1.25em */    
    padding: 0.8333333333333333em 1em 0.8333333333333333em 1em;          /* Base Font = 12px >>> 10px 12px 10px 12px /12px = 0.8333333333333333em 1em 0.8333333333333333em 1em*/    
    text-decoration: none;
    text-transform: uppercase;
}
.header-form-btn a:hover {
    text-decoration: underline;
}
/* =============================================================================
   TopNav Area Start
   ============================================================================ */
/* common styling */
.topnav_container {
   padding:0;                           
   text-align:right;
}
.topnav_links {
   position:relative;
   z-index:100;
text-align: right;
    float:right;
   width:49.375em;      /* Base Font = 16px >>> 790px /16px = 46.875em*/
}
.topnav_links span {
   background: url(dropdown_bg.jpg) no-repeat right 0;
   padding:0.5833333333333333em 0.1666666666666667em 0 0.25em;         /* Base Font = 12px >>> 7px 2px 0 3px /12px = 0.5833333333333333em 0.1666666666666667em 0 0.25em */                     
   display:inline-block;
}
.topnav_links ul li:hover {
   background:#023576;
}
.topnav_links ul li a {
   font-family: 'robotobold';
   float:left;
   text-decoration:none;
   color:#000;
   text-align:center;
   color:#fff;
   line-height:1.583333333333333em;                  /* Base Font = 12px >>> 19px /12px = 1.583333333333333em*/
   font-size:0.75em;                              /* Base Font = 16px >>> 12px /16px = 0.75em*/
   text-transform:uppercase;   
}
.topnav_links ul {
   padding:0;
   margin:0;
   list-style: none;
}
.topnav_links ul li {
   display:inline-block;
   position:relative;
   padding:0.375em 0.96% 0.25em  0.96%;   /* Base Font = 16px >>>6px 8px 3px 8px /16px = 0.375em 0.96% 0.25em 0.96%*/
}
.topnav_links ul li ul {
   display: none;
}

.topnav_links ul li:hover a {
   color:#fff;
   text-align:left;
   background:#013575;
}
.topnav_links ul li:hover ul {
   display:block;
   position:absolute;
   top:1.75em;                  /* Base Font = 16px >>> 28px /16px = 1.75em*/
   left:0;
   width:10em;         /* Base Font = 16px >>> 160px /16px = 10em*/
}
.topnav_links ul li:hover ul li {
   margin:0;
   width:100%;
   padding:0;
   display:inline-block;
}
.topnav_links ul li:hover ul li ul {
   display: none;
}
.topnav_links ul li:hover ul li a {
   display:block;
   background:#282828;
   color:#ffffff;
   text-transform:capitalize;
   font-family: 'robotoregular';
   padding:0.3333333333333333em 0.1666666666666667em 0.3333333333333333em 0.75em;            /* Base Font = 12px >>> 4px 2px 4px 9px /12px = 0.3333333333333333em 0.1666666666666667em 0.3333333333333333em 0.75em*/
   border-bottom:1px solid #383838;
   float:none;
}
.topnav_links ul li:hover ul li a:hover {
   background:#013575;
   color:#ffffff;
}
.topnav_links ul li:hover ul li:hover ul {
   display:block;
   position:absolute;
   left:9.9375em;         /* Base Font = 16px >>> 159px /16px = 9.9375em*/
   top:0;               /* Base Font = 16px >>> 15px /16px = 0.9375em*/
}
.utility_nav {
   padding-right:0.25em;            /* Base Font = 16px >>> 4px /16px = 0.25em*/
margin:0.1875em 0 0 0;                  /* Base Font = 16px >>> 3px /16px = 0.1875em*/
 }
/* =============================================================================
   Search Area Start
   ============================================================================ */
#search {
   float:right;
   clear:both;
   margin:0.4375em 0 0 0;            /* Base Font = 16px >>> 7px /16px = 0.4375em 0 0 0*/         
}
.utility_nav .plp-search-holder .plp-page-searchBox-compact {
    background: none;
    border: 0;
    width: 179px;
}
.utility_nav .plp-search-holder .plp-page-searchBox-compact input {
   background: url(search_bg.jpg) no-repeat left top;
   border:none;
   color: #838181;
   font-family: arial;
   font-size:0.6875em;                                      /* Base Font = 16px >>> 11px /16px = 0.6875em */                                                  
   font-weight: normal;
   height: 1.909090909090909em;                              /* Base Font = 11px >>> 21px /11px = 1.909090909090909em */ 
   margin: 0 0.2727272727272727em 0 0;            /* Base Font = 11px >>> 7px 3px 0 0 /11px = 0.6363636363636364em 0.2727272727272727em 0 0*/ 
   padding: 0.1818181818181818em 0.4545454545454545em 0.1818181818181818em 0.6363636363636364em;      /* Base Font = 11px >>> 2px 5px 2px 7px /11px = 0.1818181818181818em 0.4545454545454545em 0.1818181818181818em 0.6363636363636364em*/ 
   width: 11.90909090909091em;                                                               /* Base Font = 11px >>> 131px /11px = 11.90909090909091em */ 
   font-family: 'robotoregular';

}
.utility_nav .plp-search-holder .plp-page-searchBox-compact input {
   margin:0 0.1538461538461538em 0 0;                                             /* Base Font = 13px >>> 7px 2px 0 0 /13px = 0.5384615384615385em 0.1538461538461538em 0 0 */  
   margin-left:0.2307692307692308em\9\0;       /* Base Font = 13px >>> 3px /13px = 0.2307692307692308em */
   height:24px;
   width: 143px;
    
}
.utility_nav .plp-search-holder .plp-page-searchBox-compact .plp-img-sprite{
   background: url(search_glass.jpg) no-repeat 0 0 !important;
   height: 26px !important;
   margin: 0 2px 0 0 !important;
   width: 31px !important;	
}
/* =============================================================================
   Left Navigation style start
   ============================================================================= */
#leftnav {
   width: 10.81255em;                                                               /* Base Font = 16px >>> 173px /16px = 10.81255em */
}
.leftnav_links li {
   background: url(left_nav_bg.jpg) no-repeat left top;
   padding:0;
   height:3.8125em;                                       /* Base Font = 16px >>> 61px /16px = 3.8125em */
   width: 10.81255em;                                                               /* Base Font = 16px >>> 173px /16px = 10.81255em */
   float:left;
   position:relative;
   margin-bottom:0.3125em;            /* Base Font = 16px >>> 5px /16px = 0.3125em */      
}
.leftnav_links li a {
   color:#ffffff;
}
.leftnav_links ul li a {
   font-family: 'robotobold';
   display:block;
   text-decoration:none;
   color:#fff;
   line-height:1.166666666666667em;                           /* Base Font = 12px >>> 14px /12px = 1.166666666666667em */
   font-size:0.75em;                      /* Base Font = 16px >>> 12px /16px = 0.75em */
   overflow:hidden;
   text-transform:uppercase;
   padding:0.6666666666666667em 0.4166666666666667em 0.25em 0.6666666666666667em;      /* Base Font = 12px >>> 8px 5px 3px 8px /12px = 0.6666666666666667em 0.4166666666666667em 0.25em 0.6666666666666667em */
}
.leftnav_links ul {
   padding:0;
   margin:0;
   list-style: none;
}
.leftnav_links ul li ul {
   display: none;
}
.leftnav_links ul li:hover {
   background: url(left_nav_bg_active.jpg) no-repeat left top;
}
.leftnav_links ul li span {
   display: block;
   font-size: 0.9166666666666667em;                     /* Base Font = 12px >>> 11px /12px = 0.9166666666666667em */
   text-transform: lowercase;
}

.leftnav_links ul li:hover a {
   color:#fff;
   text-align:left;
}
.leftnav_links ul li:hover ul {
   display:block;
   position:absolute;
   top:0;
   left:10.8125em;                                 /* Base Font = 16px >>> 173px /16px = 10.8125em */
   width:10em;                                    /* Base Font = 16px >>> 160px /16px = 10em */
}
.leftnav_links ul li:hover ul li {
   margin:0;
   width:100%;
   height:auto;
   border-bottom:1px solid #383838;
}
.leftnav_links ul li:hover ul li ul {
   display: none;
}
.leftnav_links ul li:hover ul li a {
   display:block;
   background:#282828;
   color:#ffffff;
   text-transform:capitalize;
   text-decoration:none;
   font-family: 'robotoregular';
   padding:0.5em 0.4166666666666667em 0.5833333333333333em 0.6666666666666667em;         /* Base Font = 12px >>> 6px 5px 7px 8px /12px = 0.5em 0.4166666666666667em 0.5833333333333333em 0.6666666666666667em */
}
.leftnav_links ul li:hover ul li a:hover {
   background:#013575;
   color:#ffffff;
   text-decoration:none;
}
/* =============================================================================
   Content Area Style Start
   ============================================================================= */

#content_area {
   font-size:0.8125em;                                                           /* Base Font =16px >>> 13px / 16px = 0.8125em */
   color: #424242;
   line-height:1.230769230769231em;                                            /*Base Font = 13px  >>> 16px /13px = 1.230769230769231em */
   font-family: 'robotoregular';
    min-height:23.07692307692308em;                                          /*Base Font = 13px  >>> 300px /13px = 23.07692307692308em */
padding-bottom: 3.076923076923077em;                                           /*Base Font = 13px  >>> 40px /13px = 3.076923076923077em */
}
/* =============================================================================
   Footer Area Start Here
   ============================================================================= */
#footer_outer {
   background: url(outer_footer_bg.jpg) repeat-x left 0.4375em #ffffff;       /* Base Font = 16px >>> 7px /16px = 0.4375em */
   font-family: 'robotoregular';
   color:#dfdfdf;
   padding: 0 0 0.5625em;    /* Base Font = 16px >>> 9px /16px = 0.5625em */
   margin:0 0 -20px 0;
}
footer {
   margin: 0 auto;
   width: 60em;                                                      /* Base Font = 16px >>> 960px /16px = 60em */
   
}
.footer_left {
   font-size:0.75em;                     /* Base Font = 16px >>> 12px /16px = 0.75em */
   padding: 0 0 3.583333333333333em 0;                  /* Base Font = 12px >>> 0 0 43px 0 /12px = 0 0 3.583333333333333em 0 */
}
footer a {
   color:#DFDFDF;
}
footer a:hover {
   color:#0066e1;
}

/* =============================================================================
  Comman Style
   ============================================================================= */

.overflow {
   overflow: hidden;
}
.clear {
   clear: both;
}
.fltright {
   float:right;
}
.fltleft {
   float:left;
}
.center_align {
   text-align: center;
}
.right_align {
   text-align:right;
}
.web_address {
   font-family: 'robotobold_italic';
   font-size:1.5em;                           /* Base Font = 12px >>> 18px /12px = 1.111111111111111em*/      
   color:#b6b6b6;
   margin:0;
   text-align:right;
   padding: 0 0 1.111111111111111em 0;         /* Base Font = 18px >>> 0 0 20px 0 /18px = 0 0 1.166666666666667em 0*/
         
}
.web_address span {
   background:url("web_address_bg.jpg") no-repeat left 0.5em;   /* Base Font = 18px >>>9px /18px = 0.5em*/      
   padding: 0 0 0 0.5em;                        /* Base Font = 18px >>> 0 0 0 9px /18px = 0 0 0 0.5em*/      
}

/*======================================font style======================================*/

@font-face {
    font-family: 'robotobold';
    src: url('roboto-bold.eot');
    src: url('roboto-bold.eot?#iefix') format('embedded-opentype'),
         url('roboto-bold.woff') format('woff'),
         url('roboto-bold.ttf') format('truetype'),
         url('roboto-bold.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotobold_italic';
    src: url('roboto-bolditalic.eot');
    src: url('roboto-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('roboto-bolditalic.woff') format('woff'),
         url('roboto-bolditalic.ttf') format('truetype'),
         url('roboto-bolditalic.svg#robotobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoitalic';
    src: url('roboto-italic.eot');
    src: url('roboto-italic.eot?#iefix') format('embedded-opentype'),
         url('roboto-italic.woff') format('woff'),
         url('roboto-italic.ttf') format('truetype'),
         url('roboto-italic.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotomedium';
    src: url('roboto-medium.eot');
    src: url('roboto-medium.eot?#iefix') format('embedded-opentype'),
         url('roboto-medium.woff') format('woff'),
         url('roboto-medium.ttf') format('truetype'),
         url('roboto-medium.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('roboto-regular.eot');
    src: url('roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('roboto-regular.woff') format('woff'),
         url('roboto-regular.ttf') format('truetype'),
         url('roboto-regular.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}