/* ==== Set overall font size, color and family in the body tag below === */

body { 
color: #333333;
font-size: 12px; 
font-family: "Trebuchet MS", Verdana, Geneva; 
text-align: justify;
margin: 0px;

background-color: transparent;
background-image: url(/images/pagebak.gif);
}


p {
color: #333333;
font-size: 12px; 
font-family: "Trebuchet MS", Verdana, Geneva;
text-align: justify;
}




/* ==== Set link styles within text (not menu - see below) - hover, active and visited colors ==== */

a  {  
color: #B60600;
text-decoration: none;
}

a:visited {  
color: #B60600; 
text-decoration: none;
}


a:hover {  
color: #B60600; 
text-decoration: underline;
}











/* ==== styles for different headers ==== */

h1 { 
color: #333333;
font-weight: normal; 
font-size: 20px; 
font-family: "Trebuchet MS", Verdana, Geneva; 
}

h2 { 
color: #333333;
font-weight: bold; 
font-size: 16px; 
font-family: "Trebuchet MS", Verdana, Geneva; 
text-transform: uppercase;
}

h3 { 
color: #333333;
font-weight: normal; 
font-size: 15px; 
font-family: "Trebuchet MS", Verdana, Geneva; 
}

h4 { 
color: #333333;
font-weight: normal; 
font-size: 14px; 
font-family: "Trebuchet MS", Verdana, Geneva; 
}

h5 { 
color: #333333;
font-weight: normal; 
font-size: 12px; 
font-family: "Trebuchet MS", Verdana, Geneva;
}

h6 { 
color: #333333;
font-weight: normal; 
font-size: 9px; 
font-family: "Trebuchet MS", Verdana, Geneva; 
}






/* ==== miscellaneous tags ==== */

ul {
list-style-type: circle; 
list-style-image: none;
}

li {
padding: 1px;
}

hr {
color: #333333;  
height: 1px; 
}

form {
margin-top: 1px; 
margin-bottom: 1px;
}

input {
font size: 10px;
}








/* ==== Classes - used to change the style of certain things like tables of data or admin functions ==== */

.admin {
color: white;
background-color: red; 
font-size: 10px; 
font-weight: bold;
}


/* Used on the stats page to create graphs */
.graphbar {
background-color: #ddddff;
border: 1px solid navy;
}


/* Design for tables of data (rather than layout tables) */
.datatable {
border: 1px black solid;
}

.datatable th {
font-size: 12px;
background-color: #999999;
text-align: left;
font-weight: bold;
}

.datatable td {
font-size: 11px;
background-color: #cccccc;
text-align: left;
}

/* Alternating colours etc for table rows */
.row0 {background-color: none; padding: 5px;}
.row1 {background-color: none; padding: 5px;}


/* Pictures - you can put a border around all images here for instance */
.photo {
}

.photo img {
margin-right: 14px;
margin-left: 14px;
margin-bottom: 6px;
margin-top: 4px;
}


/* Captions to go below pictures */
.caption {
font-size: 9px;
text-align: left;
font-family: verdana;
margin-bottom: 14px;
margin-left: 18px;
}









/* ==== The Divs ==== */

/* Click to log in - normally at top left hand corner. */
#hiddenlogin {
position: absolute; 
top: 0px; 
left: 0px; 
width: 20px; 
height: 20px;
z-index: 10;}



/* Main Page Content */
#maincontent {
position: relative; 
margin-left: 220px; 
margin-top: 136px;
width: 510px;
height: 300px;
}

#maincontent img {
border: 2px solid #333333;
}


/* Divs for X pics on right layout */
#textonleft {
float: left;
width: 286px;
}

#picsonright {
width: 192px;
float: left;
padding-top: 6px;
text-align: center;
}







/* Top Bar including image map navigation */
#topbar {
position: absolute;
left: 0px;
top: 0px;
z-index: 10;
background: #003366;
border-bottom: 1px solid #CF9901;
}


/* Topbak to continue topbar colour full width */
#topbak {
position: absolute;
width: 100%;
height: 102px;
left: 0px;
top: 0px;
background-image: none;
background-color: transparent;
z-index: 3;
background-repeat: repeat-x;
}




/* Credits - showing Plexus and Site Map etc */
#credits {
font-family: tahoma; 
font-size: 10px; 
color: #888888;
border-top: 1px #333333 solid;
padding-top: 12px;
margin-top: 12px;
clear: both;
}

#credits a {
}

#credits a:hover { 
background-color: #C00000; 
color: #fff;
}


/* ============================================== */
/* Styles for SHOP PAGE */
/* ============================================== */

.proddetails {
border: 1px solid #DCB149;
width: 96%;
}

.proddetails th {
padding: 4px;
background-color: #27643A;
color: #FFF2D0;
font-weight: bold;
}

.proddetails td {
padding: 4px;
}

.tickorx {
border: 1px solid #DCB149;
margin: 5px;
background-color: white;
}


.orderform {
font-family: arial;
font-size: 10px;
}

/*class for list of categories on main shop page*/
.categories {
margin-bottom: 10px;
border: 1px black solid;
padding: 4px;
}

/*class for table showing multiple varieties within details */
.varieties {
width: 100%;
margin: 0px;
padding: 1px;
border-top:  1px solid #DCB149;
}

.varieties form {
margin: 0px;
}


/* ============================================== */
/* Styles for NEWS PAGE */
/* ============================================== */

.newstable { 
width: 100%;
border: 1px #444444 solid;
margin-bottom: 15px;
}









