@charset "UTF-8";
/* CSS Document */

.style1 {color: #FFFFFF;}
input[type=submit]:focus {border-color:#666666; }
input[type=submit]:hover {background-color:#00FF66; }
input[type=submit] {padding:10px 15px; width:23em; background:#00CC66; margin-bottom:5px; font-weight:bold; border:0 none;
cursor:pointer;
-webkit-appearance:none; /* stop iOS devices messing with button style */
-webkit-border-radius: 5px;
border-radius: 5px; }

.shop {
width: 100%;
max-width:1100px;
margin-left: auto;
margin-right: auto;
}

.clear-all {
	clear: both;
	margin-bottom: 20px;
}

.text-center {
	text-align: center;
}
select {
    border:0;
    height:32px;
    border:2px solid #FF0000;
    width:23em;
	padding:5px;
	background-color:#CCCCCC;
	background:url("../images/menu-button.png") no-repeat #fff 319px 2px;
}

select {
	border: 0 !important;  
	-webkit-appearance: none;  
	-moz-appearance: none; 
	background:#CCCCCC url("downarrow.png") no-repeat 97% center;
	width: 23em; 
	text-indent: 0.01px; 
	text-overflow: ""; 

	color:#000000;
	border-radius: 5px;
	padding: 5px;
	box-shadow: inset 0 0 5px rgba(000,000,000, 0.5);
}

.productcategory {
width:100%;
background-color:#2A5F00;
font-weight:bold;
font-size:120%;
color:#FFFFFF;
padding:10px 10px 10px 10px;
margin-top:30px;
}

.product {
width:98%;
margin-left:1%;
margin-right:1%;
clear:both;
margin-bottom: 20px;
}

.product::after {
content: "";
display: block;
clear: both;
}

.productphoto {
float:left;
width:30%;
}

.productphoto img {
width:100%;
height:auto;
}

.productorderbutton {
float:left;
width:33%;
padding-left:3%;
text-align:center;
}

.producttext {
float:right;
width:29%;
padding-left:1%;
}

.viewbasket {
float:right;
background-color:#FDFDF0;
font-weight:bold;
border:dashed;
border-color:#006600;
border-width:thin;
text-align:center;
padding:10px;
font-size:14px;
}

@media only screen and (min-width : 320px) and (max-width : 666px) {
	
.productphoto {
float:left;
width:100%;
}

.productorderbutton {
width:100%;
}

.producttext {
width:0%;
display:none;
}

.viewbasket {
float:none;
width:96%;
margin-left:auto;
margin-right:auto;
border-width:2px;
padding:15px;
}

}