/*
CSS for Asian Seed site
*/

body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color: #e6f5b8;
  padding: 0;
  margin: 0;
}

a img {
    border-style: none;
}

.instruction {
    color: red;
    font-size: medium;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
}

.babyleaf {
    font-size: large;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
}

table.organic {
    border-collapse: collapse;
    width: 720px;
    background-color: #FFFFFF; 
}

table.organic th, table.organic td {
    border: 1px solid #000066;
}

table.organic th {
    font-size: 14px;
}

table.organic td {
    font-size: small;
}

.orgcol {
    width: 90px;
}

table.seedsow {
    border-collapse: collapse;
    width: 800px;
    background-color: #FFFFFF; 
}

table.seedsow th, table.seedsow td {
    border: 1px solid #000066;
    padding: 5px;
}

table.seedsow th {
    font-size: medium;
}

table.seedsow td {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

table.products {
    border-collapse: collapse;
    width: 750px;
    background-color: #FFFFFF;
}  

table.products a {
    cursor: default;
    width: 50px;
}

table.products th, table.products td {
    border: solid 1px black;
}

table.products td {
    font: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    height: 55px;
}

td.photo {
    width: 55px;
}

td.code {
    width: 55px;
}

td.price {
    width: 55px;
}

table.products img {
    width: 50px;
    height: 50px;
}

table.products caption {
    color: black;
    font-size: medium;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
}

.productheading {
    color: black;
    font-size: xx-large;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
}

#creditcard {
    position: absolute;
    border: solid 1px black;
    top: 1080px;
    left: 285px;
    margin-top: 50px;
}

#termsandconditions {
    position: absolute;
    width: 700px;
    height: 1135px;
    border: solid black 2px;
    padding: 5px;
    padding-bottom: 50px;
    background: #FFFFFF;
    font-size: x-small;
    top: 200px;
}

.smallheading {
    color: black;
    font-size: small;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
}

.smallheadingnu {
    color: black;
    font-size: small;
    font-weight: bold;
    text-align: center;
}

.xsmallheading {
    color: black;
    font-size: xx-small;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
}

.xsmallheadingnu {
    color: black;
    font-size: xx-small;
    font-weight: bold;
    text-align: center;
}

.tandc {
    list-style-type: decimal;
}

.tandcaddress {
    list-style-type: none;
    font-size: small;
    font-weight: bold;
    text-align: center;
}

.tandcaddress li {
    padding-bottom: 5px;
}

.bigheading {
    color: black;
    font-size: medium;
    font-weight: bold;
    text-align: center;
}


.cabbagecaption {
    color: black;
    font-size: medium;
    font-weight: bold;
    text-align: center;
}

.organicinfo {
    font-weight: bold;
    font-size: 16px;
}

.attentiongrab {
    font-weight: bold;
    font-size: 16px;
    color: red;
}

.cataloguealbum {width:700px; text-align: left; position:relative;}

.cataloguealbum ul.cataloguepics {list-style:none; width:700px; height:auto; position:relative;}

.cataloguealbum ul.cataloguepics li a ul, 
.cataloguealbum ul.cataloguepics li ul 
{display: none;}

.cataloguealbum ul.cataloguepics li { float: left; width:150px; height:100px; list-style:none; font: 0.8em Arial; padding-bottom: 15px;}

.cataloguealbum ul.cataloguepics li img 
{display:block; width:75px; height:75px; list-style:none;  border: solid #666 2px;}

.cataloguepics a {
     text-decoration: none;
}

.cataloguealbum ul.cataloguepics li ul li a 
{display:block; width:150px; height:100px; left:-32px; top:-20px; cursor:default; float:left; text-decoration:none;}

.cataloguealbum ul.cataloguepics a:hover,
.cataloguealbum ul.cataloguepics a:hover img
{position:relative; left:-32px; top:-20px; width:200px; height:150px;}

.productalbum table.products a:hover {
     position:absolute;
}

.productalbum table.products a:hover img
{position:absolute; left:-100px; top:-75px; width:200px; height:150px; }

#veglink span {
visibility:visible;
color: black;
font-weight: bold;
font-size: 15px;

}
#veglink:hover span,#veglink:active span {
visibility:hidden;
}

#linklist {
    list-style-type: none;
}

#linklist li{
    padding-left: 25%;
    margin-bottom: 10px;
    font-weight: bold;
    font-color: black;
}

#linklist a, #linklist a:visited {
    text-decoration: none;
}

#addresslist {
    list-style-type: none;
}

#addresslist li {
   padding-left: 25%;
   margin-bottom: 5px;
   font-weight: bold;
}

#addresslist a:link, #addresslist a:visited {
    color: blue;
}

li.phonenos {
  padding-top: 5px;
}

li.email {
  padding-top: 10px;
  font-color: black;
}

#welcomelist {
    list-style-type: none;
}

#welcomelist li {
    float: left;
    display:inline;
}

#welcomelist img {
    padding-top: 10px;
    padding-right: 35px;
}
.welcome {
    font-weight: bold;
}

/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured from the
top-left corner of the browser's content display.
*/

#header, #navigation, #bodycontent, #productalbum {
    position: absolute;
}

#sitebranda {
    float: left;
    display:inline;
}

#sitebrandb {
    float: left;
    display:inline;
}

#price {
    float: left;
    display:inline;
}

#specials {
    position: absolute;
    float: left;
    left: 425px;
    top: 37px;
    display:inline;
}

#links {
    position: absolute;
    top: 37px;
    left: 579px;
}

#blank {
    position: absolute;
    top: 37px;
    left: 675px;
}

#seed {
    position: absolute;
    top: 62px;
    left: 425px;
}

#chillies {
    float: left;
    display:inline;
}

#about {
    position: absolute;
    top: 94px;
    left: 102px;
}

#contact {
    position: absolute;
    top: 94px;
    left: 218px;
}

#catalogue {
    position: absolute;
    top: 94px;
    left: 326px;
}

#organic {
    position: absolute;
    top: 94px;
    left: 431px;
}

#sowing {
    position: absolute;
    top: 94px;
    left: 569px;
}

#right {
   position: absolute;
   top: 94px;
   left: 750px;
}

#pagetitle  {
    padding-top: 159px;
    padding-left: 326px;
}

#productalbum {
    padding-left: 50px;
    padding-top: 20px;
}

#bodycontent {
   padding-left: 120px;
   padding-top: 25px;
   padding-right: 425px;
}