﻿
body
{
text-align:center;
font-size: 14px;
font-family: Lato, Muli, arial, sans-serif;
font-weight:500;
margin: 0 auto;
padding: 0;
color: #2d2e30;
background-color:#f5f5f5;

/*background:url(images/header/background-top.png)  top center no-repeat;
background-attachment:fixed;*/
overflow-y: scroll;
list-style-image: url(images/graphics/bullet.gif);
}

#page-wrap 
{
background-color:#fff;
text-align: left;
width:85.714em;
margin: 0 auto;
border:0px 5px #fff solid;
border-radius: 0 0 10px 10px ;
-moz-border-radius: 0 0 10px 10px ;
-webkit-border-radius: 0 0 10px 10px ;
/*-webkit-box-shadow: 0px 0px 8px #dcded8;
-moz-box-shadow: 0px 0px 8px #dcded8;
box-shadow: 0px 0px 8px #dcded8;*/
}

.container {
width: 53em;
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-webkit-box-shadow: 0px 0px 4px #dcded8;
-moz-box-shadow: 0px 0px 4px #dcded8;
box-shadow: 0px 0px 4px #dcded8;
zoom: 1;
border:1px solid #fafafa;
padding:0 1.5em 3em 1.5em;

}
.search-box
{
width: 56em; 
height:8em; 
border:1px solid #fafafa;
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-webkit-box-shadow: 0px 0px 8px #dcded8;
-moz-box-shadow: 0px 0px 8px #dcded8;
box-shadow: 0px 0px 8px #dcded8;
zoom: 1;
}


.intend
{
	margin-left:40px;
}

hr
{
    /*for mozilla */
	border-width: 1px; 
    color: #fafafa;
    border-style: solid;
   
}

hr_between
{
    /*for mozilla */
	border-width: 1px; 
    color: #fafafa;
    border-style: solid;
    padding-top:-1;
    padding-bottom:-1;
}

a:link
{
    color: #2b609b;/*237BA8;*/
    text-decoration: none;
	/*font-weight: bolder;*/
}

a:visited
{
    color: #9ba0a5;/*951a13;*/
    text-decoration: none;
    /*font-weight: bolder;*/
}

a:active
{
    color: #2b609b;/*A00F13;*/
    text-decoration: none;
	/*font-weight: bolder;*/
}
a:hover
{
	color: #067fca;
   
}

h1
{
font-size: 1.8em;
color: #a5210d;
font-weight: 500;
margin-bottom:0.5em;
margin-top:0;
padding-top:0.5em;	
}

h2
{
font-size: 1.6em;
color: #494949;	 
font-weight: 500;
margin-bottom:0.5em;
margin-top:0;
padding-top:0.3em;	

}
.h1heading
{
	font-size: 1.5em;
	color: #a5210d;
font-weight: 500;
line-height:1.5em;
/*font-size: 1.1em;
color: #a5210d;
font-weight: bolder;
*/
}

h3
{
font-size: 1.3em;
font-weight: 500;
color: #494949;	
margin-bottom:0.5em;
margin-top:0;	
padding-top:0.3em;	
}

h4
{
font-size: 1.2em;
font-weight: 500;
color: #494949;
margin-bottom:0.5em;
margin-top:0;	
padding-top:0.3em;	

}

h5
{
font-size: 1.1em;
font-weight: 500;
color: #494949;	
margin-bottom:0.5em;
margin-top:0;	
padding-top:0.3em;	

}

tr {
vertical-align:top;}
	

.surveyTitle
{

	font-size: 1.1em;
	font-weight: bolder;
	color: #b51418;
	letter-spacing:1px;
	
}
b
{
font-weight:500;
}
.turquoise
{

font-size: 1em;
COLOR: #0093C9;
vertical-align: baseline;
font-weight: bolder;
	
}
.transform
{
	text-transform:lowercase;
	}
