*       { margin:0; padding:0; border: none;}
HTML	{ background: #CFCFCF; }
html .gainlayout { height: 1%; }
BODY    { font: 12px Verdana, Helvetica, Arial, sans-serif; margin: 2% 5% 2% 5%;}
A	{ text-decoration: none; color: #000000; }
A:hover { text-decoration: underline; }
.logo	{ float: left; background:#ffffff url(/images/logo.jpg) no-repeat left center; height: 84px; width: 150px; text-indent: -1000px;}
H2,H1	{ font-size: 1.5em; letter-spacing: 0.05em; color: #7C8745; border-bottom: 1px dashed #7C8745; margin: 0 0 10px 0; position: relative; display: inline; }
H3 	{ font-size: 1.1em; color: #7C8745; margin: 5px 0 0 0;}
H4 	{ font-size: 1em; color: #6F6F6F; margin: 5px 0 0 0;}
P	{ padding: 0.5em 0 0.5em 0; color: #7C8745;}
TABLE 	{ border-collapse:collapse; border-spacing:0; }
TD	{ vertical-align: top; }
FORM 	{ display: inline; }
INPUT	{ border: 1px solid #D4D0C8; }
TEXTAREA { border: 1px solid #D4D0C8; }
LABEL	{ color: #7C8745; }
BUTTON	
{ 
	background-color: #969D65; 
	font-weight: bold; 
	color: #ffffff; 
	border-top: 1px solid #D4D0C8; 
	border-left: 1px solid #D4D0C8;
	border-bottom: 1px solid #7C8745; 
	border-right: 1px solid #7C8745;
}
SELECT	{ border: 1px solid #D4D0C8; }

.inline { display: inline; }
.clearAllToHere	{ clear: both; }
.banner
{
	margin-left: 150px;
	height: 84px;
	background-color: #F2F6F7;
	background-image: url(/elements/Home.banner.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
/* -----------------------
  Structural Components 
--------------------------
*/
#headerID { background-color: #ffffff; padding: 10px 20px 10px 20px; }

#topnavID { text-align: right; padding: 5px;}
#topnavID UL LI { list-style: none; display: inline;} 
#topnavID UL LI a      { padding: 0 1em 0 1em; color:#7C8745;}

#bodyID		{ background-color: #ffffff; padding: 10px 0 0 0; }

#navID	{ margin: 0 0 0 20px; float: left; width: 130px; }
#navID UL LI { list-style-type: none; padding: 4px 0 4px 0;}
#navID UL LI a { font-weight:bold; color: #A7A6A6; font-size: 13px;}
#navID UL LI .selected { color: #000000; text-decoration: none; } 

#footerID	{ background-color: #ffffff; padding: 10px 20px 10px 20px;}
#fnavID		{ margin: 0; background-color: #969D65; padding: 10px; }
#fnavID UL LI	{ display:inline; }
#fnavID UL LI a	{ padding: 0 1em 0 1em; font-weight:bold; color:#ffffff;}

/* Home Page */
	
	.homeCol { margin: 0 20px 0 170px; 	border: 1px solid #ffffff;}
	
	#contbox { width: 200px; float: left; margin: 0 0 0 10px;}

	.content .aboutus { border-left: 3px solid #AFB585; margin-bottom:10px; padding: 0 0 0 10px;} 
	.content .aboutus H2 { color: #7C8745;}
	.content .aboutus P { color: #7C8745; padding: 5px 0 10px 0; font-size:0.9em;}

	.content .newsandevents { border-left: 3px solid #A85E5B; margin-bottom:10px;  padding: 0 0 0 10px;}
	.content .newsandevents H2 { color: #852821;}
	.content .newsandevents P { color: #7C8745; padding: 5px 0 10px 0; font-size:0.9em;}

	.content .stockists { border-left: 3px solid #F9953F; margin-bottom:10px; padding: 0 0 0 10px;}
	.content .stockists H2 { color: #F9953F;}
	.content .stockists P { color: #7C8745; padding: 5px 0 10px 0; font-size:0.9em;}

/* Other Pages */

	.otherCol { margin: 0 370px 0 170px;  padding: 0 0 0 10px; position: relative; }
	.otherCol P { color: #7C8745; font-size: 11px; line-height: 1.4em;}
	.otherCol H2 { color: #7C8745; }
	#rightpaneID { float: right; margin: 0 20px 0 0; width: 330px; }
	#rightpaneID IMG { margin: 0 0 10px 0; }
	#rightpaneID P { color: #7C8745; font-size: 11px; line-height: 1.4em;}
	#rightpaneID .news { padding-left: 10px; }
	#rightpaneID .contact { padding-left: 10px; }
	#rightpaneID .aboutus { padding-left: 10px; }
	.aboutus  { border-left: 4px solid #969D65; }	
	.aboutus H2 { color: #7C8745; border-color: #969D65;}
	.aboutus H3 { color: #7C8745; }
	.news	  { border-left: 4px solid #A85E5B; }	
	.news H2 { color: #852821; border-color: #A85E5B; }
	.news H3 { color: #852821; }
	.stockists    { border-left: 4px solid #F0C231; }	
	.stockists H2 { color: #F0C231; border-color: #F0C231; }
	.stockists H3 { color: #F0C231; }
	.contact    { border-left: 4px solid #A3B5C3; }	
	.contact H2 { color: #A3B5C3; border-color: #A3B5C3; }
	.contact H3 { color: #A3B5C3; }

/* -----------------------
  Arbitrary Style Info
--------------------------
*/
#PressRightOBJID TD
{
	width: 150px;
	padding: 0 5px 0 5px;
}
#PressRightOBJID TD H3
{
	font-size: 0.95em;
	color: #6F6F6F;
}
#PressRightOBJID TD P
{
	font-size: 0.75em;
	color: #6F6F6F;
}
.collectionsIMG
{
	border: none;
	padding: 5px;
}

#OnlineStoreBox
{
	clear: both;
	background: #ffffff url(/images/onlineshop_middle.png) repeat-x top;
	height: 116px;
}
#OnlineStoreBoxLeft2
{
	float: left;
        background-image: url(/images/onlineshop_left.png);
	background-repeat: no-repeat; 
	background-position: 0 33px;
        height: 116px;
	width: 250px;
}
#OnlineStoreBoxLeft
{
	float: left;
	padding: 33px 15px 0px 0px;
}

#OnlineStoreBoxRight
{
	float: right;
        background-image: url(/images/onlineshop_end.png);
	background-repeat: no-repeat; 
	background-position: top right;
        height: 116px;
	width: 150px;
}
#OnlineStoreBox P { padding-top: 65px; color: #7C8745;}

#OurCollectionsBox
{
	padding: 30px 8px 8px 8px;
	background: #AFB585 url(/images/ourcollections.png) no-repeat 5px 0;
}
#OurCollectionsBoxInner
{
	padding: 5px;
	background-color: #ffffff;
}

/* -----------------------
  Online Store
--------------------------
*/
.box
{
	display: block;
	border: 1px solid #969D65;
	padding: 10px;
	margin: 10px 0 0 0;
}
.box2
{
	display: block;
	border-bottom: 1px solid #969D65;
	padding: 10px 0 10px 0;
}
.box2 P { font-size: 1.1em; color: #6F6F6F; }
.box2 P B { color: #7C8745; }
#basketID .lastcol { width: 150px; text-align: right; }
#basketID TR { border-bottom: 1px solid #969D65; }
#basketID TD { padding: 10px 5px 0 5px; }
#basketID P { font-size: 1.1em; color: #6F6F6F; }
#basketID P B { color: #7C8745; }
#basketID .update { background: #ffffff url(/images/rightarr.jpg) right center no-repeat; margin: 5px 0 0 0; padding: 0 15px 0 0; font-size: 0.8em; display: block; }
#basketID .remove { background: #ffffff url(/images/cross.jpg) right center no-repeat; margin: 5px 0 0 0; padding: 0 15px 0 0; font-size: 0.8em; display: block;}

#baskettotID
{
	margin: 10px 0 10px auto;
	border: 1px solid #969D65;
}
#baskettotID TD
{
	padding: 5px 10px 5px 10px;
}
#baskettotID .num { text-align: right; }
#baskettotID .bdr { border-bottom: 1px solid #000000; }

.product
{
	margin: 0 20px 30px 0;
	border-bottom: 1px solid #969D65;
	width: 150px;
	height: 240px;
	float: left;
	vertical-align: top;
}
.categoryBox
{
	margin: 0 20px 30px 0;
	border-bottom: 1px solid #969D65;
	width: 150px;
	height: 180px;
	float: left;
	vertical-align: top;
}
.product .PIMG, .categoryBox .PIMG
{
	width: 150px;
	height: 140px;	
}
.product H4, .categoryBox H4 { padding: 0 10px 5px 10px; }
.categoryBox H4 a { color: #555555; }
.product P { padding: 0 10px 0 10px; }
.product P.txt { height: 45px; font-size: 0.9em; color: #6F6F6F; line-height: 1.4em;}
.product P.alright { text-align: right; }

#rightpaneID .prodzoomviewRightobj P
{
	text-align: center;
}
#rightpaneID .prodzoomviewRightobj P.price
{
	padding: 10px;
	font-size: 1.2em;
	font-weight: bold;
}
#limitnavID
{
	clear: both; 
	text-align: center;
}
#limitnavID IMG
{
	vertical-align : bottom;
	margin: 0 10px 0 10px;
}
.alert  { border : 2px solid #852821; background-color: #ff9090; padding: 10px 10px 10px 20px; overflow: hidden; }

/*      -------------------
        login (also used for registration)
        -------------------
*/
#login          { padding: 10px 0 0 0; }
#login TD	{ padding: 10px; }
#login P        { margin: 5px 5px 5px 0; }
/*      -------------------
        My Account
        -------------------
*/
#myaccount      { padding: 10px 0 0 0;}
#myaccount td   { padding: 10px; }
#myaccount P    { margin: 3px 0 3px 0; }
.admin
{
	border-collapse:collapse;
	border-spacing:0;
}
.admin TD
{
	padding: 2px 5px 2px 5px;
}
.admin .unpaid { background-color: #ffa0a0; }
.admin .paid { background-color: #a0ffa0; }
.admin .num
{
	text-align: right;
}
.admin .orderdetails 
{
	background-color: #a0a0ff;
	border: 1px solid #0000ff;	
}
.admin .orderdetails TD
{
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
}
.admin .orderdetails HR
{
	border: 1px solid #0000ff;
}
.admin .head
{
	font-weight: bold;
}
#hoverID
{
        background-color: #ffffff;
        position: absolute;
        display: none;
        padding: 12px;
        border: 1px solid #000000;
}

#saleID
{
	margin: 10px 0 0 0;
	padding: 7px;
	background-color: #cc0000;
}
#saleID P
{
	color: white;
}
#sale2ID
{
	display: none;
	position: absolute;
	top: 200px;
	left: 230px;
	width: 300px;
	background-color: white;
	border:1px solid #666666;
	padding: 10px;
}
#sale22ID
{
	height: 0px;
	padding: 10px;
	background-color: #cc0000;
}
#sale2ID P
{
	font-size:1.1em;
	font-weight: bold;
        color: white;
}
#sale2ID P A
{
	color: #330000;
}