/* 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/laborinquena/template/background.gif );
	background-repeat: none;
 */


/*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-family: Helvetica, Arial, sans serif;
background-color: #ffcc00;
	background-image: url('http://oaklandunwrapped.org/laborinquena/template/background.png');
	background-repeat: no-repeat;
background-position: center 0px; 
	margin:0px;
	padding:0px;
	color:#a6a6a6;

}

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

.mastertable {
    border-width: 0; 
    border-style: solid;
	border-color: #D3D4D6;
margin-top: 105px;


}


/*  .padding5 {padding:  5px  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: #a6a6a6;
}

h2 {
	font-size: 12pt;
	line-height: 1;
	font-weight: bold;
        color: #a6a6a6;
		text-align:left;
}

h3 {
	font-size: 13pt;
	line-height: 1;
	font-weight: bold;
        color: #a6a6a6;
		text-align:center;
}

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

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








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


.topmenu-small {
	font-family: Trebuchet MS, Trebuchet, Helvetica, Arial, sans serif;
	font-size: 13pt;
	font-weight: bold;
	text-transform: lowercase;
	color: #a6a6a6;
	line-height: 2;
	letter-spacing: 0px;
	text-decoration: none;
    border-width: 0px 0px 0px 0px; 
    border-style: solid;
	border-color: #D3D4D6;
	padding: 0px 0px 0px 10px;
	margin: 0px;
    background-color: #F2F2F2;
}

.topmenu-small a {

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

.topmenu-small a:hover {

	color: #666666;

	}

.topmenu-small img {

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

/* -------------------------- SEARCH FIELD ----------------------------------*/
.search-header  {
	font-family: Trebuchet MS, Helvetica, Arial, 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: right;
	padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
		background-color: #000000;
		width: 750px;
		height: 30px;
		vertical-align: middle;

 
}

.bottom-menu-text {
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	color: #ffffff;
	height: 30px;
	line-height: 30px;
	letter-spacing: 0px;
	text-decoration: none;
		}

.bottom-menu-text a {
	color: #ffffff;
	text-decoration: none;
	border-left: 1px #FFFFFF solid;	
	padding: 0px 8px 0px 8px;
	height: 30px;
	line-height: 30px;
}

.bottom-menu-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 -------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------*/



.main {
	font-size: -1;
	line-height: 1.5;
	padding: 10px;
	margin: 10px;
	list-style-position: inside;
	list-style-type: disc;
	text-align: left;
        align: center;
border-width: 0px 0px 0px 0px; 
    border-style: solid;
	border-color: #D3D4D6;
	background-color:#FFFFFF;
	width: 460px;

}
.main a {

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

.main a:hover {
    font-weight: bold;
	text-decoration: none;
}

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

.leftside  {
	padding: 5px 10px;
	margin: 5px 10px;
	text-align: center;
	background-color:#FFFFFF;

}

.leftside-text  {
	font-size: 10pt;
	line-height: 1.25;
	list-style-position: inside;
	list-style-type: disc;
	text-align: left;
	background-color:#FFFFFF;

}
.leftside-text a {

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

.leftside-text a:hover {
	text-decoration: none;
}

.leftside img {
padding:5px;
margin: 5px;
border: none;
float: none;
text-align:center;


}



/* ------------------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: #ffffff;
float: left;
}

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

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

.catlinks a{
color:#666666;
}

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

.category-name {
	padding: 10px 0px  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:  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: left;
	line-height: normal;
}

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


.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{
border: none;
padding-right: 10px;
margin-right: 10px;
}

.listprod td {
border-bottom: thin #CCCCCC solid;
padding: 10px;
margin: 10px;
}

/*
.subcategory-name {
 
	font-size: 1.5em;
	letter-spacing: -1px;
	text-transform: inherit;
	padding-bottom: ;
	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: left;
}

/* ------------------------------------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: ;
}

.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 {
	font-family: Trebuchet MS, Helvetica, Arial, sans serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 0px 10px 0px;
	line-height: 14px;
	text-transform: uppercase;
    border-top-width: opx; 
    border-top-style: solid;
	border-color: #D3D4D6;
	background-color:#F2F2F2;
	color: #a6a6a6;

				
}
.footer a {
	text-decoration: none;
		color: #a6a6a6;
}

.footer a:hover {
	color: #666666;
}