﻿


body {
background-image:url(/images/background.gif);
background-position:top;
background-repeat:no-repeat;
background-color:#D0E8E8;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

a:link, a:visited {
color:#316262;
}

a:hover, a:active {
color:#fff;
text-decoration:none;
}

.topNav 
{
    width:908px;
    margin:0 auto 0 auto;
    overflow:hidden;
    height:30px;
}

.topNav li 
{
   float:right;
   margin-right:5px;
   padding-top:5px;
}

.topNav a 
{
    background-color:#fff;
    padding:20px;
}

.topNav a:hover 
{
    background-color:#9ECFD0;
}

#theWrapper 
{
    width:908px;
    margin-left:auto;
    margin-right:auto;
    padding-top:130px;
}

#wrapper {
padding:4px;

margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
width:900px;
border: 1px #97CACA solid;
}

#main {
margin-bottom:4px;
margin-top:4px;
background-color:#CAD787;
padding:9px;
line-height:25px;
font-size:14px;
color:#111;
overflow:hidden;
}

#mainAbout {
background-color:#CAD787;
padding:9px;
line-height:18px;
width:608px;
height:347px;
float:left;
margin-right:4px;
}

#mainOurStock {
background-color:#CAD787;
padding:9px;
line-height:18px;
width:648px;
float:left;
}

#aboutPhotos {
height:365px;
overflow:hidden;

}

#ourStockPhotos {
float:left;
width:230px;
margin-right:4px;
overflow:hidden;

}

#ourStockPhotos img {
margin-bottom:4px;
}

#aboutPhotos img {
margin-bottom:4px;
}



#homeDiv {
height:500px;
}


#header {
height:100px;
background-image:url(/images/headerBg.jpg);
background-repeat:no-repeat;
}

#footer {
background-image:url(/images/footerBg.jpg);
background-repeat:repeat-x;
padding:9px;
overflow:hidden;
background:#BADCDD;
}

.footerLeft 
{
    float:left;
    width:710px;
    overflow:auto;
}

.footerLeft h2 
{
    margin-bottom:10px;
}

.footerLeft div 
{
    float:left;
    width:220px;
}

.footerLeft div a 
{
    display:block; 
    margin-bottom:4px;
}

.footerLeft div img 
{
margin-right:5px;
}

.footerRight 
{
    float:left;
    width:170px;
}

.titleImg {
margin-top:24px;
}

#tabNav {

width:450px;
margin-left:600px;
padding-top:71px;

}

#tabNav ul {


}

#tabNav li {
list-style:none;
float:left;
margin-right:5px;
padding:7px;
background-color:#D0E8E8;
border-right:2px solid #fff;
border-top:2px solid #fff;
border-left:2px solid #fff;
}

#tabNav li#active {
background-color:#fff;
}

#tabNav a {


text-decoration:none;
font-weight:bold;
}

#copyright {

font-size:10px;
color:#316262;
text-align:right;
}

#leftCol {
width:520px;
float:left;
}

#rightCol {
padding-left:18px;
float:left;
width:200px;
}

h1 {
font-weight:normal;
font-size:22px;
color:#7D8A2E;
margin-bottom:10px;
}

h2 {
font-size:13px;
color:#333;
font-weight:bold;
}



 input, textarea
{
color: #51591E;
background: #E3EBC2;
border: 1px solid #51591E
}

.submit input
{
color: #fff;
background: #7D8A2E;
border: 2px outset #d7b9c9
}

 fieldset
{
border: 1px solid #51591E;
width: 40em
}

.map {
background-color:#E3EBC2;
padding:5px;
}


#openingHours {
width:200px;
float:left;
}

.anImage {
border:4px solid #E3EBC2;
margin:3px;
}

.friendLink {
display:block;
margin-left:5px;
margin-bottom:5px;
text-decoration:none;
}

.date {
font-weight:bold;
}

#photos {
margin-top:4px;
height:225px;
overflow:hidden;
}

p {
margin-bottom:15px;
line-height:20px;
}

.loginForm 
{
    
}

.loginForm td
{
   padding:2px; 
}

.loginLabel 
{
    font-weight:bold;
    color:#646E3B;
}

#contact 
{
    background:url(/images/contactBg.gif) no-repeat;
    width: 345px;
    height:181px;
}

#contactForm 
{
    width:130px;
    margin-left:90px;
    padding:10px;
}

#contactForm input 
{
    margin-bottom:5px;
    float:left;
    width:150px;
    padding:2px;
}

#contactForm textarea 
{
    height:80px;
    width:160px;
    margin-bottom:5px;
}

#shopCategories a
{
    display:block;
}

#shopContent 
{
    float:left;
    width:600px;
}

#cartFunctions 
{
 text-align:right;   
}

#cartFunctions a 
{
    display:block;
    margin-bottom:6px;
}

