/*
---------------------------------------------------------
                  Global                              
---------------------------------------------------------*/
body, html {
     width: 100%;
     text-align: center;
     background-color: #52514D;
}
/*
---------------------------------------------------------
                  Layout and page structure                              
---------------------------------------------------------*/
div.outerbox {
   float: none;
   width: 752px;
   text-align: center;
   margin: 0px auto 0px auto;
   background-color: #ffffff;
}

div.row {
   background-image: url( ../images/bg_body.gif );
   width: 752px;
}

div.pagemargin {
   height: 20px;
   width: 752px;
   background-color: #52514D;   
}

div.pagetop {
   background-color: #52514D;
   height: 160px;
   width: 752px;
}

div.pagebottom {
   margin: 0px 0px 0px 0px;
   width: 752px;  
   background-color: #52514D;    
}

div.leftcol {
   width: 250px;
   height: 650px;
   padding: 0px 0px 0px 0px;
}

div.maincol {
   width: 502px;
   margin: 0px 0px 0px 0px;
}

div.maincol p {
   font-size: medium;
   text-align: left;
   padding: 0px 10px 0px 30px;
}
div.maincol span {
   font-weight: bold;
}
/*
---------------------------------------------------------
                  Headings and logo                              
---------------------------------------------------------*/

div.pageheading {
   width: 752px;
}
div.pagetitle {
   text-align: center;
   padding: 10px 0px 0px 0px;
   left: 270px;
   position: relative;
   height: 45px;
   width: 450px;
}
div.pagetitle h2 {
   text-align: center;
   color: #B53029;
}

div.subheading {
   text-align: center;
   color: #000000;
   font-size: large;     
   margin: 0px 0px 10px 0px;
   width: 450px;
}
div.text p{
   text-align: left;
   margin: 0px 0px 0px 100px; 
   font-size: medium;  
   width: 450px;     
   font-weight: bold;  
   color: #000000;     
}
div.text a{
   text-align: left;
   margin: 0px 0px 0px 100px; 
   font-size: medium;  
   width: 450px;     
}
div.text_spacer {
   height: 10px;
   width: 450px;
}
div.colleft {
   text-align: left;
   color: #ffffff;
   height: 20px;
   width: 200px;
   background-color: #B53029;
   font-size: medium;    
   font-weight: bold;   
   margin: 20px 0px 0px 0px;
   padding: 0px 0px 0px 10px;
}
div.colright {
   display: inline;
   background-color: #52514D;/*52514D*/
   margin: 20px 0px 0px 0px;
   height: 20px;
   width: 240px;   
}

div.intro {
   /*text-align: left;*/
   padding: 0px 0px 0px 0px;
   margin: 0px 25px 0px 20px; 
}

div.stockintro {
   /*text-align: left;*/
   margin: 0px 0px 0px 0px; 
}
div.intro p {
   font-size: medium;
   color: #000000;   
   padding: 0px 0px 0px 0px;
   width: 450px;
   text-align: left;   
}
div.intro p ul {
   font-size: medium;
   color: #000000;   
   padding: 20px 0px 0px 0px;
   width: 450px;
   text-align: left;   
}
div.access {
   font-size: medium;
   color: #000000;   
   margin: 0px 30px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 450px;
   text-align: left;   
}
div.access ul {  
   list-style-type: square; 
}
div.access li {
   text-align: left;   
   font-size: medium;
}
div.access p.p1 {
   text-align: left;   
   font-weight: bold;
}
div.intro p.p1 {
   text-align: center;
   font-size: medium;    
   color: #000000;
   font-weight: bold;  
   padding: 20px 0px 0px 0px;
   width: 450px;
}
div.intro p.p2 {
   text-align: center;
   font-size: medium;  
   text-decoration: underline;  
   color: #000000;
   padding: 0px 0px 10px 0px;  
   width: 450px;
   
}
/*div.welcome {
   text-align: center;
   font-size: medium;   
   color: #000000;
   margin: 0px 0px 0px 0px;  
   width: 450px;
}*/
div.intro p.p3 {
   text-align: center;
   font-size: medium;   
   color: #000000;
   padding: 0px 0px 0px 0px; 
   width: 450px;
}
div.intro p.p4 {
   color: #B53029;
   text-align: center;
   font-size: medium;   
   padding: 20px 0px 0px 0px;   
   font-weight: bold;      
   width: 450px;
}
div.intro p.p5 {
   text-align: left;
   font-size: medium;   
   color: #000000;
   font-weight: bold;   
   padding: 0px 0px 0px 0px; 
   width: 450px;
}
div.intro a {
   font-size: medium;
   color: #B53029;
}
/*
---------------------------------------------------------
                  Home page                              
---------------------------------------------------------*/
div.news {
   text-align: left;
   padding: 0px 0px 0px 0px; 
   width: 450px;  
}
div.headline {
   color: #000000;
   font-size: medium;    
   font-weight: bold;
   width: 450px;
   padding: 20px 0px 0px 0px;
}
/*div.details {
   color: #000000;
   font-size: medium;    
   width: 450px;     
   padding: 0px 0px 0px 0px;   
}*/
div.lastupdate {
   color: #B53029;
   font-size: small;    
   font-weight: bold;
   padding: 30px 0px 0px 0px;
   width: 450px;
   text-align: center;
}
/*
---------------------------------------------------------
                  Contact                              
---------------------------------------------------------*/
div.contact {
   color: #000000;
   text-align: left;
   font-size: large;    
   width: 450px;   
   margin: 0px 0px 0px 0px;    
   padding: 0px 0px 0px 15px;
}
div.contact_head {
   font-size: large;   
   color: #000000;   
   width: 450px;  
}
div.contact_label {
   width: 100px;
   font-weight: bold;  
   text-align: left;     
}
div.contact_detail {
   width: 350px; 
   display: inline;
   text-align: left;  
}
/*
---------------------------------------------------------
                  Images                              
---------------------------------------------------------*/
div.imgtop ul {
   width: 502px;
   list-style-type: none;    
   float: left;
}
div.imgtop li {
    display: inline; 
    float: left; 
    /*width: 100px; 
    height: 66px; */
    padding: 0px 15px 0px 0px;
    text-align: left;
}
div.imgcol {
    width: 502px;  
    margin: 0px 0px 0px 0px;
    float: left;
}
div.imgcol ul {
   list-style-type: none;  
   float: left;
   margin: 0px;
}
div.imgcol li {
    display: inline; 
    float: left; 
    padding: 0px 15px 10px 0px;
}

