/* SCREEN.css */

/* reset all margins */
* {
	margin:0;
	padding:0;
}

/* ================================================= */
/* ------ PAGE LAYOUT ------ */
/* body */
body {
	background-image:url(../jpg/body-background.jpg);
	background-repeat:repeat;
	margin: 10px auto 10px auto;
	text-align:center;
}

/* WRAPPER */
#Wrapper {
	background-color:#FFFFFF;
	border:1px solid #000000;
	margin: 0 auto 0 auto;
	text-align:center;
	width: 700px;
}

/* HEADER */
#Header {
	width: 700px;
}

/* NAVIGATION */
#Navigation {
	text-align:left;
	width: 700px;
}
#Navigation table {
	margin:0;
}
#Navigation td {
	padding:0;
}

/* CONTENT */
#Content {
	background-image:url(../jpg/title-john-muir-country-store.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#fff;
	padding: 18px 10px 15px 10px;
	text-align:left;
	width: 680px;
}

/* FULLWIDTH */
#Content div.fullWidth {
	width: 680px;
}

/* FOOTER */
#Footer {
	background-image:url(../png/jmcs-logo.png);
	background-position:right;
	background-repeat:no-repeat;
	border-top:1px solid #000000;
	text-align:left;
	width: 700px;
}
#Footer div.footerText {
	padding:6px 0 6px 10px;
	width:560px;
}

#Footer p {
	line-height:1.4em;
}
#Footer p.nopadding {
	padding-bottom:0;
}


/* ================================================= */
/* CLASSES */
/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ================================================= */
/* ---- PRODUCTS ---- */
div.productMenu {
	padding-bottom:15px;
}

div.manufacturer {
	margin:8px 0 10px 0;
}


div.product {
	margin-bottom:15px;
	width: 680px;
}

/* image */
div.product div.image {
	float:left;
	width:152px;
}
div.product div.image img {
	border:1px solid #000000;
}
div.product div.image img.link {
	cursor:pointer;
}

/* details */
div.product div.details {
	padding:0 0 0 10px;
	width:518px;
}

div.details div.productname {
/*	float:left;
	width:400px;
*/}

div.details div.displayprice { 
	float:left;
	padding:0 5px 0 18px;
	text-align:right;
	width:90px;
}
div.details div.displayprice p.price {
	font-size:0.85em;
	font-weight:bold;
	padding-bottom:15px;
}




div.product div.details div.desc {
	padding-right:5px;
	width:513px;
}

div.backtop {
	padding-right:10px;
	text-align:right;
}


/* ================================================= */
/* ---- OTHER ---- */
input.button {
	background-color: #F5F5F5;
	background-repeat:repeat;
	border: 1px solid #957384;
	cursor:pointer;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	padding:2px 4px 2px 4px;
}

input.txtqty {
	background-color: #FFFFFF;
	border: 1px solid #957384;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	padding: 2px;
	text-align:center;	
	width: 20px;
}

select.txtqty {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
}