/*
logo colours
83873d
CADE38
*/

body { margin: 0px; background-color:#9da458; font-family: Arial; font-size:10pt; color: gray; }

.clear {clear:both; margin:0; padding:0; float:none; height:1px;}

.outtercontainer { margin: 0px auto; width: 912px; height: auto; padding: 10px 0px 0px 0px; }
a, a:active, a:visited { color:#009ee0; }
.menuparenthesis { color:#3399FF; }

.alignright {float: right;}
.alignleft {float: left;}

/*header*/
.headercontainer {float: left; position:relative; height: auto; width: 100%; padding-bottom:0.4em;}
.headercontainer .top {background: url(../images/templates/100wTop_green.gif) no-repeat 0 0; width: 912px; height: 8px; float: left; position: relative; display: inline-block; font-size: 1px; }
.headercontainer .header {background: url(../images/templates/100wBG_green.gif) repeat-y 0 0; width: 864px; min-height: 130px; height:auto !important; height: auto;float: left;position: relative; z-index: 0; padding: 15px 24px 10px 24px;}
.headercontainer .btm {background: url(../images/templates/100wBtm_green.gif) no-repeat 0 0; width} /*: 912px;height: 8px; clear: left; float: left;position: relative;display: inline-block;font-size: 1px;}*/
.headercontainer .header h2 {font-size: 20pt; color:#83873d; position:absolute; top:12px; width:79%; text-align:right;}
.headercontainer .header .alignright {float:right; }
.headercontainer .header .alignleft {float: left;}
.alignright img { margin-right:7px; }
.alignleft img { margin-left:4px; }

/*menu*/
DL.topmenu { float: left; width: 854px; height: auto; overflow: hidden; position: relative; top: 0.8em; left: 0px; z-index:10; }
DL.topmenu DT { float: left; width: auto; height:auto; position: relative; padding: 0px 12px; background: url(../images/navBar.gif) no-repeat top right; overflow: hidden; margin-bottom: 10px; text-decoration: none; }
DL.topmenu DT a { color: gray; vertical-align:top; text-decoration: none;}
DL.topmenu DT a:hover { color: lime; text-decoration: none;}
DL.topmenu DD { float: left; position: absolute; left: 0px; top: -200px;}
DL.topmenu .last { float:right; padding-right:0;}
DL.topmenu DT img { vertical-align: bottom; }

/* T100 */
.t100 { width: 913px; height: auto; position: relative; float: left; padding-bottom: 0.4em; padding-top:0.35em}
.t100 .column { position:relative; float:left; width: 100%; height:auto; }
.t100 .top {background: url(../images/templates/100wTop_green.gif) no-repeat 0 0;}
.t100 .content {background: url(../images/templates/100wBG_green.gif) repeat-y 0 0; 
	padding: 1em 2.4em 1em 2.7em;}
.t100 .btm {background: url(../images/templates/100wBtm_green.gif) no-repeat 0 0;}

/* T30 */
.t30 { width: 22.65em; height: auto; position: relative; float: left; padding-bottom: 0.4em; overflow:hidden; }
.t30 .column { position:relative; float:left; width: 100%; height:auto; }
.t30 .top {background: url(../images/templates/100wTop_green.gif) no-repeat 0 0;}
.t30 .content {background: url(../images/templates/100wBG_green.gif) repeat-y 0 0; height:15em; padding: 0.5em 1.5em 1em 1.5em;}
.t30 .btm {background: url(../images/templates/100wBtm_green.gif) no-repeat 0 0;}

.half .content { height:6.55em;}

/*categories*/
.content ul.category, .content ul.ethicallogo, .content ul.favourites {list-style-image:none; height:auto;  }
.content .groupcategory {background-color: #FFF; width:100%; height: 12.5em; margin-bottom: 0.5em; float: left;}
.content .grouplogo {width:43.5em; height: 9.5em; float: left; margin-left:0.25em;}
.content .favourites {width:246px; height: 12em; float: left; margin-left:0.53em;}
.content .grouplogo .inner { background-color: #FFF; width:44em; height: 10em; margin: 1em ;}
.content .category li {float: left; margin: 0 1em; width:118px;}
.content .category li.first {margin-left: 0;}
.content .category li.last {margin-right: 0;}
.content .ethicallogo li, .content .favourites li {float: left;}
.content .ethicallogo li {margin: 0 0.5em; }
.content .favourites li {margin-top: 1.5em;} 
.content .category li h2, .ethicallogo h2, .favourites h2 {padding:0.5em 0; margin-bottom: 0.25em; text-align: center; font-weight:bold; font-size: 8pt;} 
.content .category li h2 {  } /*background-color: #EDEDED;*/
.content .dailysupplies {background:transparent url(../images/site/categories/daily_supplies.jpg) no-repeat scroll 0 0; width:118px; height:119px; position:absolute;}
.content .aroundthehome {background:transparent url(../images/site/categories/around_the_house.jpg) no-repeat scroll 0 0; width:118px; height:119px; position:absolute;}
/*.content .aroundthehome:hover {background-position:0 -100px; }*/
.content .babystuff {background:transparent url(../images/site/categories/baby_stuff.jpg) no-repeat scroll 0 0; width:118px; height:119px; position:absolute;}
.content .gadgets {background:transparent url(../images/site/categories/gadgets.jpg) no-repeat scroll 0 0; width:118px; height:119px; position:absolute;}
.content .clothing {background:transparent url(../images/site/categories/clothing.jpg) no-repeat scroll 0 0; width:118px; height:119px; position:absolute;}
.content .gifts {background:transparent url(../images/site/categories/gifts.jpg) no-repeat scroll 0 0; width:118px; height:119px; position:absolute;}

/*feeds*/
.content UL.feeds { margin: 0 0 0 2em;}
.content .feeds li { list-style-image: url(../images/site/arrow.gif); #padding-left: 1em;}
.content .feeds a { text-decoration: none; color: Gray; }
.content .feeds a:hover { cursor:pointer; color: #3399ff;}

/*events*/
.content UL.events { margin: 1; }
.content .events li { list-style-image:none; list-style-type:none; margin-left:0; margin-top:1em; padding:0;}
.content .events li.title { font-weight: bold; color:lime; }
.content .events li li {margin-top: 0;}

/*footer*/
.copy { clear: left; position:relative; margin: 0 auto; padding: 5px 0px; width: 912px; height: auto; }
.copy li { float: left; color: #FFF; padding: 0px 12px 0px 8px; position: relative; }
.copy li a { color: #FFF; text-decoration: none;  }
.copy li.last {float:right;}

/*products footer*/
.inner .footercategories {float:left; width:18.5%; margin-right:1em; _margin-right:0.5em;}
.inner .last {margin-right:0;}
.inner .footercategories h2 {font-weight:bold; color:gray; background-color: #ededed; padding: 0.5em 0 0.5em 0.5em;}
.inner .footercategories ul {}
.inner .footercategories li a {text-decoration: none; cursor: pointer; color:Gray; }
.inner .footercategories li a:hover{color:#009ee0;}

/*content*/
.content h1 {font-size: 20pt; font-family: Georgia; padding-bottom: 0.5em;}
.content p {text-align:justify; padding:0.5em 0;}
.limegreen {color: lime; font-family: Georgia;}
.lightblue {color: #3399ff; font-family: Georgia;}
.pink {color: #ff99cc; font-family: Georgia;}
.lilac {color: #b5a5d5; font-family: Georgia;}
.red {color: #ff0000; font-family: Georgia;}
.brown {color: #BDB76B;font-family: Georgia;}

.content .col1,.content .col2, .content .col3,.content .col4 {float:left;}
.content .col1 {width: 30%; margin-right: 2em; _width:26%;}
.content .col2 {width: 35%; margin-right: 2em;}
.content .col3 {width: 27%;}
.content .full {width: 100%; clear:both;}
.content h3 {font-weight:bold; font-size: 10pt; padding: 0.25em 0;} 
.content .col2 img.twitter { position:absolute; padding-left:18.6em; margin-top: -2.6em; }

.content img.alignright,.content img.alignleft {padding: 1em 0;}
.content .leftcolumn, .content .rightcolumn {padding: 0.7em; width:46%; border: 1px solid #ededed; min-height:593px; margin: 1em 0;}
.content .leftcolumn h1, .content .rightcolumn h1 {padding-bottom:0;}
p.definition {padding: 1em 0 0 0.5em;}
.leftcolumn li {list-style-image: url(../images/site/asterisk_yellow.png); margin-left:4em;}
.content .rightcolumn {float:right;}

.inner, .inner_left, .inner_right {border: 1px solid #ededed; padding: 0.5em; margin: 1em 0;}
.inner h2 {width:100%; padding:0.5em; background-color: #ededed; margin: 0.5em 0;}
.inner_left {width:47%; float:left;}
.inner_right {width:47%; float:right;}

.footercontents li {margin-left:1.5em; list-style-image: url(../images/site/bullet_green.png);}
.footercontents .template {font-size:small; color:silver;} 
.sitemapcontents li {margin-left:1.5em; list-style-image: none; }
.sitemapcontents a {text-decoration: none; color:Gray;}
.sitemapcontents a:hover {color: #009ee0;}
.sitemapcontents h2 {font-weight: bold; background-color: White;}

/*forms*/
/*.forms li input[type=text],.forms li textarea  {float:right;width: 60%;}
.forms li input[type=checkbox] {float:left;}
.forms li input[type=submit] {float:right; margin-top:1em;}
.forms li label {float:left;}
.forms li {padding-top:1em; padding-bottom:1em; margin:0;} 
.forms li label {padding-top:0.2em;}
.forms li.dpa label {padding:0; float:right; width:90%; text-align:justify;}
.forms li span {float:right;}
.forms li span.reqpadding {width:4.2em;}
.forms span.message {width:75%; padding: 1em auto; margin-top: 2em;}*/
.forms li { line-height: 2em;}
.forms li input[type=text],.forms li textarea { width: 97%;}
.forms li select { width: 98.5%;}
.forms li label {float:left;}
.forms li span {float:right;}
.forms li input[type=checkbox] {float:left;}
.forms li.dpa label {padding:0; float:left; width:93%; text-align:justify; line-height: 1.5em;}
.forms li input[type=submit] {float:right; margin-top:1em;}
.forms span.message {width:75%; padding: 1em auto; margin-top: 2em;}

/*products*/
div.product { margin-left: auto; margin-right:auto; margin-bottom:1em; width:438px; height:375px;}
ul.productlisting {margin: 0 3em; width: 90%;}
.productlisting li {margin-bottom: 1em;}
.productlisting li p {padding: 0;}
.productlisting li img {float:left; margin-right: 1em;}
.productlisting li h2 {font-weight: bold; font-size: 14pt;}
.productlisting li h3 {height: 2.5em; overflow:hidden;}
.content a.buy { line-height: 2em; background-color:#ededed; padding: 0.3em; text-decoration: none; cursor: pointer; color:Gray;}
.content a.buy:hover { background-color:#009ee0; color:White;}
.content a.alignright { float:right; line-height: 1.5em; margin-top:0.5em;}
.content .alignleft {float:left; }

/*shoppingcart*/
.alert {font-weight:bold; color: Red;} 
.basket {width: 100%;}
.basket li {float:left; position:relative; width: 100%; padding: 0.1em 0; vertical-align:middle;} 
.basket li.row {border: 1px solid #ccc; border-top: 0 solid #ccc; padding: 0.3em 0;} 
.basket .header {background-color:#ccc; color: #fff; line-height: 2em; font-weight:bold;}
.buyoptions {width: 100%; padding-top: 1em; position:relative;}
.basket .thumb {width: 15%; padding-left: 1.5em;}
.basket .product {width: 25%;}
.basket .quantity {width: 15%;}
.basket .price {width: 15%;}
.basket .shipping {width: 15%;}
.basket .action {width:10%;}
.basket .quantity input {width:3em;}
.basket .totalprice {float:right; font-weight:bold; color:#009ee0; padding-right: 4.3em;}
.basket .emptybasket {font-weight:bold; margin-left: 1.5em;}

/*subheader*/
.subheader {font-size: 10pt; }

/*sidemenu*/
.sidemenu {float:left; width:12em; margin:1em 0;}
.sidemenu ul li { line-height:2.2em;  }
.sidemenu li a {text-decoration:none; width:100%; padding: 0 0.5em; cursor: pointer; color:Gray; background-color:#ededed;display:block; margin-bottom:0.2em;}
.sidemenu li li a {padding: 0 1.5em; width:10em;}
.sidemenu li a:hover { color:White; background-color:#009ee0;}
.sidemenu ul li a.active {color:White; background-color:#83873d;}
.sidemenu ul ul li a.active {color:White; background-color:#CADE38;}

/*lifestyle content*/
.lifestylecontent {float:right; width:75%; border: 1px solid #ededed; padding:1em; margin:1em 0;}
.lifestylecontent ul {padding:0.5em 0; width:85%;}
.lifestylecontent li {padding:0.5em 0; list-style-image: url(../images/site/asterisk_yellow.png); margin-left:4em; #padding-left: 1em;}

.messagealert {color:Red; font-size:medium;}