@charset "utf-8";
/* CSS Document */
/* Set browser defaults back to 0 */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	font: .8em/1.8em verdana, "trebuchet MS", helvetica, sans-serif;
	background-color: #fff;
	color: #000;
	margin: 0;
	font-size: 0.75em;
}
/* Links */
a:link {
	color:#444;
	text-decoration: none;
	
	}
a:visited {
	color:#555;
	text-decoration: none;
	
}
a:hover {
	color:#000;

}
a:active {
	color:#000;
	
}
#headerbar {
background: url(images_backgrounds/topbackground.jpg) top center repeat-x;

	width:100%;
	padding: 0 0 0 0;
}
#header {
	max-width:1200px;
	min-width:1024px;
	background:0;
	margin-top:0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding:0px 0 0 0;
}



#topbar {
	max-width:1200px;
	min-width:800px;
    background:0;
	padding:30px 0 0 0;
}

#logocontainer {
	max-width:1200px;
	min-width:1024px;
	
}
#logo {
    float:left;
	background: url(images_backgrounds/smalltownlogo.png) no-repeat;
	padding:0px 0px 0px 0px;	
}
#logo h1 a{
display:none;
font-family: serif;
color:#b74628;
Font-size:200%;
margin-top:50px;
margin-left:200px;
}


#logo p{

margin-left:180px;
}

#picturebox {
	float:right;
	margin: 0px 0px 0px 0px;
	padding:60px 140px 63px 140px;
	background-image: url(images_backgrounds/ladiesonsofa.png);
}





.clearboth {
	margin-top:-20px;
	clear: both;
}

#topmenu{
margin-bottom: 10px;
background-color:#3c1a19;
padding-bottom:53px;
}
#navcontainer{
background-color:#3c1a19;
width:100%;
padding: 0 0 0 0;
}
#navcentralbox{
margin-left: auto;
margin-right: auto;
max-width:1200px;
min-width:1024px;
}


#main-navigation{position:relative;}
#main-navigation li {margin:0;padding:0;list-style:none;position:absolute;top:0;}
#main-navigation li, #main-navigation a {height:53px;display:block;}

#indexmain{left:0px;width:145px;}
#indexmain{background:url('images_backgrounds/topnav5.png') 0 0;}
#indexmain a:hover{background: url('images_backgrounds/topnav5.png') 0 -53px;}

#cookerymain{left:145px;width:145px;}
#cookerymain{background:url('images_backgrounds/topnav5.png') -145px 0;}
#cookerymain a:hover{background: url('images_backgrounds/topnav5.png') -145px -53px;}

#basketmain{left:290px;width:145px;}
#basketmain{background:url('images_backgrounds/topnav5.png') -290px 0;}
#basketmain a:hover{background: url('images_backgrounds/topnav5.png') -290px -53px;}

#contactmain{left:435px;width:145px;}
#contactmain{background:url('images_backgrounds/topnav5.png') -435px 0;}
#contactmain a:hover{background: url('images_backgrounds/topnav5.png') -435px -53px;}

#adminmain{left:580px;width:145px;}
#adminmain{background:url('images_backgrounds/topnav5.png') -580px 0;}
#adminmain a:hover{background: url('images_backgrounds/topnav5.png') -580px -53px;}



/* This is the nice bit of code that makes the navigation list item go white on the right page */
#index #topmenu li.index a
{background: url('images_backgrounds/topnav5.png') 0 -53px;}
#cookery #topmenu li.cookery a
{background: url('images_backgrounds/topnav5.png') -145px -53px;}
 
