body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #755738;
	background-color: #4a2e13;
	margin: 0px;
}


p {
   padding-bottom: 5px;
   margin: 0px;
}




form {
	margin:0px;
	padding:0px;
}

.formtext {
   margin-bottom: 5px;
}

.input {
	border: 1px solid #755738;
    font-size : 10px; 
    font-family : Arial, Helvetica, sans-serif;
    width: 160px;
	padding-left:5px;
}

.button {
	border: 1px solid #755738;
    font-size : 10px; 
    font-family : Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 12px;
}

textarea {
	border: 1px solid #755738;
    font-size : 10px; 
    font-family : Arial, Helvetica, sans-serif;
    width: 180px;
	padding-left:5px;
}



select {
	border: 1px solid #755738;
    font-size : 10px; 
    font-family : Arial, Helvetica, sans-serif;
    width: 160px;
}

.inputbox {
    float: left; 
    width:160px; 
    height:20px;
}   

.labelbox {
    float:left; 
    width:90px; 
    height:20px;
    text-align: right;
    padding-right: 5px;
}



h1 {
	width: 180px;
	height: 150px;
	background-image: url(/images/thebiscutitree-logo.gif);
	background-repeat: no-repeat;
	margin: 0px;
}


img {
	border: none;
}


span {
	display: none;
}




/** ------------------------------ CONTAINER ELEMENTS ------------------------------ **/

div#container {
	position: absolute;
	height: 600px;	
	width: 902px;
	left: 50%;
	top: 50%;
	margin-top: -300px;
	margin-left: -451px;
	z-index:1;
}

div#topcontainer {
	float: left;
	width: 900px;
	height: 380px;
	border: 1px solid #FFFFFF;
	z-index:2;
}

div#bottomcontainer {
	float: left;
	border: 1px solid #FFFFFF;
	border-top: none;
	width: 900px;
	height: 179px;
	z-index: 3;
	background-color: #edd8bd;
	font-size: 10px;
}

div#navigation {
	position: absolute;
	width:155px;
	left: 25px;
	top: 150px;
	text-align: left;
	z-index: 5;
}

div#navigationcontainer {
	background-color: #edd8bd;
	float: left;
	width:180px;
	height:380px;
	text-align: left;
	border-right: 1px solid #FFFFFF;
}

div#imagecontainer {
	float: left;
	height: 380px;
	width: 719px;
	z-index: 3;
}


div#footer {
	float: left;
	width: 900px;
	height: 40px;
	font-size: 9px;
	color: #FFFFFF;
	text-align: right;
	font-size: 9px;
	line-height: 30px;
}


div#textoverlay {
	position:absolute;
	left:550px;
	top:30px;
	width:320px;
	height:320px;
	z-index:10;
}

















div#content {
	float: left;
	top: 1px;
	left: 1px;
	width: 900px;
	height: 380px;
	z-index: 1;
	background-color: #FFFFFF;
}



/** ------------------------------ END CONTAINER ELEMENTS ------------------------------ **/






/** ------------------------------ H2 ------------------------------ **/



div#about h2 {
	width: 300px;
	height: 30px;
	background-image: url(/images/headings-about.gif);
	background-repeat: no-repeat;
	margin: 0px;
	margin-bottom: 5px;
}

div#about h2 {
	width: 300px;
	height: 30px;
	background-image: url(/images/headings-about.gif);
	background-repeat: no-repeat;
	margin: 0px;
	margin-bottom: 5px;
}

div#biscottipear h2 {
	width: 320px;
	height: 30px;
	background-image: url(/images/headings-pear-pistachio.gif);
	background-repeat: no-repeat;
	margin: 0px;
	margin-bottom: 5px;
}

div#biscottipistachio h2 {
	width: 320px;
	height: 30px;
	background-image: url(/images/headings-biscotti-pistachio.gif);
	background-repeat: no-repeat;
	margin: 0px;
	margin-bottom: 5px;
}





/** ------------------------------ END H2 ------------------------------ **/







/** ------------------------------ SUB BOXES CONTENT ------------------------------ **/



div.subboxcontent {
	float: left;
	padding-top:5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

div#subbox1 {
	width: 299px;
	float: left;
	height: 179px;
}

div#subbox2 {
	width: 300px;
	float: left;
	height: 179px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

div#subbox3 {
	width: 299px;
	float: left;
	height: 179px;
}

div#biscottiimage {
	float: left; 
	width:359px; 
	height: 380px; 
	border-right: 1px solid #FFFFFF;
}

div#shortbreadimage {
	float: left; 
	width:359px; 
	height: 380px; 
}

div#productsbox {
	background-color: #edd8bd;
	float: left;
	width:180px;
	height:179px;
	text-align: left;
	border-right: 1px solid #FFFFFF;
}

div#biscottibox {
	float: left; 
	width:359px; 
	height: 179px; 
	border-right: 1px solid #FFFFFF;
	background-color: #edd8bd;
}

div#shortbreadbox {
	float: left; 
	width:359px; 
	height: 179px; 
	background-color: #edd8bd;
}

