/* CSS Document */
#container {
	background-color:white;
	border:1px solid #808080;
	margin:auto;
	max-width:1000px;
	min-width:750px;
	padding:0px;
	
}

#left_sidebar{
	float:left;
	margin:20px 10px 20px 20px;
	width:340px;
	padding:5px;
}

#main_content {
	margin:20px 10px 20px 375px;
	padding:5px;
	max-width:550px;
	min-height:150px;
	
	
}

#login_message{
	left:-270px;
position:relative;
top:170px;
}
#small_sidebar{
	float:left;
	margin:20px 10px 20px 20px;
	width:200px;
	padding:5px;
}

#fluid_content{
	margin:20px 10px 20px 235px;
	padding:5px;
	max-width:690px;
	min-height:150px;
}
#fluid_content2{/*this one has a wider space for the cart or other pages that need more space on the right*/
	margin:20px 10px 20px 235px;
	padding:5px;
	/*max-width:auto;*/
	min-height:150px;
}
 

input{width:200px;}/*changed from 180*/
label{width:100px;float:left;}

.image_container{
	border:solid 1px #ccc;
	padding:10px;
	margin:0px 5px 10px 0px;
	float:left;
	height:165px;
	
}
.image_container img{
	border-style:none;
	height:110px;
	margin:0px 0 5px 0;
	clear:both;
	height:120px;
	float:none;/*need to think more carefully how images will be displayed in general throughout the site and then think about what the most common configuration is likely to be for all images. Then the iamges can be tweaked for differnet areas of the site*/
}

div#products_sidebar{
	float:left;
	margin:20px 10px 20px 10px;/*left margin used to be 20px*/
	width:200px;
	padding:5px;
}
div#cart_contents{
	padding:5px;
	/*margin:none;*/
	border:solid 1px white;
}
div#cart_contents p{
	margin-bottom:4px;
}

div.product_container_wine,div.product_container_normal,div#large_product_container{/*if this does not change then can blend with image conatiner*/
	border:1px solid #CCCCCC;
	float:left;
	height:240px;
	margin:0px  2% 10px 0px;
	padding:10px;
	max-width:195px;
}
div.product_container_normal{
	width:auto;	
	max-width:210px;
}
div.product_container_wine select{max-width:87px;}
div.product_container_wine img,div.product_container_normal img{
	margin:1px 10px 2px 1px;
	float:left;
}
div.product_container_normal img{
	height:160px;
	float:none;
}
p.product_name{height:65px;}
div.product_info{
	height:145px;
}

div#large_product_container{
	width:auto;
	height:auto;
	max-width:none;
}
div#large_product_container img{
	max-width:45%;
	max-height:450px;
	
}
div#title_and_description{
	float:left;
	border:none;
}
div#buying_options{
	width:45%;
	float:left;
}
	



div.product_container_wine a.button_link,div.product_container_normal a.button_link{
	float:right;
	color:orange;/*is this doing anything now that i am using a button instead of a link*/
}
div#product_panel{
	float:left;
	width:98%;
	margin:auto;
}
div#info_bar{
	/*border:1px solid grey;*/
	margin:-5px 0 10px;
	padding:4px;
	width:100%;
}
input.cart_submit,input.cart_submit_fluid{
	cursor:pointer;
	border:none;
	width:115px;
	background-color:#FFB016;
}
input.cart_submit_fluid{width:auto;}
a.link_submit_style{
	background-color:#FFB016;
	text-decoration:none;
	color:black;
	padding:2px;
}



table#cart_table{
	border:solid 1px #808080;
	margin:auto;
	
	border-collapse:collapse;
	width:100%;
}

table#cart_table tr,th,td{
	border:solid 1px #808080;
	padding:3px;
}



#page_scroll{
	margin:0 0 5px 0;
	/*padding:5px;not quite sure how the padding started to affect it but it did*/
	border:solid 1px silver;
	float:left;
	width:100%;
}
#page_scroll a{
	text-decoration:none;
}
#page_scroll h1, #page_scroll h2,#page_scroll h3,#page_scroll h4,#page_scroll h5,#page_scroll h6{
	margin:0px;
}

form.floating_form{
	width:auto;
	float:left;
	margin-bottom:10px;
}
form.floating_form fieldset{
	padding-top:10px;
	min-height:150px;
}