#basketpage #topmenu li.basket a  {background: url('images_backgrounds/topnav5.png') -290px -53px;}
#admin #topmenu li.admin a {background: url('images_backgrounds/topnav5.png') -580px -53px;}
#contact #topmenu li.contact a {background: url('images_backgrounds/topnav5.png') -435px -53px;}
	
	
#mainbar{
    background:#fff;
	
	width:100%;
	padding: 0 0 0 0;
}
#maincontentcontainer{
    max-width:1200px;
	
	min-width:1024px;
	
	background:#fff;
	margin-top:0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding:0px 0 10px 0;
}
.generaltitle{
margin:0px 0px 20px 0px;
padding:0px 0px 0px 20px;
color:#222;
font-weight:bold;
font-size:200%;
}
#subnav{
    float:left;
	width:165px;
	margin:0px 0px 0px 0px;
	padding:5px;
}


#subnavigation{
text-decoration:none;
list-style:none;
padding:10px 0px 10px 60px;
margin:0px 0 0 0;
} 
.generalnavigation{
text-decoration:none;
list-style:none;
}

.generalnavigation #home li {margin: 0 0 0 0; padding:0; list-style:none;}
.generalnavigation #home li, .generalnavigation #home a{height:24px;display:block;}
#home{left:0px; width:165px}
#home{background:url('images_backgrounds/homegarden.png') 0 0;}
#home a:hover{background: url('images_backgrounds/homegarden.png') 0px -24px;}

.generalnavigation #history li {margin: 0 0 0 0; padding:0; list-style:none;}
.generalnavigation #history li, .generalnavigation #history a{height:24px;display:block;}
#history{left:0px; width:165px}
#history{background:url('images_backgrounds/history.png') 0 0;}
#history a:hover{background: url('images_backgrounds/history.png') 0px -24px;}

.generalnavigation #computing li {margin: 0 0 0 0; padding:0; list-style:none;}
.generalnavigation #computing li, .generalnavigation #computing a{height:24px;display:block;}
#computing{left:0px; width:165px}
#computing{background:url('images_backgrounds/computinginternet.png') 0 0;}
#computing a:hover{background: url('images_backgrounds/computinginternet.png') 0px -24px;}

.generalnavigation #study li {margin: 0 0 0 0; padding:0; list-style:none;}
.generalnavigation #study li, .generalnavigation #study a{height:24px;display:block;}
#study{left:0px; width:165px}
#study{background:url('images_backgrounds/booksforstudy.png') 0 0;}
#study a:hover{background: url('images_backgrounds/booksforstudy.png') 0px -24px;}

.generalnavigation #adventure li {margin: 0 0 0 0; padding:0; list-style:none;}
.generalnavigation #adventure li, .generalnavigation #adventure a{height:24px;display:block;}
#adventure{left:0px; width:165px}
#adventure{background:url('images_backgrounds/adventure.png') 0 0;}
#adventure a:hover{background: url('images_backgrounds/adventure.png') 0px -24px;}

.generalnavigation #children li {margin: 0 0 0 0; padding:0; list-style:none;}
.generalnavigation #children li, .generalnavigation #children a{height:24px;display:block;}
#children{left:0px; width:165px}
#children{background:url('images_backgrounds/childrensbooks.png') 0 0;}
#children a:hover{background: url('images_backgrounds/childrensbooks.png') 0px -24px;}

.generalnavigation #romance li {margin: 0 0 0 0; padding:0; list-style:none;}
.generalnavigation #romance li, .generalnavigation #romance a{height:24px;display:block;}
#romance{left:0px; width:165px}
#romance{background:url('images_backgrounds/romance.png') 0 0;}
#romance a:hover{background: url('images_backgrounds/romance.png') 0px -24px;}

.generalnavigation #scifi li {margin: 0 0 0 0; padding:0; list-style:none;}
.generalnavigation #scifi li, .generalnavigation #scifi a{height:24px;display:block;}
#scifi{left:0px; width:165px}
#scifi{background:url('images_backgrounds/sciencefiction.png') 0 0;}
#scifi a:hover{background: url('images_backgrounds/sciencefiction.png') 0px -24px;}

