/* ADD THIS CODE BELOW INTO THE BODY STYLE IF YOU WANT TO HAVE A BACKGROUND IMAGE THAT REPEATS VERTICALLY OR HORIZONTALLY.  YOU CAN ALSO ADD AN IMAGE IN THE GENERAL SETTINGS OF THE WEBSITE ADMIN PAGE, BUT THAT ONE WILL AUTOMATICCALLY REPEAT BOTH VERTICALLY AND HORIZONTALLY 

	background-image: url(http://oaklandunwrapped.org/blacklotus/graphics/background.gif );
	background-repeat: repeat-x;
 
*/

/*THIS IS SOMETHING I COPIED FROM ANTHARIA'S STYLESHEET, TO SEE IF TI HELPED WITH THINGS.

body, table, th, tr, td, div, form, ul, li, p, hr, h1, h2, h3, h4, h5, h6, input, select, textarea, label, fieldset, pre, html, blockquote, dl, ol, br, a {
	margin:0px;
	padding:0px;
} */


/* ----------THIS IS THE ENTIRE PAGE IT IS USED FOR THE BACKGROUND OR ANY GLOBAL SETTINGS THAT APPLY TO EVERYTHING ------------ */

.body {
font-size: 0.8em;
	background-image: url(http://oaklandunwrapped.org/blacklotus/graphics/background.gif );
	background-repeat: repeat-x;
}

/* ----------THIS IS THE TABLE THAT ALL OF THE WEBSITE SITS IN------------ */

.mastertable {
    border-width: 0px; 
    border-style: solid;
	border-color: #7DAB41;
	width: 903px;


}

.background-middle {
background-image: url(http://oaklandunwrapped.org/smartherbs/graphics/middle-shadow-bg.png );
background-repeat:repeat-y;
}


/*  .padding5 {padding: 15px 5px 15px 10px} */

/* -------------- THESE ARE HEADINGS AND OTHER SPECIAL STYLES THAT THE VENDORS CAN CHOOSE TO APPLY TO THEIR CONTENT ----*/

/* --------- H1 IS THE DEFAULT HEADING ON THE TOP OF EACH CONTENT PAGE ------*/
h1 {
	font-size: 14pt;
	line-height: 2;
	padding-top: 5px;
	margin-top: 10px;
	font-weight: bold;
}

h2 {
	font-size: 12pt;
	line-height: 1.5;
	padding-top: 5px;
	margin-top: 10px;
	font-weight: bold;
	}

/* -------------- COLOR FOR ALL BUTTONS AND TEXT FIELDS, EXCEPT THOSE WITH SPECIAL STYLES ----*/

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
}








/* --------------------------TOP MENU - MAIN MENU FOR THE CONTENT PAGES -------------------------------------------- 
-------------------------------------------------------------------------------------------------------------------*/


.topmenu-small {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 1.5;
	letter-spacing: 0px;
	text-decoration: none;
	text-align: right;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	width: 903px;
}

.topmenu-small a {

	color: #ffffff;
	text-decoration: none;
	text-align: right;
		font-weight: normal;
}

.topmenu-small a:hover {

	color: #C8CF44;
	text-decoration: underline;
	}

.topmenu-small img {

padding: 0px;
margin: 0px;
	}
	
/* -------------------------- GO BUTTON ----------------------------------*/	
input.go {
border:0px solid #000000;
color:#ffffff;
cursor:pointer;
font:bold 100% Arial 10pt;
height:21px;
margin-left:-1px;
margin-right: 3 px;
margin-top: 0px;
margin-bottom: 0px;
padding:1px 2px 0px 2px;
text-align:center;
background-color: #C8CF44;
}

/* -------------------------- SEARCH FIELD ----------------------------------*/
.search-header   {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 11px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #ffffff;
	letter-spacing: 0px;
	padding: 2px 0px 0px 0px;
	line-height: normal;
	width: 300px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	text-align: right;
			background-color: #C8CF44;

}

.search-header a  {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 11px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #ffffff;
	letter-spacing: 0px;
	padding: 2px 0px 0px 0px;
	line-height: normal;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	text-align: right;

}

#searchfield{
	color: #CCCCCC;
	}


