/**
 * Customer area view template.
 * Change graphics and fonts styles.
 */
 
 a, a:visited, a:active { color: #004A6E; text-decoration: none; }
 a:hover { color: #004A6E; text-decoration: underline; }
 
 #wrapper {
   position:relative;
   min-height:100%;
   height:auto !important;
   height:100%;    
 }

 #main_container {
   width:100%;
   height:100%;  
   position: relative;
   min-height: 100%;
   margin:0px auto;
   padding: 0px auto;  
   text-align:left;      
   padding-bottom: 81px;    
 }

 /* Set main content width here */
 #content {
   width:960px;    
   margin:0px auto;
   padding: 0px auto;  
   display: block;
   text-align:left;  
 }

/* Header */

 #header{
   width: 100%;
   height: auto;    
   text-align: center;     
 }

 #logo{
  width: 960px;  
  min-height: 80px;
  height: auto; 
  margin: 0px auto 0px auto;     
  padding-top: 0px;
  text-align: left; 
  vertical-align: top;
  font-family: "Myriad Pro", Arial, serif;
  font-size: 24px;
  font-weight: bold;
  color: #2166af;
  margin-bottom: 5px;     
 }

 #logo a{
  font-family: "Myriad Pro", Arial, serif;
  font-size: 24px;
  font-weight: bold;
  color: #2166af;
  text-decoration: none;
 } 

 /* Live chat icon */
 #logo_chat{
  float: right;
  display: block;
  min-width: 100px; 
  width: auto;
  min-height: 75px;
  height: auto;
  margin: 0px;
  margin-right: 10px;
  margin-top: 4px;
  margin-bottom: 5px;     
  //margin-bottom: 0px;     
  padding: 0px;   
 }

 /* Wide block login */ 
 #top_login{
  float: right;
  width: 350px; 
  text-align: right; 
  vertical-align: middle;     
  font-family: Arial, serif;
  font-size: 14px;
  font-weight: 400;
  color: #2166af; 
 }

 #top_login a{               
  font-family: Arial, serif;
  font-size: 14px;
  font-weight: bold;
  color: #2166af;
  text-decoration: none;
 } 

/* Footer */        
#footer_wrapper{
  position:absolute;   
  bottom:3px; 
  left:0px;
  width: 100%;  
  text-align: center;
}

/* Change footer image and width here */
#footer{  
  width: 960px;
  height: 78px;   
  background-image: url("../images/themes/basic/footer.png");
  background-repeat: no-repeat;
  text-align: center top;
  margin: 0px auto 0px auto;
  padding: 0px auto;      
}

#footer .footer_lang{
  display: block;  
  float: left;
  font-family: Arial, serif;
  font-size: 12px;
  font-weight: normal;
  color: #535353;
  margin: 45px 0px 0px 23px;
}

#footer .footer_text{
  position: relative;  
  display: block;
  float: right;
  font-family: Arial, serif;
  font-size: 12px;
  font-weight: normal;
  color: #535353;  
  margin: 49px 25px 0px 0px;
}

#footer .footer_text a{
  font-family: Arial, serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #404040;
}

#footer .footer_text a:hover{
  text-decoration: underline;  
}

/* Search Bar */

#search{
  width: 960px;  
  height: 132px;
  margin: 0px auto 0px auto;   
  padding: 0px auto;
  background-image: url("../images/themes/basic/search_bar.png");
  background-repeat: no-repeat;
  background-position: top left;
  text-align: left; 
  vertical-align: top;    
}

#search .search_heading{
  display: block;
  font-family:  Helvetica, Arial, serif;
  font-size: 20px;
  font-weight: normal;
  color: #2166af;
  padding: 20px 0px 0px 20px;    
}

#search .welcome #logout-bar{
  float: right;
  font-family: Arial, serif;
  font-size: 14px;
  font-weight: 500;
  color: #5a5a5a;
  margin: 10px 22px 0px 0px;
  width: 45px;        
}

#search .welcome #logout-bar a{
  font-family: Helvetica, Arial, serif;
  font-size: 12px;
  font-weight: normal;
  margin: 0px 2px 0px 2px;
  color: #808080;
  text-decoration: none;
}

