/************************************


created         : Thursday 21st May 2009 
copyright       : Darren George Web Development
author          : darren george
version         : NA
************************************/

/* page structure definitions */
html
  {  
  font-size: 100%; 
  }
  
body
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;  

  /* 20px */
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  
  text-align: center;
  
  font-family: Verdana, sans-serif;
  
  background-color: white;
  
  /* 16px */
  font-size: 1em;  
  }
  
#page
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;  

  margin-left: auto;
  margin-right: auto;

  /* 900px */
  width: 56.25em;
  
    
  /* 1px */
  border: solid black 0.0625em;
      
  background-color: #ABBAD9;
  }

#logo
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;  
  
    
  }

#wrapper
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;
  
  margin-left: auto;
  margin-right: auto;
  
  /* 10px */  
  margin-top: 0.625em;
  
  /* 42px */
  padding-top: 2.625em;  
    
  /* 850px */
  width: 53.125em;   
  
  position: relative;
  }

#menu
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;     
  
  /* 20px */  
  margin-bottom: 1.25em;
        
  /* 848px */
  width: 53em;
      
  /* 20px */  
  height: 1.25em;
      
  /* 1px */
  border: solid black 0.0625em;
      
  background-color: #0072BB; 
  
  text-align: justify;
  
  position: absolute;
  
  top: 0;
  left: 0;
  }
  
#navigation
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;  
  
  /* 170px */
  width: 10.625em;  

  text-align: left;
  
  float: left;  
  }
  
#content
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;
  
  /* 680px */
  width: 42.5em;

  text-align: justify;
  
  float: right;     
  }        

#footer
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;
    
  /* 850px */
  width: 53.125em;

  text-align: justify;
  
  clear: both;   
  }
  

/* "box" structure definitions */
#navigation .box, #content .box
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;  
    
  /* 20px */
  margin-bottom: 1.25em;
  
  background-color: #FFFFFF;
  
  /* 1px */
  border: solid black 0.0625em;
  }

#navigation .box
  {  
  /* 148px */
  width: 9.25em;

  /* 20px */
  margin-right: 1.25em;  
  
  word-wrap: break-word;
  
  overflow: hidden;
  }
  
#content .box
  {
  /* 678px */
  width: 42.375em;  
  
  /* 10px */
  padding-bottom: 0.62em;   
  }    


/* "box" text definitions */
#navigation .box h4, #content .box h4
  {
  color: #FFFFFF;
  background-color: #0072BB;
  }

    
/* text definitions */
.unorderedList
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;  
  
  list-style-position: outside;
  
  /* 10px */
  padding-top: 0.83em;
  padding-bottom: 0.83em;

  /* 30px */
  padding-left: 2.5em;
  
  /* 5px */
  padding-right: 0.41em;

      
  /* 12px */
  font-size: 0.75em;    
  }

dl
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;  

  /* 10px */
  padding-top: 0.83em;
  padding-bottom: 0.83em;

  /* 5px */
  padding-left: 0.41em;
  padding-right: 0.41em;
      
  /* 12px */
  font-size: 0.75em;  
  }

p
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;  

  /* 10px */
  padding-top: 0.83em;
  padding-bottom: 0.83em;

  /* 5px */
  padding-left: 0.41em;
  padding-right: 0.41em;
      
  /* 12px */
  font-size: 0.75em;
  }

.error
  {
  color: rgb(255, 0, 0);
  
  /* 10px */
  font-size: 0.83em;
  }

.status
  {
  color: red;
  }

.italic
  {
  font-style: italic;
  }

.bold
  {
  font-weight: bold;
  }
  
h1
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;  

  /* 10px */
  padding-top: 0.41em;
  padding-bottom: 0.41em;

  /* 5px */
  padding-left: 0.20em;
  padding-right: 0.20em;
  
  /* 24px */
  font-size: 1.5em;
  
  color: #0072BB;
  }
  
h2
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;  

  /* 10px */
  padding-top: 0.5em;
  padding-bottom: 0.5em;

  /* 5px */
  padding-left: 0.25em;
  padding-right: 0.25em;
  
  /* 20px */
  font-size: 1.25em;
  
  color: #0072BB;
  }
  
h3
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;  

  /* 10px */
  padding-top: 0.625em;
  padding-bottom: 0.625em;

  /* 5px */
  padding-left: 0.31em;
  padding-right: 0.31em;
  
  /* 16px */
  font-size: 1em;
  
  color: #0072BB;  
  }
  
h4
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;

  /* 10px */
  padding-top: 0.83em;
  padding-bottom: 0.83em;

  /* 5px */
  padding-left: 0.41em;
  padding-right: 0.41em;
  
  /* 12px */
  font-size: 0.75em;
  
  color: #0072BB;    
  }       