div.imgtitle {
   background-color: #000000;
   color: #ffffff;
   font-size: large;
   width: 330px;   
   text-align: center;
}
div.imgdetail {
   color: #000000;
   font-size: medium;
   width: 330px;   
   text-align: left;   
}
#qrytitle {
   display: none;
}
div.imgdetail span.s1 {
   color: #000000;
   font-weight: bold;
}
div.imgdetail span.s2 {
   color: #B53029;
   font-weight: bold;
}
div.imgdetail span.s3 {
   padding: 0px 0px 0px 45px;
   color: #000000;
   font-weight: normal;   
}
div.imgdetail span.s4 {
   color: #000000;
   font-weight: normal;   
}
div.imgquery {
   text-align: right;
   width: 330px;   
}
div.mainimage {
    float: left;
    width: 330px;
    margin: 0px 0px 0px 0px;  
    padding: 0px 0px 0px 30px;

}
div.msgdisplay {
   margin: 0px 0px 0px 0px;
   width: 502px;
   text-align: center;
}
/*
---------------------------------------------------------
                  Footer                              
---------------------------------------------------------*/
div.copyright {
   margin: 0px;
   width: 752px;
   font-size: xx-small; 
   color: #ffffff;
   font-weight: bold;
   padding: 5px 0px 5px 0px;
   background-color: #52514D;    
}
div.aiki {
   text-align: left;
}
div.cp {
   padding: 0px 120px 0px 100px;
}
div.ac {
   padding: 0px 0px 0px 0px;
}
div.copyright a {
   margin: 0px 0px 0px 0px;
   font-size: xx-small; 
   color: #ffffff;
   font-weight: bold;   
}
div.copyright a:hover {
   color: #ffffff;
}
div.copyright a:active {
   color: #ffffff;
}
div.copyright a:visited {
   color: #ffffff;
}

/*
---------------------------------------------------------
                  Form area                              
---------------------------------------------------------*/
div.formArea {
	width: 430px;
    /*background-color: #cc9;*/
	background-color: #FFF5E3;
    margin: 10px 0px 0px 20px;
    font-size: medium;
}
div.formArea th {
    font-weight: bold;
}
div.formArea th span {
    font-weight: bold;
}
label {
   font-weight: normal;
   padding: 0px 0px 0px 10px; 
}
label.fLabel {
   font-weight: normal;
   font-size: medium;      
}
label.nLabel {
   font-weight: bold;
   font-size: medium;      
}
label.nLabelred {
   font-weight: bold;
   font-size: medium;      
    color: #B53029;
}
input.fInput {
    margin-bottom: 5px;
    font-size: medium;    
}

input.wInput {
    margin-bottom: 25px;
}

textarea.fTextarea {
    margin-bottom: 20px;
    font-size: medium;    
}

select.fSelect{
    margin-bottom: 20px;
}

textarea.wTextarea {
    margin-bottom: 40px;
}

/*
---------------------------------------------------------
                 Navigation menu                         
---------------------------------------------------------*/

div navBar {
    margin: 10px 0px 0px 20px;
}

div.navLines {
   padding: 5px 0px 5px 20px;
}
div.navAddress {
   padding: 5px 0px 5px 40px;
   color: #000000;
   font-weight: bold;
   font-size: small;
   text-align: left;
}
div.navLink {
   padding: 0px 0px 0px 20px;
   font-weight: bold;
   color: #E29E53;
   font-size: medium;    
   width: 250px;
   text-align: left;
}

div.navLink a {
   padding: 3px 0px 0px 0px;
   text-decoration: none;
   font-weight: bold;
   color: #E29E53;
   font-size: medium; 
}

div.navTop a {
   padding: 50px 0px 0px 20px;
   width: 752px;     
}

div.newsTop {
   margin: 0px 0px 0px 0px;
   width: 410px;
   text-align: center;
}
div.newsTop a {
   padding: 0px 0px 0px 0px;
   width: 100%;   
   color: #B53029;
}
div.navLink a:focus {
   text-decoration: none;
   color: #ffffff;
}
div.navLink a:hover {
   text-decoration: none;
   color: #ffffff;
}
div.navLink a:active {
   text-decoration: none;
   color: #E29E53;
}
div.navLink a:visited {
   text-decoration: none;
   color:#ffffff;
}