html, body, h1, h2, a, p, table, tr, td, div, ul, li, img {margin: 0px; padding: 0px;}

body {	
	background: #ffffff; 
	font-size: 100%;
	line-height: 1.2em;
	font-family: verdana, arial, tahoma, helvetica, Georgia, Times, sans-serif, serif;
	text-align: center; /* IE5.x workaround for centering */
	margin-bottom: 50px;
	margin-top: 10px;
	}

body img {
	display: block;
	border: 0;
	padding: 0px;
	} 

p, h1, h2, h3, li {
	font-family: verdana, arial, tahoma, helvetica, Georgia, Times, sans-serif, serif;
	color: #000000; 
	line-height: 1.2em;
	font-size: 0.875em;
	} 

html p {
	margin-top: 0px;	
	margin-bottom: 1em;
	}

.centered {text-align: center;} /* Common Style Used on Many Pages */

.bold {font-weight: bold;} /* Common Style Used on Many Pages */

.nomargin {margin-bottom: 0;} /* Used on Ribbons Pages Only */

.widemargin {margin-left: 40px;} /* Used on Misc Millinery Supplies and Contact Us Pages */

.italics {font-style: italic;} /* Used only on Index Page */

a:link {
	color: #0000ff; 
	background: #ffffff;	
	text-decoration: underline;
	}

a:visited {
	color: #990099;	
	background: #ffffff;	
	text-decoration: underline;
	}

a:hover {
	color: #ff6600;	
	background: #ffffff;
	text-decoration: underline;
	}

/* MAIN PAGE DIVISIONS & COMMON STYLES */

div#maincontainer {
	background: #ffffff; 
	color: #000000; 
	width: 760px; 
	position: relative; 
	margin-left: auto; margin-right: auto; /* Centres everythng on the page */
	}

div#topbar {
	width: 760px; 
	height: 60px;
	border-bottom: 1px solid #cc0000;
	position: relative;
	background: #ffffff url(../images/topbar.gif) no-repeat 0% 0%;
	}

#logo {	
	position: absolute; 
	left: 0px; top: 11px;
	}

div#tagline {
	position: absolute; 
	left: 0px; bottom: 0px;
	font-family: tahoma, helvetica, sans-serif, serif;	
	color: #000000;
	font-size: 11px;
	}

div#date {
	position: absolute; 
	right: 0px; bottom: 0px;
	}

/* Bottom Contact Details and Copyright - All Pages */

div#contactdetails {
	width: 550px; 
	margin-right: 0px; 
	margin-left: 210px;
	text-align: center;
	}

div#contactdetails p {
	margin-top: 5px;
	color: #000000;
	font-size: 80%;
	background-color: #ffffff;
	}

/* LEFT SIDE MENU */

div#leftnav {
	margin: 0; padding: 0; 
	width: 162px;
	position: absolute; 
	left: 0px; 
	top: 75px;
	}

div#leftnav img {display: block; margin: 0; padding: 0; line-height: 0em; border: 0;}

div#leftnav ul {
	margin: 0; padding: 0; 
	width: 162px;
	}

div#leftnav li {
	margin: 0; padding: 0; 
	list-style: none;	
	border: 1px solid #ff6600;	
	border-bottom: none;
	}
 
div#leftnav li a {
	display: block; 	
	font-family: arial, verdana, tahoma, helvetica, sans-serif, serif;
	font-size: 13px; 
	color: #000000;	
	text-align: left;	
	text-decoration: none;
	background:  #cbe0f0 url(../images/orangesquare.gif) 2% 60% no-repeat;
	padding: 4px 0px 2px 10px;
	width: 100%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 152px; /* 162 less 10px left padding */
	} 
	div#leftnav ul a {
	width: auto; /* ie5win fudge ends */
	}

div#leftnav li a:hover {
	background: #e2ebf1 url(../images/orangesquare.gif) 2% 60% no-repeat; 
	color: #ff6600; 
	font-weight: bold;
	}

/* MAIN INDEX PAGE STYLES */

div#mainpageindex {
	width: 440px; 
	text-align: left;
	margin-left: 210px;
	margin-right: 110px;
	margin-top: 15px;
	}

div#imagesright {
	width: 90px; 
	position: absolute; 
	right: 0px; 
	top: 75px;
 	}
	
div#imagesright img {margin-bottom: 15px;}

.credit {
	text-align: center;
	font-weight: bold;
	color: #ff0000;
	font-size: 16px;
	}

/* COMMON STYLES ON MOST OTHER PAGES */

div#mainpages {
	width: 550px; 
	text-align: left;
	margin-left: 210px;
	margin-top: 15px;
	min-height: 350px; 
	height: auto !important; /* OH NO! HERE BE AN IE6 HACK !!! */
  	height: 350px; 
	}  

h1 {
	font-family: arial, verdana, tahoma, helvetica, sans-serif, serif;	
	color: #000000;
	font-weight: bold;
	font-size: 1.1em; 
	background: #B9CCE9 url(../images/redarrow.gif) no-repeat 4px 50%;
	padding-left: 15px;
	margin-bottom: 1em;
	line-height: 1.2em; 
	}

h1.hidden {display: none} /* Used on Feathers pages x 2 - visible only in Print mode */

div#mainpages ul {margin: 0px; padding: 0px;}