/*[][][][][][][][][][][][][][][][][][][][][][][][][][] */
/* Important - Links, FAQs, Contacts pages etc follow this format */
/*[][][][][][][][][][][][][][][][][][][][][][][][][][] */

/* following styles will apply to all pics in above pages */
.itempic {
margin-left: 8px;
}

/* ============================================== */
/* Styles for LINKS PAGE */
/* ============================================== */

#linkcat {
font-weight: bold;
border: 1px silver solid;
margin-bottom: 5px;
margin-top: 10px;
padding: 5px;
}

#linkouter {
margin-left: 3%;
width: 97%;
border: 1px silver solid;
margin-bottom: 5px;
}

#linkhead { 
border-bottom: 1px silver solid;
background-color: silver;
font-weight: bold;
padding: 3px;
}

#linkbody { 
padding: 6px;
}


/* ============================================== */
/* Styles for FAQ PAGE */
/* ============================================== */

#FAQcat {
font-weight: bold;
border: 1px silver solid;
margin-bottom: 5px;
margin-top: 10px;
padding: 5px;
}

#FAQouter {
margin-left: 3%;
width: 97%;
border: 1px silver solid;
margin-bottom: 5px;
}

#FAQhead { 
border-bottom: 1px silver solid;
background-color: silver;
font-weight: bold;
padding: 3px;
}

#FAQbody { 
padding: 6px;
}




/* ============================================== */
/* Styles for CONTACTS PAGE */
/* ============================================== */

#contactcat {
font-weight: bold;
border: 1px silver solid;
margin-bottom: 5px;
margin-top: 10px;
padding: 5px;
}

#contactouter {
margin-left: 3%;
width: 97%;
border: 1px silver solid;
margin-bottom: 5px;
}

#contacthead { 
border-bottom: 1px silver solid;
background-color: silver;
font-weight: normal;
padding: 3px;
}

#contactbody { 
padding: 6px;
}




/* ============================================== */
/* Styles for DIARY */
/* ============================================== */

#daynames {
border: black solid 1px;
border-right: 2px black solid;
border-bottom: 2px black solid;
background-color: #ccffee;
text-align: center;
font-weight: bold;
}

#day {
height: 40px;
border-bottom: black solid 2px;
border-left: black solid 1px;
border-right: black solid 2px;
background-color: #ffffcc;
}

#day a:hover div {
background-color: #EFAEBF;
text-decoration: none;
color: black;
}

#cellhed {
text-align: center;
background-color: #ffff99;
border-top: black 1px solid;
border-bottom: black 1px solid;
font-weight: bold;
}

#cellhedtoday {
text-align: center;
background-color: #ffbb66;
border-top: black 1px solid;
border-bottom: black 1px solid;
font-weight: bold;
}

#eventeven {
text-align: left;
font-family: tahoma;
font-size: 10px;
background-color: #ffffcc;
border-bottom: 1px black solid;
padding: 1px;
}

#eventodd {
text-align: left;
font-family: tahoma;
font-size: 10px;
background-color: #eeeeee;
border-bottom: 1px black solid;
padding: 1px;
}

#addbutton {
background-color: #ffbb99;
font-family: tahoma;
font-size: 10px;
text-align: center;
}


#detailsinner {
padding: 10px;
}

.calhead td {
text-align: center;
font-weight: bold;
}






/* ============================================== */
/* Styles for GUESTBOOK */
/* unpublished comments are highlighted */
/* ============================================== */


.gb-post-pub {
border-top: 1px solid black;
border-left: 1px solid black;
width: 100%;
}

.gb-post-unpub {
border-top: 1px solid black;
border-left: 1px solid black;
width: 100%;
background-color: #ffffbb;
}

.gb-reply-pub {
border-bottom: 1px solid black;
border-right: 1px solid black;
width: 100%;
margin-bottom: 10px;
}

.gb-reply-unpub {
border-bottom: 1px solid black;
border-right: 1px solid black;
width: 100%;
margin-bottom: 10px;
background-color: #ffffbb;
}



/* ============================================== */
/* Styles for FORUM */
/* ============================================== */


#forumexpanded {
float: left; 
width: 60%;
margin-left: 10px;
margin-bottom: 10px;
}

#forumlist {
float: left;
width: 35%; 
background-color: #ffffee;
border: 1px black solid;
margin-bottom: 10px;
}

#forumlist a:hover {
background-color: #ffffcc;
cursor: hand;
}

#forumpost {
width: 100%;
border-top: 1px dotted black;
padding: 2px;
}

#forumposttop {
width: 100%;
background-color: #ffffcc;
font-weight: bold;
border-top: none; 
border-bottom: 1px black solid;
text-align: center;
padding: 3px;
}

#forumposton {
width: 100%;
border-top: 1px dotted black;
padding: 2px;
background-color: #ffffcc;
font-weight: bold;
}

#expandedpost {
width: 100%;
border: 1px black solid;
margin-bottom: 5px;
}

#expandedposthed {
text-align: center;
font-weight: bold;
background-color: #ffffcc;
padding: 3px;
border-bottom: 1px solid black;
}

#expandedpostdetails {
font-size: 9px;
background-color: #ffffcc;
padding: 3px;
padding-top: 1px;
padding-bottom: 1px;
border-bottom: 1px solid black;
font-family: tahoma;
}

#expandedpostbody {
background-color: #ffffee;
padding: 3px;
padding-top: 1px;
padding-bottom: 1px;
}

#expandedreply {
text-align: right;
}


















/* ============================================== */
/* Styles for MENU */
/* ============================================== */