﻿
/* -------------------------- FONT FACES ------------------------------ */
/* See: http://www.fontsquirrel.com/fontface  */

@font-face 
{
	font-family: 'GeometrySoftPro';
	src: url('../Fonts/GeometrySoftPro/Geometry_Soft_Pro-Bold_N-webfont.eot');
	src: url('../Fonts/GeometrySoftPro/Geometry_Soft_Pro-Bold_N-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/GeometrySoftPro/Geometry_Soft_Pro-Bold_N-webfont.woff') format('woff'),
		 url('../Fonts/GeometrySoftPro/Geometry_Soft_Pro-Bold_N-webfont.ttf') format('truetype'),
		 url('../Fonts/GeometrySoftPro/Geometry_Soft_Pro-Bold_N-webfont.svg#GeometrySoftPro') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'century_gothic';
    src: url('../Fonts/Century Gothic/century_gothic.eot') format('embedded-opentype'), 
        url('../Fonts/Century Gothic/century_gothic.ttf') format('truetype'), 
        url('../Fonts/Century Gothic/centurygothic.eot') format('embedded-opentype'), 
        url('../Fonts/Century Gothic/centurygothic.ttf') format('truetype');
}


 
/* -------------------------- GLOBAL ---------------------------------- */

/*---- HEADINGS ----*/
/*div{
    border-style: solid;
    border-color: black;
    border-width:0.5px;
}*/

*{
    box-sizing: border-box;
}

.tblEkisa {
    border-collapse: collapse;
    
}

.tr_eksia{
    padding: 8px;
}


h1
{
	font-family:century_gothic, Arial;
	font-weight:bold;
	font-size: 15pt;
	text-align:left;
    color: #2B4E76;
}

h2 {
    font-family:century_gothic, Arial;
    font-weight: bold;
    font-size: 12pt;
    text-align: left;
    color: #2B4E76;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #2B4E76;
}



/*---- BODY ----*/

body
{
	font-family:century_gothic, Arial;
	font-size:10pt;
    color: #333;
    margin: 0px;
}

.body_background1
{
    /* background-image: url('../../Images/Master/beach3.jpg'); */
    background-color: #FFFFFF;
}
.body_background2
{
    /* background-image: url('../../Images/Master/beach3.jpg'); */
    background-color:#FFAAFF;
}
.body_background3
{
    /* background-image: url('../../Images/Master/beach3.jpg'); */
    background-color:#FFFFAA;
}
.body_background4
{
    /* background-image: url('../../Images/Master/beach3.jpg'); */
    background-color:#AAFFAA;
}
.body_background5
{
    /* background-image: url('../../Images/Master/beach3.jpg'); */
    background-color:#FFFFFF;
}

.home_menu{
    width: 300px;
    margin-left: 10px;
    background-color: white;
}

/*-------------------------- GENERAL ----------------------------------*/

.divStatement {
    margin: 0 auto;
    padding: 10px;
}





.mobile{
    display:none;
}

.map{
    width:100%;
}

.text_bottom{
    position: absolute; bottom: 5px;
}

/*---- BUTTONS ----*/

.btnBack{
    background-color: #2b4e76;
    color: white;
    border: none;

}

.btn_standard {
    cursor: pointer;
    color: White;
    background-color: #5C80A2;
    border-color: #5C80A2;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
}

.btn_cms_home
{
	cursor:pointer;
	color:White;
	background-color:#2B4E76;
	border-color:#5C80A2;
	border-style:solid;
	border-width:1px;
    padding:10px;
}

.btn_oem
{
	cursor:pointer;
	color:White;
	background-color:#5C80A2;
	border-color:#5C80A2;
	border-style:solid;
	border-width:1px;
    padding:10px;
}

.btn_oem:hover
{
	color:#5C80A2;
	background-color:#fff;

}

.btn_cms_popup_x
{
	cursor:pointer;
	color:White;
	background-color:black;
	top:-8px;
	right:-8px;
	position:absolute;
	
}

.btn_cms_danger
{
	cursor:pointer;
	color:White;
	background-color:#FFAAAA;
	border-color:#666666;
	border-style:solid;
	border-width:1px;
}

/*---- LABELS ----*/

.lbl_editor{
    font-family:century_gothic;
    font-size: 11pt;
}

.lbl_error
{
	color:Red;
	font-weight:bold;
}

.lbl_image_title
{
	color:#444444;
	font-size:8pt;
	text-decoration:none;
}

.lbl_underline
{
	text-decoration:underline;
}

.lbl_product_description
{
    /* --- Sync this with body style in Ajax/HtmlDocument.css --- */
    
    font-family:century_gothic,Arial;
    font-size:10pt;
    color:Black;
}

.lbl_prodlist_productname, .lbl_catlist_categoryname
{
    margin-top:10px;
    margin-bottom:10px;
    font-family:century_gothic,Arial;
	font-size: 12pt; 
	text-align:left;
	color:#216388;
	font-variant:small-caps;
	text-decoration:none;
}

.lbl_prodlist_price
{
    font-size:10pt;
    color:Black;
    font-weight:bold;
}

.lbl_prodlist_summary
{
    font-size:10pt;
    color:Black;
}

.lbl_gallery_title
{
    font-size:10pt;
    color:Black;
    font-weight:bold;
    text-decoration:underline;
}

.lbl_news_title
{
    font-size:14pt;
    color:#333;
    font-weight:bold;
    text-decoration:none;
}

.lbl_news_summary
{
    /* Do not specify - this is a html string */
 }

.lbl_news_date
{
    font-size:10pt;
    color:gray;
}

.lbl_gallery_name {
    font-size:11pt;
    color:#666666;
    text-decoration:none;
    font-variant:small-caps;
    
}

.lbl_gallery_description {
    font-size:10pt;
    color:#666666;
    text-decoration:none;

    }

/*---- NEWS ----*/

.img_newslisting{
    width:100%;
}

.lbl_newsroom_title{
    font-size: 14pt;
    color: black;
}

.lbl_news_date{
    font-weight: bold;
}

.lbl_newsroom_summary{
    color:black;
}

/*---- TEXT ----*/


.txt_name
{
	width:250px;
}

.txt_id
{
	width:300px;
}

/*---- ITEM STYLES ----*/

.tbl_gridview_item
{
    padding:8px;
    border: 1px solid black;
}

/*-------------------------- MAIN MASTER PAGE -----------------------------*/

/*----@Media divisions for repsonsive layout-------



/* Default Width: 
  .container { width: 940px; margin: 0 auto; }

  /* Smaller than standard 960 (devices and browsers) 
  @media only screen and (max-width: 959px) {}

  /* Tablet Portrait size to standard 960 (devices and browsers) 
  @media only screen and (min-width: 768px) and (max-width: 959px) {}

  /* All Mobile Sizes (devices and browser) 
  @media only screen and (max-width: 767px) {}

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) 
  @media only screen and (min-width: 480px) and (max-width: 767px) {}

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
  @media only screen and (max-width: 479px) {} 

See bottom of CSS for @media queries
----------------------------------------------------------------------------*/


