* { padding: 0; margin: 0; } /*global definition for padding and margin*/

html { height: 101%; }

body { font-size: 100%; height: 100%; background:#F6FAFD; }

h1, h2, h3, h4, h5 { font: normal 100%/100% "Lucida Grande",  Arial, verdana, sans-serif; color: #000; padding: 0 0 5px 0; }
h1 { font-size: 1.6em; line-height: 100%; }
h2 { font-size: 1.3em;  line-height: 100%; padding:5px 0 10px 0; }
h3 { font-size: 1.2em; line-height: 100%; }
h4 { font-size: 1.0em; line-height: 100%; padding: 10px 0 5px 0;}
h5 { font-size: 0.9em; line-height: 100%; }

p, ol, ul, table, dl { font: normal .75em/150% "Lucida Grande", Arial, Verdana, sans-serif; padding: 0 0 10px 0; }

a, a:visited { color: #369; outline: none;}
a:hover { color: #369; text-decoration: none; }

dl { padding: 0 0 5px 10px; }
dt { font-weight: bold; }
dd { margin: 0 0 5px 0; }

ol { padding: 0 0 0 15px; }
ol li { padding: 0 0 5px 0; }

ul { padding: 0 0 0 20px; }
ul li { padding: 0 0 5px 0; }

th { font-weight: bold; }
td { padding: 3px 0; }

img { border: none; }
option{ margin-right: 10px;}

p { color:#666; }

#wrapper { width: 1088px; margin: 0 auto; background: url(/images/bg_wrapper.jpg) repeat-y 0 0; position:relative;}

#header { display:block; width:1024px; height:32px; background:url(/images/bg_header.jpg) no-repeat 0 0; position:relative; margin:0 0 0 33px;  padding:75px 0 0 0; /*overflow:hidden;*/ z-index: 20;}

#nav { display:block; /*height:37px;*/ width:965px; /*position:absolute; bottom:0; left:0;*/ padding:0 0 0 59px;}

#nav ul {  padding:0; margin:0; list-style-type:none; }
#nav ul li { float:left; height:31px; padding:0; margin:0; }
#nav a { display:block; color: #000; text-decoration: none; font-size: 15px; padding: 0 12px; margin-top: 4px; border-right: 1px solid #cad7e4;}
#nav li.social_link a {border: none; padding: 0 0 0 10px;}

#nav a#home { width:32px; background: url('/images/nav_home.jpg') no-repeat 0 0; overflow: hidden; height: 0px !important; padding: 18px 0 0 0; margin-top: 4px;}

#nav ul li ul li a { border: none; font-size: 13px; color: white; padding-top: 4px; }

/*#nav a#water { width:109px; background: url('/images/nav_water.jpg') no-repeat 0 0;  }
#nav a#service { width:128px; background: url('/images/nav_service.jpg') no-repeat 0 0;  }
#nav a#company { width:156px; background: url('/images/nav_company.jpg') no-repeat 0 0;  }
#nav a#media { width:111px; background: url('/images/nav_media.jpg') no-repeat 0 0;  }
#nav a#contact { width:94px; background: url('/images/nav_contact.jpg') no-repeat 0 0;  }*/

#logo { position:absolute; top:13px; right:73px; z-index:50; }

#content_wrapper { width:1024px; background:#f4f8fa; margin:0 0 0 33px; }
#content { width:1024px; background:url(/images/bg_content.jpg) no-repeat 0 0; min-height:441px;}

#home_slider_wrapper {width: 590px; height: 313px; position: relative; margin: 0 0 50px 56px; }
#slider_shadow {position: absolute; bottom: 0; left: 0; z-index: 500;}
#btn_view_products {position: absolute; right: 32px; top: 245px; z-index: 1000;}

.slider_content {width: 220px; text-align: center; float: right; margin: 70px 28px 0 0;}
.slider_content h2 {color: #5180b1; font-size: 30px; font-weight: bold; letter-spacing: -.05em;}
.slider_content p {color: #4b4b4b !important; font-size: 14px; padding: 0 !important;}

#home_water {background: url(/images/home_water-trans.png) no-repeat 0 0; width: 590px; height: 313px;}
#home_hot {background: url(/images/home_hot-trans.png) no-repeat 0 0; width: 590px; height: 313px;}
#home_cold {background: url(/images/home_cold-trans.png) no-repeat 0 0; width: 590px; height: 313px;}
#home_supplies {background: url(/images/home_supplies-trans.png) no-repeat 0 0; width: 590px; height: 313px;}
#home_equip {background: url(/images/home_equip-trans.png) no-repeat 0 0; width: 590px; height: 313px;}
#home_condiments {background: url(/images/home_condiments-trans.png) no-repeat 0 0; width: 590px; height: 313px;}

#banner_nav {margin: 10px 0 0 215px;}
#banner_nav a {background: url(/images/slider_nav.gif) no-repeat 0 0; width: 21px; padding: 21px 0 0 0; margin-right: 5px; font-size: 0; overflow: hidden; display: block; height: 0; letter-spacing: -1em; text-indent:-1000em; line-height: 0%; float: left;}
#banner_nav a:hover, #banner_nav a.activeSlide { background-position: -21px 0;}

#right_col { float:left; display:block;  width:250px; /*height:100px;*/  padding:10px 0 0 40px;  /* position:absolute; top:170px; left:673px; z-index:10;*/ }

#home_top { background:url(/images/bg_home_promo.jpg) no-repeat 0 0; padding:0; margin:0;  }
#home_left { float:left; width:690px; }

#home_left h1 { padding: 0 0 10px 86px;}
#home_left p { color:#000; font-size:13px; padding:0px 50px 0 86px; }
#home_left p a { color:#3B934E; }

#home_right { float:left; width:255px; padding:75px 75px 0 0; }
#home_right h2 { border-bottom: 1px solid #8CB3C4; width:225px; padding: 0 0 7px 0; margin:0 0 10px 0px; }
#home_right h2 a { color:#000; text-decoration:none; }
#home_right ul { list-style-type:none; padding:0 0 15px 0px; }
#home_right ul a { text-decoration:none; }
#home_right ul#services_ul a { color:#2B74B1; }
#home_right ul#products_ul a { color:#2B74B1; }
#home_right p { color:#000; font-size:12px; }


#promo_home { width:1024px; height:465px; background:url(/images/bg_home_promo.jpg) no-repeat 0 0; position:relative; z-index:1;}
#getstarted { position:absolute; top:117px; left:577px ; width:380px;}
#getstarted p { color:#000; }


.rss_icon { position:absolute; bottom:40px; right:28px; }

#vantext {  position:absolute; top:375px; left:70px; }
#vantext p { color:#000; width:550px; font-size:0.9em; line-height:160%; border-bottom:1px solid #ddd; }
#vantext a { color: #003366; text-decoration:none; border-bottom:1px solid #003366; }
#vantext p.existing { font-size:0.70em; border:none; padding-top:8px; }
#van { position:absolute; top:375px; left:670px; width:300px; }
#van h5 { font-weight:bold; padding:0; }
#van p { color:#000; }

#home_boxes { /*height:300px;*/ width:967px; /*border:1px solid #000;*/ margin-top:0px; padding:0 0 0 57px;}
.paperbox { float:left; height:328px; width:246px; background:url('/images/bg_paperbox.jpg') no-repeat 0 0; padding:30px 30px 0 30px; position:relative; }
.boxheader { font-weight:bold; font-size:18px; color:#333; }

.paperbox ul { list-style-type:square; }
.paperbox a { color:#003366; text-decoration:none; border-bottom:1px solid #003366; }
.paperbox_subscribe { position:absolute; bottom: 30px; left:30px; }
.boxheader a { font-weight:bold; font-size:18px; color:#333; text-decoration:none; border:none; }
.paperbox h3 { font-size:0.9em; line-height:130%; }


#go_green { float:left; height:358px; width:323px; background:url('/images/bg_go_green.jpg') no-repeat 0 0; position:relative;}
#go_green h2 { margin:195px 0 0 50px; color:#fff; text-transform:uppercase; font-weight:bold; }
#go_green p { margin:0px 0 0 50px; color:#fff; width:212px; }
#go_green a#gogreen { display:block; height:358px; width:323px; position:absolute;top:0px;left:0; }

#coffee { width:604px; height:134px; margin:0 0 0 65px; background:url(/images/bg_coffee.jpg) no-repeat 0 0; position:relative; float: left; }
#coffee a#coffeelink { display:block; width:960px; height:100px; position:absolute;bottom:0; left:0;}

#coffee_content { float:left;}
#coffee h2 { color:#fff; text-transform:uppercase; font-weight:bold; padding:42px 0 5px 165px; }

#coffee_content a { text-decoration:none; color:#fff; display:block;}
#coffee p { color:#fff; padding:0 0 0 165px; line-height: 120%;}

#locally_owned {float: left; margin: 0 0 0 20px;}

h2.navheader { text-transform:uppercase; padding:0 0 0 10px; }
h2.navheader_locations { font-size:18px; padding:0 0 0 10px; }
#subnav ul {padding:15px 0 0 0; }
#subnav ul li { list-style-type:none; padding:0px 0 0px 0; margin:0; }
#subnav li a { font-size:1.2em; /*font-weight:bold;*/ color:#003366; text-decoration:none; padding:8px 0 8px 10px; display:block; border-bottom:1px solid #D9E7EC; width:210px; }
#subnav li a:hover { background:#DAE7EC; display:block; padding:8px 0 8px 10px; }
#subnav li a.active { background:#DAE7EC; display:block; padding:8px 0 8px 10px; }
#subnav h3 { padding:25px 0 0px 10px; }
#subnav h3 a { color:#339999; text-decoration:none; }

#promo_back { margin:40px 0 0 0; }
#promo_back .experience { font-size:1.2em; color:#000; }
#promo_back .difference { font-size:1.4em;  color:#000; }

#contact_box { padding:15px 0 0 0; }

a#btn_get_started { width:229px; padding:52px 0 0 0; background:url(/images/btn_get_started.gif) no-repeat 0 0;}
a#btn_get_online_inv { width:229px; padding:52px 0 0 0; background:url(/images/btn_get_online_invoicing.gif) no-repeat 0 0;}

p.tagline { font-size:16px; color:#339999; line-height:130%; margin-bottom:15px; }

#page_header { display:block; /*background:#000;*/ position:relative; height:160px; padding:0; margin:0; }

h1.pageheader { position:absolute; bottom:10px; left:70px; font-size:42px; }

h3.signup { padding-top:20px; }
h4.subtitle { color:#666; font-style:italic; }

#link_bar { position: relative; padding:0px 0 0px 0; margin:0; }
#link_bar ul { padding: 0 0 5px 0; margin: 0 0 5px 0; }
#link_bar li { display: inline; color: #999;}
#link_bar li.printer_friendly { background: url(/images/icon_printer.gif) no-repeat 0 50%; padding: 0 0 0 17px; }
#link_bar li.email_friend { background: url(/images/icon_email.gif) no-repeat 0 50%; padding: 0 0 0 19px; }
#link_bar li.digg_this { background: url(/images/icon_digg.gif) no-repeat 0 50%; padding: 0 0 0 21px; }
#link_bar li a { padding: 0 5px 0 0; }

#news_pic { float:left; margin:0 15px 10px 0; }
#news_pic p.caption {width:250px;}

a.newsitemimg img { float:left; margin:0 15px 10px 0; border-bottom:none;}

#feedfooter { margin:20px 0 0 0; padding:10px 10px; /*background-color:#eee;*/ width:450px; border-collapse: collapse; vertical-align:middle; }
#feedicons { float:left; }
#feedstext { padding:10px 0 0 3px; text-align:right; float:right; }

#paper { width:620px; background:url(/images/bg_paper_bottom.jpg) no-repeat 0 100% ; min-height:200px; }
#paper_top { width:500px; padding:50px 60px 75px 60px; background:url(/images/bg_paper_top.jpg) no-repeat 0 0; min-height:700px; }
#paper_wrapper { float:left; margin:0px 0 0 53px; width:620px; background: url(/images/bg_paper.jpg) repeat-y 0 0; /*min-height:481px;*/ }
#paper_top a {color:#003366; text-decoration:none; border-bottom: 1px solid #003366;}
#paper_top #news_pic a, #feedicons a { text-decoration:none; border-bottom:none;}
#paper_top ul { padding-bottom: 15px; }
#paper_top ul li { color: #666; }
#paper_top ul ul { font-size:1em;}

.floated_pic_l { float:left; margin: 0 20px 0 0 ; border:none; }

#footer { background:#f4f8fa; width:1024px; /*height:107px;*/ margin:0 0 0 33px;}
#footercontent { padding:0 0px 10px 45px; }
#footercontent p { /*text-align:center;*/ }
#footercontent ul { padding:0; font-size:10px; padding-top:10px; }
#footercontent ul li { list-style-type:none; /*display:inline;  padding:0 10px 0 10px; border-right:1px solid #E1E3E5;*/ }
#footercontent ul li.last { border-right:none; }
#footercontent ul li a { color:#2B74B1; text-decoration: none; /*border-bottom:1px solid #7A95B0;*/  }

.footer_block { float:left; /*width:135px;*/ padding:0px 0 20px 37px; }
.footer_block p.head { font-size:13px; color:#3B934E;}

.footer_block p.head .nonlink_underline { font-size:13px; color:#3B934E; border-bottom:1px solid #3B934E; }
.footer_block p.head a {  color:#3B934E; text-decoration:none;  border-bottom:1px solid #3B934E;  }
.footer_contact { color:#3B934E; padding-top:10px; }

p.smalllinks { text-align:center; }
p.smalllinks a { color:#999; text-decoration:none;   }

p.copyright { padding:15px 0 15px 0; text-align:center; color:#000; }
p.copyright a { text-decoration:none; color:#000; }

.links_logo { float:right; margin:0 0px 15px 15px; padding:3px; border:1px solid #ccc;}

a.product_thumbs img {
	display:block;
	height:123px; width:128px;
}

a.product_thumbs { text-decoration: none; border: none; }

#select_div { text-align:right;}
#landing_div a { text-align:right; text-decoration: none; border: none; }

#new_customer, #existing_customer { text-align:center; width:270px; float:left;}

#home_mid_left { float:left; padding:20px 0 20px 83px; width:605px;}
#home_mid_left a { margin:0 auto; }
#home_mid_left h3 { color:#329032; }

#home_mid_right { float:left; width:300px; padding:0 35px 0 0;}
#home_mid_right h4 { color:#3B934E; }

#region { padding:20px 75px 20px 130px; }
#region h5 a { text-decoration:none; color:#3B934E; border-bottom:1px solid #3B934E; }
.region_block { float:left; /*width:250px;*/ list-style-type:none; padding:15px 53px 20px 0; color:#2B74B1; font-size:10px; }
.region_block a { text-decoration:none; color:#2B74B1; }

.footer_contact { text-align:left !important; }

/************ styles for notice/error divs ************/
#notice { background-color: #A4E7A0; border: 1px solid #26722D; }
#error { background-color: #F0A8A8; border: 1px solid #900; }
#notice, #error { width: 90%; margin: 0 auto 10px auto; padding: 5px; }
#notice p, #error p { margin-left: 20px; padding: 0; font-size: .75em; color: #000; }
#notice a, #error a { text-decoration: none; padding: 0 3px; }
#notice a { border: 1px solid #26722D; color: #26722D; }
#error a { border: 1px solid #900; color: #900; }
#notice a:hover, #error a:hover { color: #333; border: 1px solid #333; }

/**************************************************
						CLASSES
**************************************************/
.clear { clear: both; }
.center { text-align:center; }
.formfield_submit { width: 240px; font-size: 12px; color:#999; margin: 0; padding: 2px; float:left; border:2px solid #ccc;}
.newstitle { font-weight:bold; font-size:14px; }
.strong { font-weight:bold; }
.right {float:right;}
.left {float:left; }

#getstarted_coffee a { border:none; text-decoration:none;}
#viewallcoffee { padding-top:10px; }
.news_item { padding-bottom:14px;}
#signup p { vertical-align:top; }
.smalltext { font-size:.60em; }
/*#signup input {  margin:0;}*/
input.gobutton { float:left;
	padding:0px 0 0px 5px ;
	margin: -2px 0 0px 0 ;
}

.replacement { display:block; height:0px !important; overflow:hidden !important; }

.tagged_h2 { font-size: .85em; color: #666; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #CCC; margin: 0 0 15px 0; }
.tagged_show { padding: 3px 10px; margin: 0 0 15px 0; font-weight: bold; background-color: #EFEFEF; border: 1px solid #ccc; }
.tagged_name { background-color: #FFC; font-style: italic; padding: 0 5px; }
.tagged_date { font-size: .8em !important; line-height: 200%; color: #666; padding: 0 0 5px 0; }
.tagged_title { font-size: 1.15em !important; padding: 0; }
.tagged_tags { padding: 0 0 25px 0; }
.tagged_title a:hover, .tagged_tags a:hover { border:none; }

/************ styles for pagination ************/
.pagination {
	font: normal .75em/150% Arial, Verdana, Arial,sans-serif;
	padding: 3px;
	margin: 3px;
	text-align: center;
}
.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666;
	text-decoration: none;
	color: #666;
	font-size: 1.0em !important;
}
.pagination a:hover, .pagination a:active { border: 1px solid #000; color: #000; }
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666;
	font-weight: bold;
	background-color: #666;
	color: #FFF;
}
.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #DDD;
	color: #999;
}
/************************/

.product_image_grid td {
	text-align:center;
	font-size:18px;
	color:#333;
	/*font-weight:bold;*/
	padding:0 50px 30px 50px;
	vertical-align:top;
}

.image_grid td {
	text-align:center;
	font-size:11px;
	font-weight:bold;
	padding:15px 20px;
	vertical-align:top;
}

/********* FLICKR INTEGRATION STYLES **********/

.flickr_photo img { border: 1px solid gray; text-decoration: none !important;}
#flickr { margin-left: -30px; }
.photo_wrapper { width: 240px; float: left; margin-right: 8px;}