@import url(shop.css);

.green   {color: #7ac142;}
.ltgreen {color: #80c038}
.dkgreen {color: #19561b}
.grey	 {color: #969696}
.greydk  {color: #646464}
.bggrey  {color: #cfcfcf}
.blue    {color: #3ab5f2}


div {
border: 0px red solid; 
}

/* resets */
* {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin: 0 0 0.5em 0;
}
li,dd {
margin-left:1em;
}
fieldset {
padding:.5em;
}
body {
font-size: 13px;
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height:1.4;
color: #646464;
}
img, a img {
padding: 0px;
margin: 0px;
border: 0 black solid;
border: none; 
}
a:active {
outline:none;
}

td, p, #legal {
font-family: Arial, Verdana, Helvetica, sans-serif;
}

a {
color: #7ac142; 
}

big {
font-size: 1.1em;
font-weight: normal; 
}

small {
font-size: .8em;
font-weight: normal; 
}

.hide {
display: none;
visibility: hidden; 
}

.hr {
width: 100%;
height: 2px;
border-top: 1px #d7d7d7 solid;
font-size: 0px;
margin: 10px 0; 
}

.hrvans {
width: 100%;
height: 2px;
border-bottom: 1px #d7d7d7 solid;
font-size: 0px;
margin: 10px 0; 
}

.clear {
clear: both;
}

.clearLeft {
clear: left;
}

h1,h2,h3,h4,h5,h6 {
color: #646464;
font-weight: normal;
line-height: 1.2em;
}

h2 {
font-size: 1.5em;
margin: 0;
color: #646464;
}

h3 {
font-size: 1.4em;
margin: 1.5em 0 1em;
color: #80c038;
}

h4 {
font-size: 1.4em;
margin: 1.2em 0 .5em;
color: #80c038;
}

h5 {
font-size: 1.1em;
margin: 1.2em 0 .5em;
color: #80c038;
}

dt {
color: #80c038;
}


/* !layout */

body.home {
background: url(../gfx/backgrounds/Bground_01_home.jpg) no-repeat center top fixed;
}

body.hedgehogs {
background: url(../gfx/backgrounds/Bground_02_hedgehogs.jpg) no-repeat center top fixed;
}

body.bluetooth {
background: url(../gfx/backgrounds/Bground_03_bluetooth.jpg) no-repeat center 60% fixed;
}

body.recycling {
background: url(../gfx/backgrounds/Bground_04_recycling.jpg) no-repeat center top fixed;
}

body.aboutus {
background: url(../gfx/backgrounds/Bground_05_about_us.jpg) no-repeat center top fixed;
}

body.contact {
background: url(../gfx/backgrounds/Bground_06_contact.jpg) no-repeat center top fixed;
}

body.other {
background: url(../gfx/backgrounds/Bground_06_contact.jpg) no-repeat center top fixed;
}

#container {
width: 1016px;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 0%;
margin-bottom: -13px;
border:none;
}

.inner {
position: relative;
margin: 0 30px;
border: 0px red solid;
}

#head {
position: relative;
background-color: white;
height: 120px;
padding-top: 0px; 
left:0px;
background: no-repeat url(../gfx/layout/bg-header.png);
}

#navarea {
position: relative;
background-color: white;
height: 40px;
z-index: 100;}

#main {
width:790px;
background-color: white;
height: auto !important;
padding: 25px 100px 25px 100px
}

.middle{
width:800px;
height:auto;
float: left;
}
.whoweare{ float: right; width:376px;height:239px; background:url(../gfx/backgrounds/who_we.png);}
.whoweare a{display:block;  width:376px;height:239px;background:url(../gfx/backgrounds/who_we.png);}
.whoweare a:hover{ display:block;background:url(../gfx/backgrounds/who_over.png);}
.whatwedo{width:376px;height:239px;float:left;margin-left:0px;}
.whatwedo a{ display:block;width:376px;height:239px;background:url(../gfx/backgrounds/what_we.png);}
.whatwedo a:hover{ display:block;background:url(../gfx/backgrounds/what_over.png);}
.news{width:376px;height:239px;float:left;margin-top:45px;}
.news a{display:block;  width:376px;height:239px;background:url(../gfx/backgrounds/news.png);}
.news a:hover{ display:block;background:url(../gfx/backgrounds/news_over.png);}
.photogallery{ margin-top: 45px;width:376px;height:239px;float: right;}
.photogallery a{display:block;  width:376px;height:239px;background:url(../gfx/backgrounds/photo_gallery.png);}
.photogallery a:hover{ display:block;background:url(../gfx/backgrounds/photo_over.png);}
#leftcol {position: relative;width: 732px;float: left;}
#rightcol {position: relative;float: right;width: 200px;}
#flashservices {width:530 px;height:330 px;}
#flashproducts {width:580 px;height:auto px;}
#foot {
	position: relative;
	background-color: white;
	height: 120px;
	clear: both;
	width: 800px;
}
#footer_first{
	
	width:455px;
	margin:0 auto;
	padding-top: 37px;
}