/*---- DIVS ----*/

.data_pager{
    text-align: center; 
    background-color: #2B4E76; 
    color: white; 
    height: 40px;
    font-size: 14pt;
}

.div_login_btn{
    text-align: center;
    font-size: 12pt;
    padding:10px;
    background-color: #85A1B9;
    width:100px;
    border: 1px solid white;
}

.contentheading {
    font-size: 13pt;
    text-align: left;
    font-weight: bold;
    padding-top: 10px;
}

.logo_mobile{
    background-color: white; 
}

.rounded_panel {
    width: 100%;
    border-radius: 20px;
    border: 2px solid #2B4E76;
    padding: 20px;
    background-color: white;
    margin: auto;
    box-sizing: border-box;
}

.collapsed{
    text-decoration: none;
    font-weight: bold;
    color: #333;
}

.collapsed:active{
    text-decoration: none;
    font-weight: bold;
    color: #333;
}




.col_padding{
    padding: 10px;
    box-sizing: border-box;
}

.blue_block{
    background-color:#2B4E76;
    width:100%;
    height:40px;
}

.home_subcategories,.home_subcategories2,.home_subcategories_dropdown{
    width:100%;
    text-align: center;
    color:white;
    font-size: 12pt;
    
    border: solid 1px white;
    padding-top: 10px;
    padding-bottom: 10px;
}
.home_subcategories{
    text-align: center;
    background-color: #2B4E76;
}


.home_subcategories2{
    text-align: center;
    background-color: #85A1B9;
}

.home_subcategories_dropdown{
    text-align: left;
    background-color:#37628D
}


.div_page_content{
    padding-bottom: 20px;
}


.master_fixed_header
{
    z-index:9999;
    position: fixed; 
    top: 0px; 
    margin: 0px auto; 
    width:100%; 
    height:20px; 
    background-color: #2B4E76;
}

.master_fixed_header_inner_content
{
    width:1050px; 
    text-align:left;
}

.master_content_below_fixed_header
{
    margin: 50px auto;
    height:auto;
 }

.master {
    /*comment out to remove responsiveness */
    /*display:flex;
    flex-wrap: wrap;*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
}

.main_frame
{ 
	max-width:1000px; /*1000px */
	top:10px;
	margin-left: auto; 
	margin-right: auto;
}

.div_distrib_header{
    background-color: #2B4E76;
    padding: 10px 10px 10px 10px; 
     text-align:center ;
}

.div_blue_panel{
    margin: auto;
    width: 100%;
    /*max-width: 250px;*/
    text-align: center;
    background-color: #A2B7CC;
}