/* --------------------------BOTTOM MENU - EITHER THE SECOND MENU ON TOP OR THE LEFT MENU ------------------------ 
                                     ITS THE MAIN MENU FOR THE SHOPPING CATEGORIES 
-------------------------------------------------------------------------------------------------------------------*/

	
.bottommenu {
 
	text-align: left;
	padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
		background-color: #C8CF44;
		height: 30px;
		vertical-align: middle;


 
}

.bottommenu-text {
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	color: #ffffff;
	height: 30px;
	line-height: 30px;
	letter-spacing: 0px;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
		}

.bottommenu-text a {
	color: #ffffff;
	text-decoration: none;
	border-right: 1px #FFFFFF solid;	
	padding: 0px 20px 0px 2px;
	height: 30px;
	line-height: 30px;
}

.bottommenu-text a:hover {
	color: #999999;
}	
.bottommenu-headers {
 
	font-size: 11px;
	font-weight: bolder;
	text-transform: lowercase;
	color: #FFFFFF;
	background-color: #000000;
	letter-spacing: 2px;
	padding: 1px 1px 0px 6px;
	line-height: normal;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	text-decoration: none;
	margin: 10px 0px 4px 10px;
}

.bottommenu-headers a {
	color: #9999CC;
	text-decoration: none;
		border-right:thin #FFFFFF solid;
}


/* -------------------------- MAIN TEXT OF THE CONTENT PAGES -------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------*/



.maindoublespace {
	font-size: -1;
	line-height: 1.5;
	padding: 0px;
	margin: 0px;
	list-style-position: inside;
	list-style-type: disc;
	text-align: left;
        align: center;
}
.maindoublespace a {

    font-weight: bold;
	text-decoration:underline;
}

.maindoublespace a:hover {
	color: #B6D778;
    font-weight: bold;
	text-decoration: none;
}

.maindoublespace img {
padding: 0px;
margin: 0px;
border: none;
float:left;
}

/* ------------------STYLES SPECIFIC TO THE HOME PAGE - CAN CHANGE THIS IF WE WANT IMAGES TO JUSTIFY DIFFERENT WAYS OR DO OTHER THINGS DIFFERENLY ON HOME PAGE THAN ON OTHERS ---------------*/
.home, .home table {
padding: 0px;
margin: 0px;
table-layout: auto;
border-collapse:collapse;
text-align: center;

}

.home img{
padding: 0px;
margin: 0px;
border: #FFFFFF solid 0px;
background-color: #FFFFFF;
display:inline;
}

.home td { 
padding:0px; 
margin: 0px;
}


/* --------------------------SHOPPING PAGES (STYLES WITH THE WORD CAT IN THEM ----------------------------------
-------------------------------------------------------------------------------------------------------------------*/

.catalogtables, .catalogtables td, .showproduct, .showproduct td{
	font-size: 11pt;
	border-width: 0px;
	border-style: solid;
	border-color: #666666;
line-height: 1.5;
vertical-align: top;
text-align: left;
	}

.catalogtables a, .showproduct a{
	text-decoration: none;
}

.catalogtables a:hover, .showproduct a:hover {
	text-decoration: none;
	color: #666666;
}

.catalogtables img{
padding-bottom: 5px;
margin-right: 10px;
border: #FFFFFF solid 1px;
background-color: #666666;
float: none;
}