#footer_second {
	width:450px;
	height:30px;
	margin:2px 0px 0px 186px;
	float:left;
	color:#86bb51;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
#footer_second span {
	width:200px;
	height:30px;
	color:#86bb51;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-align: right;
	padding-left: 20px;
}
#footer_second a{ color:#86bb51;font-family: Arial, Helvetica, sans-serif;font-size: 12px; text-decoration:none;}
#footer_second a:hover{ color:#000000;text-decoration:underline;}
#footer_third {
	width:360px;
	height:25px;
	margin:5px 0px 0px 5px;
	float:right;
	color:#86bb51;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
#footer_black {
	width:800px;
	height:25px;
	margin:0px 0px 0px 0px;
	float:left;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
#legal {
	position: relative;
	min-height: 24px;
	height: auto !important;
	height: 35px;
	padding: 0px 0 0 0;
	background: no-repeat url(../gfx/layout/bg-legal.png) 0 100%;
}

/* !head */
#head .logo {display: block;position: absolute;top: 27px;left: 30px;}
#head h1 {position: absolute;left: -999em;}
#head h2 {width: 150px;height: 19px;float: right;position: absolute;top: 68px;right: 60px;}
#head h2 span {position: absolute;left: -999em;}

/* !nav */

#nav {font-size: .95em;font-weight: normal;position: relative;float: left;list-style: none;margin: 0 0 0 30px;height: 40px;text-transform: uppercase;}

#nav li{
float: left;
text-align: center;
position: relative;
width: 121px;
background: no-repeat url(../gfx/layout/bg-nav.jpg);
margin: 0 1px 0 0;
list-style: none;
}

#nav a, .btn a {
display: block;
text-decoration: none;
color: #646464;
border-right: 0px solid white;
padding: 11px 0 0;
height: 24px;
overflow: hidden;
background: url(../gfx/layout/bg-nav.jpg) no-repeat;
}

#nav li:hover a, 
#nav li.sfhover a, 
#nav li.selected a, 
.btn a:hover
{
background-position: 0px 100%;
color: #ffffff;
}

.btn{
text-align: center;
position: relative;
width: 210px;
background: repeat-x url(../gfx/layout/btn.jpg);
margin: 8px 15px 0 0;
list-style: none;
float: left;
}
.btn a {
display: block;
text-decoration: none;
color: #646464;
border-right: 0px solid white;
padding: 10px 0 0;
height: 25px;
overflow: hidden;
background: url(../gfx/layout/btn.jpg) no-repeat;
}

#searchbox {
height: 35px;
background: #e6e6e6;
float: right;
position: relative;
margin-right: 30px;
width: 200px;
text-align: left;
font-size: .95em;
}

#searchbox label {
margin: 0;
line-height: 1em;
padding: 13px 13px 0;
text-transform: uppercase;
display: inline-block;
float: left;
}

#searchbox input {
width: 108px;
height: 20px;
border: 1px #cccccc solid;
position: relative;
float: right;
margin: 6px 10px 0 0;
}

#searchbox input.submit {
position: absolute;
left: -999em;
}

/* !dropdown */

#nav li:hover li, #nav li.sfhover li, #nav li:hover li a, #nav li.sfhover li a {
width: 150px;
}

#nav li ul li, #nav li:hover li a, #nav li.sfhover li a {
color: #646464;
background: #eeeeee;
}

#nav li ul li a:hover, #nav li.sfhover ul li a:hover {
background-position: 0 100%;
color: white;
}

#nav li ul {
position: absolute;
left: -999em;
margin: 0;
font-size: .9em;
line-height: 1.4em;
text-transform: none;
}
#nav li ul li a {
padding: 4px 0 0;
min-height: 18px;
height: auto !important;
height: 18px;
border-right: 0px;
border-bottom: 1px solid #7fc038;
}

#nav li ul li a:hover {
background: #72ba23;
}

#nav li ul li ul li {
font-size: 1.2em; 
}

#nav li ul ul {
margin: -22px 0 0 123px; 
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em; 
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left: 0px; 
}

/* !subnav */

#subnav {
float: left;
position: relative;
}