/* link definitions */
a
  {
  color: #0072BB;
  text-decoration: none;
  }
  
a:hover
  {
  color: #ABBAD9;
  text-decoration: underline;
  }  
  
#content .box a img
  {
  border: none;
  } 

#content .box a:hover img
  {
  border: none;
  }  

#navigation .box a img
  {
  border: none;
  } 

#navigation .box a:hover img
  {
  border: none;
  }  

/* form definitions */
#navigation .box form
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;   

  /* 10px */
  margin-bottom: 0.625em;

  /* 148px */
  width: 9.25em;
  }

#navigation .box form .input
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0; 
  
  /* 138px */  
  width: 11.5em;
  
  /* 4px */
  margin-left: 0.33em;
      
  font-family: Verdana, sans-serif;
  
  /* 12px */    
  font-size: 0.75em;  
  }

#navigation .box form select
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0; 
  
  /* 124px */  
  width: 10.33em;
  
  /* 4px */
  margin-left: 0.33em;
      
  font-family: Verdana, sans-serif;  
  }

#navigation .box form #centerSubmit
  {
  text-align: center;
  
  /* 10px */
  margin-top: 0.625em;
  }

#navigation .box form #centerSubmit #submit
  {
  background-color: #0072BB;
  color: #FFFFFF;
  font-weight: bold;
  
  font-family: Verdana, sans-serif;
    
  /* 12px */    
  font-size: 0.75em;  
  }

#navigation .box form .optionA, #navigation .box form .optionB
  {
  float: left;
  
  /* 74px */
  width: 4.62em;   
  }
    
#content .box form
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;   

  /* 10px */
  padding-bottom: 0.625em;
  }

#content .box form .input, #content .box form select, #content .box form textarea   
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0; 
    
  /* 4px */
  margin-left: 0.33em;
  
  /* 10px */
  margin-bottom: 0.83em;
        
  font-family: Verdana, sans-serif;
  
  /* 12px */    
  font-size: 0.75em;  
  }

#content .box form #centerSubmit
  {
  text-align: center;
  }

#content .box form #centerSubmit #submit
  {
  background-color: #0072BB;
  color: #FFFFFF;
  font-weight: bold;
    
  font-family: Verdana, sans-serif;
  
  /* 12px */    
  font-size: 0.75em;    
  }

#content .box form .optionA, #content .box form .optionB
  {
  float: left;
  }


/* image definitions */
#logo img
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;  


  }      
  
#content .box .imageHorizontalRule
  {  
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;  
  
  /* 10px */
  margin-top: 0.62em;  
  margin-bottom: 0.62em;
      
  /* 678px */
  width: 42.37em;
  
  /* 2px */
  height: 0.12em;
  }  

#content .box .smallImageHorizontalRule
  {  
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;  
  
  /* 10px */
  margin-top: 0.62em;  
  margin-bottom: 0.62em;
      
  /* 542px */
  width: 33.87em;
  } 

#content .box .centeredCrate
  {
  text-align: center;
  }


#content .box #securityImage
  {
  /* 5px */
  margin-left: 0.31em;
  
  /* 10px */
  margin-bottom: 0.625em;
  }


/* image definitions */
#content .box .ratingImg
  {
  /* 125px */
  width: 7.81em;
  
  /* 20px */
  height: 1.25em;
  }
  

/* image container definitions */
#content .box .imageContainer
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;   
  
  /* 10px */
  margin-top: 0.625em;
  margin-bottom: 0.625em;
  }
  

#content .box .left
  {
  float: left;
  
  /* 5px */
  margin-left: 0.31em;
  
  /* 10px */
  margin-right: 0.625em;
  }
  

#content .box .right
  {
  float: right;
  
  /* 10px */
  margin-left: 0.625em;
  
  /* 5px */
  margin-right: 0.31em;   
  }  
    
    
#content .box .imageContainer p
  {
  /* 10px */
  font-size: 0.625em;
  
  /* 10px */
  padding-top: 1em;
  
  text-align: center;
  
  /* 0px */
  padding-bottom: 0;
  }    

#navigation .box .imageContainer 
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;   
    
  /* 10px */
  margin-top: 0.625em;
  
  margin-left: auto;
  margin-right: auto;
  
  text-align: center;  
  }

/* grid definitions (without widths and heights which are local to each project that uses the grid) */
#content .box #grid
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;  
 
  margin-left: auto;
  margin-right: auto;
 
  /* 10px */
  margin-top: 0.62em;
  }
 
#content .box #grid .cell
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;  

  text-align: center;
  
  word-wrap: break-word;
  
  overflow: hidden;  

  float: left;
  }
    
#content .box #grid .cell img
  {  
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;  
  
  /* 20px */
  margin-top: 1.25em;  
  }  


