/* CSS styles for Sawston Country Store: R Gant: November 2009 */


body { 
		padding: 0; 
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
 }	

#container {
			width: 860px;
			\width: 860px;
			w\idth: 860px;
			border: 0;
			margin:0;
			margin-left: auto;
			margin-right: auto;
			padding: 0;
			background-image: url(images/body.jpg);

}

#banner {margin-bottom: 0.3em; background-image: url(images/csspring.jpg); background-repeat:no-repeat; height: 180px; border: none;}


img {border:0;}

#date {
		text-align:right;
		font: 100% Verdana, Arial, Helvetica, sans-serif, bold;
		color: #607041;
}	

h1 {
		font-family:Verdana, Geneva, sans-serif;
		font-size: 3.5em;
		text-align:left;
		margin-left: 20px;
		color: #FEC400;
		font-weight:bold;
		
	}	
	
h1 a {
	 text-decoration:none;
      color: #FEC400;  
}
	
h2 {
		font-family:Verdana, Geneva, sans-serif;
		font-size: 1.5em;
		text-align:right;
		margin: 0px 20px 0px 0px;
		padding: 0;
		color: #030;
		font-style:italic;
}	

.headersub {
		color: #FFC;
}

.caption {
	font-size: 10px;
	font-style:italic;
	text-align:center;
}

#bodycontent li {list-style-image: url(images/bullet.gif); padding: .5em 0 0 0;}
#bodycontent {padding: 10px 20px 20px 140px;margin-top: 20px;background-image: url(images/body.jpg);}

/*Contact Page*/

#contactleft {
	float: left;
	width: 300px;
	margin: 2em .5em 2em 12em !important;
	margin: 2em .5em .2em 1em;
	font-size: 100% !important;
	font-size: 80%;
	padding: 0;
	border: 0;
	height: 400px;
}

#contactright {
	float: left;
	font-size: 100% !important;
	font-size: 80%;
	width: 300px;
	height: 400px;
	padding: 20px 5px 5px 5px;
	border: 2px solid #15AB01;
	color: black;
	margin: 2em .5em .2em 1em;
	background-color:#FFFFFF;
}

/*News page*/

#newsleft {
	float: left;
	width: 400px;
	margin: 2em .5em 2em 12em !important;
	margin: 2em .5em .2em 1em;
	font-size: 100% !important;
	font-size: 80%;
	padding: 0px 10px 0px 0px;
	border: 0;
	border-right: 1px solid #15AB01;
}



/*Clothing Page*/

#clothingleft {
	float: left;
	width: 400px;
	margin: 2em .5em 2em 12em !important;
	margin: 2em .5em .2em 1em;
	font-size: 100% !important;
	font-size: 80%;
	padding: 0px 10px 0px 0px;
	border: 0;
	border-right: 1px solid #15AB01;
}

#clothingright {
	float: left;
	font-size: 100% !important;
	font-size: 80%;
	width: 200px;
	height: 400px;
	padding: 0;
	margin-bottom: 10px;
	color: black;
	margin: 2em .5em .2em 1em;
}

/*home page divs */
#left {
	float: left;
	width: 143px;
	margin: 2em .5em 2em 3em !important;
	margin: 2em .5em .2em 1em;
	font-size: 100% !important;
	font-size: 80%;
	padding: 0;
	border: 0;
	height: 400px;
}

#middle {
	float: left;
	font-size: 100% !important;
	font-size: 80%;
	width: 450px;
	height: 400px;
	padding: 20px 5px 5px 5px;
	border: 2px solid #030;
	color: black;
	margin: 2em .5em .2em 1em;
	background-color:#FFFFFF;}

#right {
	float: left;
	width: 143px;
	height: 400px;
	font-size: 100% !important;
	font-size: 80%;
	padding: 0;
	border: 0;
	margin: 2em .5em .2em 1em;
}

#footer {
	font-size: 10px; 
	color: #15AB01; 
	background-color: #FFFFFF;
	font-family: arial, helvetica, sans-serif; 
	padding: 0em 1em .1em 0; margin: 0 0 0 0; 
	border-top: 5px solid #15AB01; 
	text-align: center; 
	clear:both;
}

#footer ul {list-style: none;}

#footer ul li {display: inline; padding: 0 .5em 0 .5em;}

#footer a {color: #fff;}

.clearboth { clear: both; } 


/*body with left menu */

/*Left menu styling*/

#leftmenu {
	float:left; 
	padding: 50px 0px 10px 0px; 
	width: 120px;
}

table.leftmenu {font-size: 12px; border: ridge 2px; color: #336633;}

table.leftmenu td {padding: 5px; }

table.leftmenu a { color: blue; text-decoration: underline;}

table.leftmenu a:hover {text-decoration: underline; color: blue; }

/*end left menu styling */

/* Body without left menu */

#contentnomenu {padding: 35px 42px 20px 42px;margin-top: 10px;background-image: url(images/body.jpg);}

#contentnomenu li {list-style-image: url(images/bullet.gif); padding: .5em 0 0 0;}

#weather {
		/*clear:both;*/
		border: 0;
		margin:0;
		margin-left: auto;
		margin-right: auto;
		margin-top: 1em;
		width: 435px; 
		height: 90px; 
		background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/spring1_435x90_bg.jpg ); 
		background-repeat: no-repeat; 
		background-color: #607041;
}

#forecast {height: 75px; clear: both;}

#weatherlinks {text-align: center; font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; line-height: 15px; color: #FDEA11;}

h3 {color:#336633;font-size:120%; text-align:center; font-weight:bold;}

h4 {color: #006600;font-size:110%;}

h5 {background-color:#990000; color: #FFFFFF; font-size:100%; padding: 2px; width: 250px;}


.intro {text-align:center;}
.introstrong {font-weight:bold; text-align:center;}

table.home {margin: 0; margin-left: auto; margin-right: auto; text-align: center; border:none;}

/*price lists*/

table.staff {margin: 0; margin-left: auto; margin-right: auto; text-align: center; margin-top: 25px;}

table.staff td {padding-left: 20px; padding-right: 20px;}

.stockists {border: solid 3px #990000; font-family: "Times New Roman", Times, serif; font-style:italic; padding: 5px; margin-left: 10px}
.deptimageleft {float:left; padding: 5px;}
.deptimageright {float:right; padding: 5px;}

table.newstable {border: 0; margin-left:auto; margin-right:auto;}
table.newstable td {font-family:Verdana, Geneva, sans-serif; text-align:center; padding:20px;}

table.seasonal {
	width: 75%;
	border:0;
}

table.seasonal td {
	padding: 15px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}	

/* gallery code - thumbs at side */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* end gallery */

/*seasonal text*/
.seashead {
	color: #15AB01;
	font-weight:bold;
}

.seastext {
	color: #006666;
}

.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
border: solid 1px #607041;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
border: solid 1px #607041;
}

.newsletterad {
	text-align: center;
	font-size: 120%;
	color: red;
	}
	
.newsletterad a {
	color: red;
	}
	
.signup {
	width: 30px;
}