#subnav li {
display: block;
margin: 0;
padding: 0;
}

#subnav li a {
display: block;
width: 121px;
height: 18px;
padding: 7px 0 0;
text-decoration: none;
background-image: url(../gfx/layout/bg-subnav.jpg);
background-repeat: repeat-x;
color: #646464;
margin-bottom: 1px;
text-align: center;
text-transform: uppercase;
font-size: .85em;
line-height: 1em;
}

#subnav li a.moreinfo {
clear: left;
display: block;
width: 121px;
height: 23px;
padding: 12px 0 0;
color: white;
background: url(../gfx/layout/bg-info.jpg);
margin-top: 10px;
}

#subnav li a:hover, #subnav li.selected a
{
background-position: 0 100%;
color: white;
}

/* !leftcol */

#movie {
width: 333px;
height: 280px;
background: no-repeat url(../gfx/layout/bg-movie.jpg);
padding: 17px 0 0 17px;
float: left;
position: relative;
}

#twtr-profile-widget{
	width: 350px;
	height: 175px;
	position: absolute;
	top: 280px;
	left: 0px;
}

#flash {
height: 196px;
width: 316px;
}

#movie p {
margin: 40px 0 ;
font-weight: bold;
}

#rightinner {
float: right;
position: relative;
width: 150px;
}

#gallery {
float: right;
position: relative;
width: 350px;
height:700px;
text-align:center;
font-size:76%;
letter-spacing:0.05em;

}
.full #gallery {
width: 580px;
}

.full #rightinner {
width: 580px;
}

#gallery ul {
margin: 0 0 10px 0em
}

#rightinner ul {
margin: 0 0 10px 0em
}

#gallery li {
color: #7ac142;
padding:0;
margin:0;
list-style-type:none;
margin: 0 0 2px 1.3em
}

.view {
    background:url(../gfx/polaroids/bground.jpg);
    position:relative;
    height:400px;
    margin:20px auto 0 auto;
    border:1px solid #aaa;
    }
.view ul {
     float: right;
     margin:10px;
    width:200px;
    height:386px;
    }
.view li {
     
    float:left;
    }
/* Remove the images and text from sight */
.view a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }
/* Adding the thumbnail images */
.view a.gallery, #container a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #999999;
    margin:2px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
/* change the thumbnail border color */
.view a.gallery:hover {
    border:1px solid #fff;
    }
/* styling the :hover span */
.view a.gallery:hover span {
    position:absolute;
    width:392px;
    height:372px;
    top:8px;
    left:0px;
    color:#000;
    background:#fff;
    }
.view a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
    }

#view a.slideb:hover img, #container a.slidei:hover img {
    float:right;
    }

.view a.slidea {
    background:url(../gfx/polaroids/thumbs/polaroid-coventgarden.jpg);
    height:100px;
    width:80px;
    }
.view a.slideb {
    background:url(../gfx/polaroids/thumbs/polaroid-henriettast.jpg);
    height:100px;
    width:80px;
    }
.view a.slidec {
    background:url(../gfx/polaroids/thumbs/polaroid-lyceum.jpg);
    height:100px;
    width:80px;
    }
.view a.slided {
    background:url(../gfx/polaroids/thumbs/polaroid-recycle.jpg);
    height:100px;
    width:80px;
    }
* html .view a.slided {
    width:91px;
    width:93px;
    }
.view a.slidee {
    background:url(../gfx/polaroids/thumbs/polaroid-stmartens.jpg);
    height:100x;
    width:80px;
    }
.view a.slidef {
    background:url(../images/../gfx/polaroids/thumbs/polaroid-urbangreenfair.jpg);
    height:100px;
    width:80px;
    }
* html .view a.slidef {
    width:91px;
    width:93px;
    }
.view a.slideg {
    background:url(../images/../gfx/polaroids/thumbs/polaroid-spurs.jpg);
    height:100px;
    width:80px;
    }

.view a.slideh {
    background:url(../gfx/polaroids/thumbs/polaroid-advertisehere.jpg);
    height:100px;
    width:80px;
    }
.view a.slidep {
    background:url(../gfx/polaroids/thumbs/polaroid-buses.jpg);
    height:100px;
    width:80px;
    }
.view a.slidej {
    background:url(../gfx/polaroids/thumbs/polaroid-maharani.jpg);
    height:100px;
    width:80px;
    }
.view a.slidek {
    background:url(../gfx/polaroids/thumbs/polaroid-outandabout.jpg);
    height:100px;
    width:80px;
    }
* html .view a.slidek {
    width:91px;
    width:93px;
    }
