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; }
.breadcrumb { margin: 0; padding: 5px 10px; background: #EEE; color: #666; font-size: 11px; }

#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;
}
#strapline {  position:absolute; top:90px; text-align: center; left: 167px; font-size:11px; color:#15768c; font-family: Verdana, Tahoma, Arial; font-weight:bold; text-transform:capitalize;
}

.ideas{ width: 486px; height: 200px; display: block; float: left; overflow:auto; padding: 0 20px 0 0;}
.facebook-like { display: block; float: left; width:260px; padding: 0 0 0 40px;}

#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; 
	margin: 0 0 5px 0; padding: 0;
	float: left; clear: both;
	background: #186898 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 0 5px 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: #186898 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; }

.search-box {display: block; float: left; height: 75px;}
.search-box h4{display: block; float: left; margin: 0 0 0 10px; color: #FFF;}
.search-box p, .register-box p { margin: 0; padding: 5px 0; }
.search-box form, .register-box form { margin: 0; padding: 0; }
.search-box input, .register-box input { margin: 0 5px 5px 10px; padding: 0; float: left; }
.search-box input { width: 130px;  }
.register-box input { width: 165px; }
.search-box input.button, .register-box input.button {
	height: 22px;
	margin: 0; padding: 0;
	display: block; float: left;
	color: #FFF; border: 0;
	text-align: center; cursor: pointer;
	font-size: 11px; font-family: Arial, Sans-Serif;
}
.search-box input.button { width: 28px; background: url(../images/button-go.gif) no-repeat; }
.register-box input.button { width: 80px; background: url(../images/button.gif) no-repeat; clear: both; }
.search-box input.button:hover, .register-box input.button:hover { background-position: 0 -22px; }

ul.slideshow {
	width: 506px; height: 202px;
	margin: 0 0 20px 0; padding: 0;
	display: block;
	list-style: none;
}
ul.slideshow li { margin: 0; padding: 0; }


/*ul.social-icons{ width: 400px; border:none; padding: 0 0 0 5px; margin: 0; list-style: none; float: right!important; display:block;}
ul.social-icons li { padding: 0 0 0 5px; border:none; margin: 0; display: block; float: right!important; }
ul.social-icons li a {
	height: 26px;
	padding: 0!important; margin: 0 0 0 10px!important;
	display: block; float: left; border-right: none!important;
}
ul.social-icons li a.facebook { width: 157px; background: url(../images/icons/facebook.png) no-repeat; }
ul.social-icons li a.twitter { width: 141px; background: url(../images/icons/twitter.png) no-repeat; }*/

ul.social-icons{ width: 40px; padding: 22px 0 0 467px; margin: 0; list-style: none; float:left; display:block;}
ul.social-icons li { padding: 0 0 0 0; margin: 0; display: block; float: left;}
ul.social-icons li a {
	width: 40px; height: 40px;
	padding: 0; margin: 0;
	display: block; float: left;
}
ul.social-icons li a.facebook { width: 40px; background: url(../images/social-icons/facebook.png) no-repeat; }
ul.social-icons li a.twitter { width: 40px; background: url(../images/social-icons/twitter.png) no-repeat; }
ul.social-icons li a.youtube { width: 34px; background: url(../images/social-icons/you-tube.png) no-repeat; }
ul.social-icons li a span { display: none; }
ul.social-icons li a:hover { background-position: 0 -40px; }

ul.easy-steps {display: block; float: left; width: 174px; height: 130px!important;  margin: 0 0 10px 0!important; padding: 40px 0 0 30px!important; background: url(../images/img_nav_header.jpg) no-repeat; }
ul.easy-steps li a{ width: 174px!important;  }



a.follow-us {
	width: 201px; height: 76px;
	margin: 0 0 0 127px; padding: 0;
	display: block; position: absolute; z-index: 99;
	background:  url(../images/promo-click-twiiter.png) no-repeat top right;
}
a.follow-us:hover { width: 201px; margin: 0 0 0 128px; background-position: 0 -76px; }
a.follow-us span { display: none; }

#twit-div { padding: 0; }
#twit-div ul#twitter_update_list { margin: 0; padding: 0; list-style: none; }
#twit-div ul#twitter_update_list li { padding: 15px 5px 0 10px; }
#twit-div ul#twitter_update_list li span a { color: #5F0232; }
#twit-div ul#twitter_update_list li a { color: #428DC4; }
#twit-div ul#twitter_update_list li a:hover,
#twit-div ul#twitter_update_list li span a:hover { color: #55B0E7; }

h5 { letter-spacing: 1px; font-weight: bold; font-size: 12px; color: #51AEE7; margin: 0 0 0 8px; padding: 0; }

.twitter {display: block; width:209px; padding: 0 3px;}

.key-terms {display: block; float: left; width: 265px;  padding: 0 0 0 35px;}
.key-terms ul { margin: 0 auto; padding: 20px 0 0 0; list-style: none; text-align: left; }
.key-terms ul li { margin: 0 0; padding: 0 5px; display: inline; font-size: 11px; border-right: 1px solid #186898; }
.key-terms ul li.end {border: none;}
.key-terms ul li a {color: #FFF;}
.key-terms ul li a:hover{color: #000;}

.categories {margin: 0 0 20px 0;}
.categories h4 {color: #FFF; margin: 0 10px;}