/*	HIGHLIGHT #1 		FF6600

	HIGHLIGHT #2		CEA012

	ERROR				FF99FF

	BACKGROUND			FFCC99

	TABLE BACKGROUND	FFFFFF

*/

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: #5C174E;

	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 {color:#5C174E; }

th a:link {color:#5C174E; text-decoration: none; }

th a:visited {color:#62A7C8; text-decoration: none; }

th a:hover {background-color:#CEA012; color:#5C174E;}


.th2 th {color:#5C174E; }

.th2 th a:link {color:#5C174E; text-decoration: none; }

.th2 a:visited {color:#62A7C8; text-decoration: none; }

.th2 a:hover {background-color:#CEA012; color:#5C174E;}



.th2 td {background-color: #CEA012; color:#5C174E; }

.th2 td a:link {color:#5C174E; text-decoration: none; }

.th2 td a:visited {color:#62A7C8; text-decoration: none; }

.th2 td a:hover {background-color:#62A7C8; color:#5C174E;}



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

a:link {color:#5C174E;}

a:visited {color:#62A7C8;}

a:hover {background-color:#CEA012; color:#5C174E;}



/* The text button */

.button {

	font-weight: bold;

	font-size: 1.1em;

	font-family: Verdana, arial, helvetica, sans-serif;

	background-color:#CEA012;

	color: #5C174E;

	border-color: #000;

	border-width: 1px;

	}



.button a:link {color:#5C174E;}

.button a:visited {color:#62A7C8;}

.button a:hover {background-color:#CEA012; color:#5C174E;}



/* 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:#CEA012;

	color: #5C174E;

	border: 1px solid #000;

	text-indent: 2em;

}

.continueshopping a:link {color:#ffffff; text-decoration: underline;}

.continueshopping a:visited {color:#ffffff;text-decoration: underline;}

.continueshopping a:hover {background-color:#CEA012; color:#5C174E;}





A:link.addlink {color:#5C174E;}

A:visited.addlink {color:#62A7C8;}

A:hover.addlink  {background-color:#CEA012; color:#5C174E;}



/* 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 0px 0px 170px;

	padding:0px 10px 0px 10px;

	background-color: #FFFFFF;

	border-bottom: none;

	z-index: 100;

}



/* general navigation is .nav */

.nav {	background-color: #ffffff; 

	line-height: 1.8em; 

	}

.nav a {text-decoration:none;}

.nav a:link {color:#5C174E;}

.nav a:visited {color:#62A7C8;}

.nav a:hover {background-color:#CEA012; color:#5C174E;}

.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: 50px;

left: 0px;

width:170px;

margin: 0px;

padding:0px;

font-size: 1em;

z-index: 10;

background-color: #FFFFFF;

}



/* 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: 50px;

	font-size: 1.3em;

	text-align: right;

	background-color: #CEA012;

	margin-right: 0px;

	color: #5C174E;

}



.navtop a:link {color:#5C174E;}

.navtop a:visited {color:#62A7C8;}

.navtop a:hover {color:#5C174E; background-color: #62A7C8; text-decoration:none; }



.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.2em;

	text-align: left;

	background-color: #FFFFFF;

	margin: 16px 100px 0px 0px;

	padding: 0px 0px 2px 172px;

	border-bottom: none;

}



.navsecond a:link {color:#5C174E;}

.navsecond a:visited {color:#62A7C8;}

.navsecond a:hover {color:#5C174E; background-color: #CEA012; text-decoration:underline; }





/* third line search box */

.navsearch  {

	position: relative;

	font-size: 1em;

	text-align: right;

	background-color: #ffffff;

	margin: 0px 130px 2px 180px;

	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 180px;

	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: center;

	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: 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: #ffffff;

	margin-bottom: 2px;

}



.shopproduct OPTION {

	text-align: center;

	background-color: #ffffff;

}



/* 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:#5C174E;

	font-size: 0.9em;

}

.prevnext a:link {color:#5C174E; text-decoration: none; }

.prevnext a:visited {color:#62A7C8; text-decoration: none; }

.prevnext a:hover {color: #5C174E; background-color: #CEA012; text-decoration:none; }



#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: #5C174E; }

.navbot A:link {color: #5C174E; }

.navbot A:visited {color: #62A7C8; }

.navbot A:hover {color: #5C174E; background-color: #CEA012; text-decoration:none; }



.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: #000000;

	font-size: 1em;

}



.sendto {

	font-size: 1.2em;

	margin: 36px 3px 0px 2px;

	width: 100px;

	padding: 5px;

	background-color: #6666ff;

	colour: #ffffff;

	text-align: center;

	border: 1px solid #000000;

}

.sendto A {color: #ffffff;}

.sendto A:hover {color: #ffffff;text-decoration: underline;}



.nav1 {

	background-color: #CEA012;

	color: #5C174E;

}

.nav2 {

	background-color: #CEA012;

	color: #5C174E;

}

.nav1 A {color: #5C174E; }

.nav1 A:link {color: #5C174E; }

.nav1 A:visited {color: #62A7C8; }

.nav1 A:hover {background-color:#CEA012; color:#5C174E;}

.nav2 A {color: #5C174E; }

.nav2 A:link {color: #5C174E; }

.nav2 A:visited {color: #62A7C8; }

.nav2 A:hover {background-color:#CEA012; color:#5C174E;}



.featuredbrand table {

	border-top: 1px solid #000;

	border-right: none;

	border-bottom: none;

	border-left: none;

	width: 110px;

	text-align: center;

}



.featuredbrand th {

	line-height: 1.6em;

}



.featuredbrand td{

	border-bottom: 1px solid #000;

}



.featuredbrand th{

	border-bottom: 1px solid #000;

}



.featuredbrand .sub {

	line-height: 1.2em;

	font-size: .9em;

}



#featuredmenu A{

	font-weight: bold;

	font-size: 1.1em;

}



.leftsnow {

	margin: 0px;

	padding: 0px;

	text-align: center;

}

.frontpage {

	background-color: #CEA012;

	background-image: url('/images/mothers_day.gif');

}



.frontpagecenterbox {

	background-color: #ffffff;

	color: #5C174E;

	width: 550px;

	margin-top: 20px;

	border: 2px solid #f00;

}

.frontpagecenterbox A {

	margin: 0px;

	padding: 0px;

}

.frontpagecenterbox P {

	margin: 0px;

	padding: 0px;

}