body { 
	margin: 0;
	background: url(../images/bg.gif) repeat-x;
	text-align: center;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px; color: #666;
}

h1, h2, h3, h4, p { margin: 0; padding: 10px 0; }
h1, h2, h3, h4 { color: #388EA7; text-transform: uppercase; }
h2 { font-size: 20px; font-weight: normal; }
h3 { font-size: 13px; font-weight: bold; }
hr { color: #CCC; background: #CCC; border:0; height: 1px; margin: 7px 0; clear: both; }
p { line-height: 18px; text-align: justify; }
a { text-decoration: none; color: #1E395B; }
a:hover { color: #40991A; }
img { border: 0; }


#container {
	width: 940px;
	margin: 0 auto; padding: 0;
	text-align: left;

}

#header {
	width: 940px; height: 178px;
	margin: 0; padding: 0;
	background: url(../images/bg_header.gif) top right no-repeat;
	border-bottom: #FFF 4px solid;
}

#header a.logo {
	width: 191px; height: 100px;
	margin: 10px 0 22px 5px; padding: 0;
	display: block; float: left;
	background: url(../images/promoclick.gif) no-repeat;
}
#header a.logo h1 { display: none; }
#header ul.nav {
	width: 940px; height: 34px;
	margin: 0; padding: 0;
	clear: both;
	background: url(../images/bg_nav.gif) repeat-x;
	border-top: #FFF 4px solid;
	list-style: none;
}
#header ul.nav li { margin: 0; padding: 0; display: inline; }
#header ul.nav li a {
	height: 15px;
	margin: 10px 0 0 0; padding: 0 10px 0 10px;
	display: block; float: left;
	color: #FFF;
	border-right: #33A0D1 1px solid;
	font-size: 11px;
}
#header ul.nav li a:hover { color: #CCC; }
#header ul.nav li a.end { border: 0; }

.wrapper { width: 940px; margin: 0 0 12px 0; padding: 0; display: table; background: url(../images/bg_content.gif) repeat-y; }

#sub_nav {
	width: 204px; height: 510px;
	margin: 0 0 5px 0; padding: 0;
	float: left; clear: both;
	background: #268A2B url(../images/bg_categories.gif) no-repeat top center;
}

#sub_nav ul { margin: 5px 0 0 10px; padding: 0; list-style: none; }
#sub_nav ul li { margin: 0; padding: 5px 0; }
#sub_nav ul li a { color: #FFF; font-size: 11px; }
#sub_nav ul li a:hover { color: #CCC; }

#content {
	width: 734px;
	margin: 0; padding: 0;
	float: left;
}

#content_left {
	width: 506px;
	margin: 0; padding: 0 0 0 12px;
	float: left;
}

#content_right {
	width: 216px;
	margin: 0; padding: 0;
	float: left;
}

#footer {
	width: 940px; height: 40px;
	margin: 0; padding: 10px 0;
	clear: both;
	color: #666;
	border-top: #2B5882 4px solid;
	font-size: 11px;
}
#footer .copyright { width: 211px; margin: 0 0 20px 0; display: block; float: left; }
#footer ul { margin: 0; padding: 0; float: left; list-style: none; }
#footer ul li { margin: 0; padding: 0; display: inline; }
#footer ul li a { margin: 0; padding: 0 10px; float: left; color: #666; border-right: #919191 1px solid; }
#footer ul li a.end { border: 0; }
#footer ul li a:hover { color: #00799E; }

