* {
    font-family: "arial","Arial Black";
}

body 
{ 
	margin-top: 0;
  	margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
	padding-right: 0;

    	font-family: sans-serif;
	color: black;	
}

.header {
	height: 140px;
	width: 810px;
	background-image: url(../images/bonanzalogo.jpg);
	background-repeat: no-repeat;
        background-position: center;
        text-align: center;

}

.Title {
	color: #222;
	text-decoration: none;
}



.login-link{
	text-align: right;
	margin-top: -20px;
	margin-right: 20px;
	margin-bottom: 0px;
	font-size: 14px;
}

.login-link a{
	text-decoration: none;
	color: #222;
}

.login-link a:hover{
	color: #000;

}

.left-search-container{
	float: left;
	width: 260px;
	height: 30px;
}

.left-search{
	float: left;
	margin-top: 4px;
	margin-left: 4px;
	font-size: 16px;

}

.change_password{
	float: left;
	text-align: center;
	font-size: 10px;
	margin-left: 2px;
}

.change_password a{
	color: #222;
}

.change_password a:hover{
	color: #000;
}


.menu {
	height: 60px;
	width: 800px;

	background-image: url(../images/menu.jpg);
	background-repeat: no-repeat;
    background-position: center;
    text-align: center;
	margin: 0px auto;
} 

.menu a{
        text-decoration: none;
        color: #000;
        font-weight: bold;
        font-size: 18px;
}

.menu a:hover{
      color: #655f00;

}

.menu ul{
    margin: 0 auto;
    text-align: center;
    height: 55px;
    width: 720px;
    margin-left: 40px;
}
.menu ul.menu_list li{
    text-align: center;
    float: left;
    list-style: none;
    padding: 10px 15px 3px 10px;

    margin-top: 5px;
}

.search{
	margin: 0px auto;
	width: 760px;
	text-align: left;
	height: 50px;
	border: 1px solid;
	border-color: #c2c2c2;
	font-size: 12px;
	padding: 4px;


}

.search-ie{
	margin: 0px auto;
	width: 760px;
	text-align: left;
	height: 50px;
	border: 1px solid;
	border-color: #c2c2c2;
	font-size: 12px;
	padding: 4px;


}

.center{
  
  padding-top:15px;
  clear:both;font:80% 'helvetica neue',sans-serif;
  letter-spacing:3px;
  text-transform:uppercase;
  margin:0 auto;
  }

.container {
	width: 810px;
	height: 650px;
	margin: 0px auto;
	background-color: white;
}

.content_top{
    padding-top: 0px;
    padding-bottom: 0px;

  
}

.content_top h1{
    font-size: 20px;
    text-align: center;
    font-family: arial;

}


.content_left {
    margin-top: 20px;
    min-height: 400px;
    width: 465px;
    float: left;


}


.content_right {
    margin-top: 20px;
    height: 400px;
    width: 335px;
    float: left;


}

.content_right h1{
    font-size: 20px;
    text-align: center;

}

.content_right a{
	color: #333;
	
}


.content_right a:hover{
	color: #000;

}


.row_list{
  text-align: left;
  width: 760px;
  margin-left: 28px;
  min-height: 220px;

  
}

.row_right_text{
 color: #222;
 text-align: right;
 padding: 0px;
 float: left;
 width: 230px;
 height: 20px;
 margin-top: 0px;

}

.products{
	color: white;
	margin: 0 auto;
	text-align: center;
	
}

.products img{
	border: 0px;
	padding: 20px;
}

.ordering{
  text-align: left;
  width: 760px;
  margin-left: 40px;
  min-height: 220px;

}

.ordering img{
	float: right;
	margin-top: -90px;
	margin-right: 60px;
}

.order2{
	padding-top: 20px;
	margin: 0px auto; 
	text-align: center;
	float: none;
	padding-bottom: 20px;
}

.order2 img{
	float: none;
	margin: 0px;
}

.phonenumber{
	margin-top: 0px;
	float: right;
	height: 20px;
}


.list0{
 
 padding: 5px 10px 1px 10px;
 background-color: #dce6fe;
 border-top: 1px solid; 
 border-left: 1px solid;
 border-right: 1px solid;
 border-color: #c2c2c2;
 height: 25px;


}

.list0 a{
	float: left;
	width: 500px;
	color: #333;
	text-decoration: none;
	

}


.list0 a:hover{
	color: #000;

}

.list1{
 padding: 5px 10px 1px 10px;
 background-color: white;
 border-top: 1px solid; 
 border-left: 1px solid;
 border-right: 1px solid;
 border-color: #c2c2c2;
 height: 25px;


}

.list1 a{
	float: left;
	width: 500px;
	color: #333;
	text-decoration: none;

}


.list1 a:hover{
	color: #000;

}

.hr{
height: 1px;
border-top: 1px solid;
 border-color: #c2c2c2;
}

#pop_left_img{
  width: 200px;
  height: 240px;
  float: left;
  border: 2px solid;
  border-color: #555;

  
}

#pop_right_content{
  padding-left: 2px;
  border: 2px solid;
  border-color: #ccc;
  height: 300px;
  width: 210px;
  margin-left: 20px;
  width: 350px;
  overflow-y:scroll;
  float: left;
  
}

.statelinks{
	margin-left: 30px;
}
.statelinks a{
	color: #333;
	text-decoration: none;
}
.statelinks a:hover{
	color: #000;
	text-decoration: none;
}

.footer {
    float: left;
	height: 60px;
	width: 800px;
    font-size: 13px;
    font-weight: bold;
	background-image: url(../images/menu.jpg);
	background-repeat: no-repeat;
    text-align: center;
    margin-left: 10px;
    padding-top: 10px;
    margin-top: 10px;
}

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

}

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

.login{
	margin: 0px auto;
	text-align: center;
	border: 1px solid;
	border-color: #aaa;
	padding: 20px 40px 20px 40px;
}

.search_form{
    margin-left: 254px;
    text-align: right;
	width: 505px;
	height: 40px;
}


.user_info{
  	text-align: left;
  	width: 760px;
  	padding: 4px;
  	margin: 0px auto;
  	min-height: 300px;
	border: 1px solid;
	border-color: #aaa;

}

.newbutton{
	float:left;
	padding-right: 6px;
}

.search_button{
	border: 0px;
	margin-bottom: -10px;

}



.search_field
{

/*float:left;  this will make the images line up */
border:0;
padding: 6px 0px 0px 4px;
background:url(../images/searchbox.jpg) no-repeat;
width:175px; /* the width of the actual search box, must be shorter than your image so it fits inside it. */
height:23px; /* again, must be slightly less than the image size */
background-color:transparent; /* Makes the search field invisible so you can see the image we want underneath. This doesnÕt work in Safari, so I may go back later and give them their own style sheet. For now, IÕm not bothered by this small inconvenience. */
}

.floatleft{
	float:left;	
}