.li
{
list-style-image: url(images/graphics/bullet.gif);
line-height:1.5em;
padding-bottom:0.1em;
padding-left:0.5em;
padding-top:0.4em;
}
li
{
/*list-style-image: url(images/graphics/bullet.gif);*/
line-height:1.5em;

}
.textbox
{
border: solid #0075be 2px ;
background-color: #fff; 
font-size: 0.9em;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

.WatermarkBox
{
	border: solid #f1f1f1 3px ;
	background-color: #fff; 

	color:#7595AB;	/* color:#CCCCCB; */
	font-size: 0.9em;
}

.textboxthin
{
border:1px #b7b8ba solid; 
background-color: #ffffff; 
width: 220px;
height:25px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding-left:1em; 
vertical-align:middle; 
font-size:1.1em;
color:#666;
-webkit-box-shadow: 1px 1px 7px #f1f1f1;
-moz-box-shadow: 1px 1px 7px #f1f1f1;
box-shadow: 1px 1px 7px #f1f1f1;

}

.star-register-top
{
padding:0.5em; 
background-color:#f1f1f1;
-webkit-box-shadow: 1px 1px 7px #f1f1f1;
-moz-box-shadow: 1px 1px 7px #f1f1f1;
box-shadow: 1px 1px 7px #f1f1f1;
}
.border
{
	 Border-Style:Solid;
	 Border-Color:#4E98CF; 
	 Border-Width:1px;
	 background-color: #ffffff; 
}
.goBotton
{
border: 0px;

}
.gobottonP

{
	padding:2.4em 0 0 0; margin-left:0;
	
}


.goBotton:hover
{
background-image: url('images/graphics/search-button-off.png');
}

.radiobutton
{
	/*border-color: #FFC700; 
	background-color: #FFC700;*/
}


.select
{
border:  2px solid #7497A9; 
width: 12em; 
background-color: #fff; 
border:#ccc solid 2px;

font-size: 0.9em; 
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
.listbox
{
border-color: #7497A9; 
background-color: #CFDCE7;

font-size: 0.9em ;
border-style: solid; 
border-width: 1px;
}
.receipt
{
font-family: Lato, Muli, arial, sans-serif;
font-size: 0.9em
}
.greeting
{
font-size: 1em;
color: #2c629e;
}
.msg
{

	font-size: 0.9em;
	font-weight: bolder;
	color: #a5210d;	
}
.msgValidation
{

	font-size: 0.9em;
	font-weight: bolder;
	color: #a5210d;	
}
.msg1
{

	font-size: 0.9em;
	font-weight: bolder;
	color: #000000;	
	padding:5px;
	
}
.msg2
{

	font-size: 0.9em;
	font-weight: bolder;
	color: #a5210d;		
	padding:7px;
	letter-spacing:1px;
}
.msg_OK
{
	color:#b51418; font-size:0.9em; font-weight:bold;
}

.msg_NotOK
{
	color:#000000; font-size:0.9em; font-weight:bold;
}

.msg_SoSo
{
	color:#b51418; font-size:0.9em; font-weight:bold;
}

.cellproperties
{
	padding:7px;
	letter-spacing:1px;
	
}

.yellow
{
background-color: #FFC700;
	
}
.background
{
background-color:#dcdddf;

}
.delete
{
font-size:1em;	
background-color:#f1f1f1; 
color:#373535;
text-align:center;

height:27px;
border-radius : 7px; 
-moz-border-radius : 7px; 
-webkit-border-radius : 7px;
border: 1px solid #fff;
	}
.black
{
	color:#525654;
}
.capital
{
font-size: 1.1em;
font-weight: bolder;
}
.browse
{

font-size: 0.9em;
COLOR: #0060aa;
font-weight: bolder;
text-transform:uppercase;
/*margin-top:15px*/
 
}
.highlight
{
background-color: #F4EEAC;/*f7e150;*/
}
.outsidetable
{
border:2px solid #D4DBE5;
padding:0.5em;
border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px;
}
.outsidetable2
{
	
border:2px solid #D4DBE5;
padding:0.5em;
border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px;
}
.goldtable
{
 border-color: #ffc700;
 border-width: 1px;
 border-style: solid;

}
.hrsmall
{

    /*for mozilla */
	/*border-width: 1px; 
    COLOR: #D4DBE5;
    border-style: dashed;*/
	border-width: 1px; 
    color: #fafafa;
    border-style: solid;
}

.titles
{

font-size: 0.9em;
COLOR: #b51418;
font-weight: 600;
text-transform:uppercase;


}
.license
{
	border: 1px solid #fafafa; 
	
	padding: 2em;
	background-color:#fff;
	border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px;
}
.fild0
{
	border:0px;
}

.info-link
{
width:13em;
background:#f1f1f1;
border:1px solid #fafafa;
padding:10px 7px;
border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px;
-webkit-box-shadow: #e9f2f5 2px 2px 3px;
-moz-box-shadow: #e9f2f5 2px 2px 3px;
box-shadow: #e9f2f5 2px 2px 3px;
}

.button
{
	
font-size:1em;	
background-color:#8abddc;
color:#373535;
text-align:center;
width:120px; 
height:27px;
border-radius : 7px; 
-moz-border-radius : 7px; 
-webkit-border-radius : 7px;
border: 1px solid #8abddc; 

}

.checkout_button
{
font-size:1em;
background-color:#c82d0c;
color:#fff;
text-align:center;
padding:7px;
width:120px; 
border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
border: 3px solid #c82d0c;
text-transform:uppercase;

}
.devider
{
		
background: #fff;
border:#fafafa solid 1px;
padding:0.5em;
margin-bottom:2em;
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-webkit-box-shadow: 0px 0px 7px #f1f1f1;
-moz-box-shadow: 0px 0px 7px #f1f1f1;
box-shadow: 0px 0px 7px #f1f1f1;
zoom: 1;
}
.news-article-right {

-webkit-box-shadow: 7px 5px 20px -10px rgba(29,30,31,1);
-moz-box-shadow: 7px 5px 20px -10px rgba(29,30,31,1);
box-shadow: 7px 5px 20px -10px rgba(29,30,31,1);
margin-left: 2em; float: right;
margin-bottom:1em;
}
.news-article-left {

-webkit-box-shadow: 7px 5px 20px -10px rgba(29,30,31,1);
-moz-box-shadow: 7px 5px 20px -10px rgba(29,30,31,1);
box-shadow: 7px 5px 20px -10px rgba(29,30,31,1);
margin-right: 2em; float: left;
margin-bottom:1em;
}
.img_shadow {
margin-bottom: 2px;
margin-right:3em;
background: #ccc;
border: 5px solid white;

box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.60);
-moz-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.60);
-webkit-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.60);
    
}
.green
{

	font-size: 1em;
	
	color: #84898c;	 /*gray*/
	padding-bottom:1em;
}
.khaky
{
	
	font-size: 1em;
	
	color: #0075be;/*was 84931c*/
}
.hlt
{
	background-color: #F9F2AA;
	border:solid 1px #237BA8;
	
}