.cooknavigation li {
text-decoration:none;
list-style:none;
}
.cooknavigation #french li {margin: 0 0 0 0; padding:0; list-style:none;}
.cooknavigation #french li, .cooknavigation #french a{height:24px;display:block;}
#french{left:0px; width:165px}
#french{background:url('images_backgrounds/french.jpg') 0 0;}
#french a:hover{background: url('images_backgrounds/french.jpg') 0px -24px;}

.cooknavigation #italian li {margin: 0 0 0 0; padding:0; list-style:none;}
.cooknavigation #italian li, .cooknavigation #italian a{height:24px;display:block;}
#italian{left:0px; width:165px}
#italian{background:url('images_backgrounds/italian.jpg') 0 0;}
#italian a:hover{background: url('images_backgrounds/italian.jpg') 0px -24px;}

.cooknavigation #indian li {margin: 0 0 0 0; padding:0; list-style:none;}
.cooknavigation #indian li, .cooknavigation #indian a{height:24px;display:block;}
#indian {left:0px; width:165px}
#indian {background:url('images_backgrounds/indian.jpg') 0 0;}
#indian a:hover{background: url('images_backgrounds/indian.jpg') 0px -24px;}

.cooknavigation #chinese li {margin: 0 0 0 0; padding:0; list-style:none;}
.cooknavigation #chinese li, .cooknavigation #chinese a{height:24px;display:block;}
#chinese{left:0px; width:165px}
#chinese{background:url('images_backgrounds/chinese.jpg') 0 0;}
#chinese a:hover{background: url('images_backgrounds/chinese.jpg') 0px -24px;}

.cooknavigation #world li {margin: 0 0 0 0; padding:0; list-style:none;}
.cooknavigation #world li, .cooknavigation #world a{height:24px;display:block;}
#world{left:0px; width:165px}
#world{background:url('images_backgrounds/world.jpg') 0 0;}
#world a:hover{background: url('images_backgrounds/world.jpg') 0px -24px;}

.cooknavigation #thai li {margin: 0 0 0 0; padding:0; list-style:none;}
.cooknavigation #thai li, .cooknavigation #thai a{height:24px;display:block;}
#thai{left:0px; width:165px}
#thai{background:url('images_backgrounds/thai.jpg') 0 0;}
#thai a:hover{background: url('images_backgrounds/thai.jpg') 0px -24px;}

.cooknavigation #vegetarian li {margin: 0 0 0 0; padding:0; list-style:none;}
.cooknavigation #vegetarian li, .cooknavigation #vegetarian a{height:24px;display:block;}
#vegetarian{left:0px; width:165px}
#vegetarian{background:url('images_backgrounds/vegetarian.jpg') 0 0;}
#vegetarian a:hover{background: url('images_backgrounds/vegetarian.jpg') 0px -24px;}

.cooknavigation #familyrecipes li {margin: 0 0 0 0; padding:0; list-style:none;}
.cooknavigation #familyrecipes li, .cooknavigation #familyrecipes a{height:24px;display:block;}
#familyrecipes{left:0px; width:165px}
#familyrecipes{background:url('images_backgrounds/familyrecipes.jpg') 0 0;}
#familyrecipes a:hover{background: url('images_backgrounds/familyrecipes.jpg') 0px -24px;}


.adminnavigation li {
text-decoration:none;
list-style:none;
padding:0px 0px 0px 10px;
margin:0px 0 2px 0;
font-weight:bold;
color:#444;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right:2px solid #555;
border-bottom:2px solid #444;
background: url(images/button_back.png) top center repeat-x;

}

.adminnavigation li a{
padding:0px 20px 0px 0px;
}

.adminnavigation li:hover {
border-bottom: 1px solid #999;
border-right: 1px solid #999;
border-left:2px solid #555;
border-top:2px solid #444;
color:#000000;   
background: url(images/button_back_hover.png) top center repeat-x;
}














.adminbtncontainer {
margin:10px 0 10px 0;
 }  
