/*
------------------------------------------------------------------------------------------------
	ALMO OFFICE CSS - styles.css											  
------------------------------------------------------------------------------------------------
	Created: 	01-03-2009															
	Author: 	Ember Interactive (www.emberinteractive.co.uk)						
	Website: 	Almo Office															
------------------------------------------------------------------------------------------------
*/

/*
------------------------------------------------------------------------------------ HTML / BODY
															
------------------------------------------------------------------------------------------------
*/

html {min-height: 100%; height: auto; font-size: 62.5%;}
body {background: #F0F0E6; font-family: Helvetica, arial, verdana, sans-serif; margin: 10px 0 0 0; padding: 0;}

body.fill {background: #F0F0E6 url(images/background.gif) no-repeat; background-position: top center;}

/*
-------------------------------------------------------------------------------- TITLES AND TEXT
														
------------------------------------------------------------------------------------------------
*/

h1 {position: absolute; left: -2000px;}
h2 {color: #1A1819; font-size: 2.25em; line-height: 1.5em; font-weight: normal; text-transform: uppercase; margin: 0 0 10px 0; padding: 0;}
h3 {color: #1A1819; font-size: 1.75em; line-height: 1.25em; font-weight: normal; margin: 0x 0 10px 0; padding: 0; width: 475px;}
h4 {color: #1A1819; font-size: 1.75em; line-height: 1.25em; font-weight: normal; margin: 30px 0 15px 0; padding: 0; width: 475px;}

p {color: #1A1819; font-size: 1.1em; line-height: 1.5em; margin: 0 0 10px 0; padding: 0;}

ul {list-style-type: none; margin: 0; padding: 0;}
li {color: #1A1819; font-size: 1.1em; line-height: 1.5em; margin: 0; padding: 0;}

a {color: #1A1819; text-decoration: underline; font-weight: bold;}
a:hover {text-decoration: underline;}

/*
----------------------------------------------------------------------------------------- GLOBAL
														
------------------------------------------------------------------------------------------------
*/

#master {width: 820px; margin: 0 auto; padding: 0; position: relative;}

img#logo {float: right; margin: 0 129px 0 0; padding: 0;}

/* Main Navigation */

ul#navigation {display: block; width: 460px; margin: 0; padding: 6px 0 0 0;}
ul#navigation li {float: left; display: block; width: 105px; list-style-type: none; font-size: 1.1em; line-height: 1.75em; margin: 0 10px 10px 0; padding: 0;}

ul#navigation li a {text-decoration: none; font-weight: normal;}

ul#navigation li a.btn_home {background: #FFF; color: #1A1819; display: block; margin: 0; padding: 0 0 0 4px;}
ul#navigation li a.btn_home:hover {background: #73DC00; color: #1A1819; display: block; text-decoration: none; margin: 0; padding: 0 0 0 4px;}
ul#navigation li a.btn_home_active {background: #73DC00; color: #1A1819; display: block; text-decoration: none; margin: 0; padding: 0 0 0 4px;}

ul#navigation li a.btn_about {background: #FFF; color: #1A1819; display: block; margin: 0; padding: 0 0 0 4px;}
ul#navigation li a.btn_about:hover {background: #73DC00; color: #1A1819; display: block; text-decoration: none; margin: 0; padding: 0 0 0 4px;}
ul#navigation li a.btn_about_active {background: #73DC00; color: #1A1819; display: block; text-decoration: none; margin: 0; padding: 0 0 0 4px;}

ul#navigation li a.btn_tree {background: #FFF; color: #1A1819; display: block; margin: 0; padding: 0 0 0 4px;}
ul#navigation li a.btn_tree:hover {background: #73DC00; color: #1A1819; display: block; text-decoration: none; margin: 0; padding: 0 0 0 4px;}
ul#navigation li a.btn_tree_active {background: #73DC00; color: #1A1819; display: block; text-decoration: none; margin: 0; padding: 0 0 0 4px;}

ul#navigation li a.btn_promotions {background: #FFF; color: #1A1819; display: block; margin: 0; padding: 0 0 0 4px;}
ul#navigation li a.btn_promotions:hover {background: #FF0049; color: #1A1819; display: block; text-decoration: none; margin: 0; padding: 0 0 0 4px;}
ul#navigation li a.btn_promotions_active {background: #FF0049; color: #1A1819; display: block; text-decoration: none; margin: 0; padding: 0 0 0 4px;}

ul#navigation li a.btn_contact {background: #FFF; color: #1A1819; display: block; margin: 0; padding: 0 0 0 4px;}
ul#navigation li a.btn_contact:hover {background: #73DC00; color: #1A1819; display: block; text-decoration: none; margin: 0; padding: 0 0 0 4px;}
ul#navigation li a.btn_contact_active {background: #73DC00; color: #1A1819; display: block; text-decoration: none; margin: 0; padding: 0 0 0 4px;}

ul#navigation li a.btn_services {background: #FFF; color: #1A1819; display: block; margin: 0; padding: 0 0 0 4px;}
ul#navigation li a.btn_services:hover {background: #FDFF00; color: #1A1819; display: block; text-decoration: none; margin: 0; padding: 0 0 0 4px;}
ul#navigation li a.btn_services_active {background: #FDFF00; color: #1A1819; display: block; text-decoration: none; margin: 0; padding: 0 0 0 4px;}

ul#navigation li a.btn_partners {background: #FFF; color: #1A1819; display: block; margin: 0; padding: 0 0 0 4px;}
ul#navigation li a.btn_partners:hover {background: #00D3B2; color: #1A1819; display: block; text-decoration: none; margin: 0; padding: 0 0 0 4px;}
ul#navigation li a.btn_partners_active {background: #00D3B2; color: #1A1819; display: block; text-decoration: none; margin: 0; padding: 0 0 0 4px;}

ul#navigation li a.btn_office {background: #FFF; color: #1A1819; display: block; margin: 0; padding: 0 0 0 4px;}
ul#navigation li a.btn_office:hover {background: #FF0049; color: #1A1819; display: block; text-decoration: none; margin: 0; padding: 0 0 0 4px;}
ul#navigation li a.btn_office_active {background: #FF0049; color: #1A1819; display: block; text-decoration: none; margin: 0; padding: 0 0 0 4px;}

/* Sub Navigation */

ul#sub_navigation {display: block; float: left; width: 170px; height: 708px; margin: 0; padding: 20px 0 0 0;}
ul#sub_navigation li {display: block; width: 105px; list-style-type: none; font-size: 1.1em; line-height: 1.75em; margin: 0 0 5px 0; padding: 0;}
ul#sub_navigation li a {background: url(images/navi_bg.gif); color: #1A1819; display: block; margin: 0; padding: 0 0 0 4px; text-decoration: none; font-weight: normal;}
ul#sub_navigation li a:hover {background: #000; color: #FFF; display: block; text-decoration: none;}
ul#sub_navigation li a.active {background: #000; color: #FFF; display: block; text-decoration: none;}

/* Footer Navigation */

#footer {display: block; margin: 0; padding: 10px 0 10px 4px; width: 165px; position: absolute; top: 857px; background-color:#F0F0E6;}

ul#footer_navigation {margin: 10px 0 10px 0; padding: 0; width: 140px;}
ul#footer_navigation li {float: left; display: inline; list-style-type: none; margin: 0; padding: 0; white-space: nowrap;}
ul#footer_navigation li a {color: #666; font-size: 0.9em; font-weight: normal; line-height: 1.25em; display: block; margin: 0 5px 0 0; padding: 0;}
ul#footer_navigation li a:hover {color: #1A1819; display: block; text-decoration: none;}
ul#footer_navigation li a.active {background: #88E020; color: #1A1819; display: block; text-decoration: none;}

#footer p {color: #666; font-weight: normal; line-height: 1.25em; display: block; margin: 0; padding: 0;}
#footer a {color: #666; font-weight: normal; line-height: 1.25em; display: block; margin: 0; padding: 0; text-decoration: none;}
#footer a:hover {color: #000; text-decoration: none;}

#footer.home_footer {position: absolute; top: 652px!important;}

img#footer_logo {margin: 0 0 20px 0; padding: 0;}

/*
------------------------------------------------------------------------------------------- HOME
														
------------------------------------------------------------------------------------------------
*/

/* Product List */

ul#home_list {float: left; width: 585px; margin: 50px 0 0 0; padding: 0;}
ul#home_list li {display: block; float: left; margin: 0 20px 22px 0; padding: 0; border: 0; height: 40px; text-indent: -2000px;}
ul#home_list img {border: 0;}
ul#home_list a {display: block; height: 40px; outline: none;}
ul#home_list .laser {background: url(images/home-laser.gif); width: 135px;}
ul#home_list .paper {background: url(images/home-paper.gif); width: 134px;}
ul#home_list .folders {background: url(images/home-folders.gif); width: 197px;}
ul#home_list .packaging {background: url(images/home-packaging.gif); width: 285px;}
ul#home_list .furniture {background: url(images/home-furniture.gif); width: 244px;}
ul#home_list .print {background: url(images/home-print.gif); width: 125px;}
ul#home_list .tape {background: url(images/home-tape.gif); width: 104px;}
ul#home_list .supplies {background: url(images/home-supplies.gif); width: 196px;}
ul#home_list .conference {background: url(images/home-conference.gif); width: 317px;}
ul#home_list .signs {background: url(images/home-signs.gif); width: 144px;}
ul#home_list .catering {background: url(images/home-catering.gif); width: 234px;}
ul#home_list .it {background: url(images/home-it.gif); width: 32px;}
ul#home_list .cables {background: url(images/home-cables.gif); width: 169px;}
ul#home_list .cleaning {background: url(images/home-cleaning.gif); width: 247px;}
ul#home_list .shredders {background: url(images/home-shredders.gif); width: 263px;}
ul#home_list .stationery {background: url(images/home-stationery.gif); width: 280px;}
ul#home_list .books {background: url(images/home-books.gif); width: 164px;}
ul#home_list .markers {background: url(images/home-markers.gif); width: 217px;}
ul#home_list .cartridges {background: url(images/home-cartridges.gif); width: 285px;}
ul#home_list .pens {background: url(images/home-pens.gif); width: 115px;}
ul#home_list .notebooks {background: url(images/home-notebooks.gif); width: 296px;}

/* Dynamic Features */

#home_panel {float: left; width: 235px; margin: 50px 0 0 0; padding: 0;}

.home_green {background: #73DC00; color: #1A1819; margin: 0; padding: 8px; height: 95px;}
.home_green a {display: block; outline: none; font-weight: normal; text-decoration: none;}
.home_green a:hover {text-decoration: none;}
.home_green h3 {margin: 0; width: 210px; padding: 0;}
.home_green p {line-height: 1.25em; width: 210px; margin: 5px 0 5px 0; padding: 0;}

.home_red {background: #FF0049; color: #1A1819; margin: 0; padding: 8px; height: 95px;}
.home_red a {display: block; outline: none; font-weight: normal; text-decoration: none;}
.home_red a:hover {text-decoration: none;}
.home_red h3 {margin: 0; width: 210px; padding: 0;}
.home_red p {line-height: 1.25em; width: 210px; margin: 5px 0 5px 0; padding: 0;}

.home_yellow {background: #FDFF00; color: #1A1819; margin: 0; padding: 8px; height: 95px;}
.home_yellow a {display: block; outline: none; font-weight: normal; text-decoration: none;}
.home_yellow a:hover {text-decoration: none;}
.home_yellow h3 {margin: 0; width: 210px; padding: 0;}
.home_yellow p {line-height: 1.25em; width: 210px; margin: 5px 0 5px 0; padding: 0;}

.home_blue {background: #00D3B2; color: #1A1819; margin: 0; padding: 8px; height: 95px;}
.home_blue a {display: block; outline: none;}
.home_blue a:hover {text-decoration: none;}
.home_blue h3 {margin: 0; width: 210px; padding: 0;}
.home_blue p {line-height: 1.25em; width: 210px; margin: 5px 0 5px 0; padding: 0;}

/* Promotion Features */

.home_feature_image {background: #00D3B2; margin: 0; padding: 8px 0 8px 0; height: 95px;}
.home_feature_image h3 {color: #1A1819; font-weight: normal!important; line-height: 1em; padding: 8px; margin: 0 0 10px 0; width: 200px;}
.home_feature_image p {color: #1A1819; font-weight: bold; line-height: 1.25em; width: 200px; margin: 0; padding: 8px;}

/* Testimonials */

.home_feature_quote {background: #FFF; margin: 0; padding: 8px 0 0 0; height: 199px;}
.home_feature_quote h3 {color: #1A1819; font-weight: normal!important; font-size: 1.75em; line-height: 1.25em; padding: 8px; margin: 0; width: 200px;}
.home_feature_quote p {color: #1A1819; font-weight: bold; line-height: 1.25em; width: 200px; margin: 0; padding: 2px 8px 8px 8px;}
.home_feature_quote a {text-decoration: none;}

/* Login */

p.home_login_title {color:#88E020; margin:0 0 0 8px; padding-top:11px; font-weight:bold;}

.home_feature_login {background: #1A1819; margin: 0; padding: 0; display: block; height: 105px; min-height: 95px;}
.home_feature_login form {background: #1A1819; border: none!important; margin: 0; padding: 8px;}
.home_feature_login input {background: #FFF; border: 0; margin: 0 0 7px 0; padding: 0 0 2px 3px; font-size: 1.1em; line-height: 1.5em; height:1.5em; color: #666666; width: 160px;}
.home_feature_login a {display: block; color: #88E020; margin: 0 25px 0 3px; float: left; font-size: 1.1em; font-weight: normal; text-decoration: none;}
.home_feature_login a:hover {text-decoration: underline;}
.home_feature_login .hide {background: #1A1819; border: hidden!important; height: 0px; margin: 0; padding: 2px 0 0 0;}
.no_bg {background: none!important;}
a.go {font-size: 1.25em; color: #88E020; text-decoration: none; margin: 0 0 0 80px;}
a.go:hover {text-decoration: underline;}

#IE7root input {margin: 0!important;}

/*
---------------------------------------------------------------------------------------- CONTENT
														
------------------------------------------------------------------------------------------------
*/

#main {float: left; margin: 35px 0 0 0; padding: 0; width: 820px;}

/* Backgrounds */

.aboutus {background: url(images/bg-green.gif) no-repeat;}
.treehugging {background: url(images/bg-green.gif) no-repeat;}
.services {background: url(images/bg-yellow.gif) no-repeat;}
.partners {background: url(images/bg-blue.gif) no-repeat;}
.office_supplies {background: url(images/bg-pink.gif) no-repeat;}
.promotions {background: url(images/bg-pink.gif) no-repeat;}
/*url(images/bg-soap-box.gif) no-repeat;}*/
.terms {background: url(images/bg-green.gif) no-repeat;}
.privacy {background: url(images/bg-green.gif) no-repeat;}
.mrgreen {background: url(images/bg-green.gif) no-repeat;}
.testimonials {background: url(images/bg-green.gif) no-repeat;}
.articles {background: url(images/bg-green.gif) no-repeat;}

/* Layouts */

#content {float: left; display: block; background: #fff; margin: 20px 0 0 0; padding: 20px 50px 20px 60px; width: 540px;}
#content p {color: #1A1819; font-size: 1.2em; line-height: 1.5em; margin: 0 0 10px 0; padding: 0; width: 475px;}

#single .column1 {width: 540px;}
#single .column2 {display: none;}

#double div.column1 {float: left; display: block; width: 250px!important; margin-right: 20px;}
#double div.column2 {float: left; display: block; width: 250px!important;}
#double div.column1 p {float: left; display: block; width: 250px!important;}
#double div.column2 p {float: left; display: block; width: 250px!important;}

/* Partners and Brands */

span.partner_name {display: block; width: 15em; font-weight: bold; float: left; clear: both;}
span.partner_type {display: block; width: 7em; font-weight: normal; float: left;}
span.partner_link {display: block; font-weight: normal; float: left;}


ul#sitemap ul {margin-left: 25px;}
ul#sitemap ul li {font-size: 1em;}



/*
------------------------------------------------------------------------------------------- BLOG
														
------------------------------------------------------------------------------------------------
*/

p span.blog_label {margin: 0; padding: 0; width: 10em; display: block;}

/*
---------------------------------------------------------------------------------------- CONTACT
														
------------------------------------------------------------------------------------------------
*/

#contact {background: url(images/map.gif) no-repeat; margin: 0; padding: 0; display: block; height: 700px;}

div.contact_column {margin: 0; padding: 0; display: block; width: 300px; float: left;}

#contact_details {background: #fff; margin: 15px 0 0 0; padding: 20px 50px 0 60px; float: right; display: block; width: 600px;}
.contact_info {margin: 0 15px 15px 0; padding: 0; display: block; float: left; width: 185px;}
#contact_footer {display: block; background: none; margin: 0; padding: 60px 0 10px 0; position: absolute; top: 750px;}

#contact_footer p {color: #666; line-height: 1.25em; display: block; margin: 0; padding: 0;}
#contact_footer a {color: #666; font-weight: normal;  line-height: 1.25em; display: block; margin: 0; padding: 0; text-decoration: none;}
#contact_footer a:hover {color: #000; text-decoration: none;}

/*
------------------------------------------------------------------------------------------ FORMS
														
------------------------------------------------------------------------------------------------
*/

fieldset {border: 0; padding: 0; margin: 0 0 20px 0; font-size: 1.1em; line-height: 1.5em;}
label {float: left; display: block; width: 10em; margin: 0 0 10px 0; padding: 0; font-weight: bold!important;}
label.fulllabel {width: 20em;}
input {float: left; display: block; width: 10em; margin: 0 10px 10px 0; padding: 0;}
select {float: left; display: block; margin: 0 15px 10px 0; width: 10em;}
.submit {width: 7em; margin: 0;}

/*
------------------------------------------------------------------------------------------ FORMS
														
------------------------------------------------------------------------------------------------
*/

#company_credit {display: block; width: 10px; height: 100px; position: absolute; top: 1038px; right: 0; background: url(images/company_credit.gif) no-repeat; margin-right: 10px;}
#company_credit a {display: block; width: 10px; height: 100px;}

#company_credit_home {display: block; width: 10px; height: 100px; position: absolute; top: 832px; right: 0; background: url(images/company_credit_alt.gif) no-repeat;}
#company_credit_home a {display: block; width: 10px; height: 100px;}

#company_credit_contact {display: block; width: 10px; height: 100px; position: absolute; top: 929px; right: 0; background: url(images/company_credit_alt.gif) no-repeat;}
#company_credit_contact a {display: block; width: 10px; height: 100px;}


/*
------------------------------------------------------------------------------------------ MISC.
														
------------------------------------------------------------------------------------------------
*/

a.more {font-weight: bold; text-decoration: underline;}
a.more:hover {font-weight: bold; text-decoration: underline;}

.hidden {display: none!important;}

.dotted_line {margin: 15px 0 15px 0; padding: 0; border-top: 1px dotted #ccc;}

br.clear {clear: both; overflow: hidden; height: 0; line-height: 0px;}

/*
------------------------------------------------------------------------------------------ NEW HOME.
														
------------------------------------------------------------------------------------------------
*/

#background_img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; height: 100%;}

#new_home_list { width: 585px !important; height:307px !important; float: left; display: block; position: relative;}

#new_home_list li{display: none; width: 230px; height: 307px; padding: 30px 40px 0 40px; top: 140px !important; left: 100px !important; background: no-repeat top left; text-align: center;}

.cycle_disabled li{ margin: 140px 0 0 100px;}

#new_home_list li:first-child{display: block;}
	
#new_home_list a {text-decoration: none;}
		
#new_home_list .title{font-weight: normal; text-transform: uppercase;}

#new_home_list li .entry_bg_img, #new_home_list li .specialoffer{display: none;}
		
#new_home_list li p{margin: 0 auto;}
		
#new_home_list h2 {text-transform: none; line-height: 1.1em; font-weight: bold;height: 170px; margin-top:10px;}
		
#new_home_list .click_to_find{font-style: italic; text-decoration: none; font-weight: normal;}
		
#new_home_list .yellow{background-image: url(/images/circles/yellow.gif);}
	
#new_home_list .blue{background-image: url(/images/circles/blue.gif);}
	
#new_home_list .green{background-image: url(/images/circles/green.gif);}
	
#new_home_list .red{background-image: url(/images/circles/red.gif);}