.view a.slidel {
    background:url(../gfx/polaroids/thumbs/polaroid-stmartens.jpg);
    height:100x;
    width:80px;
    }
.view a.slidem {
    background:url(../images/../gfx/polaroids/thumbs/polaroid-recyclecans.jpg);
    height:100px;
    width:80px;
    }
* html .view a.slidem {
    width:91px;
    width:93px;
    }
.view a.sliden {
    background:url(../images/../gfx/polaroids/thumbs/polaroid-maharani-rice.jpg);
    height:100px;
    width:80px;
    }
.view a.slideq {
    background:url(../gfx/polaroids/thumbs/polaroid-maharani-rice.jpg);
    height:100px;
    width:80px;
    }
.view a.slider {
    background:url(../gfx/polaroids/thumbs/polaroid-stmartens.jpg);
    height:100px;
    width:80px;
    }
.view a.slides {
    background:url(../gfx/polaroids/thumbs/polaroid-mjhires.jpg);
    height:100px;
    width:80px;
    }
.view a.slidet {
    background:url(../gfx/polaroids/thumbs/polaroid-spurs-tenten.jpg);
    height:100px;
    width:80px;
    }
* html .view a.slidet {
    width:91px;
    width:93px;
    }
.view a.slideu {
    background:url(../gfx/polaroids/thumbs/polaroid-placeholder.jpg);
    height:100x;
    width:80px;
    }
.view a.slidev {
    background:url(../images/../gfx/polaroids/thumbs/polaroid-placeholder.jpg);
    height:100px;
    width:80px;
    }
* html .view a.slidev {
    width:91px;
    width:93px;
    }
.view a.slidew {
    background:url(../images/../gfx/polaroids/thumbs/polaroid-placeholder.jpg);
    height:100px;
    width:80px;
    }


#rightinner li {
color: #7ac142;
list-style: square;
margin: 0 0 2px 1.3em
}

#rightinner li span {
color: #646464;}

#rightinner .green li {
list-style: none;
font-weight: bold;
margin: 0 0 2px 0
}

#rightinner .green li,
#rightinner .green li span, 
#rightinner .green li a, 
#rightinner .green li a span 
{
text-decoration: none;
color: #7ac142;
}

#rightinner .green li a:hover, 
#rightinner .green li a:hover span 
{
text-decoration: underline;
color: #7ac142;
}

.contactline {
font-size: 1.1em;
margin: 20px 0;
}

.contactline b {
font-size: 1.2em;
color: #7ac142;
}

q {
font-family: Georgia, Times, serif;
font-size: 1.3em;
margin: 20px 20px 0px;;
font-style: italic;
display: block;
line-height: 1.3em;
color: #7ac142;
}

cite {
margin: -5px 0 0px 20px;
font-size: .85em;
}

.diggbtn {
float: right;
}


/* !rightcol */

#rightcol img {
margin-bottom: 14px;
}



/* !newsflash */

#newsflash {
margin: 20px 0 0 -15px;
height: 125px;
background: white;
width: 760px;
}

#newsflash td {
background: #e6e6e6 no-repeat url(../gfx/layout/bg-newsflash.jpg);
padding: 10px 0 10px 10px;
}

#newsflash img {
float: right;
margin: -11px 0 -10px 10px;
border: 1px #c8c8c8 solid;
}

#newsflash a {
text-decoration: none;
}

#newsflash font {
font-size: .9em;
padding: 0;
margin: 0;
color: #646464;
}

#newsflash font b {
font-size: 1.1em;
display: block;
padding: 0;
margin: 0;
}


/* !terms */

.termstext p {
margin-left: 40px;
text-indent: -40px;
}

.termstext p.noindent {
margin-left: 0px;
text-indent: 0px;
}

.termstext strong {display: block; width: 40px; float: left; color: #7f7f7f;}


/* !sitemap */

#rightinner ul.sitemap {
list-style: none;
}
#rightinner ul.sitemap li {
list-style:  none;
margin: 10px 0 10px 0 ;
font-size: 1.1em;
font-weight: bold;
}

#rightinner ul.sitemap li ul li {
font-size: .9em;
font-weight: normal;
list-style: square;
margin: 0 0 0 1.5em;
}

#rightinner ul.sitemap li a {
text-decoration: none;
color: #646464;
}

#rightinner ul.sitemap li a:hover {
text-decoration: underline;
}


/* !links */

#links {
position: relative;
}

#links ul {
position: relative;
float: left;
margin: 0;
}

#links li {
float: left;
margin: 0 5px 5px 0;
width: 186px;
height: 126px;
position: relative;
list-style: none;
}

