/* CSS Document */

/* 
	CENTERS BACKGROUND HORIZONTALLY:  background: #ffffff url(images/bg_body.gif) 50% 0 no-repeat;
	CENTERS BACKGROUND VERTICALLY:  background: #ffffff url(images/bg_body.gif) 0 50% no-repeat;
	BACKGROUND CLINGS TO LEFT BROWSER EDGE:  background: #ffffff url(images/bg_body.gif) 0 0 no-repeat;

	BACKGROUND DOES NOT REPEAT:  background: #ffffff url(images/bg_body.gif) 0 0 no-repeat;
	BACKGROUND REPEATS VERTICALLY:  background: #ffffff url(images/bg_body.gif) 0 0 repeat-y;
	BACKGROUND REPEATS HORIZONTALLY:  background: #ffffff url(images/bg_body.gif) 0 0 repeat-x;

 */

body {
	background: #000000 url(images/bg_body.jpg) 0 0 repeat-x;
	margin-top:0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

/*  Accessibility Navigation - blank 2x1px images with links to the Content area  */
#AccessibilityNav{
	width: 47.5em;
	min-width: 760px;
	}
#AccessibilityNav img{
	border:none;
}
/*  message for users with old Browsers - links to update Browsers  */
p#older_browsers {
	display: none;
}
/*  Company name invisible but to old browsers and Search Engines  */
div#CompanyName {
	display: none;
}

/* ************************************----------- HEADER -----------************************************ */
table#Header {
	margin-top: 0;
	width: 47.5em;
	min-width: 760px;
	background: #255104 url(images/bg_top_header.gif) 0 0 repeat-x;
	
}



/* ************************************----------- MENUBAR -----------************************************ */
table#Menu {
	width: 47.5em;
	min-width: 760px;
	background-color: #000000;
	border-left: solid white 5px;
	border-right: solid white 5px;
}
td#Menubar {
	padding: 10px 35px 10px 25px;
	border-bottom: solid white 5px;
}
/*----------- 	NAVIGATION LINKS -----------*/

div#Nav a, div#Nav a:active, div#Nav a:visited {
	
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.85em;
	display: block;
	font-style: italic;
	padding: 7px 0 6px 20px;
	border-bottom: solid 1px #393939;
}
div#Nav a:hover {
	color: #ffffd9;
}

/* ************************************----------- CONTENT AREA -----------************************************ */
* html #Container { /*  This hack allows IE to read it but not Mozilla or Firefox  */
	margin-left: 0px;
}
table#Container {
	width: 47.5em;
	min-width: 760px;	
	border-left: solid 5px #ffffff;
	border-right: solid 5px #ffffff;
	border-bottom: solid 5px #ffffff;
}
html>body table#Container { /*  This hack allows Netscape to read it but not IE - IE will take the previous values  */
	width: 47.385em;
	min-width: 760px;
}



/* ************************************----------- MAIN COLUMN -----------************************************ */
td#MainColumn {
	background-color:#FFFFFF;
	width: 65%;
	border-right: solid 5px #ffffff;
}
div#Content {
	margin: 10px 20px;
	font-size: 0.75em;
	
	
}

/*  If there is a myproduct being installed - use this tag to style the admin menu  */
/*div#AdminMenu {
	margin-top: 15px;
}
div#AdminMenu a {
	color: #000000;
	font-size: 0.75em;
}
div#AdminMenu a:hover {
	color: #000000;
	text-decoration: none;
}
*/
h1 {
	color:#771f75;
	font-size: 1.25em;
	background: #dceecb url(images/bg_page_title.jpg) 413px 0 no-repeat;
	font-style: italic;
	padding: 8px 0 8px 10px;
	margin-top: 0;
}
H2 {
	color:#000000;
	font-size: 1.25em;
	font-weight:bold;
}
H3 {
	color:#000000;
	font-size: 1.15em;
	font-style: italic;
	margin-bottom: 2px;
	font-weight: normal;
}
H5 {
	color:#000000;
	font-size: 1.25em;
	font-weight:bold;
	font-style: italic;
	padding: 0;
	margin: 0 0 3px 0;
}
/* 
p.quote {
	font-size: 0.75em;
	font-weight:bold;
}
p.Address {
	font-size: 0.75em;
}
 
p.SmallText {
	font-size: 0.65em;
	color: #000000;
	margin: 0 10px;
}

td#MainColumn p, td#MainColumn ul, td#MainColumn ol {
	font-size: 0.75em;
	line-height: 1.25em;
}
html>body div#Content td {
	font-size: 0.75em;
	line-height: 1.25em;
}
*/
div#Content a, div#Content a:visited, div#Content a:active {
	color: #771f75;
	text-decoration: underline;

}
div#Content a:hover {
	color:#255104;
	text-decoration: none;
}
/* ************************************----------- RIGHT COLUMN -----------************************************ */
/*  Background for the left column is specified here  */
td#RightColumn {
	color:#000000;
	width: 35%;
	background-color: #dceecb;
}

/*  Styles for the Dark Green Box with Credit Cards  */
div#CreditCards {
	color: white;
	font-size: 0.75em;
	padding: 8px 0 8px 8px;
	background-color:#255104;
}
div#CreditCards img{
	margin: 2px 5px;
}
/*  Styles for the Black Box  */
div#BlackBox {
	padding: 8px 0 8px 8px;
	background-color:#000000;
	border-top: solid 5px #ffffff;
	border-bottom: solid 5px #ffffff;
}
div#BlackBox a, div#BlackBox a:active, div#BlackBox a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.75em;
	font-weight: bold;
	display: block;
	font-style: italic;
	padding: 3px 0 3px 10px;
}
div#BlackBox a:hover { 
	color: #ffffd9;
}
/*  Styles for the Catalogue Quick Links  */
div#Specials {
	margin: 15px;
	color: #000000;
	font-size: 0.75em;
}

li.MainCategory {
	color: #000000;
	font-size: 0.75em;
	list-style: none;
	font-weight:bold;
}
li.SubCategory {
	list-style: none;
	margin: 2px 0 2px -15px;
	padding: 0;
	font-weight: normal;
}
li.SubCategory a, li.SubCategory a:active, li.SubCategory a:visited {
	color: #771f75;
	text-decoration: underline;
}
li.SubCategory a:hover {
	color: #255104;
	text-decoration: none;
}
/* ************************************----------- FOOTER -----------************************************ */

table#Footer {
	width: 47.5em;
	min-width: 760px;
	background-color: #000000;
}

td#copyright {
	font-size: 0.65em;
	color:#ffffff;
}
td#copyright a {
	color:#ffffff;
	text-decoration: underline;
}
td#copyright a:hover {
	color:#dceecb;
	text-decoration: none;
}
/* ************************************----------- MYCATALOGUE STYLES -----------************************************ */
tr.ProductList {
	background-color: #dceecb;
	
}
tr.ProductList td {
	padding: 3px;
}
tr.ProductList img {
	border: solid 2px #771f75;
	padding: 3px;
	background-color: #FFFFFF;
}
td.ProductListImage {
	border-top: solid 1px #255104;
	border-bottom: solid 1px #255104;
	border-left: solid 1px #255104;
}
td.ProductListDetail {
	border-top: solid 1px #255104;
	border-bottom: solid 1px #255104;
	border-right: solid 1px #255104;
}
td.CategoryList {

	padding: 3px;
}