﻿* { 
margin: 0; /*remove all default margins!*/
padding: 0; /*remove all default padding!*/
}

body {background-color: #fff; font-size: 1.2em;}

html {font-family: arial, helvetica, verdana, sans-serif; font-size: 62.5%;}

ul {}
li {list-style-type: none;}

p {color: #000; padding: 5px 0;}

h1 {font-family: "arial black", helvetica, verdana, sans-serif; color: #0a572e; font-size: 1.8em; font-weight: normal;}
h2 {font-family: "arial black", helvetica, verdana, sans-serif; font-size: 1.4em;}
h3 {color: #666666; font-size: 14px; font-weight: bold;margin:0 0 5px 0}
h4 {color: #c00; font-size: 1em; font-weight: normal;}

a img {border: none;}

a {color: #0a572e; text-decoration: none;}
a:hover {color: #f90; text-decoration: underline;}


#container {width: 990px; margin: 20px auto;}

#masthead {background-color: #fff;}

#logo {float: left; width: 220px;}

#strapline {margin: 0 360px 0 230px; padding: 62px 0 0 0;}
#strapline h1 {color: #84aa96; font-size: 1.3em; font-weight: bold; font-style: italic;}

.hotline {font-family:arial black, helvetica, verdana, sans-serif; color:#ff3601;font-size:1.18em;line-height:20px;margin-bottom:8px}

#info {float: right; width: 400px; text-align: right;}
.vcard {}
#search-top {margin: 5px 0 0 0; color: #0a572e;}


/* NAV */
#navbar {background-color: #0a572e; height: 30px; margin: 10px 0;}
#navbar ul {margin: 0 0 0 220px;}
#navbar ul li {display: inline;}
#navbar ul li a {float: left; height: 22px; padding: 8px 15px 0 15px; margin: 0 20px 0 0; color: white; text-decoration: none;}
#navbar ul li a:hover {color: #fff; background-color: #393;}
#navbar ul li a.active {color: #f90; text-decoration: none;}
#navbar ul li a.active:hover {color: #fff; background-color: #f90;}

/* HOMEPAGE CSS */
#homewood-home {position: relative; background-color: #0a572e; overflow: hidden;}

#hhleft {float: left; width: 220px;}

#basket {background-color: #393; padding: 5px 10px;}
#basket p {color: #f90; font-weight: bold;}
#basket p span {color: #fff; font-weight: bold;}
#basket h2 {color: #fff!important; font-size: 1.4em!important; font-weight: normal;}

#flash {background-color: #0a572e; padding: 10px;height:166px;}

/*#xfade {margin: 0 0 0 220px; }*/

#xfade {width: 770px; height: 310px;}
#ukmap {background: url('../images/uk-map1.png') no-repeat; position: absolute; top: 80px; left: 220px; width: 265px; height: 310px; z-index: 2;}



#promo-grid {float: right; width: 470px; z-index: 3; }
#promo-grid ul {margin: 0!important; }
#promo-grid ul li {list-style-type: none; display: inline; }
#promo-grid img {margin: 0 0 10px 10px;}
#promo-grid img a {}
#promo-grid img a:hover {}


#content {}
#content ul {margin: 10px 0 10px 15px; color: #777;}
#content ul li {list-style-type: disc;}

.big-list {font-family: "arial black", arial, sans-serif; color: #777; font-size: 1.6em; letter-spacing: -1px; padding: 0 0 0 10px;}

#content h1 {font-family: "arial black", arial, sans-serif; color: #0a572e; font-size: 2.8em; font-weight: normal; letter-spacing: -1px;}
#content h3 {margin: 10px 0 0 0;}
#content h1.title {background-color: #666; color: #fff; padding: 2px 10px; text-align:left;}


#main-content {margin: 0 0 0 220px; padding: 0 0 0 20px;}
#home-content {margin: 0 0 0 220px; padding: 10px 0 0 20px; text-align:left; z-index:3; position:relative; background-color:white;}
#leftcol {float: left; width: 220px;}
#leftcol h2 {color: #666; font-size: 1.6em; font-weight: normal;}



#visit-us {background-color: #ccc; padding: 10px; margin: 10px 0;}
#leftcol-promos {background-color: #ccc; padding: 10px; margin: 10px 0;}
#buy-online {background-color: #0a572e; padding: 10px;}

#breadcrumbs {background-color: #eee; padding: 0 0 0 10px;}
#breadcrumbs a:link {color: #666; text-decoration: none;}
#breadcrumbs a:visited {color: #666; text-decoration: none;}
#breadcrumbs a:hover {color: #f90; text-decoration:underline;}

#prevnext {float: right; width: 150px; text-align: right;margin-top:4px;margin-bottom:4px;}
#prevnext img {vertical-align: middle; margin: 0 5px;}
#prevnext a {color: #777; text-decoration: none;}
#prevnext a:hover {color: #f90;}

#footer {clear: both; text-align: center; border-top: 25px solid #0a572e; margin: 15px 0 0 0;}
#footer-links {padding: 10px;}

/* FORMS */
#search_input {padding: 3px;}


/* MICROFORMATS */
.ptel {font-family: "arial black", arial, sans-serif; color: #0a572e; font-size: 2.4em; font-weight: bold; letter-spacing: -1px; line-height: 1; padding: 0; }
.tel {color: #ff9900;}

.pemail {font-family: "arial black", arial, sans-serif; color: #0a572e; font-size: 1.4em; font-weight: bold; letter-spacing: -1px; line-height: 1; padding: 0;}
.email a:link {color: #ff9900;}
.email a:visited {color: #ff9900;}
.email a:hover {color: #339933; text-decoration: underline;}