.adminbtn a{
text-decoration:none;
list-style:none;
padding:2px 10px 2px 10px;
margin:20px 0 4px 0;
font-weight:bold;
color:#444;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right:2px solid #555;
border-bottom:2px solid #444;
background: url(images/button_back.png) top center repeat-x;
}
.adminbtn a:hover {  
border-bottom: 1px solid #999;
border-right: 1px solid #999;
border-left:2px solid #555;
border-top:2px solid #444;
color:#000000; 
background: url(images/button_back_hover.png) top center repeat-x; 
}  
.acknowledge {
margin: 20px 20px 20px 0;
padding: 0.5em;
border: 1px dotted #aaa;
background-color:#eee;

}

#maincontent{
margin:0px 0px 0px 210px;
background:#fff;
max-width:970px;
min-width:580px;
padding:10px 0px 20px 20px;
}

#blogreview{
    float:right;
	width:20%;
	border-left:solid 2px #000;
	background:#fff;
	
    padding:10px 10px 10px 10px;
}
#footerbar{
    background:#fff;
	border-top:solid 2px #000;
	width:100%;
	padding: 0 0 0 0;
}
#footercontainer{
    max-width:1200px;
	min-width:1024px;
	
	background:#fff;
	margin-top:0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding:0px 0 0px 0;
}
#index #footercontainer li.index a, 
#cookery #footercontainer li.cookery a, 
#basketpage #footercontainer li.basket a, 
#admin #footercontainer li.admin a, 
#contact #footercontainer li.contact a {
	color:#000;
	}
#footer-copyright {
    text-align:left;
	background:#fff;
	padding:20px 0px 20px 0px;
	color:#555;
}
#footer-copyright li {
	display: inline;
}
#footer-copyright a {
    text-decoration:none;
	
}
#copyright li{ 
display: inline;
text-decoration:none;
color:#000;
}


/************* blog css ******************************/
.labelfield{ /*CSS for label field in general*/
color:#fff;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}


#example3 a{ /*CSS specific to demo 3*/
color: #D80101;
text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}
/************* end of blog css ******************************/
/************* twitter css **********************************/
#twitterwrapper{
float:left;
width:170px;
background: url(images_backgrounds/twitterbird.png)  no-repeat right top;
margin:10px 0px 0px 0px;
}
	
#twitterheader {
padding-top:55px;
color:#000;
}

#twitter_update_list{ 
   text-align:left;
   text-decoration: none;
   list-style: none;
   color:#000;
   margin:0px 0 5px 0;
   }
   
#twitter_update_list li { 
   padding: 0px 0px 0px 0px;
   margin: 0 0 0 0;
   }
/************* end twitter css ******************************/

/************* admin form **********************************/
form {
margin: 0 20px 0 0;
padding: 0.5em;
border: 1px dotted #aaa;
background-color:#eee;

}
form div {
clear:left;
}

form div label {
  float:left;
  width:250px;
  font-weight: bold;
}

input {
background-color:#91b2e8;
margin-top: 2px;
padding:1px;
border-top: 2px solid #777;
border-left: 1px solid #aaa;
border-right:1px solid #aaa;
border-bottom:0px solid #444;
width:300px;
}

input[type=text]:hover {  
       background-color:#ffff66;  
       border-color:#999999;  
 }  

textarea {
margin-top: 4px;
background-color:#91b2e8;
padding:1px;
border-top: 2px solid #777;
border-left: 1px solid #aaa;
border-right:1px solid #aaa;
border-bottom:0px solid #444;
}

textarea:hover {  
       background-color:#ffff66;  
       border-color:#999999;  
}  

