/*
CSS for grantloganXHTML-site
*/

body            { font-family: Georgia, "Times New Roman", Times, serif ; 
			      font-size:100%; 
                  background-color: #BEC5B8; 
                  color: #000000; 
                  margin: 0;
                  padding: 0; 
                  text-align: center;  }
              
div#Main        { width: 780px;
                  margin: 0 auto;               
                  background-color: #FFFFFF; 
                  border-left: 1px solid #184200; 
                  border-right: 1px solid #184200; 
                  border-bottom: 1px solid #184200; 
                  text-align: left; }

div#Header      { background-image: url("../images/website-header.GIF");
          	      background-repeat: no-repeat;
                  width: 778px;
                  height: 86px;
                  border: 0; }
                  
                  
div#Content     { margin-left: 25%;
                  margin-top: 2%;
                  margin-right: 0.5%;
	              border: 1px solid #184200;               
	              padding-top: 1%;
	              padding-bottom: 1%;
	              padding-left: 1%;
	              padding-right:1%;  }
	           
div#ContentArea { 
                  margin: 0;
                  padding: 1%;
                  font-family: verdana, arial, helvetica;
                  font-style: normal; 
                  color: #000000; }
                  

div#Basket      { font-size: 80%;
                  margin-top: 3%;
                  margin-bottom: 0; 
                  border: none; 
                   }             	           
               
             
div#LhMenu      { float:left;
                  width:22.5%;
                  margin-left: 0.25%;
                  margin-right: 0.25%;
                  margin-top: 0;
                  background-color: #FFFFFF; 
                  padding-top: 1%;
	              padding-bottom: 1%;
	              padding-left: 1%;
	              padding-right:1%; }

#LhMenu ul
                { margin-left: 0px;
                  padding-left: 0px;
                  list-style-type: none;
                  line-height:100%;
                  font-family:  Georgia, "Times New Roman", Times, serif ;
                  font-size:75%;
                  font-weight: normal;
                  vertical-align: middle;
                  letter-spacing: 0em;}                
               
#LhMenu a
                { display: block;
                  width: 98%;              
                  padding-top: 3%;
	              padding-bottom:3%;
	              padding-left: 2%;
	              padding-right:1%;
	              margin-top: 1%;}

#LhMenu a:link, #LhMenu a:visited
                { color: #C8A748; 
                  background-color:#184200;
                  border-style: solid;
                  border-width: 2px;  
                  border-color: #C8A748;
                  text-decoration: none;}

#LhMenu a:hover
                { color: #184200;
                  background-color: #C8A748;
                  border-style: solid;
                  border-width: 2px;  
                  border-color:#184200; 
                 }

div#Footer      { margin-top: 1%; 
                  margin-left: 1%;
                  margin-right: 1%;
                  margin-bottom: 1%;               
                  font-family: verdana, arial, helvetica;
                  font-size:65%; 
                  color: #C8A748; 
                  text-align: center;
                  font-weight: bold;
                  clear: both; }             
           	                    
div#FooterGreen { background-color:#184200; 
                  height:14px;
                  width: 767px;
                  margin-top: 1%;
                  margin-bottom: 1%;}
                  
                             
div#PicStyle    { width: 550px; 
                  height:112px;
                  border: 2px solid #C8A748;
                  margin:0; 
                  padding: 1px; }

div#GemPicStyle { border:none; 
                  padding: 0px;
                  margin-top: 1%;
                  margin-bottom: 1%; }
                  
div#Details     { background-color: #F9F3DD; 
                  border: 1px solid #C8A748;
                  padding: 0.5%; }         
                  
                                   
.IndexTable     { background-color: #F9F3DD; 
                  border: none;
                  border-collapse: collapse;
                  width: 546px;
                  vertical-align: middle;
                  font-family: Georgia, "Times New Roman", Times, serif;
                  font-size:75%;
                  margin:0;}
                  
td.IndexTable    {width:27%;
                  margin: 0;
                  padding-top: 0;
                  padding-right: 0;
                  padding-bottom: 2%;
                  padding-left: 0;}
	                  
.ThumbnailsTable {                
                  border: none;
                  border-collapse: collapse;
                  width: 546px;
                  vertical-align: middle;
                  margin: 0;
                  text-align: left;} 
                  
