html,body 
{
	background-color:#FFF; 
	background-image:url('../img/bckgrd_header.jpg');
	background-repeat: repeat-x;
	background-position: top;
	
	height:100%;
	
	margin: 0px;
	padding: 0px;
	
	font-family: Arial,'pt_sans',  geneva, sans-serif;
	font-size: 14px;
	color: #333;
}

@media print {
.noprint {display:none !important;}
}

*:focus
{
  outline: none;
  -webkit-appearance: none;
}

P, DIV, UL, OL, LI, DL, DD, DT, TD, BLOCKQUOTE {
	font-family:  Arial, 'MyriadProLight', geneva, sans-serif;
	font-size: 14px;
	color: #333;

}

h1 {
  font-family: 'MyriadProLight', arial, tahoma, sans-serif;
  font-size: 28px;
  font-weight: normal;
  color: #000;
  margin:0 0 10px 0;
}

h2 {
  font-family: 'MyriadProLight', arial, tahoma, sans-serif;
  font-size: 24px;
  font-weight: normal;
  color: #000;
  margin:0px;
}

@font-face {
    font-family: 'MyriadProLight';
    src: url('myriadpro-light.eot');
    src: url('myriadpro-light.eot') format('embedded-opentype'),
         url('myriadpro-light.woff') format('woff'),
         url('myriadpro-light.ttf') format('truetype'),
         url('myriadpro-light.svg#MyriadProLight') format('svg');
}