.btn {
font-weight:bold;
color:#444;
margin:0 0 0 250px;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right:2px solid #555;
border-bottom:2px solid #444;
background: url(images/button_back.png) top center repeat-x;
}
.btn:hover {  
border-bottom: 1px solid #999;
border-right: 1px solid #999;
border-left:2px solid #555;
border-top:2px solid #444;
color:#000000;   
background: url(images/button_back_hover.png) top center repeat-x;
}  
.adbtn {
font-weight:bold;
color:#444;
padding:3px;
margin:0 0 0 300px;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right:2px solid #555;
border-bottom:2px solid #444;
background: url(images/button_back.png) top center repeat-x;
}
.adbtn:hover {  
padding:3px;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
border-left:2px solid #555;
border-top:2px solid #444;
color:#000000;   
background: url(images/button_back_hover.png) top center repeat-x;
}  

.button{
font-weight:bold;
color:#444;
margin:0 0 0 250px;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right:2px solid #555;
border-bottom:2px solid #444;
background: url(images/button_backgrey.png) top center repeat-x;
}

.button:hover {  
border-bottom: 1px solid #999;
border-right: 1px solid #999;
border-left:2px solid #555;
border-top:2px solid #444;
color:#000000;   
background: url(images/button_back_hovergrey.png) top center repeat-x;
}  

.button2{
text-shadow: 1px 1px 1px #fff;
 border: solid thin #000;
 -webkit-border-radius: .7em;
 -moz-border-radius: .7em;
 border-radius: .7em;
-webkit-box-shadow: 2px 2px 3px #999;
 box-shadow: 2px 2px 2px #bbb;
font-weight:bold;
color:#000;
margin:0 0 0 0px;
padding:3px;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right:2px solid #555;
border-bottom:2px solid #444;
background: url(images/button_backgrey.png) top center repeat-x;
}


.button2:hover { 
text-shadow: 1px 1px 1px #fff;
 border: solid thin #000;
 -webkit-border-radius: .7em;
 -moz-border-radius: .7em;
 border-radius: .7em;
-webkit-box-shadow: 2px 2px 3px #999;
 box-shadow: 2px 2px 2px #bbb; 
padding:3px;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
border-left:2px solid #555;
border-top:2px solid #444;
color:#000000;   
background: url(images/button_back_hovergrey.png) top center repeat-x;
}  
.button3{
text-shadow: 1px 1px 1px #fff;
 border: solid thin #000;
 -webkit-border-radius: .7em;
 -moz-border-radius: .7em;
 border-radius: .7em;
-webkit-box-shadow: 2px 2px 3px #999;
 box-shadow: 2px 2px 2px #bbb;
font-weight:bold;
color:#000;
margin:0 0 0 250px;
padding:3px;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right:2px solid #555;
border-bottom:2px solid #444;
background: url(images/button_backgrey.png) top center repeat-x;
}


.button3:hover { 
text-shadow: 1px 1px 1px #fff;
 border: solid thin #000;
 -webkit-border-radius: .7em;
 -moz-border-radius: .7em;
 border-radius: .7em;
-webkit-box-shadow: 2px 2px 3px #999;
 box-shadow: 2px 2px 2px #bbb; 
padding:3px;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
border-left:2px solid #555;
border-top:2px solid #444;
color:#000000;   
background: url(images/button_back_hovergrey.png) top center repeat-x;
}  











.delbox {
width:50px;
}

#btnpass {
font-weight:bold;
color:#444;
margin:0 0 0 0px;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right:2px solid #555;
border-bottom:2px solid #444;
background: url(images/button_back.png) top center repeat-x;
}
#btnpass:hover {  
border-bottom: 1px solid #999;
border-right: 1px solid #999;
border-left:2px solid #555;
border-top:2px solid #444;
color:#000000;   
background: url(images/button_back_hover.png) top center repeat-x;
}  

/*basket stuff*/

#basket{
 	margin: 0px 0px 10px 0px;
	padding:10px 10px 0px 20px;
}

#basket{
background: url(images_backgrounds/cart3.png)  no-repeat right top;
}
#basketcase{
margin-right:80px;
background: url(images_backgrounds/transparent.png) repeat-x;
}
#baskettitle{
font-size:125%;
}
#basketquantity{
color:#f00;
}
#basketempty{
color:#f00;
}