/* table definitions */
#content .box #quickFactsTable
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0; 

  /* 400px */
  width: 25em;  
  
  /* 10px */
  margin-top: 0.62em;
  margin-bottom: 0.62em;           
  }

#content .box #quickFactsTable th
  {
  /* 150px */
  width: 9.37em;
  
  vertical-align: top;
  }

#content .box #quickFactsTable td
  {
  /* 250px */
  width: 15.62em;  
  
  vertical-align: top;
  }
  
#content .box #quickFactsTable th p, #content .box #quickFactsTable td p
  {  
  padding-top: 0;
  padding-bottom: 0;
  }  


#content .box .factsTable
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;  
  
  margin-left: auto;
  margin-right: auto;
  
  /* 10px */
  margin-top: 0.62em;
  margin-bottom: 0.62em;  
    
  border-collapse: collapse;   
  }

#content .box .factsTable th, #content .box .factsTable td
  {
  empty-cells: show;
  
  vertical-align: top;
  }


/* result definitions */
#content .box .resultTable
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;  

  /* 600px */
  width: 37.5em;
  
  margin-left: auto;
  margin-right: auto;
  
  /* 10px */
  margin-top: 0.62em;
  margin-bottom: 0.62em;   
  }
  
#content .box .resultTable td
  {    
  /* 1px */
  border: solid #CCC 0.0625em; 
  }    

#content .box .resultTable td .textContainer 
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;
    
  float: left;    
  }

#content .box .resultTable td .information
  {
  /* 335px */
  width: 20.93em;
  }

#content .box .resultTable td .review
  {
  /* 430px */
  width: 26.87em;
  }

#content .box .resultTable td .classified
  {
  /* 300px */
  width: 18.75em;
  }

#content .box .resultTable td .profile
  {
  /* 300px */
  width: 18.75em;
  }
  
#content .box .resultTable td .vehicle
  {
  /* 430px */
  width: 26.87em;
  }
  
#content .box .resultTable td .group
  {
  /* 250px */
  width: 15.625em;
  }    

#content .box .resultTable td .imageContainer
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;
  
  /* 10px */
  margin-left: 0.625em;
  
  /* 5px */
  margin-right: 0.31em;

  /* 10px */
  margin-bottom: 0.625em;
  
  float: right;   
  
  display: inline;  
  }
  
  
#content .box .resultTable td .quickResultTable
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0; 

  /* 300px */
  width: 18.75em;  
  
  /* 10px */
  margin-top: 0.62em;
  margin-bottom: 0.62em;           
  }

#content .box .resultTable td .quickResultTable th
  {
  /* 100px */
  width: 6.25em;
  
  vertical-align: top;
  }

#content .box .resultTable td .quickResultTable td
  {
  /* 200px */
  width: 12.5em;  
  
  border: 0;
  
  vertical-align: top;
  }
  
#content .box .resultTable td .quickResultTable th p, #content .box .resultTable td .quickResultTable td p
  {  
  padding-top: 0;
  padding-bottom: 0;
  }    


/* tab definitions */
#content .box .tabs
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;

  /* 10px */
  margin-top: 0.62em;

  /* 670px */
  width: 41.87em;
  
  margin-left: auto;
  margin-right: auto; 
  }

#content .box .tabs ul
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;
  
  /* 12px */
  font-size: 0.75em;
                                                           
  list-style-type: none;  
  }
                        
#content .box .tabs ul li
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;
                        
  background-color: #FFFFFF;
  
  /* 100px */
  width: 8.33em;            
  
  /* 30px */
  height: 2.5em;
  
  /* 1px */
  border-top: 0.083em solid black;
  border-left: 0.083em solid black;
  border-right: 0.083em solid black;
  
  
  /* 3px */
  margin-right: 0.25em;
  
  text-align: center;
  
  float: left;                                  
  }   
  
#content .box .tabs ul li a
  {
  text-decoration: none;
  font-weight: bold;  
  
  display: block;
  
  /* 8px */
  padding-top: 0.666em;
  
  /* 22px */
  height: 1.833em;
  }     
  
#content .box .tabs ul li a:hover
  {
  text-decoration: underline;
  }  
  
  
/* crate definitions */
#content .box .crate
  {
  /* to equalize the margin and padding settings for [INSERT ELEMENT HERE] in all browsers */
  /* the default margin and padding settings for [INSERT ELEMENT HERE] in each and every browser are now ignored */  
  margin: 0;
  padding: 0;

  /* 678px */
  width: 42.37em;
  
  /* 1px */
  border-top: 0.0625em solid black;

    
  background-color: #FFFFFF;
  
  margin-left: auto;
  margin-right: auto;   
  }  


/* clearfix definition */
#content .box .clearfix
  {
  clear: both;
  }