div#genericsubbox {
	float: left; 
	width:719px; 
	height: 179px; 
	background-color: #edd8bd;
}

.marketsbox {
    float: left;
    width: 155px;
    padding-right: 10px;
    margin-top: 15px;
}

.marketsbox[class] {
    margin-top: 0px;
}

.staticleft {
   float: left;
   width: 335px;
   padding-right: 15px;
   margin-top: 10px;
}

.staticright {
   float: left;
   width: 335px;
   margin-top: 10px;
}

.staticleft[class] {
   float: left;
   width: 335px;
   padding-right: 15px;
   margin-top: -5px;
}

.staticright[class] {
   margin-top: -5px;
}



/** ------------------------------ END SUB BOXES CONTENT ------------------------------ **/


/** ------------------------------ SUB BOXES H3 ------------------------------ **/


div#biscottibox h3 {
	width: 359px;
	height: 30px;
	float: left;
	background-color: #f6ecde;
	background-image: url(/images/headingbox-biscotti.gif);
	background-repeat: no-repeat;
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 15px;
	
}

div#shortbreadbox h3 {
	width: 359px;
	height: 30px;
	float: left;
	background-color: #f6ecde;
	background-image: url(/images/headingbox-shortbread.gif);
	background-repeat: no-repeat;
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 15px;	
}

div#about h3 {
	width: 719px;
	height: 30px;
	float: left;
	background-color: #f6ecde;
	background-image: url(/images/headingbox-aboutthebiscuittree.gif);
	background-repeat: no-repeat;
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 15px;	
}


div#wholesale h3 {
	width: 719px;
	height: 30px;
	float: left;
	background-color: #f6ecde;
	background-image: url(/images/headingbox-wholesaleopportunities.gif);
	background-repeat: no-repeat;
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 15px;	
}

div#contact h3 {
	width: 719px;
	height: 30px;
	float: left;
	background-color: #f6ecde;
	background-image: url(/images/headingbox-contactthebiscuittree.gif);
	background-repeat: no-repeat;
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 15px;	
}

div#markets h3 {
	width: 719px;
	height: 30px;
	float: left;
	background-color: #f6ecde;
	background-image: url(/images/headingbox-markets.gif);
	background-repeat: no-repeat;
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 15px;	
}

div#news h3 {
	width: 719px;
	height: 30px;
	float: left;
	background-color: #f6ecde;
	background-image: url(/images/headingbox-thebiscuittreenews.gif);
	background-repeat: no-repeat;
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 15px;	
}




div#subbox1 .home h3 {
	width: 299px;
	height: 25px;
	float: left;
	background-color: #f6ecde;
	background-image: url(/images/headingbox-retail.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

div#subbox2 .home h3 {
	width: 300px;
	height: 25px;
	float: left;
	background-color: #f6ecde;
	background-image: url(/images/headingbox-wholesale.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

div#subbox3 .home h3 {
	width: 299px;
	height: 25px;
	float: left;
	background-color: #f6ecde;
	background-image: url(/images/headingbox-placeorder.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

div#subbox1 .about h3 {
	width: 299px;
	height: 25px;
	float: left;
	background-color: #f6ecde;
	background-image: url(/images/headingbox-aboutourbiscotti.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

div#subbox2 .about h3 {
	width: 300px;
	height: 25px;
	float: left;
	background-color: #f6ecde;
	background-image: url(/images/headingbox-whatisbiscotti.gif);
	background-repeat: no-repeat;
	margin: 0px;
	margin-bottom: 15px;
}

div#subbox3 .about h3 {
	width: 299px;
	height: 25px;
	float: left;
	background-color: #f6ecde;
	background-image: url(/images/headingbox-placeorder.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

/** ------------------------------ END SUB BOXES H3 ------------------------------ **/



/** ------------------------------ PADDING ------------------------------ **/

div.productspadding {
	margin-left: 15px;
	line-height: 16px;
}

div.paddingproductsbox {
	margin-left: 20px;
	padding-right: 10px;
	margin-top: 5px;
}

.padding {
    padding: 15px;
    margin-top: -35px;
}

.padding[class] {
    padding: 15px;
    margin-top: -0px;
}

div.paddingproductsboxexcerpt {
	margin-left: 20px;
	padding-right: 10px;
	margin-top: 0px;
}

div.paddingproductsboxexcerpt[class] {
	margin-left: 20px;
	padding-right: 10px;
	margin-top: 0px;
}


/** ------------------------------ END PADDING ------------------------------ **/



/** ------------------------------ HYPERLINK ELEMENTS ------------------------------ **/


a:link {
	color: #4a2e13;
	text-decoration: none;
}

a:active {
	color: #4a2e13;
	text-decoration: none;
}
a:visited {
	color: #4a2e13;
	text-decoration: none;
}
a:hover {
	color: #755738;
	text-decoration: none;
}


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

a.footer:active {
	color: #FFFFFF;
	text-decoration: none;
}
a.footer:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.footer:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/** ------------------------------ END HYPERLINK ELEMENTS ------------------------------ **/