/**

 * Customer area view template.

 * Change graphics and fonts styles.

 */

 

 a, a:visited, a:active { color: #040404; text-decoration: none; }

 a:hover { color: #040404; text-decoration: underline; }

 body { background-color: #F7EEDF; }
 

 #wrapper {

   position:relative;

   min-height:100%;

   height:auto !important;

   height:100%;    

 }

 #container { background-color: #F7EEDF; }
 
 #logo_container {
  background: url(../images/background_opf.gif);
}

 #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: #040404;

  margin-bottom: 5px;     

 }



 #logo a{

  font-family: "Myriad Pro", Arial, serif;

  font-size: 24px;

  font-weight: bold;

  color: #040404;

  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: "Myriad Pro", Arial, serif;

  font-size: 14px;

  font-weight: 400;

  color: #ffffff;

 }



 #top_login a{

  font-family: "Myriad Pro", Arial, serif;

  font-size: 14px;

  font-weight: bold;

  color: #ffffff;

  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/brown/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: #ffffff;

  margin: 44px 0px 0px 23px;

}



#footer .footer_text{

  position: relative;  

  display: block;

  float: right;

  font-family: Arial, serif;

  font-size: 12px;

  font-weight: normal;

  color: #ffffff;  

  margin: 48px 25px 0px 0px;

}



#footer .footer_text a{

  font-family: Arial, serif;

  font-size: 12px;

  font-weight: bold;

  text-decoration: none;

  color: #ffffff;

}



#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/brown/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: #ffffff;

  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: #585858;

  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/brown/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/brown/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: #5d3726;

}



.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: 475px;  

  background-image: url("../images/themes/brown/block.png");

  background-repeat: no-repeat;

  background-position: top left;

  margin: 0px 0px 5px 2px;   

  padding: 0px;    
  

}



.text_heading{

  color: #ffffff;

  font-family: Arial, serif;

  font-size: 17px;

  font-weight: 600;

  margin: 12px 0px 10px 20px;

  display: block;

}



.text_heading a{

  color: #ffffff;

  text-decoration: none;

}



.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/brown/block_wide.png");

  background-repeat: no-repeat;

  background-position: top left;

  margin: 0px auto;   

  padding: 0px auto; 

}



div.container .name span.bar{

  color: #ffffff;

  font-family: Arial, serif;

  font-size: 17px;

  font-weight: 600;

  margin: 12px 0px 10px 20px;

  display: block;

}



div.container .name span.bar a{

  text-decoration: none;

  color: #ffffff;

}



div.container .content{ 

  float: left;

  display: block;

  width: 940px;  

  height: auto; 

  margin: 5px 0px 0px 10px;  

  padding: 0px auto;  

}



.description{    

  color: #404040;

  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: #040404;

 font-family: Arial, serif;

 font-size: 12px;

 font-weight: 600;

 padding-bottom: 5px; }

 

div.text_line { 

 display: block;

 color: #040404;

 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;

}