#links li a {
display: block;
border: 1px #cccccc solid;
width: 186px;
height: 126px;
}

#links li a:hover {
border: 1px #7ac142 solid;
}

#links ul li li {
width: 186px;
height: auto;
padding: 0 5px 5px;
text-align: center;
font-size: .9;
color: #626262;
line-height: 1.3em;
background: #d7d7d7;
position: relative;
border: 1px #626262 solid;
-webkit-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.3);
}

#links ul li li b {
font-size: 1.1em;
display: block;
margin: 0 -5px -10px;
background: #7ac142;
padding: 4px;
color: white;
font-weight: normal;
text-transform: uppercase;
}

#links ul ul {
position: absolute;
display: none;
bottom: 132px;
left: 5px;
z-index: 610;
}

#links ul ul.last {
left: -78px;
}

#links ul li li .arrow {
background: url(../gfx/layout/arrow.gif) no-repeat;
width: 18px;
height: 14px;
position: absolute;
bottom: -14px;
left: 10px;
}

#links ul ul.last li .arrow {
left: 83px;
}


#links ul li:hover ul, #links ul li.sflhover ul {
display: block;
}

.threecol ul {
display: block;
float: left;
padding-right: 50px;
}

#rightinner .threecol li span a {
color: #646464;
text-decoration: none;
}

#rightinner .threecol li span a:hover {
color: #7ac142;
text-decoration: underline;
}
/* !claim form */

#claimform  {
text-align: left;
}

#claimform label {
float: left;
font-size: 1.1em;
width: 100px;
}

#claimform input, #claimform textarea {
position: relative;
width: 245px;
height: 20px;
border: 1px solid gray;
float: left;
}

#claimform textarea {
height: 100px;
}

#claimform .submit {
width: auto;
height: auto;
padding: 3px 12px;
background: #7ac142;
color: white;
font-size: 1.1em;
}

#claimform .formrow {
clear: both;
padding: 5px 0 5px;
}

#claimform input#code {
width: auto;
}


/* !contact form */

#contactform label {
float: left;
font-size: 1.1em;
}

#contactform input {
width: 155px;
height: 20px;
border: 1px solid gray;
float: right;
}

#contactform .submit {
float: right;
width: auto;
height: auto;
padding: 3px 12px;
background: #0073b0;
color: white;
font-size: 1.1em;
}

#contactform .formrow {
clear: both;
height: 20px;
margin: 8px 0 0;
}

/* !legal */

#legal ul {
position: relative;
float: left;
margin: 0;
padding: 6px 0 0;
}

#legal ul li {
display: block;
float: left; 
font-size: .8em;
line-height: 1em;
padding: 0px 15px;
border-left: 1px solid #646464;
margin: 5px 0 0 0;
}

#legal ul li.first {
padding: 0px 14px 0 0;
border-left: none;
}

#legal ul li a, #legal .copyright {
text-decoration: none;
color: #646464;
text-transform: uppercase;
}

#legal ul li a:hover {
text-decoration: underline; 
}

#legal .copyright, #legal .icons {
position: relative;
float:right;
font-size: .8em;
margin: -5px 0 0;
}

#legal .icons {
padding: 0;
margin-top:-20px;
}

#legal .icons li {
padding: 0 0 0 3px;
border-left: 0;
}

#legal .icons span {
position: absolute;
left: -999em;
}
/* !bluetooth */

.bluetooth h4, 
.bluetooth a, 
.bluetooth #rightinner li,
.bluetooth .contactline b
{
color: #3ab5f2;
}

.bluetooth #rightinner li span {
color: #646464;}

.bluetooth #claimform .submit {
background: #3ab5f2;
}

.bluetooth #nav a {
background-image: url(../gfx/layout/bg-nav-blue.jpg);
}

.bluetooth #subnav li a {
background-image: url(../gfx/layout/bg-subnav-blue.jpg);
}

.bluetooth #subnav li a.moreinfo {
background: url(../gfx/layout/bg-info-blue.jpg);
}

.bluetooth #nav li ul li a {
background-color: #eeeeee;
border-bottom: 1px solid #4c90d5;
}

.bluetooth #nav li ul li a:hover {
background: #42b3f6;
}


table .tab td
{
background:#ebf7e3;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#646464;
}

table .tab th
{
background:#ebf7e3;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#646464;
text-align:center;
}
#botround{ background:url(../gfx/backgrounds/bot-round.png) no-repeat; width:1040px; height:30px; margin-left:auto; margin-right:auto; float:left; margin-top:10px;}