.teaser { width: 228px; height: 126px; margin: 10px 10px 0 0; padding: 54px 5px 10px 5px; float: left; }
.teaser h2 { font-size: 18px; font-weight: normal; color: #034E7B; }
.teaser h2.green { color: #449B30; }
.teaser p { font-size: 11px; }
.teaser_second { margin: 10px 0 0 0; }

.clock {
	width: 206px; height: 26px;
	margin: 0 0 0 10px; padding: 10px 0 0 0;
	background: #E5E5E5 url(../images/bg_clock.gif) no-repeat; color: #666;
	text-align: center;
	font-size: 17px; font-weight: bold;
	font-family: Arial, Sans Serif;
}

.ad1 {
	width: 206px; height: 221px;
	margin: 4px 0 0 10px; padding: 0;
	display: block; cursor: pointer;
	background: #E5E5E5 url(../images/identify-your-cost.jpg) no-repeat;
}
.ad2, .ad3 {
	width: 192px; height: 65px;
	padding: 0;
	display: block; cursor: pointer;
}
.ad2 { background: url(../images/consider.jpg) no-repeat; margin: 4px 0 0 2px; }
.ad3 { background: url(../images/builders.jpg) no-repeat; margin: 4px 0 4px 2px; }

.info_box {
	width: 196px;
	margin: 4px 0 4px 10px; padding: 0 5px 2px 5px;
	display: block;
	background: #E5E5E5;
}
.info_box h4 { margin: 0; padding: 10px 0; color: #626262; text-align: center; font-size: 18px; font-weight: normal; }

table.shares { width: 185px; margin: 0 0 0 5px; font-size: 11px; color: #6F6464; }

.upper { text-transform: uppercase; }

a.right_ads {
  margin: 0 0 12px 12px; padding:0px ;
  display: block ;
}

a.contact_us {
	width: 204px; height: 68px;
	margin: 0 0 12px 12px; padding: 0;
	display: block;
	background: url(../images/contact-us.gif) no-repeat;
}
a.contact_us span { display: none; }

a.ad, .ad {
	width: 184px; height: 48px;
	margin: 0 0 12px 12px; padding: 10px;
	display: block; clear: both;
	background: #1F6593 url(../images/bg_box.gif) repeat-y; color: #FFF;
	text-align: center; vertical-align: middle;
	font-size: 13px; font-weight: bold;
	font-family: Arial;
}

a.adgreen { background: #248B24 url(../images/bg_box_green.gif) repeat-y; font-size: 14px; }

.chat {
	width: 182px; height: 68px;
	margin: 0 0 10px 12px; padding: 0;
	display: block; clear: both;
}

ul.home_cats { margin: 0; padding: 0; list-style: none; display: table; }
ul.home_cats li { margin: 0; padding: 0; display: inline; }
ul.home_cats li a {
	width: 247px; height: 114px;
	margin: 0 12px 12px 0; padding: 0;
	display: block; float: left;
}
ul.home_cats li a.end { margin: 0; }
ul.home_cats li a span { display: none; }
ul.home_cats li a.cat_eco { background: url(../images/eco-products.jpg) no-repeat; }
ul.home_cats li a.cat_promo { background: url(../images/promotional-solutions.jpg) no-repeat; }
ul.home_cats li a.cat_gifts { background: url(../images/gifts.jpg) no-repeat; }
ul.home_cats li a.cat_offers { background: url(../images/special-offers.jpg) no-repeat; }

.cb { clear: both; }
.grey { color: #666; font-size: 11px; }

ul.items { margin: 0; padding: 0; list-style: none; font-size: 11px; }
ul.items li {
	width: 150px; height: 190px;
	margin: 10px 5px; padding: 0;
	display: block; float: left;
}
ul.items li a { display: block; height: 140px; }
ul.items form { width: 150px; height: 190px; float: left; }
.item_title { height: 55px; margin: 4px 0 0 0; padding: 0; clear: both; display: block; font-weight: bold; }

input.button {
	width: 88px; height: 17px;
	margin: 4px 0 0 0; padding: 0;
	display: block;
	border: 0; cursor: pointer;
	color: #FFF;
	font-size: 10px; font-family: verdana, tahoma;
	text-transform: uppercase;
}

input.noeco, input.eco{ background: url(../images/button_default.gif) no-repeat; }
/*input.eco{ background: url(../images/button_eco.gif) no-repeat; }*/
input.noeco:hover, input.eco:hover { background-position: 0 -17px; }

img.product_img {
	width: 300px; height: 300px;
	margin: 0 0 20px 15px; padding: 0;
	display: block; float: right;
}

ul.product_info {
	width: 250px;
	margin: 0 0 20px 0; padding: 0;
	display: block; float: left;
	list-style: none;
}

ul.product_info li {
	margin: 0; padding: 5px 0;
	display: block; clear: both;
}

#icons	{ display:block; width:260px; float:right; padding:0 10px; margin:0 0 1em 0; }
#icons img	{ width:60px; height:60px; margin:0 5px 5px 0; float:left; }

.qty { margin: 0; padding: 20px 0; color: #268B2B; font-size: 11px; }
.left { text-align: left; }

h2.banner {
	width: 506px; height: 195px;
	margin: -6px 0 12px 0; padding: 0;
	display: block;
	background: url(../images/img_banner_image.jpg) no-repeat;
}
h2.banner span { display: none; }


.banner2 {
	width: 506px; height: 68px;
	margin: 0 0 12px 0; padding: 0;
	display: block;
	background: url(../images/make-a-difference2.jpg) no-repeat;
}
.banner2 span { display: none; }

fieldset.contact_form {
	width: 467px; height: 256px;
	margin: 0; padding: 0 5px 10px 10px;
	float: left; display: block;
	border: 0;
}
fieldset.contact_form dl{	margin: 0; padding: 0; }
fieldset.contact_form dl dt{
	width: 150px;
	margin: 5px 0; padding: 0 5px 0 0;
	float: left; color: #666;
	font-size: 11px; text-align: right;
}
fieldset.contact_form dl dd{
	width: 296px;
	margin: 5px 0; padding: 0;
	float: left;
}
fieldset.contact_form h3 { margin: 5px 0 15px 0; color: #610000; }
input.field, textarea.field, select.field {
	width: 240px; padding: 2px;
	border: #388EA7 1px solid;
	font-family: Verdana, Tahoma;
	font-size: 11px;
}

input.field_qty, input.field_tel {
	padding: 2px;
	border: #388EA7 1px solid;
	font-family: Verdana, Tahoma;
	font-size: 11px;
}

input.field_qty { width: 50px; }
input.field_tel { width: 100px; }

input.ro { background: #EEE; }

select.field { border: #FFF 1px solid; }
textarea.field { height: 150px; }

.contact_details, .contact_details a { color: #000; font-size: 12px; }
.date { font-weight: normal; font-size: 11px; }

a.thumb_img { display: block; height: 145px; }

form.enquire { height: 510px; display: table; }
form.conform { height: 324px; display: table; }

img.contact_ad { margin: 0 0 12px 12px; display: block; }

.sml { font-size: 11px; }
.sml2 { margin: 0; padding: 0 0 20px 0; font-size: 10px; line-height: 14px; text-align: justify; }

form.prod_overview { width: 190px; margin: 0; padding: 0; float: left; }

.img_icons { width: 290px; float: right; display: table; }

.cat_holder { width: 156px; display: table; float: left; }
.cat_holder h3 { width: 140px; }

ul.eco_icons { margin: 0; padding: 0; list-style: none; }
ul.eco_icons li { margin: 0; padding: 10px 0 ; clear: both; }
ul.eco_icons li img { margin: 0 10px 0 0; display: block; float: left; }
ul.eco_icons li span.capt { width: 430px; margin: 0; padding: 3px 0 0 0; float: left; color: #508327; }

h4.top_five_eco {
	width: 184px; height: 20px;
	margin: 0 0 0 12px; padding: 10px;
	display: block; clear: both;
	background: #1F6593 url(../images/bg_box.gif) repeat-y; color: #FFF;
	text-transform: none; text-align: center; vertical-align: middle;
	font-size: 13px; font-weight: bold;
	font-family: Arial;
}
h4.top_five_eco a { color: #FFF; }

.top_eco {
	margin: 0 0 12px 12px; padding: 0 0 33px 0;
	background: #1F6593 url(../images/bg_box.gif) repeat-y; color: #FFF;
	border-right: #1F6593 1px solid;
	border-left: #1F6593 1px solid;
	text-align: center;
}

#master0 a {
	width: 140px; height: 140px;
	margin: 0 auto; padding: 0;
	display: block; text-align: center;
	background: #FFF;
	border: #FFF 5px solid;
}

ul#easyscrollnav { margin: 0; padding: 0; list-style: none; }
ul#easyscrollnav li { margin: 0; padding: 0 5px 0 0; display: inline; }