#loginDiv 
{
    width:415px;
    float:left;
    padding:10px;
    margin-right:5px;
    border:1px solid #646E49;
    background-color:#fff;
}

#registerDiv 
{
    width:415px;
    float:left;
    padding:10px;
    background-color:#fff;
    border:1px solid #646E49;
}

.loginRegisterTb 
{
    width:200px;
}

#loginRegisterWrapper 
{
    width:100%;
    overflow:auto;
}

#loginRegisterWrapper h2
{
    background-color:#646E49;
    margin:-10px;
    margin-bottom:10px;
    color:#CAD787;
    padding:3px;
    font-size:16px;
}

#loginRegisterWrapper p
{
    font-size:11px;
}

#shopCategories 
{
}

#shopCategories a:Link, #shopCategories a:Visited
{
    display:block;
    color:#000;
    margin-bottom:5px;
}

#shopCategories a:Hover, #shopCategories a:Active
{
    color:#fff;
}

.productDiv img 
{
    display:block;
}

.productDiv span 
{
    display:block;
    text-align:center;
}

#main .productPrice
{
    font-weight:bold;
    color:#000;
    text-decoration:none;
}

.productDiv 
{
    width:190px;
    float:left;
    margin-right:20px;
    margin-bottom:20px;
    border:4px solid #fff;
    height:200px;
    font-size:90%;
    line-height:1.6em;
}

.productDiv:Hover {
border:4px solid #636E25;
}

.adminLeftCol a
{
    display:block;
}

.adminLeftCol h3
{
    margin-top:10px;
}

.productBigImage {
width:320px;

float:left;
}

.productDescription {
float:left;
width:300px;
}

.bigProduct {
padding:3px;
background:#fff;
}

.AddToCart {
width:200px;
background-color:#7D8A2E;
border:1px solid #7D8A2E;
padding:3px;
height:30px;
}

.cartBtn 
{
    border:1px solid #fff;
}

.categoryLink 
{
    margin-bottom:3px;
    font-weight:bold;
    border-bottom:1px dashed #B2BF6F;
    font-size:90%;
    
}

#main .categoryLink:Link, #main .categoryLink:Visited 
{
    color:#4E5910;
    text-decoration:none;
}

#main .categoryLink:Hover, #main .categoryLink:Active 
{
    color:#FFFFFF;
    background-color:#B2BF6F;
    text-decoration:underline;
}

.categoryDescription 
{
    font-size:120%;
    color:#636E25;
}

h3 
{
    font-weight:bold;
}

#wrapper .categoryImg 
{
    border:4px solid #fff;
    width:300px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

.shoppingCart 
{
    width:500px;
    background-color:#fff;
    border:2px solid #7E8942;
}

.shoppingCart td 
{
    padding:3px;
}

.thecart th 
{
    font-weight:bold;
}

.totalDiv 
{
    padding:5px;
    background:#7E8942;
    width:490px;
    font-weight:bold;
    color:#CAD787;
}

.deliveryAddress {
    background-color:#7D8A2E;
    color:#fff;
    border:2px solid #fff;
    padding:10px;
    width:400px;
    margin-bottom:10px;
}

.deliveryAddress h3 {
color:#CAD787;
}

.addToCartTbl {
width:210px;
background-color:#fff;
border:3px solid #636E25;
margin-left:320px;
margin-top:10px;
}

.addToCartTbl td {
padding:3px;
font-weight:bold;
}

.addToCartTbl select {
width:70px;
}

.leftCol 
{
    float:left;
    width:220px;
}

.rightCol 
{
    float:left;
    width:660px;
}

.homeWelcome 
{
    width:400px;
    float:left;
    border-right: 1px solid #BECB7C;
    padding-right:10px;
    margin-right:10px;
}

.latestProducts 
{
    width:230px;
    float:left;
}

.latestProducts img
{
    width:230px;
    border:3px solid #fff;
}

.latestProduct img:hover
{
    border:3px solid #636E25;
}

.latestProduct img 
{
    width:224px;
}


.phoneNumber 
{
    font:normal 180% arial;
    float:left;
    color:#fff;
    background-color:#9ECFD0;
    padding:5px;
    height:30px;
}

#main .moreProducts 
{
    display:block;
    background-color:#636E25;
    padding:5px;
    margin-top:10px;
    color:#fff;
    text-align:center;
}

#main .moreProducts:Hover 
{
    color:#636E25;
    background-color:#CAD787;
    padding:3px;
    border:2px solid #636E25;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:650px;
		height:200px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:.5em 0;
		padding:0;
		height:28px;
		font-size:70%;	
		}
	ol#controls li{
		margin:0 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		border:1px solid #ccc;
		background:#646E25;
		color:#fff;
		padding:0 6px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#fff;
		color:#646E25;
		font-weight:bold;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */