/* 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: 13px;
line-height: 1.3em;
	background-image: url(http://oaklandunwrapped.org/eastbayexpress/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: #666666;
	width: 960px;


}


/*  .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: 5px;
	font-weight: bold;
	color: #666699;
}

h2 {
	font-size: 12pt;
	line-height: 3;
	font-weight: bold;
    color: #666699;
}

h3 {
	line-height: 3;
	font-weight: bold;
    color: #666699;
}

/* -------------- 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 THIS CLASS IS SET AT THE TD LEVEL ----------
-------------------------------------------------------------------------------------------------------------------*/


.topmenu-small {
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0px;
	text-transform: capitalize;
	color: #1f3577;
	height:21px;
	line-height: 21px;
	vertical-align:middle;
	text-decoration: none;
	text-align: right;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding: 5px 10px 5px 0px;
    background-color: #FFFFFF;
}

.topmenu-small a {

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

.topmenu-small a:hover {

	color: #C70E0F;
	text-decoration: none;
	}

.topmenu-small img {

padding: 0px 0px 0px 0px;
margin: 20px 0px 20px 0px;
	}
	
	UL.subnav_link {
	Z-INDEX: 9999; POSITION: absolute; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1em; MARGIN-TOP: -7px; MIN-HEIGHT: 15px; PADDING-LEFT: 0px; WIDTH: 180px; PADDING-RIGHT: 0px; BACKGROUND: #1f3577; PADDING-TOP: 0px}
	
	UL.subnav_link LI {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: none; FONT-SIZE: 12px; PADDING-TOP: 0px
}
	
	UL.subnav_link LI A  {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 7px; LINE-HEIGHT: 1em; TEXT-TRANSFORM: uppercase; TEXT-INDENT: 0px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: block; FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; LETTER-SPACING: -0.03em; HEIGHT: 15px; COLOR: #fff; BORDER-TOP: 0px; FONT-WEIGHT: bold; BORDER-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 7px}
	
	UL.subnav_link LI A:hover {
	PADDING-BOTTOM: 7px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: #d2d7e4; COLOR: #000; TEXT-DECORATION: underline; PADDING-TOP: 7px
}
	
	
	
/* -------------------------- GO BUTTON ----------------------------------*/	
input.go {
font-family:"Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
background-color: #E1E1E1;
border:1px solid #000000;
color:#000000;
cursor:pointer;
font-size: 11px;
height:21px;
width: 82px;
margin-left:-1px;
margin-right: 15px;
margin-top: 0px;
margin-bottom: 5px;
padding:0px 0px 0px 0px;
text-align:center;
vertical-align:top;
}

/* -------------------------- SEARCH FIELD ----------------------------------*/
.search-header  {
	font-family: trebuchet ms, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #9999CC;
	letter-spacing: 2px;
	padding: 1px 1px 0px 6px;
	line-height: normal;
	width: 130px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #9999CC;
	text-decoration: none;
	margin: 8px 0px 3px 10px;
}

#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: #f2ecda;
		width: 155px;
		vertical-align: top;
		margin: 0px 0 20px 0;

 
}

.bottom-menu-text {
font-family:"Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #1F3577;
	height: 23px;
	line-height: 23px;
	letter-spacing: 0px;
}

.bottom-menu-text a {
	color: #1F3577;
	border-left: 0px #FFFFFF solid;	
	padding: 0px 8px 0px 8px;
		text-decoration: underline;	
}

.bottom-menu-text a:hover {
	color: #C70E0F;
}	
.bottommenu-headers {
 
	font-family: Impact, Arial, Sans-serif;
	font-size: 11pt;
	text-transform: uppercase;
	color: #000000;
	width: 155px;
	background-color: #404041;
	padding:5px 0px 5px 0px;
	line-height: normal;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
}

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


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



.maindoublespace {
	font-size: 10pt;
	line-height: 1.5;
	padding: 0px;
	margin: 0px 10px 10px 10px;
	list-style-position: inside;
	list-style-type: disc;
	text-align: left;
	width: 90%;
        align: left;
}
.maindoublespace a {

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

.maindoublespace a:hover {
	color: #666699;
    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 td, .showproduct, .showproduct td{
	font-size: 11pt;
	border-width: 0px;
	border-style: solid;
	border-color: #666666;
line-height: 1.5;
vertical-align: top;
	}

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

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

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

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

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

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

.category-name, .category-name a {
background-color:#ffffff;
font-family:trebuchet ms, Arial, Helvetica, sans-serif;
color:#000000;
	padding: 2px 0px 2px 2px;
		margin: 0px 0px 0px 0px;
	width: 99%;
}

/* --------------------------SUBCATEGORY NAME AT THE TOP OF THE PAGE ----------------------------------*/
.subcategory-header-name {
 
	font-size: 14pt;
	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: 9pt;
	letter-spacing: normal;
	padding-bottom: 0px;
	text-align: left;
	width: 164px;
	line-height: normal;

}



.listprod a:hover{
color: #404041;}


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

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


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

table.listprod {
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	border-collapse: collapse;
	background-color: #ffffff;
	align: left;
	vertical-align: top;
}

table.listprod td {
	border-width: 1px;
	padding: 10px;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #FFFFFF;
	-moz-border-radius: ;
align: left;
vertical-align: top;
}

/*
.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: 100%;
	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: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	margin-top: 10px;
				
}
.footer a {
	text-decoration: none;
		color: #666666;
}

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