@charset "utf-8";
/* CSS Document */
<!--

body { font: 12pt arial; margin: 0; padding: 0; }

#product-category h1 { font-size: 2.3em; letter-spacing: -3px; margin: 0 0 0.5em 0; padding: 0;  }
#product-subcategory { margin-bottom: 2em; border: 0px solid #F00; overflow: auto;}
#product-subcategory h2 { font-size: 1.8em; letter-spacing: -2px; margin: 0; padding: 0;}
#product-subcategory p {  margin: 0 0 1em 0; padding: 0; }
#product-subcategory ul { margin: 0; padding: 0;}
#product-subcategory li { list-style: none; margin: 0; padding: 0; display: inline; float: left; width: 145px; min-height: 400px; border: 0px solid green;}

#product-preview { width: 125px; margin: 0; padding: 0; font: 10pt arial; border: 0px solid red; }
#product-preview h3 { color:#DC0087; line-height:0.9em; font-size: 1em; padding: 0; margin-bottom: 0.5em; }
#product-preview h3 a { text-decoration: none; color:#DC0087; }
#product-preview h3 a:hover { text-decoration: underline; color:#DC0087; }
#product-preview img { border: 0; height: 176px; width: 124px; }
#product-preview a {  }
#product-preview .description { font: 0.8em verdana; margin: 0.5em 0em; padding: 0;}
#product-preview .prices { font: 0.8em arial; margin: 0.5em 0em; padding: 0;}
#product-preview .prices a { font-weight: normal; text-decoration: underline; color: #F00; }
#product-preview .prices a.index { font-weight: normal; text-decoration: underline; color: #00F; }
#product-preview .prices a:hover { text-decoration: underline; }
#product-preview .overimagedetail { margin: -22px 0 0 0; padding: 0; }
#product-preview .overimagedetail i { padding: 2px 10px; margin: 0; background-color:#FFF; border: 1px solid #DC0087; border-left: 0; font-style: normal; font-size: 0.8em; }



#header { height: 154px; background-color:#F6E0E8;margin: 0; padding:0px; }
#header h1 { margin: 0; padding: 35px; width: 40%; min-width: 350px; }
#header h1 a { margin: 0; padding: 0; text-indent: -100em; overflow: hidden; background: url("/i/logo/broersen-plants-bulbs-nursery.gif") right top no-repeat; height: 96px; display:block;  }

#catreq-home { display: block; padding: 20px; height: 177px; background: url("/i/catreq/catreq-bg.jpg") left top repeat-x;}
#catreq-home table { width: 100%; margin: 0; padding: 0; border: 0; border-collapse:collapse;}
#catreq-home td { margin:0; padding:0 }
#catreq-home td.left { width: 65%; vertical-align: top; padding-right:20px; min-width: 450px; }
#catreq-home td.middle { width: 2%; }
#catreq-home td.right { width: 33%; text-align: left; }
#catreq-home p { margin: 0; padding: 0; border: 0px solid yellow; }
#catreq-home b { margin: 0; padding: 0; text-indent: -100em; overflow: hidden; background: url("/i/catreq/are-you-on-the-list.gif") right top no-repeat; height: 89px; display:block; }
#catreq-home a { margin: 10px 0 0 0; padding: 0; text-indent: -100em; overflow: hidden; background: url("/i/catreq/join-today.gif") right top no-repeat; height: 41px; display:block; }
#catreq-home img { position:relative; top: -150px;}

#body { display:block; min-width:600px; width: 80%;  margin: 0 auto 0 auto; padding:20px 0 0 0; overflow: auto; }

#leftpanel { width: 180px; float: left; margin: 0; padding: 0; }

#leftpanel #title { margin: 0; padding: 5px; background-color:#F6E0E8; }
#leftpanel #title h3 { margin: 0; padding: 0;}

#leftpanel #detail {  border: 1px solid #F6E0E8; margin-bottom: 20px; padding: 7px; }
#leftpanel #detail ul { margin: 0; padding: 0; }
#leftpanel #detail li { margin: 0; padding: 0; list-style: none; font: 0.8em arial; padding: 0.4em; color:#036; display: block; border-bottom: 1px solid #CCC;}
#leftpanel #detail p { font: 10pt arial;}


#body #page-content { margin:0 0 0 200px; padding: 0;  border: 0px solid blue;  overflow: auto;}



#footer { margin-top: 30px; padding: 20px; min-height: 100px; background: url("/i/site/footer-bg.gif") right top repeat-x; }
.clearall { clear: both }


#AddressDetails fieldset {
	border: none;
	border-top: 1px solid black;
	display: block;
	margin: 2em 0;
}

#AddressDetails legend {
	font-size: 1.25em;
	margin: -0.3em 0em 0 1em;
	padding: 0 0.5em;
}

#AddressDetails label {
	clear: both;
	float: left;
	display: block;
	margin-top: -1em;
	width: 10em;
	font-size: 0.8em;
}

#AddressDetails label.first {
	margin-top: 1em;
}

#AddressDetails input, 
#AddressDetails select, 
#AddressDetails textarea {
	position: relative;
	top: -1.4em;
	left: 10em;
	display: block;
	width: 200px;
	}

.mini {
	width: 75px;
	}

.sml {
	font-size: 0.8em;
	color:#900;
}

-->