html, body { font-family:Arial,Helvetica,sans-serif;font-size:12px; overflow:auto;}

div#pagewrapper { max-width:700px; text-align:center;padding-top:65px;margin-bottom:10px;}
div#store_header {
	text-align: center;
	border-bottom:1px solid #F5F5F5;
	background: #FFFFFF;
	padding:10px 20px; 
	position:fixed; 
	top:0; 
	left:0; 
	z-index:100; 
	width:700px;	
}
/* product display elements */
ul.products {
	list-style: none;
	margin: 0;
	padding: 0;
}
li.product { width:200px;float:left;text-align:center;display:inline; height: 350px;font-size:10pt;margin-left:15px;margin-right:15px;}
a.product_back_link:visited {
	border-width: 0;
	color: white;	
}

div#show_product_result {display:none;width:675px;}
div.product_detail { text-align:center;background-color:#FFF;overflow:auto;width:670px;height:auto;padding-bottom:10px;padding-right: 5px; padding-top: 15px;text-align:center;}
div.product_detail div.image	{ width:250px; float:left;padding-top:10px;padding-bottom:10px;display:inline;margin:0px;}
div.product_detail div.info { width:415px; float:left;display:inline;margin:0px;}
/*div.product div.image	{ width:200px;}*/
/*div.product div.info { width:200px; text-align: center;}*/

li.product div.info h2 { margin-bottom:0; font-size: 10pt;}
li.product div.info p { margin:0; }
li.product div.info p.price { margin:0; }
li.product div.info p.comments { font-size: 8pt;}
li.product div.info label { }
li.product div.info span.price_text { font-weight: bold; color: green; }
li.product div.info span.old_price_text { font-weight: bold; color: gray; text-decoration: line-through; }
li.product div.info span.sale_price_text { font-weight: bold; color: red; }

div.product_detail div.info h2 { margin-bottom:0;font-size:16pt;}
div.product_detail div.info p { margin:0; font-size:14pt;}
div.product_detail div.info span.size {font-style: italic;}
div.product_detail div.info p.price { font-size:14pt;margin:0; }
div.product_detail div.info span#price_text { font-weight: bold }
div.product_detail div.info .comments { font-size:12pt;margin:0; }
div.product_detail div.info label { font-size:12pt;}
div.product_detail div.descrip {font-size:10pt;text-align: left;clear: both;}
div.product_detail div.product_options {text-align:center;padding:0px;margin:0px;font-size:14pt;}

/* vinyl display elements */
div.vinylwrapper { margin:10px 0 0 0;}
div.vinylwrapper h2 { margin:0; font-weight:bold;font-style:italic;}
div.vinylwrapper p { margin:0;}
div.vinylwrapper div.colors { text-align:center;margin-top:10px;}
div.vinylwrapper div.colors img { margin:4px;}

/* co display elements */
div.coformwrapper label { display:block;margin:5px 15px 0 5px;width:200px;float:left;}
div.coformwrapper input { margin-top:10px;}

/* nav elements */
div#category_nav {
	text-align:center;
}
div#category_nav span.current {
	color:#14a6fa;
}

ul.nav li { list-style-type:none; display:inline; float:left; margin:0; }
ul.nav li img { border:0; }

a { text-decoration:none; font-weight:bold; }
a:visited {
	color:blue;
}
a:hover { font-weight:bold; color:#14a6fa; }

/* form elements */

select { font-size:11px; }

/* field and form errors */
.fieldWithErrors input{
  /* padding: 2px; */
  background-color: yellow;
  /* display: table; */
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

ul.gallery {
	display: block;
	
}

ul.gallery li.photo {
	float: left;
	text-align: center;
	width: 150px;
	height:  100px;
	list-style: none;
	display: inline;
	margin: 5px;
	border: 2px solid #bebebe;
}

div#search_form {
	text-align: center;
}

div#search_form a {
	font-weight: normal;
	font-color: black;
	text-decoration: underline;
	color: black;
}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: auto;
	height:150px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#site-message {
	font-size: 120%;
	font-weight: bold;
	border: 1px solid #E5E5E5;
	padding:5px;
}