#search .welcome #name-bar{
  float: right;
  font-family: Arial, serif;
  font-size: 14px;
  font-weight: 500;
  color: #5a5a5a;
  margin: 10px 22px 0px 0px;
  width: 225px;      
}

#search .welcome #name-bar a{
  font-family: Helvetica, Arial, serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0px 2px 0px 2px;
  color: #5a5a5a;
  text-decoration: underline;
}

#search .welcome #name-bar a:hover{
  text-decoration: none;
}

#search_field{
  float: left;
  margin: 27px auto;    
  padding: 0px auto;
}

#search_field input.field{
  border: none;
  background: none;
  width: 745px;      
  font-family: Arial, serif;
  font-size: 24px;
  font-weight: normal;
  color: #33669f;
  margin: 0px 0px 0px 30px;
  padding: 0px auto;
}

#search_btn{
  float: right; 
  margin: 14px 17px auto;    
  padding: 0px auto;
}

#search_btn .button{
  margin: 0px;
  padding: 0px; 
  width: 138px;
  height: 55px;
  border: none;
  background-image: url("../images/themes/basic/search_btn.png"); 
  background-position: top left;
  background-repeat:  no-repeat;  
}

#search_btn .buttonRollover{
  margin: 0px;
  padding: 0px; 
  width: 138px;
  height: 55px;
  border: none;
  cursor: pointer;
  background-image: url("../images/themes/basic/search_btn_rollover.png"); 
  background-position: left;
  background-repeat:  no-repeat;  
}

#icons{
  width: 960px;    
  height: auto;  
  margin: 26px auto 15px auto;   
  padding-left: 10px;
  text-align: left; 
  vertical-align: top;  
}

#icons #row{
  display: block;
  clear: both;
  padding: 0px 0px 0px 0px;
  margin: 0px auto;
  height: 65px;    
}

#icons #line{
  border-bottom: solid 1px #ededed;  
  width: 460px;
  float: left;
  margin: 0px 0px 0px 10px;
  height: 2px;
}

#icon_pad{
  float: left;
  display: block;
  width: 230px;
  height: 65px;  
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0px auto;     
}

.icon_heading{      
  margin: 0px 0px 0px 50px;
  padding: 0px auto;   
}

.icon_heading a{
  font-family: Helvetica, Arial, serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  color: #29415b;
}

.icon_heading a:hover{
  text-decoration: underline;
}

.icon_text{
  display: block;
  width: 170px;
  font-family: Helvetica, Arial, serif;
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  margin: 5px 0px 0px 53px;
  padding: 0px auto;   
}

/* Textblock */

.text_block{
  display: block;
  width: 960px;
  margin: 4px auto 2px auto;   
  padding: 0px auto;   
} 

.text_block_bar{
  display: block;
  float: left;
  width: 473px;  
  background-image: url("../images/themes/basic/block.png");
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0px 0px 5px 2px;   
  padding: 0px;    
}

.text_heading{
  color: #3f6690;
  font-family: Arial, serif;
  font-size: 17px;
  font-weight: 600;
  margin: 14px 0px 10px 20px;
  display: block;
}

.text_heading a{
  text-decoration: none;
  color: #3f6690;
}

.text_article{
  float: left;
  display: block;
  width: 223px;
  min-height: 40px;
  margin: 10px 0px 0px 10px;
  padding: 0px;    
}

.article_heading a{
  font-family: Arial, serif;
  font-size: 14px;    
  font-weight: bold;
  text-decoration: none;
  color: #404040;  
  margin: 0px 0px 0px 20px;
}

.article_heading a:hover{
  text-decoration: underline;
}

.article_text{
  font-family: Arial, serif;
  font-size: 12px;   
  color: #999999;
  display: block;
  margin: 4px 0px 2px 20px;   
}

.text_block .line{
  border-bottom: solid 1px #d3d3d3;  
  width: 455px;
  _width: 445px;
  float: left;
  margin: 10px 0px 3px 10px;
  height: 2px;
}