.warning
{
	background-color: #fff;
	border:solid 1px #fafafa;
	font-size:1em; 
	padding:3px;
	color: #a5210d;
	
}
img
{
border-width: 0px;	
}
/* admin part*/
.hiddencol
{
	display:none;
	
}
.viscol
{
	display:block;
}
.buttonforadmin
{
	border-style: solid; 
	border-width: 2px; 
	border-color: #7497A9; 
	background-color:#c9b85a; 
	
	font-size: 0.9em;
	font-weight:bolder;
	color:White;
	
}
.backadmin
{
	background-color:#dcd08d;
	
}
.titleadmin
{


font-size: 25px;
color: #000000;
font-weight: 700;
letter-spacing:3px;	
	
}
	/* xp theme */
.ESSAutoCompleteTabStyle  .ajax__tab_header 
{
	
	font-size:1em;
	color:#6a6a6a;
	padding-left:1.5em;
	border-bottom:1px solid #f1f1f1;
	/*background-color:#ffc700;*/
	

	}
.ESSAutoCompleteTabStyle  .ajax__tab_outer 
{
	padding-right:0.7em 1.5em;
	/*background-color:#ffc700;*/
	
	}
.ESSAutoCompleteTabStyle   .ajax__tab_inner 
{
		}
.ESSAutoCompleteTabStyle   .ajax__tab_tab 
{
	
	padding:0.7em 1.5em;
	margin:0;

	}
.ESSAutoCompleteTabStyle  .ajax__tab_hover .ajax__tab_outer 
{
	background-color:#f1f1f1;
border-radius: 7px 7px 0 0; 
-moz-border-radius: 7px 7px 0 0; 
-webkit-border-radius: 7px 7px 0 0;

	}
