/* CSS Document */

body {margin-top: 20px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; background-color: #DCDCFF; color: #000;}

h6{padding:4px; margin:0px; color:#2D4F8C;}
h5{padding:2px; margin:0px; color:#2D4F8C;}
h3{padding:0px; margin:0px; color:#2D4F8C; text-align:center;}
ul{padding:0px; margin:0px;}
p{padding:0px; margin:0px;}
div{padding:0px; margin:0px;}
ul{list-style-type:none;}

/*----Styles----*/

.banner {width: 130px; height: 230px;}

.blacktext{background:#fff; color:#000; padding:0 0 12px 0;}
.boldtext{font-size:24px; background:#fff; color:#2D4F8C; font-weight:bold;}
.normaltext{background:#fff; color:#333333; border:0px gray solid;}
.promotext{font-size:small; background:#fff; color:#FF8042; font-weight:bolder; padding:12px 0 0;}
.smalltext{font-size:xx-small; background:#fff; color:#2B2A2A; padding:12px 0 12px 0;}

.logo {margin-top:10px; height:40px; text-align:center; vertical-align:bottom; padding:0;}
.logo1 {height:20px; text-align:center; vertical-align:bottom; padding:10px 0 20px 0;}
.logo2 {height:40px; text-align:center; vertical-align:bottom; padding:10px 0 10px 0;}
.logo3 {margin-top:10px; height:30px; text-align:center; vertical-align:bottom; padding:0;}
.logo4 {margin-top:0px; height:30px; text-align:center; vertical-align:bottom; padding:0;}
.noimage {height:20px; padding:0;}
.image {width: 120px; height: 79px; float:left; padding-right:2px;}
.image1 {margin-top: 6px; width: 120px; height: 120px; text-align:center; padding:0; border:0;}
.image2 {width: 120px; height: 140px; text-align:center; padding:0; border:0;}
.image3 {width: 120px; height: 170px; text-align:center; padding:0; border:0;}
.image4 {width: 240px; height: 120px; text-align:center; padding:0; border:0;}
.image5 {width: 240px; height: 240px; text-align:center; padding:0; border:0;}
.image6 {width: 120px; height: 265px; text-align:center; padding:0; border:0;}
.imagebox {width: 488px; height: 240px; float:left; padding-bottom: 0px; position:absolute; top:40px;}

.facebook a {font-size:16px; font-weight:bolder; color:#2D4F8C; text-decoration:none;}
.facebook a:hover{font-size:16px; font-weight:bolder; color:#2D4F8C; text-decoration:underline;}

/* Styles for Form */

.frm {border: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin-left: 20px; text-align:center; color: black; background-image:url('menu/b7.gif');}
.cssform p{width: 294px; clear: left; margin: 0; padding: 3px 0 3px 0; padding-left: 155px; /*width of left column containing the label elements*/height: 1%;}
.cssform text{font-weight: bold; float: left; margin-left: 20px; width: 300px; padding: 12px 0 12px 0;}
.cssform label{font-weight: bold; float: left; margin-left: -155px; /*width of left column*/ width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
.cssform label2{font-weight: bold; float: left; margin-left: -155px; /*width of left column*/ width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
.cssform label3{font-weight: bold; float: left; margin-left: 0px; /*width of left column*/ width: 300px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/width: 180px;}
.cssform comments{width: 250px; height: 100px;}

/*.threepxfix class below:Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html*/

* html .threepxfix{margin-left: 3px;}

/*----CONTAINER----*/

#container {width:780px; margin: 0 auto; background:#fff; color:#8D8D8D; padding: 0 0 0 14px; border: 2px white solid;}

/*---Column_left----*/

#column_left {margin:0; width:130px; float:left; text-align:center; vertical-align:middle;}

#column_left ul{width:130px; height:30px; padding:0; margin-top: 10px;}

#column_left li{width:130px; text-align:center;}
#column_left li.menu{width:130px; height:24px; background-image:url('../images/blue_background.gif');background-repeat:repeat-y; padding-top:3px; display: block;}

/*#column_left li.menu{width:130px; height:24px; background-color:#2D4F8C; padding-top:3px; display: block;}*/

#column_left ul li a{width:130px; height:20px; color: #fff; text-decoration:none;}
#column_left ul li a:hover{color:#fff; font-weight: bolder; text-decoration:underline; border: 0;}

#column_left ul li.tradinghours{width:130px; height:20px; background-color:#fff; color:#2D4F8C; text-align:center;}

/*---Apples----*/
#apples{margin:80px 0 0 0; width: 130px; height: 222px; background-color:#fff;}

/* Subscription Form */

#subscribe{margin:20px 0 0 0; width:110px; background:#fff;} 
.subscribe{width:98px; background:#fff; padding:8px 10px 8px 10px; border:1px #2D4F8C solid; font-size: 14px; font-weight:bold; text-align:center; color:#2D4F8C; margin-right:0;} 

/*---Header----*/

#header{margin-left:148px; width:612px; padding:0; position:relative; top:16px;}

#header ul{width:629px; height:70px;}
#header ul li{display:inline;}

/*---addresspanel----*/

#addresspanel {margin: 6px 0 0 0; width:489px; height:30px; position:absolute; top:83px; left:0;}
#addresspanel p {font-size:16px; font-weight:bolder; color:#000; text-align:center;}

/*---Column_centre----*/

#column_centre {width:489px; height: 1000px; margin:22px 0 20px 18px; float:left; position:relative;}

/*---pagename----*/

#pagename {margin: 6px 0 0 0; width:100%; height:30px; position:relative; top:280px; left:0;}

/*---Column1----*/

#column1 {margin: 16px 0 0 0; width:120px; position:absolute; left:0; top:320px;}
#column1wide {margin: 16px 0 0 0; width:240px; position:absolute; left:0; top:320px;}

#column1 ul {width: 120px; height:40px;}
#column1 li{width: 120px; text-align:center; vertical-align:middle; display:inline-block;}

/*---Column2----*/

#column2 {margin: 16px 0 0 0; width:120px; position:absolute; left:122px; top:320px;}
#column2wide {margin: 16px 0 0 0; width:480px; position:absolute; left:0; top:320px;}

#column2 ul {width: 120px; height:40px;}
#column2 li{width: 120px; text-align:center; vertical-align:middle; display:inline-block;}

/*---Column3----*/

#column3 {margin: 16px 0 0 0; width:120px; position:absolute; left:244px; top:320px;}
#column3wide {margin: 16px 0 0 0; width:240px; position:absolute; left: 244px; top:320px;}

#column3 ul {width: 120px; height:40px;}
#column3 li{width: 120px; text-align:center; vertical-align:middle; display: inline-block;}

/*---Column4----*/

#column4 {margin: 16px 0 0 0; width:120px; position:absolute; left:366px; top:320px;}

#column4 ul {width: 120px; height:40px;}
#column4 li{width: 120px; text-align:center; vertical-align:middle; display:inline-block;}

/*---Column_right----*/

#column_right {width:120px; position:relative; left:8px; top:60px; float:left;}

#column_right ul {width: 120px; height: 240px;}

#column_right ul.tradinghours{width:120px; background-color:#fff; color:navy; text-align:center;}

#column_right ul.logoblock{margin-top:10px; width:120px; height: 40px; background-color:#fff; text-align:center;}

#column_right li{width: 120px; text-align:center; vertical-align:middle; display: block;}

#column_right ul li a{width:130px; height:20px; text-decoration:none; border: 0;}
#column_right ul li a:hover{width:130px; height:20px; text-decoration:underline; border: 0;}

/*---myform----*/

#myform {margin:0px 0 20px 0px; float: left; padding: 12px; width: 460px; border: 1px navy solid; font-weight: bold; color: black; position:relative;background-color:#DCDCFF;}

/* GoogleMap */

#map_newtons {margin: 0 0 20px 0; width: 487px; height: 300px; float:left; border: 1px gray solid; position:absolute; left:0px; top:320px;}

/*---footer----*/

#footer {width: 100%; margin-top:18px; text-align: center; clear: both; padding: 8px 0 8px 0; overflow: auto; background-color: #fff;}

#footer p {font-size:0.8em; color:#2D4F8C; margin:2px; padding:2px;}
#footer a {color:#2D4F8C; text-decoration:underline;}
#footer a:hover {color:#2D4F8C; text-decoration:none;}