/* ------------- NAVIGATION LINKS (BREADCRUMBS) AT THE TOP OF EACH SHOPPING PAGE -------*/
.catlinks {
line-height: 3;
text-decoration: none;
font-size: 8pt; color: #22538C;}

.catlinks a{
line-height: 3;
text-decoration: none;
font-size: 8pt;color: #22538C;
}

/* --------------------------CATEGORY NAME UNDER THE IMAGES ON THE PARENT CATEGORY LISTINGS PAGE ----------------------------------*/

.category-name {
	padding: 10px 0px 15px 0px;
}

/* --------------------------SUBCATEGORY NAME AT THE TOP OF THE PAGE ----------------------------------*/
.subcategory-header-name {
 
	font-size: 14pt;
	letter-spacing: -1px;
	font-weight:bold;
	text-transform: inherit;
	padding: 15px 0px 5px 0px;
	color: #999999;
}

/* ---CATDESC STYLE (BELOW) IS USED FOR CATDESC AND ONEBODY IN THE MERCHANT PAGE - ON THE TOP OF THE SHOPPING PAGES---*/

.catdesc, .catinstructions {
font-size: 10pt;
}

.catdesc {
border-bottom: solid 0px #CCCCCC;
margin-bottom: 20px;
}

/* -------------------------- TEXT AND IMAGES FOR THE ROWS OF CATEGORIES AND PRODUCTS ----------------------------------*/

.listsubcat, .listprod, .listcat, .listsubcat a, .listprod a, .listcat a {
text-decoration: none;
	font-size: 10pt;
	letter-spacing: normal;
	padding-bottom: 0px;
	text-align: center;
	border: 0px solid;
	line-height: normal;
}




.listsubcat img{
width: 160px;
border: none;
padding-left: 0px;
margin-left: 0px;
float: none;}

.listcat img{
width: 160px;
border: none;
padding-left: 0px;
margin-left: 0px;
float: none;}


.listprod img{
width: 160px;
border: none;
padding-left: 0px;
margin-left: 0px;
float: none;
}



/*
.subcategory-name {
 
	font-size: 1.5em;
	letter-spacing: -1px;
	text-transform: inherit;
	padding-bottom: 15px;
	border-bottom: solid 0px; 
}
*/


/* ------------- PRODUCT DETAIL PAGE ---------------------------------
---------------- note padding around image is to create white space 
between image and border. only works in firefox for some reason  */

.showproduct img, .showproduct td img{
padding: 2px;
margin: 0px 10px 5px 0px;
border: #cccccc solid 1px;
float: left;
background-color: #ffffff;
}



.catalogtables-step4 img{
	border: 1px solid #9999CC;
	padding:0px;
	margin-right: 0px;
	margin-left: 0 px;
	float: none;
}

/* ------------------------------------SHOPPING BASKET RELATED STYLES ---------------------------------*/
.baskettables {
 
	font-size: 10pt;
	text-align: left;
}

.baskettables img{
border: #FFFFFF solid 0px;
}

.remove {
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color: #FFFFFF;
text-decoration: none;
letter-spacing: .5px; 
background-color: #999999;
border: 1px solid #cccccc;
text-transform:capitalize;
padding: 2px; 
margin: -5px 2px 2px 1px;

}
.remove a {
text-decoration: none;
color: #FFFFFF;}

/*
.content  {
	height: 24px;
	padding: 3;
	margin-top: 0px;
	margin-left: 15px;
}

.content input {
	margin-top: expression((30 - this.height)/2);
	vertical-align: middle;
	margin-bottom: 0px;
	margin-top: 0px;
}

*/
#image {
	margin-top: 0px;
	vertical-align: text-top;
	line-height: 3ex;
}

/* ------- GREEN CHECKOUT BUTTON FOR SHOPPING PAGE (BASKET.IHTML) ---------------*/
input.checkout{
	color: #339900;
	font-weight: bold;
	background-color:#FFFF66;
}


/* ------------------FOOTER RELATED STYLES ---------------*/


.footer {
	width: 90%;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 11px;

	text-decoration: none;
	padding-top: 10px;
	line-height: 14px;
	text-transform: capitalize;
	border-top-width: 0px;
	border-top-style: solid;

	margin-top: 10px;
				
}
.footer a {
	text-decoration: none;
		color: #333333;
}

.footer a:hover {
	text-decoration: underline;
	color: #B6D778;
}