/*
CSS for kintyre-jewellery site
*/

body         { font-family: 'Georgia, Times New Roman, Times, serif' ; 
				font-size:100%;
               font-style: normal; 
               background-color: #BEC5B8; 
               color: #000000; 
               padding:0px 
               scrollbar-arrow-color: gray; 
               scrollbar-base-color: gray; 
               scrollbar-dark-shadow-color: white; 
               scrollbar-face-color: #BEC5B8; 
               scrollbar-highlight-color: #BEC5B8; 
               scrollbar-shadow-color: white;  }
              
div#Main     { width: 780px;
               margin: 0px auto;
               background-color: #FFFFFF; 
               border-left: 1px solid #184200; 
               border-right: 1px solid #184200; 
               border-bottom: 1px solid #184200; 
               }
div#LhMenu      { position: absolute; left:0; top:90;
                  width: 25%;
                  margin: 0;
                  background-color: #FFFFFF; 
                  padding-top: 1%;
	              padding-bottom: 1%;
	              padding-left: 1%;
	              padding-right:1%; }

#LhMenu ul
                { margin-left: 0;
                  padding-left: 0;
                  list-style-type: none;
                  line-height:100%;
                  font-family:  Georgia, "Times New Roman", Times, serif ;
                  font-size:80%;
                  font-weight: normal;
                  vertical-align: middle;
                  letter-spacing: condensed;}                
               
#LhMenu a
                { display: block;
                                
                  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-top: 2px solid; #C8A748;
                  border-bottom: 2px solid; #C8A748;
                  border-left: 2px solid; #C8A748;
                  border-right: 2px solid; #C8A748;
                  text-decoration: none;}

#LhMenu a:hover
                { color: #184200;
                  background-color: #C8A748; 
                  border-top: 2px solid; #184200;
                  border-bottom: 2px solid; #184200;
                  border-left: 2px solid; #184200;
                  border-right: 2px solid; #184200;}
                
div#Content  { border: 1px solid #184200;
               width: 540px;
               position: absolute; top:90; left:215;
	           padding-top: 1%;
	           padding-bottom: 1%;
	           padding-left: 1%;
	           padding-right:1%;  }
	           
div#Footer   { font-family: 'verdana, arial, helvetica'; 
               color: #C8A748; 
               margin: 0 auto;
               text-align: center;
               padding:0;
               font-weight: bold;
               clear: both; }
               
div#TableSpace { color: #FFFFFF; 
               background-color: #FFFFFF;
               height:5px; 
                }	                         
              
div#PicStyle    { border: 1px solid #4F5F70; 
               padding: 2px; }
               
div#DetailsInfo { background-color: #E9DDB7;
                  height:20px; 
                  border-top: 1px solid #FFFFFF; 
                  padding-right: 8px; 
                  padding-top: 4px; 
                  padding-bottom: 4px; }
                                   
.DetailsTitleContent { font-weight: normal;
                       text-align: center;
                       padding-left: 6px; 
                       padding-right: 6px; 
                       padding-top: 8px; 
                       padding-bottom: 8px; }
                       
.DetailsTable { background-color: #F9F3DD; 
                border: 1px solid #C8A748; 
                 }

.DetailsContent { text-align: justify;
                  padding-left: 3px; 
                  padding-right: 3px; 
                  padding-top: 8px; 
                  padding-bottom: 3px; }
                                      
.DetailsPic  { padding: 8px; }

.Nav         { font-weight: bold;
                  color: #C8A748;
                  font-family: 'verdana, arial, helvetica';
                  font-size: 94%;
                  vertical-align: center;}
                  
.CheckoutInfo { background-color: #E9DDB7;
                padding-right: 8px;
                padding-left:8px; 
                padding-top: 4px; 
                padding-bottom: 4px;
                border-left: 2px solid #C8A748; 
                border-right: 2px solid #C8A748; 
                border-bottom: 2px solid #C8A748;
                border-top: 2px solid #C8A748;
                }
          
.DetailsTitleHeader { background-color: #C8A748; 
                      color: #000000; 
                      font-size: 94%; 
                      letter-spacing: 2; 
                      font-style: italic; 
                      font-weight: bold; 
                      padding-left: 6px; 
                      padding-top: 4px; 
                      padding-bottom: 4px; }

.DetailsTitleTable   { border: 1px solid #4F5F70; 
                       background-color: #F9F3DD; 
                       padding: 2px }
                       
.ContentArea { padding-left: 26px; 
               padding-right: 16px;
               padding-top: 5px; 
               padding-bottom: 5px; 
               font-family: 'Georgia, Times New Roman, Times, serif' ; 
               font-style: normal; 
               color: #000000 }
                
                               
p            { margin:3%;
               }
             
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; }
th           { font-family: 'Georgia, Times New Roman, Times, serif' ; font-size: 88%;
               font-style: normal;color: #000000;
             }
               
hr           { color: #C8A748; 
               background-color: #C8A748;
               height: 3px; 
               width: 100%; }
               
h1           { font-size: 106%; color: #FFFFFF; 
               letter-spacing: 1px; 
               background-image: url('http://www.kintyrejewellery.co.uk/images/header_bg.GIF'); 
               background-repeat: no-repeat; 
               position: relative; left: 0; top: 0; height: 40px; 
               text-transform: uppercase; 
               font-weight: bold; 
               padding-left: 50px; 
               padding-right: 4px; 
               padding-top: 10px; 
               padding-bottom: 0px; 
               background-position: left top; }

               
h2           { background-color: #C8A748; 
               color: #000000; 
               font-size: 94%;
               letter-spacing: 2px; 
               font-style: italic; 
               font-weight: bold;
               padding-left: 6px;
               padding-right: 6px; 
               padding-top: 4px; 
               padding-bottom: 4px; }

h3           { letter-spacing: 1px; 
               font-size: 94%; 
               color: #000000;
               font-style: italic; 
               font-weight: bold; 
               margin: 3%; }