@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic");

* {
  margin:0;
	padding:0;
	}

html {
	overflow-y: scroll;
	font-size:62.5%;
	//background-color:#e6ffe6;
	}

body {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-size:1.4rem;
	color:#333;


	}

a:link {
	text-decoration: none;
	color: #333
}
a:visited {
	text-decoration: none;
	color: #333
}
a:hover {
	text-decoration: underline;
	color: #333
}

p {
	padding-bottom:10px;
	}


hr {
	margin:auto;
  border:0;
  width:95%;
  color:#ccc;
  background-color:#ccc;
  height:1px;
  }

ul {
	list-style-position:inside;
	}
	
	
table, th, td {
	border-collapse:collapse;
  border:0px solid #666;
	}
th, td {
	padding:5px;
	}	
th{
	text-align:left;
	background-color:#eee;
	}
td{
	text-align:right;
	}
	
.form_table {
  background-color:#ddd;
  border:1px solid #aaa;
}
.form_table th{
  border-bottom:1px solid #aaa;
}

input[type=submit] {
	border:none;
  background-color:#aaa;
	font-family:inherit;
	padding:5px;
	padding-left:12px;
	padding-right:12px;
	cursor:pointer;
	}

.textbox {
	font-family:inherit;
	padding-left:5px;
  border:1px solid #ccc;
	height:25px;
	}
.textarea {
	font-family:inherit;
	padding-left:5px;
  border:1px solid #ccc;
	height:80px;
	}
	


	
h1 {
	color:#333;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom:10px;
	}

h2 {
	color:#333;
	font-size: 16px;
	font-size: 1.6rem;
	}


	
	
#wrapper {
	border:0px solid #ccc;
	width:95%;
	max-width:1200px;
  margin:auto;
	padding:0;
  }

#pageheader {
	width:100%;
	//max-width:1200px;
	//margin-bottom:10px;
	font-size:12px;
	font-size:1.2rem;
  }

.headerlogo {
	margin-left:1%;
  width:15%;
  float:left;
  border:0;
  margin:1%;
  }

#loginstatus {
  float:right;
  margin:1%;
  margin-top:5px;
  }

#teltext {
	clear:right;
  float:right;
  margin:1%;
  margin-top:5px;
  color:#666;
	font-size:22px;
  font-size:2.2rem;
  }


#pagecontent {
	//background-color:#fff;
	width:100%;
	//min-height:700px;
	padding:0;
	}

#lhpanel {
	clear:both;
	float:left;
	width:25%;
	margin-bottom:10px;
}

.page_image {
  width:50%;
  float:right;
  border:0px solid #999;
	border-radius:0px;
	margin:10px;
	margin-top:0px;
	}

#pagefooter {
	border-top:1px solid #ccc;
	clear:both;
	margin-top:0px;
	line-height:1.6em;
	background:#eee;
  padding:1%;
  }

.footerpanel {
  margin:2%;
  margin-bottom:10px;
  float:left;
  border:0px solid #999;
}

#copyright {
  margin:auto;
  margin-bottom:10px;
  text-align:center;
  padding:5px;
  font-size:1.1em;
  font-size:1.1rem;
  }
#copyright hr {
  border:0;
	margin:auto;
	margin-bottom:5px;
  height:1px;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -o-linear-gradient(left, #ccc, #333, #ccc); 
  }


#panel {
  margin-top:10px;
  border:1px solid #ddd;
	}

#product_details_image_panel {
	float:left;
  width:48%;
	margin-right:2%;
    border: 0px solid #ddd;
	}
	
#product_details_data_panel {
	float:right;
  width:48%;
  margin-top:10px;
  border:0px solid #ddd;
  }

.product_details_main_image {
	width:80%;
	margin-left:2%;
	margin:auto;
  margin-bottom:15px;
  border:0px solid #ddd;
 }

 .product_details_sub_image {
  height:100px;
	//width:22%;
	//min-width:80px;
	float:left;
	margin-left:2%;
  margin-bottom:15px;
  border:1px solid #ddd;
 }
	

