body {
color:#000000;
background-color: #ffffff;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size: 80%;
font-family: verdana, arial, helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
color:#333333;
margin:0px 0px 15px 0px;
padding:0px 0px 0px 0px;
font-family: verdana, arial, helvetica, sans-serif;
}

p {
font-size: 1em;
}

/* for i.e */
table {
font-size: 1em;
}

table, tr, td, th {
margin:0px 0px 0px 0px;
}

th {
background-color: #c00;
color:#ffffff;
}

th a:link {color:#ffffff; text-decoration: none; }
th a:visited {color:#ffffcc; text-decoration: none; }
th a:hover {background-color:#ffffff; color:#6699CC;}

a {
font-size: 1em;
text-decoration:underline;
}

a:link {color:#66f;}
a:visited {color:#90c;}
a:hover {color:#99f;}

/* The text button */
.button {
	font-weight: bold;
	font-size: 1.0em;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color:#00f;
	color: #fff;
	border-color: #000;
	border-width: 1px;
	}

.button a:link {color:#cff;}
.button a:visited {color:#ccf;}
.button a:hover {background-color:#fff; color:#6699cc;}

/* add to basket is link */
.addlink {
	text-decoration:underline;
	}

A:link.addlink {color:#009;}
A:visited.addlink {color:#900;}
A:hover.addlink  {background-color:#c00; color:#fff;}

/* All the cont boxes belong to the cont class. */
.cont {
position:relative;
width:auto;
min-width:120px;
margin:0px 182px 0px 180px;
padding:0px 0px 0px 0px;
z-index:50; 
background-color: #fff;
}

/* general navigation is .nav */
.nav a {
text-decoration:none;
}

.nav a:link {color:#00c;}
.nav a:visited {color:#90c;}
.nav a:hover {color:#99f;}
.nav P {margin: 10px 2px 10px 10px; }

/* leftcol is placement the .nav is the look and also used for navigation in rightcol */
.leftcol{
position:absolute;
left: 0px;
width:170px;
margin: 10px 2px 0px 10px;
padding:0px 0px 0px 0px;
background-color: #fff;
z-index:10; 
font-size: 1em;
}

/* if using rightcol, then change the margin for .cont */
.rightcol {
position:absolute;
top: 0px;
right: 0px;
width:170px;
margin: 10px 2px 0px 2px;
padding:0px 0px 0px 0px;
background-color: #fff;
z-index:30; 
font-size: 0.9em;
}

/* if using rightcol, then change the margin for .cont */
.amazon {
position:absolute;
top: 0px;
width:auto;
margin: 0px 0px 0px 180px;
padding:0px 0px 0px 0px;
background-color: #fff;
z-index:20; 
font-size: 0.9em;
}

/* drop down box */
.ddb {
	font-family:  verdana, arial, helvetica, sans-serif;
	text-align: center;
	background-color: #fff;
	}
/* the more... row */
OPTION.ddb0 {
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	background-color: #fff;
	}
/* the odd rows */
OPTION.ddb1 {
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	color: #f00;
	background-color: #ccc;
	}	
/* the evens rows */
OPTION.ddb2 {
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	color: #00f;
	background-color: #fff;
}

.err {background-color:#cccccc;}

/* how the table of products/galleries is displayed on shop, product, view_cart pages */
.tableborder {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}

.tableborder td{
	border-bottom: 1px solid #000;
}

.tableborder th{
	border-bottom: 1px solid #000;
}

/* display of categories on shop.php  */
.shopcategory {
	text-align: center;
	border: none;
}

.shopcategory a:hover img {border: 1px solid #000; }

.shopcategory h1 {
	text-align: center;
	font-size: 1em;
	margin-bottom: 0px;
}

/* float left | right | none, none will then inherit the alignment from the class .shopcategory above */
.shopcategory img {
	float: none;
	border: none;
	margin: 0px;
	padding: 0px;
}

.shopcategory A {
	text-decoration: none;
}

.shopcategory P {
	text-align: left;
	margin: 0px;
	padding: 0px;
}

/* display of galleries on shop.php (looking at galleries in category) */
.shopgallery {
	text-align: center;
	border: none;
}

.shopgallery a:hover img {border: 1px solid #000; }

.shopgallery h1 {
	text-align: center;
	font-size: 1em;
	margin-bottom: 0px;
}

/* float left | right | none, none will then inherit the alignment from the class .shopgallery above */
.shopgallery img {
	float: none;
	border: none;
	margin: 0px;
	padding: 0px;
}

.shopgallery A {
	text-decoration: none;
}

.shopgallery P {
	margin: 0px;
	padding: 0px;
}

/* display of products in a gallery on shop page */
.shopproduct {
	text-align: center;
	font-size: 0.8em;
	border: none;
	margin: 1px;
	padding: 0px;

}

.shopgallery a:hover img {border: 1px solid #000; }

.shopproduct h1 {
	text-align: center;
	font-size: 1em;
	margin-bottom: 0px;
}

/* float left | right | none, none will
	then inherit the alignment from the
	class .shopproduct above */

.shopproduct img {
	float: none;
	border: none;
	margin: 0px 0px 4px 0px;
	padding: 0px;
}

.shopproduct A {
	text-decoration: none;
}

.shopproduct P {
	margin: 0px;
	padding: 0px;
}

.shopproduct table{border: none;}
.shopproduct tr{border: none;}
.shopproduct th{border: none;}
.shopproduct td{border: none;}

.shopproduct SELECT {
	text-align: center;
	background-color: #fff;
	margin-bottom: 2px;
}

.shopproduct OPTION {
	text-align: center;
	background-color: #fff;
}

/* dislpay on product page */
.productpage {
	text-align: center;
	border: none;
}

.productpage a:hover img {border: 1px solid #000; }

.productpage h1 {
	text-align: center;
	font-size: 1em;
	margin-bottom: 0px;
}

/* float left | right | none, none will
	then inherit the alignment from the
	class .productpage above */

.productpage img {
	float: none;
	border: none;
	margin: 0px;
	padding: 0px;
}

.productpage A {
	text-decoration: none;
}

.productpage P {
	margin: 0px;
	padding: 0px;
}

.productpage SELECT {
	text-align: center;
	background-color: #fff;
	margin-bottom: 2px;
}

.productpage OPTION {
	text-align: center;
	background-color: #fff;
}

/*/ used on view_cart /*/
.countryselectbox {
	font-size: 0.8em;
	}
	
.postageselectbox {
	font-size: 0.8em;
	}

/*/ prevnext, prevtop and prevbottom are the previous next bars on the main shop page table /*/
.prevnext {
	background-color: #900;
	color:#ffc;
	font-size: 0.9em;
}
.prevnext a:link {color:#fff; text-decoration: none; }
.prevnext a:visited {color:#ffc; text-decoration: none; }
.prevnext a:hover {background-color:#ffffff; color:#66f;}

#prevtop {
	text-align: left;
}

#prevbottom {
	text-align: right;
}

/* mb1 and mb2 for message board display */
.mb1 {
	background-color:#ccc;
	padding: 0px;
	margin: 0px;
	}
.mb2 {
	background-color: #fff;
}

/* this is the bottom space on all pages */
.navbottom{
clear: none;
width:100%;
border: none;
margin: 16px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color: #fff;
z-index:1; 
font-size: 0.9em;
}

/* main links in the bottom space */
.navbot {margin-top: 2em; }
.navbot A {color: #000; }
.navbot A:link {color: #000; }
.navbot A:visited {color: #000; }
.navbot A:hover {color: #000; background-color: #fff; text-decoration:underline; }

/* credits in the bottom space */
.credits {
	font-size: 0.8em;
}

/* div.float used on onlinesles/index.php */
div.float {
	float: left;
	border: 1px solid #000000;
	text-align: center;
	background-color: #ffffff;
	margin: 10px;
	padding: 2px;
	}

div.float img {
	border: 1px solid #000000;
}
  
div.float p {
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

div.float A {
	text-decoration: none;
	font-size: 0.8em;
	}

/* fivepx used in admin 'cos it's still all tables... */
.fivepx {
	padding-left: 5px;
}