/*html{
    -moz-filter: grayscale(40%);
    -webkit-filter: grayscale(40%);
    filter: gray; /* IE6-9 */
  /*  filter: grayscale(14%);
}*/

/* Body */

html, body, div, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}



nav a, button {
min-width: 48px;
min-height: 48px;
}


a:link {
    color: #666666;
    text-decoration: none;
}
 
a:active {
    color: #B73045;
    text-decoration: none;
}
 
a:visited {
    color: #999999;
    text-decoration: none;
}
a:hover {
    color: #B73045;
    text-decoration: none;
}

a img {border:none;}

body {
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-highlight-color: #BCBCBC;
	scrollbar-darkshadow-color: #7F7F7F;
	scrollbar-shadow-color: #BCBCBC;
	scrollbar-face-color: #BCBCBC;
	scrollbar-track-color: #DBDBDB;
	scrollbar-arrow-color: #7F7F7F;
	text-align: left;
}
/* Body  */

/* Link */
a:link, a:visited {color: #003366; text-decoration: underline}
a:hover, a:active {color: #003366; text-decoration: none; }

a.link_blue:link, a.link_blue:visited {color: #CEE7FF; text-decoration: none}
a.link_blue:hover, a.link_blue:active {color: #003366; background-color: #EFF7FF; text-decoration: none}

a.link_pink:link, a.link_pink:visited {color: #FF0066; text-decoration: none}
a.link_pink:hover, a.link_pink:active {color: #FF6FA8; background-color: none; text-decoration: none}

a.link_orange_underline:link, a.link_orange_underline:visited {color: #FF6600; text-decoration: underline}
a.link_orange_underline:hover, a.link_orange_underline:active {color: #003366; background-color: #EFF7FF; text-decoration: none}

a.link_bluegrey:link, a.link_bluegrey:visited {
	color: #FFF; text-decoration: none;
	padding:2px; 
	background-color:#B1B9D6; 
	line-height:1.3;
	padding: 0px 4px 0px 4px;
}

a.link_bluegrey:hover, a.link_bluegrey:active {
	/*color: #FFCC33;*/
	background-color: #7784B7;
	text-decoration: none;
	padding: 0px 4px 0px 4px;
}

a.link_white:link, a.link_white:visited {color: #FFFFFF; text-decoration: none}
a.link_white:hover, a.link_white:active {color: #003366; background-color: #EFF7FF; text-decoration: none}

a.link_orange:link, a.link_orange:visited {color: #FF6600; text-decoration: none}
a.link_orange:hover, a.link_orange:active {color: #FF0000; background-color: none; text-decoration: none}

a.h1:link, a.h1:visited {color: #FF9900; text-decoration: none}
a.h1:hover, a.h1:active {color: #33CCFF; background-color: #666666; text-decoration: none}

a.link_no_bg:link, a.link_no_bg:visited {color: #003366; text-decoration: none}
a.link_no_bg:hover, a.link_no_bg:active {color: #006699; background-color: transparent; text-decoration: none}
/* Link */

/* Page Header */
a.banner_01:link, a.banner_01:visited {
text-decoration: none;
background-color: transparent;
padding-top: 3px;
padding-left: 10px;
display: block;
width: 450px;
height: 43px;
}
a.banner_01:hover, a.banner_01:active {
color: #FF9900;
}

a.menu_bar_01:link, a.menu_bar_01:visited {
background-image:url(../images/menu_bar_01.gif);
font-weight: bold;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: block;
float: left;
width: 105px;
height: 29
}
a.menu_bar_l01:link, a.menu_bar_l01:visited {
background-image:url(../images/menu_bar_l01.gif);
font-weight: bold;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: block;
float: left;
width: 126px;
height: 29
}
a.menu_bar_01:hover, a.menu_bar_01:active {
background-image:url(../images/menu_bar_02.gif);
color: #FFFFFF;
}
a.menu_bar_l01:hover, a.menu_bar_l01:active {
background-image:url(../images/menu_bar_l02.gif);
color: #FFFFFF;
}

a.menu_bar_02:link, a.menu_bar_02:visited {
background-image:url(../images/menu_bar_02.gif);
font-weight: bold;
color: #FFFFFF;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: block;
float: left;
width: 105px;
}
a.menu_bar_l02:link, a.menu_bar_l02:visited {
background-image:url(../images/menu_bar_l02.gif);
font-weight: bold;
color: #FFFFFF;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: block;
float: left;
width: 126px;
}
a.menu_bar_02:hover, a.menu_bar_02:active {
color: #FF9900;
}
a.menu_bar_l02:hover, a.menu_bar_l02:active {
color: #FF9900;
}

.menu_bar_03 {
background-image:url(../images/menu_bar_01.gif);
float: left;
width: 1px;
height: 29px;
}
/* Page Header */

/* Content */
a.menu_main:link, a.menu_main:visited, a.menu_sub:link, a.menu_sub:visited, a.menu_main_end:link, a.menu_main_end:visited, a.menu_sub_end:link, a.menu_sub_end:visited {
background-image:url(../images/bullet_sub_01.gif);
padding-top: 5px;
padding-bottom: 5px;
padding-left: 16px;
text-decoration: none;
border-bottom: #EEEEEE dotted 1px;
display: block;
width: 180px;
}
a.menu_main:hover, a.menu_main:active, a.menu_sub:hover, a.menu_sub:active, a.menu_sub_end:hover, a.menu_sub_end:active {
color: #003366;
}

a.menu_sub:link, a.menu_sub:visited, a.menu_sub_end:link, a.menu_sub_end:visited {
background-image:url(../images/bullet_sub_11.gif);
padding-left: 22px;
width: 174px;
}

a.menu_main_end:link, a.menu_main_end:visited {
border-bottom: #FFFFFF none 0px;
}

a.menu_sub_end:link, a.menu_sub_end:visited {
border-bottom: #FFFFFF none 0px;
}

.menu_sub_header {
background-image:url(../images/bullet_sub_03.gif);
padding-top: 5px;
padding-bottom: 5px;
padding-left: 16px;
text-decoration: none;
border-bottom: #EEEEEE dotted 1px;
}

.header_01 {
border-top: #CCCCCC solid 1px;
background-color: #F6F6F6;
font-weight: bold;
}
/* Content */

/* Font */
td {
font-family: "Tahoma", Verdana, "MS Sans Serif";
color: #003366;
font-size: 12px;
}
.font_largest {
font-size: 16px;
}
.font_larger {
font-size: 14px;
}
.font_smaller {
font-size: 12px;
}

.searchbox{
font-family: "Arial";
font-size: 10px;
}

.Red_Big{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-weight: bold;
font-size: 19px;
color: #FF0000;
}

.Red_Bold{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-weight: bold;
font-size: 12px;
color: #FF0000;
}

.Red{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #FF0000;
}

.Gray{
	font-family: "Tahoma", Verdana, "MS Sans Serif";
	font-size: 12px;
	color: #999999;
}

.Dark_Gray{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #706F70;
}


.General_Blue_content1{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #1879B5;
}

.General_Blue_content2{
	font-family: "Tahoma", Verdana, "MS Sans Serif";
	font-size: 12px;
	color: #0033CC;
}

.General_Blue_content3{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #3366CC;
}

.General_Blue_content4{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #4A75B5;
}


.Orange_content{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #FF6633
}

.purple_content{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #A392EA;
}
.Green_content 
{
	font-family: "Tahoma", Verdana, "MS Sans Serif";
	font-size: 12px;
	color: #009900
}

.Green_content_Price
{
	font-family: "Tahoma", Verdana, "MS Sans Serif";
	font-weight: bold;
	font-size: 15px;
	color: #009900
}


.Yellow_content {
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #FF9900
}

.Purple_content_strong {
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #6633FF
}
.pink_content{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #EF95B2;
}
.orange-header{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-weight: bold;
font-size: 14px;
color: #FF6633;
}


.email{
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
color: #333333;
}


/* Font */

/* Frame */
.frame_cube {
border-top: #CCCCCC solid 1px;
border-bottom: #CCCCCC solid 1px;
border-left: #CCCCCC solid 1px;
border-right: #CCCCCC solid 1px;
}
.frame_top {
border-top: #CCCCCC solid 1px;
}
.frame_bottom {
border-bottom: #CCCCCC solid 1px;
}
.frame_left {
border-left: #CCCCCC solid 1px;
}
.frame_right {
border-right: #CCCCCC solid 1px;
}
/* Frame */

/* Form */
input, select, textarea  {
font-family: "Tahoma", Verdana, "MS Sans Serif";
font-size: 12px;
padding-left: 2px;
}

.button_01, .button_02, .button_03 {
border-left: #DDDDDD solid 1px;
border-right: #7F7F7F solid 1px;
border-top: #DDDDDD solid 1px;
border-bottom: #7F7F7F solid 1px;
background-image: url("../images/bg_button_01.gif");
font-weight: bold;
width: 50px;
}
.button_02 {
width: 90px;
}
.button_03 {
width: 120px;
}
/* Form */


.uppercase
{
font-family: "Tahoma", Verdana, "MS Sans Serif";
text-transform: uppercase;
}


.wraptext { text-wrap: suppress; /* inherits to all descendants */ }

h1 { font-size:13px; font-weight:bold; margin:0; padding:2px 0px 5px 3px; float:left; }
.h1{
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:2px 0px 5px 3px;
	float:left;
	color: #FF0066;
}

.h1nolink{
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:2px 0px 5px 3px;
	float:left;
	color: #CCCCCC;
}

#floating-right-box {
    float: left;
    height: 345px;
    margin-left: -100px;
    margin-right: 10px;
    margin-top: 20px;
    overflow: auto;
    position: absolute;
    top: 0;
    width: 90px;
    z-index: 99999999;
}


.footer {
	max-width:811px;
	width:100%;
	display: flex;
	margin-left:auto;
	margin-right:auto;
}
	
@media screen and (min-device-width: 851px) {
	
		
.footer {
	max-width:811px;
	width:100%;
	display: flex;
	margin-left:auto;
	margin-right:auto;

}
}


@media screen and (min-device-width: 321px) and (max-device-width: 850px) {

	
.footer {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
}




/*=======================================*/

  
  
  
/*==========Table of header submenu which contain social share==========*/


.header_table {
  max-width: 939px;   
}

.submenu_table {
  max-width: 979px;   
}

.table_999 {
  max-width: 999px;   
}



/*
Example of beautiful table
.rwd-table {
  margin: 1em 0;
  min-width: 300px; // adjust to your needs
 
  tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
 
  th {
    display: none; // for accessibility, use a visually hidden method here instead! Thanks, reddit!  
  }
 
  td {
    display: block;
   
    &:first-child {
      padding-top: .5em;
    }
    &:last-child {
      padding-bottom: .5em;
    }

    &:before {
      content: attr(data-th)": "; // who knew you could do this? The internet, that's who.
      font-weight: bold;

      // optional stuff to make it look nicer
      width: 6.5em; // magic number :( adjust according to your own content
      display: inline-block;
      // end options
     
      @media (min-width: $breakpoint-alpha) {
        display: none;
      }
    }
  }
 
  th, td {
    text-align: left;
   
    @media (min-width: $breakpoint-alpha) {
      display: table-cell;
      padding: .25em .5em;
     
      &:first-child {
        padding-left: 0;
      }
     
      &:last-child {
        padding-right: 0;
      }
    }

  }*/