.imgborder      { border: 2px solid #C8A748;}

.imgDetails     { border: 2px solid #C8A748;
                  vertical-align: top;
                  margin-left: 1.25%;
                  margin-right: 0;}
                  
.background     { background-color: #F9F3DD;
                  padding-top: 2%;
                  padding-bottom:2%;
                  }
                                                      
.ListingNav     { font-size: 15px; 
                  font-weight: bold; }
                  
.Nav            { width:555px;
                  font-family: 'verdana, arial, helvetica';
                  font-size: 100%;
                  vertical-align: middle;}
                  
                                               
td.thumnbailstext{width:50%;
                  font-family: Georgia, "Times New Roman", Times, serif;
                  font-size:75%;
                  font-weight: bold;
                  text-align: justify;
                  line-height:125%;
                  margin: 0;
                  padding-top: 1.5%;
                  padding-bottom:1%;
                  padding-right: 0;
                  padding-left: 0;}
                  
td.thumbnails   { width:28%;
                  margin: 0;
                  padding-top: 1.5%;
                  padding-bottom:1%;
                  padding-right: 0;
                  padding-left: 0;}
                  
td.thumbnailsmore{ width:22%;
                  font-family: Georgia, "Times New Roman", Times, serif;
                  font-size:75%;
                  line-height:125%;
                  text-align: right;
                  margin: 0;
                  padding-top: 1.5%;
                  padding-bottom:1%;
                  padding-right: 0;
                  padding-left: 0;}  
                  
.sizesTable     { background-color: #F9F3DD; 
                  border: 2px solid #184200;
                  border-collapse: collapse;
                  margin-left: 70px;
                  margin-right: 70px;
                  padding-left: 1px; 
                  padding-right: 1px; 
                  padding-top: 1px; 
                  padding-bottom: 1px;
                  width: 400px;}

th              { background-color: #E9DDB7;
                  font-weight: bold;
                  font-size: 100%;
                  text-align: center;
                  padding-left: 0px;}
                  
.col#uk         { width: 33%;}

.col#usa        { width: 33%;}  
                  
.col#cont       { width: 33%;}       
                  
                  
tr.odd          { background-color: #E9DDB7; }  

td.sizes        { padding-left: 10px; 
                  padding-right: 6px; 
                  padding-top: 6px; 
                  padding-bottom: 6px;
                  font-size: 70%;
                  text-align: center; }                            
	                                                     
p.thumbnails    { margin: 0;
                  padding-left: 1%;
                  font-family: Georgia, "Times New Roman", Times, serif;
                  font-size:95%;
                  line-height:150%;
                  text-align: center;}

p               { margin:2%;
                  font-family: Georgia, "Times New Roman", Times, serif;
                  font-size:95%;
                  line-height:150%;
                  text-align: justify;}
                  
p.buy           { font-size: 140%;
                  font-weight: bold;
                  text-align: right;
                  padding-right: 0;
                  margin-right: 0;} 
                  
p.view          { font-family: Georgia, "Times New Roman", Times, serif;
                  font-size:60%;
                  text-align: center;
                  margin: 0;
                  padding: 0;}
                  
p.Links         { margin-top: 0;
                  margin-right: 0; 
                  margin-bottom: 0;
                  margin-left: 0;
                  padding: 1%;
                  font-family: Georgia, "Times New Roman", Times, serif;
                  font-size:95%;
                  line-height:150%;
                  text-align: center;}  

p.small         { font-size:75%;
                  text-align: center;}  
                  
p.divider       { font-size:150%;
                  font-weight: bold;
                  text-align: center;
                  color: #C8A748;
                  padding: 0;
                  margin: 0;}  
                  
p.default       { font-family: Georgia, "Times New Roman", Times, serif;
                  font-size:125%;
                  text-align: center; }                                                                               
                                            
a:link          { color: #006600; font-weight: bold; text-decoration: none;  }
a:visited       { color: #006600; font-weight: bold; text-decoration: none; }
a:active	    { color: #006600; font-weight: bold; text-decoration: none; }
a:hover         { color: #006600; font-weight: bold; text-decoration: underline; }
a img           { border: none; }

a.buttonBasket  { background:#184200;
                  color:#C8A748;
                  font-family: Georgia, "Times New Roman", Times, serif;
                  font-size: 75%;
                  padding-top: 5px;
                  padding-bottom: 5px;
                  padding-left: 10px;
                  padding-right: 10px;
                  border-width: 5px;
                  border-style:solid;
                  border-top-color: #e7ce86;
                  border-right-color: #Cead4a;
                  border-bottom-color:#C8A748;
                  border-left-color: #e7c65a;}
               
a.buttonBasket:hover  { background:#C8A748;
                  color:#184200;
                  font-family: Georgia, "Times New Roman", Times, serif;
                  font-weight:bold;
                  font-size: 75%;
                  padding-top: 5px;
                  padding-bottom: 5px;
                  padding-left: 10px;
                  padding-right: 10px;
                  border-width: 5px;
                  border-style:solid;
                  border-top-color: #94ad8c;
                  border-right-color: #4a634a;
                  border-bottom-color: #184200;
                  border-left-color: #63845a;
                  text-decoration: none;}
                  
a.buttonDetails { background:#184200;
                  color:#C8A748;
                  font-family: Georgia, "Times New Roman", Times, serif;
                  font-weight:bold;
                  font-size: 90%;
                  padding-top: 5px;
                  padding-bottom: 5px;
                  padding-left: 10px;
                  padding-right: 10px;
                  border-width: 5px;
                  border-style:solid;
                  border-top-color: #e7ce86;
                  border-right-color: #Cead4a;
                  border-bottom-color:#C8A748;
                  border-left-color: #e7c65a;
                  }
               
a.buttonDetails:hover  { background:#C8A748;
                  color:#184200;
                  font-family: Georgia, "Times New Roman", Times, serif;
                  font-weight:bold;
                  font-size: 90%;
                  padding-top: 5px;
                  padding-bottom: 5px;
                  padding-left: 10px;
                  padding-right: 10px;
                  border-width: 5px;
                  border-style:solid;
                  border-top-color: #94ad8c;
                  border-right-color: #4a634a;
                  border-bottom-color: #184200;
                  border-left-color: #63845a;
                  text-decoration: none;}
                  
                           
h1              { font-size: 100%; color: #FFFFFF; 
                  letter-spacing: 0px; 
                  background-image: url("../images/header_bg.GIF"); 
                  background-repeat: no-repeat; 
                  height: 40px; 
                  text-transform: uppercase; 
                  font-weight: bold;
                  margin:0; 
                  padding-left: 50px; 
                  padding-right: 4px; 
                  padding-top: 10px; 
                  padding-bottom: 0px;  }

               
h2              { background-color: #C8A748; 
                  color: #000000; 
                  font-size: 90%;
                  letter-spacing: 0px; 
                  font-style: italic; 
                  font-weight: bold;
                  padding-left: 1%;
                  padding-right: 1%; 
                  padding-top: 0.5%; 
                  padding-bottom: 0.5% }

h3              { letter-spacing: 0px;
                  line-height: 150%; 
                  font-size: 80%; 
                  color: #000000;
                  font-style: italic; 
                  font-weight: bold; 
                  margin: 1%;
                  padding-bottom: 1%; }
                  
td.form        { font-family: Georgia, "Times New Roman", Times, serif;
                 text-align: left;
                 font-size: 80%;}             
                  
.howmany       { font-size: 11px;}

.input01       { font-family: Georgia, "Times New Roman", Times, serif; 
                 font-size: 75%; 
                 color: #394A39; 
                 background-color: #E9DDB7; 
                 height: 19px; 
                 width: 150px; 
                 padding-top: 1px; 
                 padding-left: 3px; 
                 border: 1px; 
                 border-style: solid;
                 border-color: #5B774F; 
                 margin: 1%;}
                 
.input02       { font-family: Georgia, "Times New Roman", Times, serif;
                 font-size: 75%;
                 color: #394A39; 
                 background-color: #E9DDB7; 
                 height: 19px; 
                 width: 150px; 
                 padding-top: 1px; 
                 padding-left: 3px; 
                 border: 1px; 
                 border-style: solid;
                 border-color: #5B774F;
                 margin: 1%; }
                 
.input03       { font-family: Georgia, "Times New Roman", Times, serif;
                 font-size: 75%;
                 color: #394A39; 
                 background-color: #E9DDB7; 
                 height: 19px; 
                 width: 80px; 
                 padding-top: 1px; 
                 padding-left: 3px; 
                 border: 1px; 
                 border-style:solid;
                 border-color: #5B774F;
                 margin: 1%; }
                 
.submit01    {  background:#C8A748;
                 color:#184200;
                 font-family: Georgia, "Times New Roman", Times, serif;
                 font-weight:bold;
                 font-size: 75%;
                 padding-top: 5px;
                 padding-bottom: 5px;
                 padding-left: 10px;
                 padding-right: 10px;
                 border-width: 5px;
                 border-style:solid;
                 border-top-color: #94ad8c;
                 border-right-color: #4a634a;
                 border-bottom-color: #184200;
                 border-left-color: #63845a;
                 text-decoration: none;}
                  

body#home a#homeLink,
body#inspiration a#inspirationLink,
body#work a#workLink,
body#xmas a#xmasLink,
body#life a#lifeLink,
#natural a#naturalLink,
#lovelore a#loveloreLink,
#landscape a#landscapeLink,
#celtic a#celticLink,
#aura a#auraLink,
#nexus a#nexusLink,
#engagement a#engagementLink,
#wedding a#weddingLink,
#feature a#featureLink,
#commission a#commissionLink,
#ordering a#orderingLink,
#contact a#contactLink,
#mailing a#mailingLink,
#quick a#quickLink,
#links a#linksLink,
#testimonials a#testimonialsLink {color: #184200;
                    background-color: #C8A748;
                    border-style: solid;
                    border-width: 2px;  
                    border-color:#184200;}