/* Responsive design CSS */

/* For screen sizes less than 780px wide...*/
@media only screen and (max-width : 780px) {  

#pageheader {
		margin-top:50px;
	
}

#product_details_image_panel {
	float:left;
  width:90%;
  margin-top:15px;
	margin-left:2%;
	}
	
#product_details_data_panel {
	padding-top:0px;
	float:left;
  width:90%;
  margin-top:10px;
	margin-left:2%;
  }
/*
.product_details_panel {
	margin-top:20px;
	float:none;
  width:100%;
	}
.product_details_main_image {
	margin:auto;
	float:none;
  width:80%;
	}*/
	
	#menubar_searchbox{
		display:none;
		}

	#products_per_page {
		display:none;
		}
		

	}

/* For screen sizes less than 480px wide...*/
@media only screen and (max-width : 479px) {  

	.headerlogo {
		width:30%;
		}

	#pagecontent {
		width:100%;
		}

	#lhpanel {
		width:100%;
		}

	} 


/* End of responsive design CSS */
	
	


.basket_item {
  margin-bottom:10px;
	padding:1%;
	width:98%;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	border-radius:7px;
	}
.basket_item a:link {
	text-decoration: none;
	color: #333;
  }
.basket_item a:visited {
	text-decoration: none;
	color: #333;
  }
.basket_item a:hover {
	text-decoration: underline;
	color: #000;
  }

#basket_total {
  padding-right:30px;
	text-align:right;
	border:0px solid #CCCCCC;
	}

img {
	display:block;
	}


.listing_image {
  height:140px;
  margin:auto;
  margin-top:10px;
  margin-bottom:10px;
  border:1px solid #ccc;
  }

.listing_box {
	text-align:center;
  float:left;
  margin:10px;
  width:240px;
  height:240px;
  padding:5px;
  //background:#f9f9f9;
  border:1px solid #eee;
  }
.listing_box a:link {
	text-decoration: none;
	color: #333;
  }
.listing_box a:visited {
	text-decoration: none;
	color: #333;
  }
.listing_box a:hover {
	text-decoration: underline;
	color: #000;
  }

.mm_panel {
	display:block;
  float:left;
  margin:5px;
	text-align:center;
  width:180px;
  height:150px;
  padding:5px;
  background:#ddd;
  border:1px solid #ddd;
	font-size:0.9em;
  }
.mm_panel img {
	margin:auto;
	width:100px;
	height:80px;
	}
.mm_panel a:link {
	text-decoration: none;
	color: #333;
  }
.mm_panel a:visited {
	text-decoration: none;
	color: #333;
  }
.mm_panel a:hover {
	text-decoration: underline;
	color: #000;
  }

.listing_header {
	width:98%;
  //height:25px;
  margin-top:0;
  padding:1%;
  border:0px solid #dddddd;
 }

.listing_pagenum_current {
  padding:5px;
  color:#fff;
  background:#666;
  }
.listing_pagenum {
  padding:5px;
  }
.listing_pagenum a:link {
  padding:5px;
}
.listing_pagenum a:visited {
  padding:5px;
}
.listing_pagenum a:hover {
	text-decoration: none;
  padding:5px;
  background:#999;
	color: #fff;
}


.errtxt {
	font-weight:bold;
	color:red;
	font-size:13px;
	font-size:1.3rem;
	}

	
.pricing_table {
	width:100%;
	background:#eee;
  border:1px solid #ccc;
	}

.basket_table {
	background-color:transparent;
	width:100%;
	}
.basket_table th {
  border:1px solid #ccc;
	border-radius:0;
	padding:3px;
	background-color:#ddd;
	}
.basket_table td {
  border:1px solid #ccc;
	padding:3px;
	}



legend {
  padding:10px;
  font-size:1.5rem;
  font-weight:bold;
  }
label {
  width:100px;
  float:left;
  padding-top:5px;
  text-align:right;
  margin-right:0.5em;
  display:block;
}

.left{
	text-align:left;
	}
.right{
	text-align:right;
	}

#clrboth {
	clear:both;
}