.div_master_section_top
{
    background-image: url('../../Images/Backgrounds/Background2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width:100%;
}

.div_banner
{
    background-image: url('../../Images/Backgrounds/stock-photo-old-dirty-window-on-wall-464746322.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page_100 {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
    }



.banner_spacer{
    width:100%;
    height: 100px;
}

.div_master_section_bottom
{
    width: 100%;
    margin: 0;
    padding: 0;
    background-color:#2B4E76;
 }

.spacer
{
	height:3px;
	width:100%;
}

.rotator
{
	padding:20px;
}

.product_tree
{
	font-family:Arial;
	padding:10px;
}

.div_cms_master_content_placeholder
{
    padding-left:15px;
 }
 
 .div_master_content_placeholder2
{
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #CCCCCC;
    background-position: center;
    background-repeat: no-repeat;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    text-align:center;
 }

.content_placeholder2
{
    padding-left: 0px;
    padding-top: 50px;
    padding-right: 0px;
    padding-bottom: 0px;
    background-color: Transparent;
    /*display: flex;
    flex-wrap: wrap;*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
}

.div_master_content_placeholder3
{
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #00FFFF;
    background-position: center;
    background-repeat: no-repeat;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    text-align: center;
}

.content_placeholder3
{
    padding-left: 0px;
    padding-top: 50px;
    padding-right: 0px;
    padding-bottom: 0px;
    background-color: Transparent;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /*display: flex;
    flex-wrap: wrap;*/
    text-align: center;
}
    
 .div_cms_master_bottom_banner
 {
     background-color: #2B4E76;
 }

  .banner_mobile{
        display:none;
    }
    


/*---- TOP BANNER ----*/

.masterTopBanner
{
    /*comment out to remove responsiveness */
    /*display:flex;
    flex-wrap: wrap;*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #B2C5C5;
}

/*---- FOOTER ----*/

.masterFooter
{
    /*comment out to remove responsiveness */
    /*display:flex;
    flex-wrap: wrap;*/
    color: white;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #2B4E76;
    padding-top: 10px;
    font-size: 11pt;

}

.footer_contact{
    width: 70%;
    margin: auto;
}

/*---- MAIN LEFT PANEL ---- */
 
 .mainLeftPanel
 { 
    /*comment out to remove responsiveness */
    /*display:flex;
    flex-wrap: wrap;*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #B2C5C5;
}

/*---- MAIN RIGHT PANEL ----*/

.mainRightPanel
{
    /*comment out to remove responsiveness */
    /*display:flex;
    flex-wrap: wrap;*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /*width:100%;*/
}

.content_placeholder 
{
	padding-left:0px;
	padding-top:5px;
	padding-right:0px;
	padding-bottom:5px;
	background-color:White;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/*---- PAGE CONTENTS ----*/

.page_content
{
    /*comment out to remove responsiveness */
    width: 100%;
    background-color: white;
    /*display: flex;
    flex-wrap: wrap;*/
  }
 
 .gallery_content
{
    /*comment out to remove responsiveness */
    width: 100%;
    background-color: white;
    /*display: flex;
    flex-wrap: wrap;*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
 }
 
 .div_ResourcesTable
 {
   /*comment out to remove responsiveness */
    width: 100%;
    background-color: white;
    /*display: flex;
    flex-wrap: wrap;*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
 }

/*---- TD ----*/

.td_space{
    padding-bottom:5px;
}

.td_cms_menu_indent
{
    width:20px;
}

.td_smallmenu
{
    
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 100%;
}

.td_cms_details_labelcolumn
{
	width:150px;
	padding-bottom:10px;
}

.td_cms_details_fieldcolumn
{
	padding-bottom:10px;
}

.td_cms_master_top_logo
{
	width:20%;
}

.td_master_footer
{
	padding-right:20px;
	padding-left:20px;
	color: #333333;
	vertical-align:top;
	font-family:Calibri;
	font-size:10pt;
	width:100%;
}	

.td_master_bottom_banner_left
{
	width: 50%;
}
.td_master_bottom_banner_center
{
	vertical-align:middle; 
	width: 20%;
}
.td_master_bottom_banner_right
{
	vertical-align:middle; 
	width: 30%;
}

.td_search_col2
 {
    padding-bottom:2px;
 }
 
 .td_news_image
 {
     display:block;
     padding-right:10px;
 }
 
 

/*----  SPANS ----*/

.span_banner_text{
    font-family:century_gothic, Arial;
	font-weight:bold;
	font-size: 25pt;
	text-align:left;
    color: #2B4E76;
}

.span_form{
    font-size: 12pt;
}

.span_samplevideoclip
{
    color: #0c4979;
    font-size:11pt;
    font-weight:bold;
}

.span_distrib_title{
    font-size: 12pt;
    color: white;
   
}

.span_browser_detected{
    font-size: 8pt;
}

.span_login{
    font-family:century_gothic;
	font-weight:bold;
	font-size: 15pt;
	text-align:center;
}

.span_master_main_title {
    font-family: century_gothic;
    font-size: 24pt;
    font-weight: bold;
    padding-left: 20px;
}

.span_master_primelogic
{
	color: white;
	font-family: century_gothic, Arial;
	font-size: 10pt;
	text-align: left;
}	

.span_master_website_url
{
	color: White;
	font-family: century_gothic, Arial;
	font-size: 16px;
	text-align: left;
}

.span_menu_heading
{
    color: White;
    font-family: century_gothic;
    font-size: 11pt;
    padding-left: 13px;
    
    
 }		

/*---- HYPERLINKS ----*/
.lnkCovid {
    font-weight: bold;
    text-decoration: none;
    color: white
}

    .lnkCovid:hover {
        text-decoration: underline !important;
    }

.hyperlinkStatement {
    color: white;
    font-size: 11pt;
    text-decoration: underline;
}

    .hyperlinkStatement:hover {
        color: white;
    }

.hyperlink_contact{
    color:white;
    text-decoration:underline;
}

.hyperlink_readmore{
    font-size:10pt;
    color: #2B4E76;
    text-decoration: none;
    font-weight: bold;

}

.hyperlink_readmore:hover{
    text-decoration:underline;

}

.hyperlink_email{
    font-weight: bold;
    text-decoration: none;
    color: #37628D;
}

.hyperlink_email:hover{
    text-decoration: underline;
}

.hyperlink_nodecoration{
    text-decoration: none;
    color:white;
}

.hyperlink_cms{
    color: white;
}

.hyperlink_add{
    color: #2B4E76;
    font-weight: bold;
}

.hyperlink_cms_blue{
    color: #2B4E76;
}

.hyperlink_small_menu{
    text-decoration:none;
}
.hyperlink 
{
	color:white;
	font-family:century_gothic, Arial;
	font-size: 10pt; 
	text-decoration:none; text-align:left; cursor:pointer;  
 }
 
.hyperlink:link {text-decoration:none; cursor:pointer; }
.hyperlink:visited {text-decoration: none; cursor:pointer;}
.hyperlink:hover {color:white;font-weight:bold; text-decoration:none; cursor:pointer;  }
.hyperlink:active {text-decoration: none; cursor:pointer;}

.hyperlink_news_title
{
	font-size: 12px;
	text-decoration:none;
}

.hyperlink_video_link
{
	font-size: 14px;
    text-decoration:underline;
}

.hyperlink_news_summary
{
	text-decoration:none;
}

.hyperlink_refresh
{
	color:Black;
	font-family:century_gothic, Arial;
	font-size: 10px; 
	text-decoration:underline; text-align:left; cursor:pointer;  
 }
 
 .hyperlink_alwaysvisible
{
    font-family: Arial;
    font-size: 12pt;
    color: White;
    font-weight: bold;
    text-align: center;
    background-color: #216388;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 5px;
    line-height: 25px;
}

.hyperlink_smallmenubanners
{
    background-color: #2B4E76;
    padding-top: 10px;
    padding-left: 35px;
    font-size: 11pt;
    border-top-style: none;
    border-top-width: thin;
    border-top-color: #C0C0C0;
    padding-bottom: 10px;
    cursor: pointer;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #FFFFFF;
}
.hyperlink_smallmenubanners:hover
{
    background-color: #5C80A2;
}

.hyperlink_smallmenubanners_sub
{
    background-color: #FFFFFF;
    padding-top: 10px;
    padding-left: 35px;
    border-top-style: none;
    border-top-width: thin;
    border-top-color: #C0C0C0;
    padding-bottom: 10px;
    cursor: pointer;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #C0C0C0;
}
.hyperlink_smallmenubanners_sub:hover
{
    background-color: #5C80A2;
}


.hyperlink_smallmenubanners_home
{
    padding-top: 10px;
    padding-left: 35px;
    border-top-style: none;
    border-top-width: thin;
    border-top-color: #FFFFFF;
    padding-bottom: 10px;
    cursor: pointer;
    font-size: 15pt;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #FFFFFF;
}

.home{
    background-color: #2B4E76;
    color: #FFF;
}

    .home:hover {
        background-color: #D2DCE5;
        color: #2B4E76;
    }

.about{
    background-color: #37628D;
    color: #FFF;
}

    .about:hover {
        background-color: #D2DCE5;
        color: #2B4E76;
    }

.screenlogger{
    background-color: #5C80A2;
    color: #FFF;
}

    .screenlogger:hover {
        background-color: #D2DCE5;
        color: #2B4E76;
    }

.partners{
    background-color: #85A1B9;
    color: #2B4E76;
}

    .partners:hover {
        background-color: #D2DCE5;
        color: #2B4E76;
    }

.support{
    background-color: #A2B7CC;
    color: #2B4E76;
}

    .support:hover {
        background-color: #D2DCE5;
        color: #2B4E76;
    }

.faq{
    background-color: #A2B7CC;
    color: #2B4E76;
}

.faq:hover {
      background-color: #D2DCE5;
        color: #2B4E76;
    }

.contact{
    background-color: #C0CEDB;
    color: #2B4E76;
}

.contact:hover{
   background-color: #D2DCE5;
        color: #2B4E76;
}


.hyperlink_menu
{
    color: White;
    font-family: century_gothic;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}
 
.hyperlink_menu:link {text-decoration:none; cursor:pointer; }
.hyperlink_menu:visited {text-decoration: none; cursor:pointer;}
.hyperlink_menu:hover
{
    color: White;
    text-decoration: none;
    cursor: pointer;
}
.hyperlink_menu:active {text-decoration: none; cursor:pointer;}


.hyperlink_submenu
{
    color: Black;
    font-family: century_gothic;
    font-size: 11pt;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}
 
.hyperlink_submenu:link {text-decoration:none; cursor:pointer; }
.hyperlink_submenu:visited {text-decoration: none; cursor:pointer;}
.hyperlink_submenu:hover
{
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}
.hyperlink_submenu:active {text-decoration: none; cursor:pointer;}


/*---LINK BUTTONS----*/
.distributorlinks {
    color: #25aae1;
    text-decoration: none;
    font-weight: bold;
}

/*.distributorlinks:hover {
    text-decoration: none;
    color: #0d6cac;
}
.distributorlinks:visited {
    color: #25aae1;
    text-decoration: none;
}*/


.grid_pageNum{
    text-decoration: underline;

}

.lnkNodecoration{
    text-decoration: none;
    color: #2B4E76 !important;
}

.lnk_dropdown{
    font-size: 11pt;
    font-family: Verdana;
    color: white;
    text-decoration: none;
}

.lnk_dropdown:hover{
    text-decoration: underline;
}

.lnk_master_login
{
	color:#FFF;
	font-family: century_gothic, Arial;
	font-size: 12pt;
	font-weight:bold;
	text-align: left;
	text-decoration:none;
}	

.lnk_prodlist, lnk_catlist
{
    text-decoration: none;
    color: blue;
}

.lnk_news
{
    text-decoration: none;
    color: #333333;
}

.lnk_resourceview
{
    text-decoration: underline;
    color: #333333;
}

.lnk_prodlist:hover {font-weight:bold; text-decoration:none; cursor:pointer;  }
.lnk_subprodlist, lnk_subcatlist
{
    text-decoration:none;
    color:Blue;
}

/*---- IMAGES ----*/

.img_feat{
    max-width:600px;
}

.img_bottom_banner{
    width:100%;
}

.img_ekisa_logo, .img_ekisa_logo_desktop{
    width:100%;
    max-width:200px;
}



.img_distrib{
    width:100%;
    max-width: 200px;
}

.img_dynamic{
    max-width: 300px;
    width: 100%;
}

.img_sentinel{
    max-width: 1000px;
    width: 100%;
}

.img_techspec{
    max-width: 600px;
    width: 100%;
}


.img_thumbnail_hyperlink
{
	margin-top:2px;
	margin-left: 2px;
	max-width:120px;
	max-height:80px;
	cursor:pointer;
}

.img_thumbnail
{
	margin-top:2px;
	margin-left: 2px;
	max-width:120px;
	max-height:80px;
}

.img_thumbnail_gallery_static
{
	margin-top:2px;
	margin-left: 2px;
	max-width:160px;
	max-height:120px;
	-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;
}

.img_thumbnail_gallery_dynamic
{
	margin-top:2px;
	margin-left: 2px;
	max-width:120px;
	max-height:90px;
	-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;
}

.img_thumbnail_tiny
{
	margin-top:2px;
	margin-left: 2px;
	max-width:80px;
	max-height:60px;
}

.img_fullsize
{
	max-width: 400px;
	max-height: 300px; 
	cursor:pointer;
}

.img_prodlist_image, .img_catlist_image
{
    /* Apply to td_prodList_image */
    /* Also ensure that thumbnail size in Settings match these values */
    max-width:240px;
    max-height:180px;
}

.img_master_customer_logo
{
	width: 100%; 
    max-width: 300px;
	padding-left:10px;
	padding-top:10px;
}

.div_master_top_banner{
    width: 100%;
}

.img_master_primelogic_logo
{
	margin-left:10px;
	width: 30px;
	height: 30px;
	vertical-align:middle;
}	

.img_master_attraction
{
    width: 90%;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 20px;
    text-align: center;
}

.img_master_rotator
{
	width: 160px;
    height: 120px;
}

 .img_home_news
{
	margin-top:2px;
	margin-left: 2px;
	max-width:200px;
	max-height:100px;
	cursor:pointer;
}

.img_static_sample
{
    max-width: 300px;
	width: 100%;
}

.img_static_sample2
{
	width: 100%;
}

.img_collapse
{
	width: 35px;
	padding-left:10px;
	/* height: 300px; */
}


/*---- PANELS ----*/

.panel_master_rotator
{
	width: 100%;
	height: 100%;
}

.pnl_cms_baloon
{
	font-size: 10pt;
	width:160px;
}

.pnl_left{
    background-color: #A2B7CC;
}

/*-------- MENU --------*/

.menu
{
    z-index:9999;
    min-height: 50px;
    width: 100%;
    background-color: #2B4E76;
}

.mnu_tree_sitemap
{
	font-family: century_gothic, Arial;
	font-size: 12pt;
	text-align: left;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 10px;
	color: White;
	padding-bottom:10px;
	padding-left:10px;
}

.mnu_master_sitemap
{
	font-family: century_gothic;
	font-size: 13pt;
	text-align: center;
}

.mnu_cms_master_sitemap
{
	font-family: century_gothic;
	font-size: 13pt;
	text-align: center;
}



/*----  MENU ITEM (static) ----*/

.div_cms_master_menu
{
	padding:10px;
	background-color: #2B4E76;
}

.mitem_master_static_normal
{
	text-align: left;
	text-indent: 10px;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 0px;
	height: 25px;
	color: White;
	padding-top: 10px;
    font-weight: bold;
 }

.mitem_master_static_selected
{
	color: #5C80A2;
}

.mitem_master_static_hover
{
    color: #A2B7CC;
    background-color: none;
    background-image: none;
}

/*----  MENU ITEM (dynamic) ----*/

.mnu_master_dynamic
{
    margin-top: 15px;
	display:block; 
}

.mitem_master_dynamic_normal
{

	border:solid 1px #38647A;
	font-size:12pt;
	color:#38647A; 
	background-color:White;
	height:35px;
	padding:5px;
    width: 200px;
    text-align: left;
    font-weight: bold;
}

.mitem_master_dynamic_selected, .mitem_master_dynamic_hover
{
	background-color: #5C80A2;
    color: white;
}

/*---- TREE ----*/

.tree_master_products
{
	font-size:12pt;
}

/*--------------- PRODUCT LISTING & DETAILS ---------------*/

.img_product_details_main_image
{
	max-width: 400px;
	max-height: 300px; 
	cursor:pointer;
}

.div_product_details_main_image
{
	width: 400px;
	height: 300px; 
	text-align:left;
	vertical-align:middle;
}

.div_image_title
{
    padding-top:5px;
}

.td_padding{
    padding-top: 5px;
}

.td_product_details_header
{
	width:100px;
	min-width:100px;
	max-width:100px;
	font-weight: bold;
	text-align:left;
	vertical-align:top;
	background-color:#D8E4FF;
}

.td_product_details_field
{
	text-align:left;
	background-color:white;
}

.td_product_details_field_inner1
{
	width:80px;
	min-width:80px;
	max-width:80px;
	text-align:left;
}

.td_product_details_field_inner2
{
	width:120px;
	min-width:120px;
	max-width:120px;
	text-align:left;
	vertical-align:text-top;
}

.td_product_details_field_inner3
{
	width:100px;
	text-align:center;
}

.td_cms_edit_header
{
	width: 200px;
    vertical-align:top;
}

.td_cms_edit_value
{
    vertical-align:top;
    padding-bottom: 10px;
}

.td_cms_edit_value_inner
{
	width: 150px;
    vertical-align:top;
}

.td_prodlist_image, .td_catlist_image
{
    vertical-align:top;

    /* Depends on img_prodlist_image */    
    /* DO NOT CHANGE SIZE HERE WITHOUT CHANGING SIZE IN img_prodlist_image FIRST ! */
    
    /* Height =   img_prodlist_image.height + 5px margin */
    height:185px;      
   	max-height:185px;  
	min-height:185px;  

    /* Width =   img_prodlist_image.width + 5px margin */
    width:240px;      
   	max-width:240px;  
	min-width:240px;  
}

.td_prodlist_productname, .td_catlist_categoryname
{
    vertical-align:top;
}

.td_prodList_price
{
    vertical-align:top;
}

.td_prodList_summary
{
    vertical-align:top;
    height:60px;
}

.td_image_title
{   
    text-align:center;
}

.fixme{
    width: 100%;
}

.tbl_product_details
{
	width:100%;
	background-color:white;
	padding-right:5px;
}

.tbl_product_details_rates
{
	width:100%;
}

.tbl_cms_data_capture
{
	width:100%;
}

.txt_required
{
	background-color:#EEEEFF;
}

/*--------------- CONTACT US ---------------*/

.td_contact_col1
{
	text-align:left;
	vertical-align:top;
	background-color:White;
	width:0%;	
}

.td_contact_col2
{
	text-align:left;
	vertical-align:top;
	background-color:White;
    padding-bottom:2px;
}

/*--------------- CMS MASTER PAGE ---------------*/

.td_cms_master_main_left_panel
{
	width:15%;
	vertical-align:top;
	background-color:#2B4E76; 
}

.td_cms_master_main_right_panel
{
	width:85%;
}

/* -------------------------------------------------------------------------------------------- */

/*--------------- MEDIA QUERIES --------------- */

/*---All Mobile Sizes (devices and browser) ---------------www.responsinator.com---------------- */

 /* All Mobile Sizes (devices and browser) ---------------www.responsinator.com--------------------
1. 320              Blue   @media screen and (max-width: 320px) 
2. 375, 384         Green  @media screen and (min-width: 321px) and (max-width: 384px)
3. 414              Yellow @media screen and (min-width: 385px) and (max-width: 479px)
4. 568              Gold   @media screen and (min-width: 480px) and (max-width: 568px)
5. 600, 667, 736    Red    @media screen and (min-width: 569px) and (max-width: 767px)
6. 768              Pink   @media screen and (max-width: 959px) 
7. 1024             Normal @media screen and (min-width: 960px) 
----------------------------------------------------------------------------------------------------

LISTED FROM BIG TO SMALL:

/* Larger than standard 960 (devices and browsers) */

@media screen and (min-width: 960px) 
{
       
    @-ms-viewport
      {
          width:100%;
      }
      
     /*.main_frame
    { 
	   min-width:960px;
	}*/
	
    /* Top Banner */
       
    .mainBannerLeft
    {
       width:25%;
    }

    .mainBannerMid
    {
        width: 50%;
        background-color:White;
    }

    .mainBannerRight
    {
        width:25%;
    }
    
    .menu
    {
        display:block;
    }

    .small_menu
    {
        display:none;
         
    }
    
    
     /* Main Table  */
     
    .mainLeftPanel
    {
        background-color: #FF66FF;
    }
    
    
    .div_ResourcesTable
    {
        width: 50%;
        
    }
    
    
    /* Bottom Banner */
    
    .masterFooterLeft
    {
       padding-left: 30px;
    }
    
    .masterFooterCenter
    {
         padding-left: 30px;
    }
    
    .masterFooterRight
    {
         padding-left: 30px;
    }
    
    /* Pages Inside */
   
    .page_1
    {
        width:60%;
        padding-right:20px;
    }
        
    .page_2
    {
        width:32%;
    }

    
     
    .gallery_1
    {
        width:40%;
    }
        
    .gallery_2
    {
        width:40%;
    }
   
    /*--- Left Panel same page article ---*/
    
    .news_1
    {
       width: 100%;
       
    }
        
    /*--- Right Panel same page article ---*/
    
    .news_2
    {
        width: 40%;
     }
      
    /*--- Full screen article ---*/
    
    .news_3
    {
        width: 100%;
    }
    
    
      .contact_content
    {
       
       width:50%;
     }
    
    /*---GRIDVIEW NORMAL---*/
    
    .div_searchresults_desktop
    {
         width:100%;
         display:block;
    }
    
    .div_searchresults_mobile
    {
         width:100%;
         display:none;
    }
}

/* Smaller than standard 960 (devices and browsers) -------------------PINK---------------------------------*/

@media screen and (max-width: 959px) 
{
    
      @-ms-viewport
      {
          width:100%;
       }
       
   /*.main_frame
    { 
	    max-width:959px;
	    min-width:768px;
	}*/
	
    /* Top Banner */
       
    .mainBannerLeft
    {
       width:25%;
    }

    .mainBannerMid
    {
        width: 50%;
        background-color: #FF99FF;
    }

    .mainBannerRight
    {
        width:25%;
    }
    
    .menu
    {
        display:block;
    }

    .small_menu
    {
        display:none;
         
    }
    
    /* Main Table  PINK*/
     
    .mainLeftPanel
    {
        background-color: #00FFFF;
    }

    
    .div_ResourcesTable
    {
        width: 50%;
        
    }
            
    /* Bottom Banner PINK*/
    
    .masterFooterLeft
    {
       padding-left: 30px;
    }
    
    .masterFooterCenter
    {
         padding-left: 30px;
    }
    
    .masterFooterRight
    {
         padding-left: 30px;
    }
    
    /* Pages inside PINK*/
      
    .page_1
    {
       max-width: 50%;
       padding-right:10px;
    }
        
     .page_2
    {
        max-width: 42%;
    }
     
    .gallery_1
    {
       max-width: 20%;
    }
        
    .gallery_2
    {
      max-width: 60%;
    }
  
    /*--- Left Panel same page article ---PINK*/
    .news_1

    {
       max-width: 100%;
      
    }
        
    /*--- Right Panel same page article ---PINK*/
    .news_2
    {
        max-width: 45%;
    }
    
    /*--- Full screen article ---PINK*/
    .news_3
    {
        max-width: 100%;
    }
    
    .contact_content
    {
        width: 50%;
     }
    
    /*---GRIDVIEW NORMAL---PINK*/
    
    .div_searchresults_desktop
    {
         width:100%;
         display:block;
    }
    
    .div_searchresults_mobile
    {
         width:100%;
         display:none;
    }
    
    .td_prodList_image
    {
       
        min-width:180px;
    }
     .img_prodlist_image
    {
        width:100%;
     }
    
        
    .img_catlist_image
    {
        width:100%;
    }
        
    .td_catlist_image
    {
        min-width:180px;
    }
  
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)----------------------RED------------------- */

@media screen and (min-width: 569px) and (max-width: 767px)
{
    
     @-ms-viewport
      {
          width:100%;
       }
      
    /*.main_frame
    { 
	    max-width:767px;
	    /*min-width:569px;*/
	/*}*/
    
    /* Top Banner */
    
    .mainBannerLeft
    {
       width:25%;
    }

    .mainBannerMid
    {
        width: 45%;
        background-color:Red;
    }

    .mainBannerRight
    {
        width:30%;
    }
    
    .div_visible
    {
        display:none;
    }
    
    /* Menu*/
    
    .mnu_master_sitemap
    {
		font-size: 10pt;
	}
	
	.menu
    {
        display:none;
    }

    .small_menu
    {
        display:block;
         
    }
    
     .master_fixed_header
    {
        height:40px; 
    }

    .master_content_below_fixed_header
    {
        margin: 50px auto;
     }

	
	/* Main Table -- If panels are used RED*/
    
    .mainLeftPanel
    {      
        background-color: Red; 
             
    }
    
    
    /* Bottom Banner */
    
    .masterFooterLeft
    {
        width:100%;
    }
    
    .masterFooterCenter
    {
        vertical-align:middle;
        width:100%;
        background-color:Red;
    }
    
    .masterFooterRight
    {
        vertical-align: middle;
        width:100%;
    }
    
    /* Pages Inside RED*/
    
    .page_1
    {
       max-width: 100%;
    }
        
    .page_2
    {
        max-width: 100%;
     }
     
    .gallery_1
    {
       max-width: 100%;
    }
        
    .gallery_2
    {
      max-width: 100%;
     }
    
    /*--- Left Panel same page article ---RED*/
    
    .news_1
    {
       max-width: 100%;
       min-width:200px;
    }
        
    /*--- Right Panel same page article ---RED*/
    
    .news_2
    {
        max-width: 100%;
    }
    
    .contact_content
    {
        width: 50%;
     }

    /*--- Full screen article ---RED*/
    
    .news_3
    {
        max-width: 100%;
    }
    
    /*---GRIDVIEW RED---*/
    
   .div_searchresults_desktop
    {
         width:100%;
         display:block;
    }
    
    .div_searchresults_mobile
    {
         width:100%;
         display:none;
    }
    
    .td_prodList_image
    {
       min-width:90px;
     }
    
     .img_prodlist_image
    {
        width:100%;
     }
    
           
    .td_catlist_image
    {
        min-width:90px;
        
    }
    
    .img_catlist_image
    {
        width:100%;
     }

    .img_master_customer_logo
    {
	    width: 40%;
	}

    .img_master_attraction
    {
        width: 50%;
    }

    .banner_spacer {
        width: 100%;
        height: 300px;
    }

    /*.div_master_section_top {
        background-image: url('../../Images/Backgrounds/stock-photo-old-dirty-window-on-wall-464746322.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        width: 100%;
    }*/

    .banner_desktop {
        display: none;
    }

    .banner_mobile {
        display: inline-block;
    }

    .home {
        background-color: rgba(55, 98, 141,0.7);
       
    }

    .col_padding {
        padding: 5px;
        box-sizing: border-box;
    }

    .pnl_desktop, .img_ekisa_logo_desktop {
        display:none;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .text_bottom {
        position: absolute;
        bottom: 50px;
        left:30px;
    }
    
}    
    
/* Mobile Landscape Size to Tablet Portrait (devices and browsers)----------------------Gold------------------- */

@media screen and (min-width: 480px) and (max-width: 568px)
{
    
    @-ms-viewport
      {
          width:100%;
       }
      
    
    /*.main_frame
    { 
	    max-width:568px;
	    /*min-width:480px;*/
	/*}*/
    
    /* Top Banner */
    
    .mainBannerLeft
    {
       width:25%;
    }

    .mainBannerMid
    {
        width: 45%;
        background-color: #FF9933;
    }

    .mainBannerRight
    {
        width:30%;
    }
    
    .div_ResourcesTable
    {
        width: 100%;
        
    }
    
    /* Menu*/
    
    .mnu_master_sitemap
    {
		font-size: 10pt;
	}
	
	.menu
    {
        display:none;
    }

    .small_menu
    {
        display:block;
         
    }
    
     .master_fixed_header
    {
        height:40px; 
    }

    .master_content_below_fixed_header
    {
        margin: 50px auto;
     }
	
	/* Main Table -- If panels are used* Gold*/

	
	/* Side Buttons Gold*/
    
    .div_visible
    {
        display:none;
    }
    
    
    /* Bottom Banner Gold*/
    
    .masterFooterLeft
    {
        width:100%;
    }
    
    .masterFooterCenter
    {
        vertical-align:middle;
        width:100%;
     }
    
    .masterFooterRight
    {
        vertical-align: middle;
        width:100%;
    }
    
    /* Pages inside Gold*/
       
    .page_1
    {
       max-width: 100%;
    }
        
    .page_2
    {
        max-width: 100%;
     }
     
    .gallery_1
    {
       max-width: 100%;
    }
        
    .gallery_2
    {
      max-width: 100%;
     }
    
    /*--- Left Panel same page article ---Gold*/
    
    .news_1

    {
       max-width: 100%;
       min-width:200px;
    }
        
    /*--- Right Panel same page article ---*/
    
    .news_2
    {
        max-width: 100%;
    }
    
    .contact_content
    {
        width: 100%;
     }
    
    /*--- Full screen article ---Gold*/
    
    .news_3
    {
        max-width: 100%;
    }
    
    /*---GRIDVIEW GOLD---*/
    
   .div_searchresults_desktop
    {
         width:100%;
         display:none;
    }
    
    .div_searchresults_mobile
    {
         width:100%;
         display:block;
    }
    
    .td_prodList_image
    {
       min-width:70px;
     }
    
     .img_prodlist_image
    {
       width:100%;
     }
               
    .td_catlist_image
    {
        min-width:70px;
     }
    
    .img_catlist_image
    {
      width:100%;
     }
     
     .td_product_details_field_inner2
    {
	    width:110px;
	    min-width:110px;
	    max-width:110px;
	    text-align:left;
	    vertical-align:text-top;
    }

     .banner_desktop{
        display:none;
    }

     .banner_mobile {
        display: inline-block;
    }


    .banner_spacer {
        height: 200px;
    }

    .div_master_section_top {
        background-image: url('../../Images/Backgrounds/Background2_mobile.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        width: 100%;
    }

    .home {
        background-color: rgba(55, 98, 141,0.7);
       
    }

    .col_padding {
        padding: 5px;
        box-sizing: border-box;
    }

    .pnl_desktop, .img_ekisa_logo_desktop {
        display:none;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .text_bottom {
        position: absolute;
        bottom: 50px;
        left:30px;
    }
}    
    
/* Mobile Landscape Size to Tablet Portrait (devices and browsers)----------------------Yellow------------------- */

@media screen and (min-width: 385px) and (max-width: 479px)
{
    
     @-ms-viewport
      {
          width:100%;
      }
       
            
    /*.main_frame
    { 
	    max-width:479px;
	    /*min-width:385px;*/
	/*}*/
       
    /* Top Banner Yellow*/
    
    .mainBannerLeft
    {
       width:100%;
    }

    .mainBannerMid
    {
        width: 100%;
        background-color:Yellow;
    }

    .mainBannerRight
    {
        width:100%;
    }
    
     .div_ResourcesTable
    {
        width: 100%;
        
    }
    
    /* Menu Yellow*/
    
    .mnu_master_sitemap
    {
		font-size: 10pt;
	}
	
	.menu
    {
        display:none;
    }

    .small_menu
    {
        display:block;
         
    }
    
     .master_fixed_header
    {
        height:40px; 
    }

    .master_content_below_fixed_header
    {
        margin: 50px auto;
     }
	
	/* Main Table Yellow */
     
    .mainLeftPanel
    {
        background-color: Yellow;
   
    }
    
    /* Side Buttons Yellow*/
    
    .div_visible
    {
        display:none;
    }
	    
     /* Bottom Banner Yellow*/
    
    .masterFooterLeft
    {
        width:100%;
     }
    
    .masterFooterCenter
    {
        vertical-align:middle;
        width:100%;
        background-color:Blue;
    }
    
    .masterFooterRight
    {
        vertical-align: middle;
        width:100%;
     }
     
     /* Images Yellow */
    
    .img_master_customer_logo
    {
	    width: 40%;
	}
	
	.img_master_attraction
    {
        width: 50%;
     }
     
    /* Pages Inside Yellow */
    
    .page_1
    {
       max-width: 100%;
    }
        
    .page_2
    {
        max-width: 100%;
     }
     
    .gallery_1
    {
       max-width: 100%;
    }
        
    .gallery_2
    {
      max-width: 100%;
     }
    
    /*--- Left Panel same page article ---Yellow*/
    
    .news_1
    {
       max-width: 100%;
       min-width:200px;
    }
        
    /*--- Right Panel same page article ---Yellow*/
    
    .news_2
    {
        max-width: 100%;
    }
    
         
    /*--- Full screen article ---Yellow*/
    
    .news_3
    {
        max-width: 100%;
    }
    
    .contact_content
    {
        width: 100%;
     }
    
    /*---GRIDVIEW YELLOW---*/
    
   .div_searchresults_desktop
    {
         width:100%;
         display:none;
    }
    
    .div_searchresults_mobile
    {
         width:100%;
         display:block;
    }
    
    .td_prodList_image
    {
       min-width:70px;
       
    }
    
     .img_prodlist_image
    {
        width:100%;
     }
    
           
    .td_catlist_image
    {
        min-width:70px;
        
    }
    
    .img_catlist_image
    {
        width:100%;
     }
     
     /*---PRODUCT DETAILS PAGE---Yellow*/
     
     .td_product_details_header
    {
	    display:none;
	    width:100%;
    }
    
    .div_product_details_main_image
    {
	    width: 100%;
	    height:100%;
    }
    
    .img_product_details_main_image
    {
	    width: 100%;
	    height:100%;
    }
    
    .td_product_details_field_inner2
    {
	    width:110px;
	    min-width:110px;
	    max-width:110px;
	    text-align:left;
	    vertical-align:text-top;
    }

    .col-full{
        width:100%;
    }

    .banner_desktop{
        display:none;
    }

    .banner_mobile {
        display: inline-block;
    }

    .banner_spacer {
         height: 200px;
    }

    .div_master_section_top {
        background-image: url('../../Images/Backgrounds/Background2_mobile.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        width: 100%;
    }

    .home {
        background-color: rgba(55, 98, 141,0.7);
       
    }

    .col_padding {
        padding: 5px;
        box-sizing: border-box;
    }

    .pnl_desktop, .img_ekisa_logo_desktop {
        display:none;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .text_bottom {
        position: absolute;
        bottom: 20px;
        left:30px;
    }

    .span_banner_text {
       font-size: 20pt;
    }
}
      
/* Mobile Landscape Size to Tablet Portrait (devices and browsers)----------------------Green------------------- */

@media screen and (min-width: 321px) and (max-width: 384px)
{
    
    @-ms-viewport
     {
          width:100%;
      }
       
   /*.main_frame
    { 
	   max-width:384px;
	   /*min-width:321px;
	}*/
	    
	h1
    {
	   font-size: 12pt;
	} 
	    
    /* Top Banner Green*/
    
    .mainBannerLeft
    {
       width:100%;
    }

    .mainBannerMid
    {
       width: 100%;
       background-color:Green;
    }

    .mainBannerRight
    {
       width:100%;
    }
    
     .div_ResourcesTable
    {
        width: 100%;
        
    }
    
    /* Menu Green*/
    
    .mnu_master_sitemap
    {
	    font-size: 10pt;
	}
	
	.menu
    {
        display:none;
    }

    .small_menu
    {
        display:block;
         
    }
    
     .master_fixed_header
    {
        height:40px; 
    }

    .master_content_below_fixed_header
    {
        margin: 50px auto;
     }
	
	/* Main Table  Green*/
     
    .mainLeftPanel
    {
       background-color: Blue;
     
    }
   
    
    /* Side Buttons Green*/
    
    .div_visible
    {
        display:none;
    }
	    
     /* Bottom Banner Green*/
    
    .masterFooterLeft
    {
       width:100%;
    }
    
    .masterFooterCenter
    {
       vertical-align:middle;
       width:100%;
       background-color:Green;
    }
    
    .masterFooterRight
    {
       vertical-align: middle;
       width:100%;
     }
     
     /* Images Green*/
    
    .img_master_customer_logo
    {
	    width: 40%;
	}
	
	.img_master_attraction
    {
        width: 50%;
     }
     
      /* Pages Inside Green*/
    
    .page_1
    {
       max-width: 100%;
    }
        
    .page_2
    {
        max-width: 100%;
     }
     
    .gallery_1
    {
       max-width: 100%;
    }
        
    .gallery_2
    {
      max-width: 100%;
     }
    
    /*--- Left Panel same page article ---Green*/
    
    .news_1
    {
       max-width: 100%;
       min-width:200px;
    }
        
    /*--- Right Panel same page article ---Green*/
    
    .news_2
    {
       max-width: 100%;
    }
    
     .td_news_image
    {
        display:none;
    }
    
    
    
    /*--- Full screen article ---Green*/
    
    .news_3
    {
       max-width: 100%;
    }
    
    .contact_content
    {
        width: 100%;
     }
    
    /*---GRIDVIEW GREEN---*/
    
   .div_searchresults_desktop
    {
         width:100%;
         display:none;
    }
    
    .div_searchresults_mobile
    {
         width:100%;
         display:block;
    }
    
   
    
     .td_prodList_image
    {
       min-width:70px;
     }
    
     .img_prodlist_image
    {
        width:100%;
     }
            
    .td_catlist_image
    {
        min-width:70px;
     }
    
    .img_catlist_image
    {
        width:100%;
     }
     
      /*---PRODUCT DETAILS PAGE---Green*/
     
     .td_product_details_header
    {
	    display:none;
	    width:100%;
    }
    
    .div_product_details_main_image
    {
	    width: 100%;
	    height:100%;
    }
    
    .img_product_details_main_image
    {
	    width: 100%;
	    height:100%;
    }
    
    .td_product_details_field_inner2
    {
	    width:80px;
	    min-width:80px;
	    max-width:80px;
	    text-align:left;
	    vertical-align:text-top;
    }

    .col-full{
        width:100%;
    }

    .banner_desktop{
        display:none;
    }

    .banner_mobile {
        display: inline-block;
    }
    
    .banner_spacer {
         height: 200px;
    }

    .div_master_section_top {
        background-image: url('../../Images/Backgrounds/Background2_mobile.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        width: 100%;
    }

    .home {
        background-color: rgba(55, 98, 141,0.7);
       
    }

    .col_padding {
        padding: 5px;
        box-sizing: border-box;
    }

    .pnl_desktop, .img_ekisa_logo_desktop {
        display:none;
    }
    
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .text_bottom {
        position: absolute;
        bottom: 20px;
        left:30px;
    }

    .span_banner_text {
       font-size: 20pt;
    }

}

/* All Mobile Sizes (devices and browser) --------------------------------------------BLUE*/

@media screen and (max-width: 320px) 
{
     @-ms-viewport
      {
          width:100%;
       }    
       
    /*.main_frame
    { 
	    max-width:320px;
	    /*min-width:200px;
    }*/  
    
    /* Fonts */
    
    h1
    {
	   font-size: 12pt;
	}

    h2
    {
		font-size: 10pt;
    }

    
    .span_master_main_title
    {
	   font-size:18pt;
	}
    
    /* Top Banner BLUE*/
    
    .mainBannerLeft 
    {
       width:100%;
    }

    .mainBannerMid
    {
        width: 100%;
        background-color:Blue;
    }

    .mainBannerRight
    {
        width:100%;
    }
    
    .master_fixed_header
    {
        height:40px; 
    }

    .master_content_below_fixed_header
    {
        margin: 50px auto;
     }
    
    /* Menu BLUE*/
    
    .mnu_master_sitemap
    {
		font-size: 10pt;
	}
	
	.menu
    {
        display:none;
    }

    .small_menu
    {
        display:block;
         
    }
	
	/* Main Table  BLUE*/
     
    .mainLeftPanel
    {
        background-color: Blue;
   
    }
   
    
     .div_ResourcesTable
    {
        width: 100%;
        
    }
    
    /* Side Buttoms BLUE*/
    
    .div_visible
    {
        display:none;
    }
	    
     /* Bottom Banner BLUE*/
    
    .masterFooterLeft
    {
        width:100%;
    }
    
    .masterFooterCenter
    {
        vertical-align:middle;
        width:100%;
        background-color:Blue;
    }
    
    .masterFooterRight
    {
        vertical-align: middle;
        width:100%;
     }
    
    /* Images BLUE*/
    
    .img_master_customer_logo
    {
	    width: 40%;
	}
	
	.img_master_attraction
    {
        width: 50%;
    }
    
    /* Pages Inside BLUE*/
    
    .page_1
    {
       max-width: 100%;
    }
        
    .page_2
    {
        max-width: 100%;
     }
     
    .gallery_1
    {
       max-width: 100%;
    }
        
    .gallery_2
    {
      max-width: 100%;
     }

    /*--- Left Panel same page article ---BLUE*/
    
    .news_1
    {
       max-width: 100%;
       min-width:200px;
    }
        
    /*--- Right Panel same page article ---BLUE*/
    
    .news_2
    {
        max-width: 100%;
    }

    /*--- Full screen article ---BLUE*/
    
    .news_3
    {
        max-width: 100%;
    }
    
    .contact_content
    {
        width: 100%;
     }
    
    /*---GRIDVIEW BLUE---*/
    
    .div_searchresults_desktop
    {
         width:100%;
         display:none;
    }
    
    .div_searchresults_mobile
    {
         width:100%;
         display:block;
    }
    
     .td_prodList_image
    {
       min-width:70px;
    }
    
     .img_prodlist_image
    {
        width:90%;
     }
     
     .td_news_image
    {
        display:none;
    }
    
           
    .td_catlist_image
    {
        min-width:70px;
    }
    
    .img_catlist_image
    {
        width:90%;
     }
     
      /*---PRODUCT DETAILS PAGE---BLUE*/
     
     .td_product_details_header
    {
	    display:none;
	    width:100%;
    }
    
    .div_product_details_main_image
    {
	    width: 100%;
	    height:100%;
    }
    
    .img_product_details_main_image
    {
	    width: 100%;
	    height:100%;
    }
    
    .td_product_details_field_inner2
    {
	    width:70px;
	    min-width:70px;
	    max-width:70px;
	    text-align:left;
	    vertical-align:text-top;
    }

    .col-full{
        width:100%;
    }

    .banner_desktop{
        display:none;
    }

    .banner_mobile {
        display: inline-block;
    }

    .banner_spacer {
         height: 200px;
    }

    .div_master_section_top {
        background-image: url('../../Images/Backgrounds/Background2_mobile.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        width: 100%;
    }

    .home {
        background-color: rgba(55, 98, 141,0.7);
       
    }

    .col_padding {
        padding: 5px;
        box-sizing: border-box;
    }

    .pnl_desktop, .img_ekisa_logo_desktop {
        display:none;
    }
 
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .text_bottom {
        position: absolute;
        bottom: 20px;
        left:30px;
    }

    .span_banner_text {
       font-size: 20pt;
    }
}
      
  
  
    

/*---- END QUERY---- */


