/* ff00cc fuschia */
/* ff6633 orange */

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

h1, h2, h3, h4, h5, h6 {
	color: #000000;
	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: #ff6633; color: #000000; }
th a:link {color: #000000; text-decoration: none; }
th a:visited {color: #000000; text-decoration: none; }
th a:hover {background-color: #ff6633; color: #ffffff;}

.th2 th {background-color: #cccccc; color: #000000; }
.th2 th a:link {color: #000000; text-decoration: none; }
.th2 th a:visited {color: #000000; text-decoration: none; }
.th2 th a:hover {background-color: #cccccc; color: #ffffff;}

.th2 td {background-color: #cccccc; color: #000000; }
.th2 td a:link {color: #000000; text-decoration: none; }
.th2 td a:visited {color: #000000; text-decoration: none; }
.th2 td a:hover {background-color: #cccccc; color: #ffffff;}

a { font-size: 1em; text-decoration:none; }
a:link {color: #00f;}
a:visited {color: #66f;}
a:hover {background-color: #ffffff; color: #000000;}

/* The text button */
.button {
	font-weight: bold;
	font-size: 1.1em;
	font-family: Verdana, arial, helvetica, sans-serif;
	background-color: #ff6633;
	color: #ffffff;
	border-color: #000;
	border-width: 1px;
	}

.button a:link {color: #00f;}
.button a:visited {color: #66f;}
.button a:hover {background-color: #ffffff; color: #000000;}

/* add to basket is link */
.addlink {
	font-weight: bold;
	font-size: 1.1em;
	text-decoration:underline;
	}

.continueshopping {
	font-weight: bold;
	font-size: 1.2em;
	font-family: Verdana, arial, helvetica, sans-serif;
	line-height: 1.6em;
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #000;
	text-indent: 2em;
}
.continueshopping a:link {color: #000000; text-decoration: underline;}
.continueshopping a:visited {color: #000000;text-decoration: underline;}
.continueshopping a:hover {background-color: #ffffff; color: #ff6633; }


A:link.addlink {color: #66f;}
A:visited.addlink {color: #66f;}
A:hover.addlink  {background-color: #ffffff; color: #000000;}

/* cont leftnav belong in main. */
.main {
	position: absolute;
	width: 100%;
	top: 0px;
	background-color: #FFFFFF;
}

/* All the cont boxes belong to the cont class. */
.cont {
	position:relative;
	width:auto;
	min-width:120px;
	margin: 0px 120px 0px 160px;
	padding:0px 10px 0px 0px;
	background-color: #FFFFFF;
	border-bottom: none;
	z-index: 100;
}

/* general navigation is .nav */
.nav {background-color: #ffffff;}
.nav a {text-decoration:none;}
.nav a:link {color: #000000;}
.nav a:visited {color: #000000;}
.nav a:hover {background-color: #ffffff; color: #ffffff;}
.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;
top: 40px;
left: 0px;
width:150px;
margin: 0px;
padding:0px;
font-size: 1em;
z-index: 10;
background-color: #FFFFFF;
border: none ;
}

/* if using rightcol, then change the margin for .cont */
.rightcol {
position:absolute;
top: 50px;
right: 0px;
width:120px;
text-align: right;
margin: 0px;
padding:0px 0px 0px 0px;
background-color: #FFFFFF;
font-size: 1em;
z-index: 5;
}

.err {background-color: #FF99FF;}

/* container for top navigation  */
.conttop{
	background-color: #ff00ff;
	border: 3px solid #cc0000;
}

/* navigation on very top of page. */
.navtop {
	height: 30px;
	font-size: 1.3em;
	text-align: right;
	background-color: #ffffff;
	margin-right: 0px;
	color: #000000;
}

.navtop a:link {color: #000000;}
.navtop a:visited {color: #000000;}
.navtop a:hover {color: #000000; background-color: #ffffff; text-decoration:underline; }

.navtopon {
	background-color: #FFFFFF;
	margin:  0px 3px 0px 3px;
	padding: 0px;
	font-weight: bold;
	}

.navtopoff {
	background-color: #FFFFFF;
	margin:  0px 3px 0px 3px;
	}

/* second line for categories. */
.navsecond  {
	position: relative;
	font-size: 1.1em;
	text-align: left;
	background-color: #FFFFFF;
	margin: 16px 134px 0px 0px;
	padding: 0px 0px 2px 160px;
	border-bottom: none;
}

.navsecond a:link {color: #000;}
.navsecond a:visited {color: #000;}
.navsecond a:hover {color: #000; background-color: #FFFFFF; text-decoration:underline; }

/* third line search box */
.navsearch  {
	position: relative;
	font-size: 1em;
	text-align: right;
	background-color: #cccccc;
	margin: 0px 130px 2px 160px;
	padding: 2px 8px 2px 0px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	vertical-align: middle;
}


/* third line for checkout instead of search box */
.navcheck  {
	position: relative;
	font-size: 1em;
	text-align: left;
	background-color: #FFFFFF;
	margin: 0px 130px 2px 160px;
	padding: 2px 8px 2px 0px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	vertical-align: middle;
}


.navsearch FORM{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


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

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

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

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

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

.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 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: left;
	border: none;
	margin: 1px;
	padding: 0px;

}

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

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

.shopproduct img {
	float: left;
	border: none;
	margin: 0px 4px 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: #ffffff;
	margin-bottom: 2px;
}

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

/* how data is displayed */
/* shopproductdata is to seperate the data from image in one column galleries. */
/* some values calculated in main_product_routine */
.shopproductdata {
	text-align: left;
	background-color: #ffffff;
	border: none;
}


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

.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: #ffffff;
	margin-bottom: 2px;
}

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

/*/ 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: #FFFFFF;
	color: #000;
	font-size: 0.9em;
}
.prevnext a:link {color: #993300; text-decoration: none; }
.prevnext a:visited {color: #993333; text-decoration: none; }
.prevnext a:hover {background-color: #ffffff; color: #000000;}

#prevtop {
	text-align: left;
}

#prevbottom {
	text-align: right;
}

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;
	}

/* this is the bottom space on all pages */
.navbottom{
	clear: both;
	width:100%;
	border: none;
	text-align: center;
	margin: 16px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #FFFFFF;
	font-size: 0.9em;
}

.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: #ffffff; text-decoration:underline; }

.credits {
	font-size: 0.8em;
	}

.floatcont{
	width: 100%;
	background-color: #ffffff;
	z-index: 10;

}
.floatleft{
	float: left;
	width: 50%;
	height: 100%;
	text-align: center;
	background-color: #ffffff;
	margin: 0px;
	padding: 2px;
}

.floatright{
	height: 100%;
	text-align: center;
	background-color: #ffffff;
	margin: 0px;
	padding: 4px;
	border-left: 1px solid #FF99FF;

}

.floatleft P{   text-align: left;}
.floatright P{  text-align: left;}

.textbottom {
	clear: both;
	width: 100%;
	border: none;
	margin: 1em 0px 0px 0px;
	padding:0px;
	background-color: #FFFFFF;
	z-index:1;
	color: #000;
	font-size: 1em;
}

.sendto {
	font-size: 1.2em;
	margin: 0px 3px 0px 2px;
	width: 100px;
	padding: 0px;
	background-color: #ffffff;
	colour: #ffffff;
	text-align: center;
	border: none;
}
.sendto A {color: #000000;}
.sendto A:hover {color: #000000;text-decoration: underline;}

.nav1 { background-color: #ffffff; color: #000000; }
.nav1 A {color: #000000; }
.nav1 A:link {color: #000000; }
.nav1 A:visited {color: #000000; }
.nav1 A:hover {background-color: #cccccc; color: #000000; }

.nav2 { background-color: #ffffff; color: #000000; }
.nav2 A {color: #000000; }
.nav2 A:link {color: #000000; }
.nav2 A:visited {color: #000000; }
.nav2 A:hover {background-color: #ff6633; color: #000000;}

.featuredbrand table {
	margin-top: 1.4em;
	border-top: none;
    border-right: none;
	border-bottom: none;
	border-left: none;
	width: 110px;
	text-align: center;
}

.featuredbrand th {
	line-height: 1.6em;
	background-color: #ff6633;
	color: #000000;
}

.featuredbrand th a:hover {background-color: #ff6633; color: #ffffff;}

.featuredbrand .sub {
	line-height: 1.2em;
	font-size: .9em;
}

#featuredmenu A{
	font-weight: bold;
	font-size: 1.1em;
}
.logocol {
	text-align: center;
}
.logocol IMG {
	margin-top: 4px;
}

.leftsnow {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.frontpage {
	background-color: #ffffff;
}

.frontpagecenterbox {
	background-color: #ffffff;
	color: #000000;
	width: 480px;
	margin-top: 20px;
	padding: 10px;
	border: 2px solid #ff6633;
}
.frontpagecenterbox A {
	margin: 0px;
	padding: 0px;
}
.frontpagecenterbox P {
	margin: 0px;
	padding: 0px;
}
.pricewas {
	color: #ff0000;
	text-decoration: none;
}
.pricewasx {
	color: #ff0000;
	text-decoration: line-through;
}