div#mainpages ul li {
	list-style: square;
	margin-left: 40px;
	margin-bottom: 1em;
	}

div#mainpages ul li.creditred {
	color: #ff0000; 
	font-size: 16px; 
	font-weight: bold;
	}

h2, h2.arrow { 
	font-family: arial,verdana,tahoma,helvetica,sans-serif,serif;	
	color: #000000;
	font-weight: bold;
	font-size: 1.0em;
	margin-bottom: 1em;
	}

h2 {background-color: #e2ebf1;}

h2.arrow {
	background: #e2ebf1 url(../images/redarrow.gif) no-repeat 4px 50%;
	padding-left: 15px;
	}

div#backtop {
	margin-right: 0px; 
	margin-left: 452px; /* Pushes it to right side of page. Could use float, but causes a prob in NN9 */
	margin-top: 0.5em; 
	margin-bottom: 1em; 
	}

/* Straws & Sinamay Page - AND USED ON MANY OTHER PAGES */

table.mainproduct, table.mainproductnoborder {
	width: 550px; 
	border-bottom: 1px solid #000000; 
	margin-bottom: 20px;
	}

table.mainproductnoborder { /* Used on Ribbons, Fascinator, Hat Boxes, Berets Pages */
	border-bottom: none; 
	margin-bottom: 1em;
	}

td.desc, td.productimage, td.productimageleft, td.productimageright {
	width: 275px; 
	vertical-align: top;
	}

p.itemname, p.itemnamemiddle {
	background-color: #e2ebf1; 
	color: #000000;	
	font-weight: bold;
	}

p.itemnamemiddle {text-align: center;}

td.productimageright img {
	float: right; 
	margin-bottom: 20px;
	}

td.productimageleft img {
	margin-bottom: 20px;
	}

/* WOOL AND FUR FELTS TOP SUB MENU */

table.topproductmenu { /* One day this will be a list menu */
	width: 550px; 
	margin-bottom: 15px;
	border-top: 1px solid #cc0000; 
	border-bottom: 1px solid #cc0000; 
	background: #b9cce9;
	color: #000000;
	}

td.pagename {
	width: 130px;
	font-family: arial,verdana,tahoma,helvetica,sans-serif,serif;			
	color: #000000;
	font-weight: bold;
	background: #B9CCE9 url(../images/redarrow.gif) no-repeat 4px 45%;
	padding-left: 15px;
	}

td.productname {color: #000000; 
	font-family: verdana,arial,tahoma,helvetica,sans-serif,serif;	
	font-weight: bold;
	width: 160px;
	background: #B9CCE9 url(../images/smallredarrow.gif) no-repeat 4px 50%;
	padding-left: 15px; 
	font-size: 80%;
	}

td.productlink {
	width: 130px; 
	padding-bottom: 1px;
	}

td.productlink a {
	color: #000000;
	font-size: 80%;
	background-color: #b9cce9;
	}

td.productlink a:visited {color: #990099; background-color: #B9CCE9;}

td.productlink a:hover {color: #ff6600; background-color: #B9CCE9;}	

/* STRAWS AND SINAMY PAGE */

p.shadeheading {
	background-color: #e2ebf1; 
	color: #000000;	
	font-weight: bold;
	font-family: verdana,arial,tahoma,helvetica,sans-serif,serif;	
	text-align: center;
	border-top: 1px solid #000000; 	
	border-bottom: 1px solid #000000;
	margin-bottom: 10px;
	}

p.smallmargin {margin-left: 15px; margin-right: 15px;}

/* SHADE CARD TABLE */

table.shadecard {
	width: 540px; 
	margin-bottom: 25px;
	margin-left: 5px;
	background: #ffffff;
	color: #000000;
	}

table.shadecard td {
	width: 135px; 
	vertical-align: top; 
	text-align: center;
	border-bottom: 1px solid #000000; 	
	}

table.shadecard td img {
	padding: 10px; 
	padding-bottom: 0;
	}

table.shadecard td p {margin-bottom: 0.4em;}

table.shadecard td.noimage {vertical-align: middle;}

table.colours {
	width: 540px; 
	margin-bottom: 1em;
	background: #ffffff;
	color: #000000;
	}

td.colornames {
	width: 180px;
	vertical-align: top;
	background-color: #ffffff; 
	color: #000000;
	text-align: left;
	padding-left: 5px;
	}

/* FEATHERS PAGE */

.notbold {font-weight: normal; text-align: center;}

table.topfeathernav {
	background: #b9cce9;
	color: #000000;
	width: 550px; 
	margin-bottom: 20px;
	}

td.navleftside, td.navrightside {width: 275px;} 

table.topfeathernav h1 {margin-bottom: 0px;}

td.navrightside {
	text-align: right; 
	padding-right: 10px; 
	background-color: #b9cce9; 
	color: #000000;
	font-size: 90%;
	}

a.set2:link { /* Used on Top Sub Navigation */
	color: #0000ff; 
	background: #b9cce9;	
	text-decoration: underline;
	}

a.set2:visited {
	color: #990099;	
	background: #b9cce9;	
	text-decoration: underline;
	}

a.set2:hover { 
	color: #ff6600;	
	background: #b9cce9;	
	text-decoration: underline;
	}

/* Misc Millinery Supplies Page */

.redheading {
	text-align: left;
	font-weight: bold;
	color: #ff0000;
	font-size: 16px;
	}