.news_block{
  float: left;
  display: block;
  width: 470px;
  height: 20px;
  margin: 5px 0px 5px 0px; 
  padding: 5px 0px 0px 0px;  
}

.news_heading a{
  font-family: Arial, serif;
  font-size: 14px;
  font-weight: bold;  
  color: #404040;
  margin: 0px 0px 0px 20px; 
  text-decoration: none; 
}

.news_heading a:hover{
  text-decoration: underline;  
}


.news_more a{
  font-family: Arial, serif;
  font-size: 10px;   
  color: #999999;   
  _padding-top: 5px;
  padding-left: 15px;
  text-decoration: none;
}

.news_more a:hover{
  text-decoration: underline;
}

.text_block .line2{
  border-bottom: solid 1px #d3d3d3;  
  width: 455px;
  _width: 445px;
  float: left;
  margin: 0px 5px 0px 10px;
  height: 2px;
}

.product_block{
  float: left;
  display: block;
  width: 225px;
  height: 26px;     
  margin: 10px 10px 2px 0px;
  padding: 0px 0px 0px 0px;  
  border-bottom: solid 1px #d3d3d3;   
}

.product_heading a{
  background-image: url("../images/arrow.png");
  background-repeat: no-repeat;
  background-position: center left;
  font-family: Arial, serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #404040;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 15px;
}

.product_heading a:hover{
  text-decoration: underline;
}

div.container {  
  display: block;
  width: 960px;
  height: auto;
  margin: 25px auto;
  margin-bottom: 0px;
  padding: 0px;    
}

div.container .name { 
  display: block;
  float: left;
  width: 960px;
  min-height: 90px;
  height: auto;  
  background-image: url("../images/themes/basic/block_wide.png");
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0px auto;   
  padding: 0px auto; 
}

div.container .name span.bar{
  color: #3f6690;
  font-family: Arial, serif;
  font-size: 17px;
  font-weight: 600;
  margin: 14px 0px 10px 20px;
  display: block;
}

div.container .name span.bar a{
  text-decoration: none;
  color: #004A6E;
}

div.container .content{ 
  float: left;
  display: block;
  width: 940px;  
  height: auto; 
  margin: 5px 0px 0px 10px;  
  padding: 0px auto;  
}

.description{    
  color: #455566;
  font-family: Arial, serif;
  font-size: 14px;   
}

.text_content{
  display: block;
  color: #111111;
  font-family: Arial, serif;
  font-size: 14px;
  font-weight: 400;
}

.entry_block{
  display: block; 
  margin-left: 40px;
  margin-right: 40px;  
  margin-bottom: 10px;
  margin-top: 33px;
}

.cats_urls{
  font-family: Arial, serif;
  font-size: 16px;
  font-weight: 400;
}

.cats_urls a{
  font-weight: 400;
  font-size: 14px;
  text-decoration: none;
}

.news li {
  margin-bottom: 10px;
}

.news li a{
  font-size: 14px;
}

.news li span.published{
  display: block;
  margin: 5px 0px 0px 5px;
  padding: 0px;
  color: #808080;
  font-size: 12px;
  font-weight: 400;
}

.news li span.preview{
  display: block;
  margin: 5px 0px 0px 5px;
  padding: 0px;  
  font-size: 14px;
  font-weight: 400;
}

.news li span.more{
  display: block;
  margin: 5px 0px 0px 5px;
  padding: 0px;
}

.news li span.more a{
  font-weight: 400;
  font-size: 12px;
}

div.text_line2 { 
 color: #454443;
 font-family: Arial, serif;
 font-size: 12px;
 font-weight: 600;
 padding-bottom: 5px; }
 
div.text_line { 
 display: block;
 color: #3f6690;
 font-family: Arial, serif;
 font-size: 14px;          
 font-weight: 600;
 padding-bottom: 2px; margin-bottom: 15px; margin-top: 5px; height: auto }
 
 #interContainer{
position: absolute;
width: 500px; /*Width of interstitial box*/
left: 0;
top: 0;
padding: 10px;
padding-top: 0px;
background-color: #E0E0E0;
border: 1px solid black;
visibility: hidden;
z-index: 6;
}