.ESSAutoCompleteTabStyle  .ajax__tab_hover .ajax__tab_inner 
{
	background-color:#f1f1f1;
	border-radius: 7px 7px 0 0; 
   -moz-border-radius: 7px 7px 0 0; 
   -webkit-border-radius: 7px 7px 0 0;

	}
.ESSAutoCompleteTabStyle  .ajax__tab_hover .ajax__tab_tab 
{
	background-color:#f1f1f1;
	border-radius: 7px 7px 0 0; 
   -moz-border-radius: 7px 7px 0 0; 
   -webkit-border-radius: 7px 7px 0 0;
	color:#6a6a6a;
	}
.ESSAutoCompleteTabStyle   .ajax__tab_active .ajax__tab_outer 
{
	background-color:#f1f1f1;
	border-radius: 7px 7px 0 0; 
-moz-border-radius: 7px 7px 0 0; 
-webkit-border-radius: 7px 7px 0 0;
}
.ESSAutoCompleteTabStyle   .ajax__tab_active .ajax__tab_inner 
{/*background-color:#ffc700;*/
	

	}
.ESSAutoCompleteTabStyle   .ajax__tab_active .ajax__tab_tab 
{
	padding:0.7em 1.5em;
	color:#6a6a6a;
	font-size:1em;
	background-color:#f1f1f1;
	border-radius: 7px 7px 0 0; 
-moz-border-radius: 7px 7px 0 0; 
-webkit-border-radius: 7px 7px 0 0;
	}
.ESSAutoCompleteTabStyle  .ajax__tab_body 
{
	
	font-size:1em;

	padding:0.7em 1.5em;
	/*background-color: #FFC700;*/
	}
	
.watermarked
{
	color:#ccc;
}
	/*
.ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. 
.ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. 
.ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. 
.ajax__tab_tab: An element of the tab that contains the text content. Child CSS classes:none. 
.ajax__tab_body: A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. 
.ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. 
.ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. 

*/
.PopUpPanelOnRecordDetails
{
	visibility:hidden;	
}
	
.dynamicPopulate_Normal 
{	
	/* border:silver 1px inset;
	padding:2px;
	text-align:center;
	height:2em;
	margin:5px;
	width:400px; */
}

.dynamicPopulate_Updating 
{
	/*background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	border:silver 2px inset;
	text-align:left;
	padding:2px;
	height:2em;
	margin:5px;*/
	/*width:400px;*/
}
	
	 /* Rating */
.ratingStar
        {
            font-size: 0pt;
            width: 1em;
            height: 12px;
            margin: 0px;
            padding: 0px;
            cursor: pointer;
            display: block;
            background-repeat: no-repeat;
        }
.ratingStarDynamic
        {
            font-size: 0pt;
            width: 1em;
            height: 12px;
            margin: 0px;
            padding: 0px;
            cursor: pointer;
            display: block;
            background-repeat: no-repeat;
            /*color: #CDE7D0;
           background-color : #CDE7D0;*/
            
        }
        
.filledRatingStar
        {
            background-image: url(Images/FilledStar.png);
        }
        .emptyRatingStar
        {
            background-image: url(Images/EmptyStar.png);
        }
        .savedRatingStar
        {
            background-image: url(Images/SavedStar.png);
        }
	
	
	

	
.Shadow
{
-webkit-box-shadow: 3px 1em 5px -1em rgba(132,130,133,1);
-moz-box-shadow: 3px 1em 5px -1em rgba(132,130,133,1);
box-shadow: 3px 1em 5px -1em rgba(132,130,133,1);
}
.news-article-right {

-webkit-box-shadow: 14px 1em 26px -1em rgba(29,30,31,1);
-moz-box-shadow: 14px 1em 26px -1em rgba(29,30,31,1);
box-shadow: 14px 1em 26px -1em rgba(29,30,31,1);
margin-left: 2em; float: right;
margin-bottom:1em;
}
.news-article-left {

-webkit-box-shadow: 14px 1em 26px -1em rgba(29,30,31,1);
-moz-box-shadow: 14px 1em 26px -1em rgba(29,30,31,1);
box-shadow: 14px 1em 26px -1em rgba(29,30,31,1);
margin-right: 2em; float: left;
margin-bottom:1em;
}


.footer-main{
color:#7f7f7f;
background-color:#969da3;
margin: 0 auto; 
width:100%;


}