hr{ background-color: #CCCCCC; height: 1px; border: 0px;}

A:link, A:visited {color: #01afad;	text-decoration: none;}
A:hover {color: #467e98;}


.main_navig
{
  display:inline-block;
  font-family: 'MyriadProLight', arial, tahoma, sans-serif; 
  font-size: 18px;
  color: #FFF; 
  border-bottom: 5px solid #FFF;
  height:75px;
  
  margin: 0 1px 0 0;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  padding: 25px 25px 0 25px;
  
  background-color:#01afad;

  cursor: hand;
  cursor: pointer;

  transition: color .2s,border-bottom .2s;
}
.main_navig:hover  { color: #a8fdfc; border-bottom: 5px solid #a8fdfc; }
.main_navig_active { color: #FFF; border-bottom: 5px solid #fff; }

.sub_navig
{
  color: #FFF;	
  background-color:#01afad;
  padding:18px 20px;
  font-family: Arial, Tahoma ;
  font-weight: normal;
  font-size:16x !important;
  margin-bottom:1px;

  cursor: hand;
  cursor: pointer;

  transition: color .2s;
}
.sub_navig:hover { color: #000;background-color:#cdddff;}

.sub_navig_inner
{
  color: #01afad; 
  text-decoration: none; 
  font-family: Arial, Tahoma ; 
  font-size:14px;
  padding:10px 0 10px 20px;
  margin:0px;
  border-bottom:1px solid #01afad;

  cursor: hand;
  cursor: pointer;

  transition: color .2s,background-color .2s;
}
.sub_navig_inner:hover { color: #f18229; }

.subnavig_div
{
	margin:0;
}


/* 
------------------------------------------------------------
------------------------------------------------------------
-- Products menu
------------------------------------------------------------
------------------------------------------------------------
*/

.prodMenu
{
	margin:0;
	padding:0; 
}

.prodMenu .menuItem
{
	color:#fff;
	
	display:inline-block;
	width:100%;
	box-sizing: border-box;
	
	background-color:#01afad;
	padding:18px 20px;
	font-family: Arial, Tahoma ;
	font-weight: normal;
	font-size:16x !important;
	
		
	cursor: hand;
	cursor: pointer;
	
	transition: color .2s;
}
.prodMenu .menuItem:hover { background-color:#cdddff;color: #000; }

.prodMenuHoverClass
{
	background-color:#cdddff !important;
	color: #000 !important;
}

.prodMenu .prodMenuSubmenu
{
	display: inline-block;
	position: absolute;
	visibility:hidden;
	opacity:0;
	
    text-align:left;
    padding:20px;
    margin-top:0px;
    margin-left:0px;
    background-color:#cdddff;
    
    min-width:100px;
    max-width:780px;
    
    transition:all .3s;
}

.prodMenu > li:hover .prodMenuSubmenu 
{
	position: absolute;
	visibility:visible;
	opacity:1;	
}

.prodMenu > li
{
	list-style: none;
	margin-bottom:1px;
}

.prodMenuGroup
{
	padding-bottom: 7px;
	font-size:16px;
	color:#000;
	font-weight:bold;
	
	width:350px; 
/* 	white-space: nowrap; */  
	overflow: hidden;
/* 	text-overflow: ellipsis; */
	
	cursor:pointer;
}
.prodMenuGroup:hover { color:#467e98; }

.prodMenuSubgroup
{
	padding-bottom: 5px;
	padding-left:15px;
	font-size:12px;
	color:#000;
	
	width:350px; 
/* 	white-space: nowrap;  */
/* 	overflow: hidden; */
/* 	text-overflow: ellipsis; */
	
	cursor:pointer;
}
.prodMenuSubgroup:hover { color:#467e98; }

.prodMenuSubgroup:before
{
	content:"";
	position:absolute;
	margin-left:-15px;
	margin-top:3px;
	width: 0; 
	height: 0; 
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	
	
	border-left: 4px solid #FFF;
}



.prodMenuBreadCrumbs
{
	font-size:12px;
	color:#a7a7a7 !important;
	
	transition: all .3s;
}
.prodMenuBreadCrumbs:hover {text-decoration:underline; }








a.site_path_link:link, a.site_path_link:visited {font-family: Arial,Tahoma; color: #215db1; text-decoration: none; font-size: 10px;}
a.site_path_link:hover {text-decoration: underline; color: #aa8c46;}

.floatClear:after
{
  content:"";
  display:table;
  clear:both;
}

/* 
------------------------------------------------------------
------------------------------------------------------------
-- PAGINATION
------------------------------------------------------------
------------------------------------------------------------
*/

.pagination_container
{
  text-align:center;
  margin:5px;
}

.pagination_arrows
{
  font-size:10px !important;
}

a.pagination_link:link, a.pagination_link:visited 
{
  color: #f18229; 
  text-decoration: none; 
  font-size: 12px;
  margin:5px;

  transition: color .2s;
}
a.pagination_link:hover {color: #ffe3a1;}

a.pagination_link.disabled {color: #ccc;}
a.pagination_link.current {font-weight:bold;color: #000;}




/* 
------------------------------------------------------------
------------------------------------------------------------
-- STANDARD INPUT TAGS DEFINITION 
------------------------------------------------------------
------------------------------------------------------------
*/

input[type=text],input[type=password], textarea
{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    font-family:  'pt_sans', Arial, Tahoma, Helvetica, sans-serif;
    border: 1px solid #ccc;
    border-radius:15px;
    font-size: 14px;  
    color: #000;
	   padding: 4px 10px;
}

input[type=button],
input[type=submit]
{
    border: 1px solid #ba2222;
    border-radius:15px;
    font-family: 'pt_sans',Arial, Helvetica, sans-serif;
    font-size: 14px;  
    color: #FFF;
    background-color:#d82121;
    padding:4px 10px;
    cursor:pointer;
    cursor:hand;

    transition: background-color .2s;
}

input[type=button]:hover,
input[type=submit]:hover{

	background-color:#900404;

}

input[type=button]:disabled,
input[type=submit]:disabled{

	background:#bebebe;

}

select
{	
	font-family:   Arial,Tahoma, Helvetica, sans-serif;
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
    border: 1px solid #bbbbbb;
    font-size: 12px;  
    color: #000;
    padding:6px 1px 6px 5px;
    
    -moz-border-radius: 5px; 
    border-radius: 5px;
}

option
{
    padding:1px 5px 2px 5px;
	color: #000;
}

optgroup
{
    color: #CCC;
}

.error {
  background-color:#FEFCA9 !important;
}

fieldset {
  padding: 5px;
  border: 1px solid #bbb;
  border-radius:5px;
  margin-top:5px;
  margin-bottom:10px;
}

fieldset > legend {
  color:#888;
  padding: 0px 7px 0px 7px;
  text-align:left;
}


/* 
------------------------------------------------------------
------------------------------------------------------------
-- LAYOUT BUILDER
------------------------------------------------------------
------------------------------------------------------------
*/


.panelContainer
{
	margin:0;
	padding:0;
	width:100%;
	
	display: table;
	table-layout: fixed;
}

.panelCell
{
	margin:0;
	padding:0;
	padding:10px;
	display:table-cell;
}