#interContainer .headerbar{ /*CSS for header bar of interstitial box*/
color: #333;
font-family: Arial;
font-size: 16px;
font-weight: 600;
padding: 5px 0;
text-align: left;
}

#interContainer .headerbar a{ /*CSS for header bar links of interstitial box*/
font-size: 120%;
text-decoration: none;
}


#interContent{ /*CSS for div that holds the content to show*/
border: 1px solid gray;
padding: 5px;
background-color: white;
}

#interVeil{ /*CSS for background veil that covers entire page while interstitial box is visible*/
position: absolute;
background: black url(../images/blackdot.gif);
right: 0;
width: 10px;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}

#live_search{
  background-image: url("../images/live_search_bg.png");
  background-repeat: repeat-y;
  background-position: bottom left;
  width: 952px;
  height: auto;
  height:auto !important;
  margin-left: 4px;  
  margin-top: 131px;    
  position: absolute;
}

#live_search_footer{
  display:none;
  background-image: url("../images/live_search_footer.png");
  background-repeat: no-repeat;
  background-position: bottom left;
  width: 952px;
  height: 20px;
  margin: 0px;    
  position: absolute;
}

#search_loading{ 
position: absolute;
background: black url(../images/blackdot.gif);
width: 948px;
height: 100%;
top: 0;
margin-left: 2px;
z-index: 1;
display: none;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=20);
opacity: 0.2; 
}

#search_body{
  display: none;
  height: auto;
  
  z-index: 255;    
}

#search_body #close{
  display: block;
  position: relative;
  border: solid 1px #b2d2f3;
  background: #f6f9fb;
  padding: 5px;
  float: right;
  margin-top: 2px;
  margin-right: 5px;
}

#search_body #search_results{
  display: none;   
  width: 950px;
  height: auto;  
  margin-left: 1px;  
}

#search_body #search_results .result{
  display: block;  
  height: 72px;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: solid 1px #ebebeb;  
}

#search_body #search_results .result .heading{
  display: block;
  font-family: Arial;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 3px;
}

#search_body #search_results .result .heading a{
  font-family: Arial;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;  
}

#search_body #search_results .result .title{
  display: block;
  margin-bottom: 3px;
}

#search_body #search_results .result .title a{
  font-family: Arial;
  font-size: 15px;  
}                   

#search_body #search_results .result .preview{
  display: block;
  color: #455566;
  font-family: Arial, serif;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
}

.highlighted{
  display: inline;
  padding: 2px;
  background: #d3dfeb;
}

.pagination{  
  clear: both;  
  width: 100%;  
  height: 30px;
  margin-left: 0px;  
  padding-bottom: 0px;   
}

.pagination div.totals{
  display: block;
  float: left;     
  font-family: Arial;
  font-size: 12px;
  margin-top: 7px;
  margin-left: 15px;  
}

.pagination div.pages{
  display: block;
  float: left;  
  width: 600px;  
  font-family: Arial;
  font-size: 12px;
  margin-top: 7px;
  margin-left: 15px;
  text-align: left;    
}

.page_link_selected{
  font-weight: 600;
  margin-left: 5px;
  display: inline;
}

.page_link_break{
  display: inline;
}

.page_item{
  display: inline;
  margin-left: 5px;
}

.sresult{
  display: block;
  margin-bottom: 10px;  
}

.sresult highlighted{
  display: inline;
  padding: 2px;
  background: #d3dfeb;
}

.sresult .heading{  
  display: block;
  font-family: Arial;
  font-size: 16px;
  font-weight: 600;
  margin: 0px;
  padding: 0px;
  margin-bottom: 3px;
}

.sresult .heading a{
  font-family: Arial;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;  
}

.sresult .title{
  display: block;
  margin: 0px;
  padding: 0px;
  margin-bottom: 3px;
}

.sresult .title a{
  font-family: Arial;
  font-size: 15px;  
}

.sresult .preview{
  display: block;
  color: #455566;
  font-family: Arial, serif;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  margin: 0px;
  padding: 0px;
}