.footer-inside
{width:85em; margin: 0 auto; padding:1em 3em; text-align:left;}

a.down-links:link {color: #daddd4;font-family:Lato, Muli, arial, sans-serif;font-size:1em;}
a.down-links:visited {color: #daddd4;font-family:Lato, Muli, arial, sans-serif;font-size:1em;}
a.down-links:hover {color: #fff;font-family:Lato, Muli, arial, sans-serif;font-size:1em;}


.hr-footer {
border-top: 1px solid #b5b5b5;
border-bottom: 1px solid #969da3;}

a.back-to-top {
	display: none;
	width: 70px;
	height: 65px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 2em;
	bottom: 2em;
	background: url("images/graphics/top.png") no-repeat center 43%;

}

.table td {
        border: #ebf3f2 1px solid;
        border-radius: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        padding:0.7em;
        background-color:#fff;
    }

.left-p-border {

width:95%;
border-left:0.5em solid #969da3;
padding:1.3em 1em 2em 1em;
background-color:#f1f1f1;
border-top-right-radius:10px;
  border-bottom-right-radius:10px;
  margin-bottom:1em; 


}

/*  animation attention */
.redAnimation {
    width: 0.5em;
    height: 10em;
    background: #a5210d;
    
    -webkit-animation: mymove 1s infinite; /* Chrome, Safari, Opera */
    animation: mymove 2s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove 
{
    from {background-color: #a5210d;}
    to {background-color: white;}
}

/* Standard syntax */
@keyframes mymove 
{
    from {background-color: #a5210d;}
    to {background-color: white;}
}
/*  tooltips */
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}
@media (max-width: 767px) {
  .product .image img.img-responsive {
    min-width: 100%;
  }
}
.left-panel  {
width:100%;
padding:0.5em;
background-color:#fff;
margin-bottom:0.5em;
border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;

}


.left-panel:hover {
width:100%;
padding:0.5em;
background-color: #f5f5f5;
margin-bottom:0.5em;
border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}

.form-display{display: block;}




/*addThis formatting*/
.addthis-smartlayers {z-index:1;}
.at-icon {
height:38px!important;
width:38px!important;
position:relative;
left:1px;
top:3px;
margin:0px!important;}

.at-icon-wrapper {height:39px!important;
	width:39px!important; 
	border:3px solid white;
	}
.at-custom-sidebar {width:39px; 
	border:3px solid white;}

div#google_translate_element div.goog-te-gadget-simple
{
	font-size:16px;
	background-color:#f5f5f5;
	border: 1px solid #999;
    border-radius: 5px ;
-moz-border-radius: 5px ;
-webkit-border-radius: 5px ;
display: inline-block;
padding: 5px;
cursor: pointer;
zoom: 1;
    }



div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span{color:#2d2e30;}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover{color:#0075be;}


.goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon * {
    font:Lato, Muli, arial, sans-serif 14px #2b609b;
    
}
.goog-te-menu2-item div, .goog-te-menu2-item:link div, .goog-te-menu2-item:visited div, .goog-te-menu2-item:active div {
    color: #2b609b;
    background: #ffffff;
    font-size:14px;
    border: 1px solid #999;
    border-radius: 5px ;
-moz-border-radius: 5px ;
-webkit-border-radius: 5px ;
padding:1em;
   
}




.goog-te-menu2 {
    background-color: #ffffff;
   color: #2b609b;
    font-size:14px;
    border: 1px solid #999;
    overflow: hidden;
    padding: 5px;
     border-radius: 5px ;
-moz-border-radius: 5px ;
-webkit-border-radius: 5px ;
}
.goog-te-menu2-item:

{color:#2b609b; font-size:14px;}

.goog-te-gadget {
    font:Lato, Muli, arial, sans-serif 14px #2b609b;
    white-space: nowrap;
}



.goog-te-menu2-colpad {
    width: 50px;
}

#google_translate_element {
  /*position: relative;
  top: 0em;
  text-align:right;
  right:3em;
  display: block;
  */
  position: absolute; top: 0; right: 0; border: 0;
  }

#at-custom-sidebar::before
{content: "SHARE"}

#at-custom-sidebar
{
font:Lato, Muli, arial, sans-serif 16px #2b609b;
}



