@import url("menu.css");

html{width:100%}
body{width:900px;margin:0 auto;padding:15px;font-size:10pt;}
hr{clear:both;visibility:hidden;}
img{border:0}

h1{color:#3d7bb5;}

#header{width:892px;height:120px;background:url('/media/img/headerbg.jpg');}
#header .top-right{height:100%;width:100%;background:url('/media/img/top.png') no-repeat top right;}
#header .top-left{background:url('/media/img/top.png') no-repeat top left;height:100%;width:100%}
#header .bottom-left{background:url('/media/img/bottomleft.png') no-repeat bottom left;height:100%;width:100%}
#header .bottom-right{background:url('/media/img/bottomright.png') no-repeat bottom right;height:100%;width:100%}

.box-content{padding:0px;}
.box-header{}


#content{border:1px solid #dbdbdb;width:890px;padding-top:30px;}
#left-column{float:left}
#right-column{float:left}


#login.rounded-box{width:199px;height:227px;background:white;margin:4px 0 10px 8px;}
#login .top-right{height:100%;width:100%;background:url('/media/img/topsmallbox.png') no-repeat top right;}
#login .top-left{background:url('/media/img/topsmallbox.png') no-repeat top left;height:100%;width:100%}
#login .bottom-left{background:url('/media/img/bottomsmallbox.png') no-repeat bottom left;height:100%;width:100%}
#login .bottom-right{background:url('/media/img/bottomsmallbox.png') no-repeat bottom right;height:100%;width:100%}
#login .box-content{border:1px solid #dbdbdb;height:183px;overflow:hidden;padding:5px;border-bottom:none;}
#login .box-header{height:25px;}


#flyer.rounded-box{width:199px;height:177px;background:white;margin:0px 0 10px 8px;}
#flyer .top-right{height:100%;width:100%;background:url('/media/img/topsmallbox.png') no-repeat top right;}
#flyer .top-left{background:url('/media/img/topsmallbox.png') no-repeat top left;height:100%;width:100%}
#flyer .bottom-left{background:url('/media/img/bottomsmallbox.png') no-repeat bottom left;height:100%;width:100%}
#flyer .bottom-right{background:url('/media/img/bottomsmallbox.png') no-repeat bottom right;height:100%;width:100%}
#flyer .box-content{border:1px solid #dbdbdb;height:133px;overflow:hidden;padding:5px;border-bottom:none;}
#flyer .box-header{height:25px;}
.flyerlink{text-align:center;}

#rebates.rounded-box{width:199px;height:177px;background:white;margin:0px 0 10px 8px;}
#rebates .top-right{height:100%;width:100%;background:url('/media/img/topsmallbox.png') no-repeat top right;}
#rebates .top-left{background:url('/media/img/topsmallbox.png') no-repeat top left;height:100%;width:100%}
#rebates .bottom-left{background:url('/media/img/bottomsmallbox.png') no-repeat bottom left;height:100%;width:100%}
#rebates .bottom-right{background:url('/media/img/bottomsmallbox.png') no-repeat bottom right;height:100%;width:100%}
#rebates .box-content{border:1px solid #dbdbdb;height:133px;overflow:hidden;padding:5px;border-bottom:none;}
#rebates .box-header{height:25px;}


#flash{width:666px;height:224px;margin:4px 0 10px 7px;}


#greenproduct.rounded-box{width:668px;height:177px;background:white;margin:4px 0 10px 7px;}
#greenproduct .top-right{height:100%;width:100%;background:url('/media/img/topslargebox.png') no-repeat top right;}
#greenproduct .top-left{background:url('/media/img/toplargebox.png') no-repeat top left;height:100%;width:100%}
#greenproduct .bottom-left{background:url('/media/img/bottomlargebox.png') no-repeat bottom left;height:100%;width:100%}
#greenproduct .bottom-right{background:url('/media/img/bottomlargebox.png') no-repeat bottom right;height:100%;width:100%}
#greenproduct .box-content{height:164px;overflow:hidden;border:1px solid #dbdbdb;border-top:none;border-bottom:none;}
#greenproduct .box-header{height:7px}

.product-title{font-weight:bold;font-size:.9em;}
.product-price{color:#1ead56;font-size:1.1em;font-weight:bold;}
.product-desc{width:144px;height:88px; overflow:hidden;font-size:.8em;}
.product-pic{width:75px; height:88px;float:left;}

.greenproduct{float:left;font-family:arial;}
.greenproduct td{vertical-align:top;}

#product1{width:230px}
#product2{width:220px}
#product3{width:215px}

.p-description{height:75px;}
#product1 .product-pic{background:url('/media/img/products/dinnerware.jpg') no-repeat center center;}
#product2 .product-pic{background:url('/media/img/products/cups.jpg') no-repeat center center;}
#product3 .product-pic{background:url('/media/img/products/lids.jpg') no-repeat center center;}

#orders.rounded-box{width:668px;height:177px;background:white;margin:4px 0 10px 7px;}
#orders .top-right{height:100%;width:100%;background:url('/media/img/gradientlargebox.jpg') no-repeat top right;}
#orders .top-left{background:url('/media/img/gradientlargebox.jpg') no-repeat top left;height:100%;width:100%}#ordering .bottom-left{background:url('/media/img/bottomlargebox.png') no-repeat bottom left;height:100%;width:100%}
#orders .bottom-right{background:url('/media/img/bottomlargebox.png') no-repeat bottom right;height:100%;width:100%}
#orders .box-content{border:1px solid #dbdbdb;border-top:none;height:163px;overflow:hidden;border-bottom:none;}
#orders .box-header{height:7px;}

.orders{float:left;width:170px;margin-top:30px;}
.red-title{color:red; font-size:1.2em;font-weight:bold;float:left;font-family:arial, geneva, sans-serriff;}
#online-ordering{margin-left:30px; margin-right: 40px;}
#phone-ordering{margin-right:40px;}
.bluetext{color:#3073b2;font-family:arial, verdana, sans-serriff;font-size:1.0em;}
.boxheadertext{color:#3073b2;font-weight:bold;font-size:1.2em;font-family:arial, verdana, sans-serriff;margin-left:8px;}
#spacer{width:55px;height:18px;}

a#cataloglink.darkgreen{display:block;padding-top:10px;font-size:.9em;}
a.darkgreen:link{text-decoration:none;font-family:arial, geneva, sans-serriff;font-weight:bold;color:#318124;}
a.darkgreen:visited{text-decoration:none;font-family:arial, geneva, sans-serriff;font-weight:bold;color:#318124;}








/* Lightbox Form */



#filter
{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index:10000;
	opacity:0.6;
	filter: alpha(opacity=60);
}


#box 
{
	display: none;
	position: fixed;
	top: 10%;
        left:35%;
        width: 400px;
	height: 300px;
	padding: 48px;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:10001;
	overflow: hidden;
}

#boxtitle
{
	position:absolute;

	top:0;
	left:0;
	width:488px;
	height:24px;
	padding:0;
	padding-top:4px;
	padding-left:8px;
	margin:0;
	border-bottom:4px solid #ff0000;
	background-color: #3073b2;
	color:white;
	text-align:center;
        font-weight:bold;
}