* { padding: 0; margin: 0; outline: 0; }

body { font: 12px/14px "Trebuchet MS", Arial, Sans-Serif; color: #000033; background: #fff; text-align: left; }

a { color: #000; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

a.underlined { text-decoration: underline;}
a.add-button { color: #ACC9D1; }
a.underlined:hover { text-decoration: none; }

h2 { font: bold 35px/40px "Trebuchet MS", Arial, Sans-Serif; }
h3 { font: 25px/30px "Trebuchet MS", Arial, Sans-Serif; }

.fl { float: left; display: inline; }
.fr { float: right; display: inline; }

.al { text-align: left; }
.ar { text-align: right; }


.hidden { display: none; }
.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { width: 976px; margin: 0 auto; }

.spacer-left-10 { margin-left: 10px; }
.spacer-right-10 { margin-right: 10px; }

.column-1 { width: 303px; }
.column-2 { width: 625px; }
.green { color: #99CC00; }

.main-col-1 { width: 657px; }
.main-col-2 { width: 750px; }
.main-col-3 { width: 675px; }
.side-col-1 { width: 242px; }
.side-col-2 { width: 177px; }

.columns h2 { text-transform: uppercase; font: bold 14px "Trebuchet MS", Arial, Sans-Serif; color: #003745; padding-bottom: 7px; margin-bottom: 7px; border-bottom: 3px solid #003745; }

.columns .rss { float: right; display: inline; height: 17px; width: 17px; background: url(/images/dot_com//rss-white.gif); }

/*
	Header
*/

#header { height: 216px; background: url(/images/dot_com//header-bg.gif) repeat-x 0 0; }
#header .shell { height: 216px; background: url(/images/dot_com//header.gif) no-repeat 0 -2px; }

  /*
	  Statistic
  */
	#statistics { padding: 15px 0 8px 120px; }
	#statistics p { font: bold 9px/10px "trebuchet ms", sans-serif; text-transform: uppercase; color: #ACC9D1; padding-left: 30px;}
	#statistics p.big-text { font-size: 11px; line-height: 15px; }
	#statistics span { float: left; display: inline; }
	#statistics p b.big-num { font-size: 21px; line-height: 21px; }
	#statistics p b.num { font-size: 12px; line-height: 15px; }
	#statistics .s-title p { padding:0; }


	#statistics .s-item { float: left; display: inline; }
	#statistics .s-title { width: 188px; }
	#statistics .s-trees { width: 180px;}
	#statistics .s-gases { width: 137px;}
	#statistics .s-waste { width: 108px;}
	#statistics .s-water { width: 115px;}
	#statistics .s-energy { width: 125px;}
	#statistics .learn-more { float: right; display: inline; width: 85px; padding-top: 15px;}


	#statistics .s-trees span { width:22px; height: 33px; background: url(/images/dot_com//s-tree.gif) no-repeat 0 0; }
	#statistics .s-gases span { width:20px; height: 29px; background: url(/images/dot_com//s-gase.gif) no-repeat 0 0; }
	#statistics .s-waste span { width:17px; height: 30px; background: url(/images/dot_com//s-waste.gif) no-repeat 0 0; }
	#statistics .s-water span { width:18px; height: 30px; background: url(/images/dot_com//s-water.gif) no-repeat 0 0; }
	#statistics .s-energy span { width:21px; height: 31px; background: url(/images/dot_com//s-energy.gif) no-repeat 0 0; }

	#statistics .learn-more a { font: italic bold 11px/14px "Trebuchet MS", Sans-Serif; color: rgb(102,153,153); text-decoration: none; }

	/*
		Logo
	*/
	h1#logo { float: left; display: inline; width:232px; height: 45px; padding: 40px 0 40px 105px; }
	h1#logo a { display: block; height: 45px; background: url(/images/dot_com//logo.gif); }

	/*
		Header Links
	*/

	.header-links { float: right; display: inline; margin: 35px 30px 0 0;  }
	.header-links ul { list-style: none outside; }
	.header-links ul li { float: left; display: inline; text-align: center; height: 50px; background: url(/images/dot_com//header-links-bg.gif) no-repeat right bottom; padding: 0 20px; }
	.header-links ul li.last { background: none; padding-right: 0; }
	.header-links ul li a { display: block; height: 50px; text-decoration: none; }
	.header-links ul li a span { float: none !important; display: block; font-size: 12px; line-height: 13px; font-weight: bold; color: #99cc00; text-transform: uppercase; }
	.header-links ul li a:hover span  { text-decoration: underline; }

	.header-links ul li.contact { width: 90px; }
	.header-links ul li.eco-audit { width: 60px; }
	.header-links ul li.print-partner { width: 94px; }
	.header-links ul li.shop { width: 91px; }
	.header-links ul li.about-us { margin: 0; width: 56px; }
	.header-links ul li.fine-printing-paper { width: 120px; }
	.header-links ul li.sale { width: 29px; }


 	/*
 		Navigation
 	*/

	#navigation { }
	#navigation ul { float: left; display: inline; list-style: none outside none; }
	#navigation ul li { float: left; display: inline; height: 18px; line-height: 18px; font-weight: bold; background: url(/images/dot_com//nav-border.gif) repeat-y right 0; padding: 0 10px; }
	#navigation ul li.last { background: none; padding-right: 0; }
	#navigation ul li a { display: block; color: #fff; text-decoration: none; }
	#navigation ul li a:hover { text-decoration: underline; }

	/*
		Search
	*/
	.search { float: right; display: inline; width: 220px; position: relative; margin-top: -2px; }
	.search .field { float: left; display: inline; height: 21px; width: 152px; background: url(/images/dot_com//search-field.gif); }
	.search .field input { border: 0; background: none; font: bold 12px "Trebuchet MS", Arial, Sans-Serif; color: #99CC00; height: 18px; width: 138px; padding: 2px 5px 0; }
	.search .submit { float: left; display: inline; width: 51px; height: 17px; text-align: center; border: 0; cursor: pointer; background: none; font: bold 10px "Trebuchet MS", Arial, Sans-Serif; text-transform: uppercase; color: #fff; margin-top: 2px; }

	/*
		User Panel
	*/

	.user-panel { float: right; display: inline; width: 230px; }
	.user-panel ul li { font-size: 14px; }
	.user-panel ul li a { color: #003745 !important; }
	.user-panel ul li a span { color: #fff; }
	.user-panel ul li a.shopping-cart { background: url(/images/dot_com//icon-shopping-cart.gif) no-repeat 0 center; padding-left: 30px; }

/*
	Main
*/

#main { padding: 25px 0; }

	/*
		Sidebar
	*/

	#sidebar { float: left; display: inline; width: 176px; }

		/*
			Menu
		*/

		#menu {  }
		#menu img { display: block; margin-bottom: 20px; }
		#menu h3 { font: bold 12px/20px "Trebuchet MS", Sans-Serif; text-transform: uppercase; padding-left: 15px; }
		#menu h4 { font: bold 13px/18px "Trebuchet MS", Sans-Serif; color: #000; padding: 0 0 5px 15px; }
		#menu .sub-menu { }
		#menu .top { height: 16px; background-repeat: no-repeat; background-position: 0 0; }
		#menu .holder { border-left-width: 2px; border-left-style: dotted; padding-left: 15px; height: 100%; margin-bottom: 40px; }
		#menu .holder h3 { padding-left: 0; line-height: 15px; }
		#menu .holder ul { list-style: none outside none; }
		#menu .holder ul li { font-weight: bold; line-height: 25px; }
		#menu .holder ul li span { color: #003745; font-weight: normal; display: block; padding-left: 15px; height: 100%; }

		#menu .green-menu h3 { color: #99CC00; }
		#menu .green-menu .top { background-image: url(/images/dot_com//submenu-bg.gif); }
		#menu .green-menu .holder { border-color: #ccc; }
		#menu .green-menu .holder ul li,
		#menu .green-menu .holder ul li a { color: #99CC00; }
		#menu .green-menu .holder ul li a.selected { color: #000033; }

		#menu .green2-menu h3 { color: #000033; margin-bottom: 10px; }
		#menu .green2-menu .top { background-image: url(/images/dot_com//green-menu-top2.gif); height: 12px; }
		#menu .green2-menu .holder { border-left: 1px solid #b3d966; }
		#menu .green2-menu ul li,
		#menu .green2-menu ul li a { color: #333; }
		#menu .green2-menu ul li a.selected { color: #000033; }

		#menu .blue-menu h3,
		#menu .blue-menu h3 a { color: #003745; }
		#menu .blue-menu .top { background-image: url(/images/dot_com//blue-top.gif); }
		#menu .blue-menu .holder { border-left-style: solid; }
		#menu .blue-menu .holder a { color: #9C9C9C; }
		#menu .tweet { padding-right: 15px; margin-bottom: 0; }

		#menu .list-names ul { padding-bottom: 20px; }
		#menu .list-names ul li { color: #999 !important; }

		#menu h3.grey { color: #999; }



	/*
		Content
	*/

	#content { float: right; display: inline; /*width: 736px;*/ width: 800px; }

	  	/*
	  		Main Content
	  	*/

		#main-content { float: left; display: inline; width: 600px; margin-left: 25px; color: #000;}
		#main-content .main-heading { float: left; display: inline; width: 300px; }
		#main-content .main-heading h2 { padding-top: 20px;  }
		#main-content .main-heading p.subtitle { font-size: 15px; line-height: 18px; }
		#main-content .weather-widget { width: 75px; height: 55px; float: right; display: inline; padding: 25px 0 0 0;}
		#main-content .weather-widget span.degrees { font-size: 30px; line-height: 30px; font-weight: bold; }
		#main-content .weather-widget span.conditions { font-size: 15px; line-height: 16px;}
		#main-content p.main-paragraph { font-size: 15px; line-height: 22px; color: #666; padding-top: 15px; padding-bottom: 25px; }

		/*
			Main Content Tables
		*/

		#main-content table tr th,
		#main-content table tr td { height: 27px; text-align: center; }
		#main-content table tr td { font-size: 14px; color: #666; }
		#main-content table tr td.table-title { background-color: #596307; color: #fff; padding: 0 10px; width: 110px;  text-align: left; }
		#main-content table tr td.table-title p.text-size { font-size: 20px; line-height: 20px; padding-bottom: 0px; }
		#main-content table tr td.table-title p.text-desc { font-size: 11px; line-height: 15px; }
		#main-content table tr td.green {width:114px; border-top: 1px solid #DADFDB ; border-left: 1px solid #DADFDB; background-color: #F4FAF2;}
		#main-content table tr td.white {width:114px; border-top: 1px solid #DADFDB ; border-left: 1px solid #DADFDB; background-color: #fff;}
		#main-content table tr td.last {border-bottom: 1px solid #CACABE; }
		#main-content table tr td.right {border-right: 1px solid #DADFDB; }
		#main-content table tr td.footnote { font-size: 12px; padding: 5px 10px; text-align: left; width: 442px;}

		table.text-50 { margin-bottom: 5px; }
		table.text-50 tr td.content { border: 1px solid #DADFDB; }
		#main-content table.text-50 tr td.table-title { height: 95px;}

		table.text-60 { margin-bottom: 10px;}
		table.text-60 tr td.content { border: 1px solid #DADFDB; }

		#main-content table.text-70 tr td.empty { height: 15px; }


		.table-heading { }
		.table-heading .heading { background: #fcf2ba; line-height: 23px; height: 23px; }

		.brands-holder td { background: #d5dd93; color: #343233 !important; border: 1px solid #c5c7af; border-right: 0; }
		.brands-holder td.last { border: 1px solid #c5c7af !important; }

		.empty-row td { background: #fff !important; color: #fff !important; height: 3px !important; line-height: 3px; border-top: 0 !important; font-size: 0; line-height: 0; text-indent: -4000px; border-bottom: 0;}

		.empty-row td.last { border-top: 0 !important; border-bottom: 0 !important; }

		.digital-papers { margin-bottom: 15px; }
		.digital-papers .product-title { text-align: left !important; }
		.digital-papers .product-title h2 { height: 28px; line-height: 28px; margin-top: 10px; background: #596307;  padding: 0 10px; }
		.digital-papers .product-title h2 { color: #fff; font: bold 14px/28px "Trebuchet MS", Arial, Sans-Serif; }
		.digital-papers .product-title p { font-size: 10px; line-height: 12px; padding-top: 7px; }

		.digital-papers .specifications th { vertical-align: middle; height: 39px !important; color: #3b3b33; background: #e8ebcb; font-size: 10px; border: 1px solid #cacabe; border-right: 0; line-height: 12px; }
		.digital-papers .last { border-right: 1px solid #cacabd !important; }
		.digital-papers .recommendation td { height: 58px !important; border: 1px solid #cacabe; border-top: 0; border-right: 0; }
		.digital-papers .recommendation .odd { background: #edfaf0; }

		.digital-papers .no-header th { background: #fff; border: 0 !important; border-bottom: 1px solid #cacabe !important; }


		.recommendation-info {}
		.recommendation-info span { display: block; margin: 0 0 5px 142px; padding-left: 30px; line-height: 20px; background-repeat: no-repeat; background-position: 0 center; color: #353535; }
		.recommendation-info span.rec { background-image: url(/images/dot_com//recommended.gif); }
		.recommendation-info span.high-rec { background-image: url(/images/dot_com//highly-recommended.gif); }

		.made-to-order .text-50 .table-title div.sep { height: 10px; width: 130px; background: #fff; position: relative; margin: 0 -10px; bottom: -5px; }
		.made-to-order .make-order h3 { font-size: 15px; font-weight: bold; color: #000033; text-transform: uppercase; }
		.made-to-order .make-order p { color: #000033; }
		.made-to-order .make-order p a { text-decoration: underline; color: #000033; }
		.made-to-order .make-order p a:hover { text-decoration: none; }
		.made-to-order .make-order img { display: block; margin: 20px auto; }




		/*
			Best Uses
		*/

		#best-uses { margin-top: 30px; }
		#best-uses h3 { padding-bottom: 10px; }
		#best-uses ul { list-style: outside; color: #D7D7D7; width: 140px; float: left; display: inline; margin-right: 40px; padding-left: 15px;}
		#best-uses ul li { margin-bottom: 5px; }
		#best-uses ul li span { color: #000; font-size: 14px; line-height: 18px; }

		/*
			Success Story
		*/

		#success-story {  }
		#success-story h3 { padding: 25px 0 10px; }
		#success-story a { float: left; display: inline; width: 167px; height: 217px; margin-right:15px; }
		#success-story p { font-size: 13px; line-height: 22px; }


	/*
		Side Content
	*/

	#side-content { width: 150px; float: right; display: inline; }
	#side-content .desc { padding-top: 50px; }
	#side-content .desc .item { border-bottom: 1px solid #ccc; padding: 5px 0; min-height: 30px;  }
	#side-content .desc .item span.i-item { font-size: 15px; line-height: 15px; position:relative; top: -6px; padding-left: 10px; }
	#side-content .desc .item span.big-text{ font-size: 20px; line-height: 20px; font-weight: bold; float: left; display: inline;  margin:5px 5px 0 0; padding-left: 10px;}
	#side-content .desc .item p {  font-size: 13px; line-height: 14px; padding-left: 65px; }
	#side-content .download-sheet { padding-top: 30px; }
	#side-content .download-sheet p { margin-bottom: 10px; padding-left: 5px;}
	#side-content .download-sheet p a { font-size: 13px; line-height: 15px; color: #006666; text-decoration: underline; }
	#side-content .download-sheet p a:hover { text-decoration: none; }

	/*
		Box
	*/

	.box { width: 752px; background-color: #CCFFFF; }
	.box-top { background: url(/images/dot_com//box-top.gif) no-repeat 0 0; }
	.box-btm { background: url(/images/dot_com//box-btm.gif) no-repeat 0 bottom; padding: 15px; height: 100%; }

	/*
		Category
	*/

	#category { float: right; display: inline; position: relative;}
	#category .box-btm { padding-bottom: 50px;}
	#category .category-heading { position: absolute; width: 320px; height: 126px; overflow: hidden; top: 15px; left: 25px;}
	#category .category-heading h2 { font-size: 30px; }
	#category .category-heading h3 { font-size: 12px; line-height: 30px; font-weight: bold; }
	#category .category-heading p.heading-desc { color: #666; }

		/*
			Category Table
		*/

		table#t-category { background-color: #6D6F71;}
		table#t-category tr td,
		table#t-category-head tr th{ background-color: #CCFFFF;}

		table#t-category tr td { height:42px; text-align: center; font: 10px/12px Georgia;}
		table#t-category tr td.made-to-order-height { height:33px; }
		table#t-category tr td i { font-size: 9px;}

		table#t-category-head tr th.type-of-items,
		table#t-category tr td.type-of-items { width: 24px; }

		table#t-category-head tr th.cat-name { width: 320px; }
		table#t-category tr td.cat-name { width: 310px; padding-left: 10px;}

		table#t-category-head tr th.brightness,
		table#t-category tr td.brightness,
		table#t-category-head tr th.recycled,
		table#t-category tr td.recycled,
		table#t-category-head tr th.waste,
		table#t-category tr td.waste,
		table#t-category-head tr th.bleaching,
		table#t-category tr td.bleaching,
		table#t-category-head tr th.friendly,
		table#t-category tr td.friendly,
		table#t-category-head tr th.fsc,
		table#t-category tr td.fsc,
		table#t-category-head tr th.green-e,
		table#t-category tr td.green-e,
		table#t-category-head tr th.availability,
		table#t-category tr td.availability,
		table#t-category-head tr th.dig-grade,
		table#t-category tr td.dig-grade,
		table#t-category-head tr th.mag-grade,
		table#t-category tr td.mag-grade { width: 36px; }

		table#t-category tr td.cat-name { text-align: left; font: 11px/14px "trebuchet ms"; font-weight: bold;  }
		table#t-category tr td.cat-name img { float: left; display: inline; margin-right: 5px;}
		table#t-category tr td.cat-name span { float: left; display: inline; margin-top: 6px;}
		table#t-category tr td.i-items { background-color: #000033; }
		table#t-category tr td.made-to-order { background-color: #fff; }
		table#t-category tr td.brightness { background-color: #FFCC33; font: 10px/12px Georgia; }
		table#t-category tr td.recycled { background-color: #99CC00; font: 10px/12px Georgia; }
		table#t-category tr td.waste { background-color: #FFFFCC; font: 10px/12px Georgia;}
		table#t-category tr td.availability,
		table#t-category tr td.dig-grade,
		table#t-category tr td.mag-grade { background-color: #CCCCCC; }

	/*
		Papers
	*/

	#papers { float: right; display: inline; position:relative; }
	#papers-items { padding: 15px; height: 100%; }

		.p-item { margin-bottom: 30px; }

		.p-item .the-item { width: 300px; padding-right: 50px; float: left; display: inline; }
		.p-item-first .the-item { padding-top: 10px;  }
		.p-item .the-item .image { float: left; display: inline; width:85px; padding-top: 5px;  }
		.p-item .the-item .image img { overflow: hidden;  }
		.p-item .the-item h2 { padding-left: 95px; }
		.p-item .the-item h3,
		.p-item .the-item p { padding-left: 100px; }
		.p-item .the-item h2 { font-size: 30px; line-height: 30px; }
		.p-item .the-item h3 { font-size: 12px; line-height: 30px; text-transform: uppercase;  }
		.p-item .the-item p { color: #666; }

		.p-item p.title{ text-transform: uppercase; font-weight: bold; line-height: 18px;  }
		.p-item ul { list-style-type: none; border-left: 1px dashed #000; margin-left: 3px; height: 100%;  }
		.p-item ul li { padding-left: 10px; }
		.p-item ul li a { line-height: 18px; }

		.i-links-list { float: left; display: inline; width: 165px; padding-top: 5px; }
		.i-links-list p.title img { float: left; display: inline; margin-right: 5px;}

		.made-to-order-list { float: left; display: inline; width: 120px; padding-top: 5px;}

		.item-footer { width: 100%; background: url(/images/dot_com//item-footer.gif) repeat-x 0 6px; margin-top: 5px; }
		.item-footer span { background-color: #CCFFFF; float: left; display: inline; padding-right: 10px; text-transform: uppercase; }

		/*
			Featured Content
		*/

		.featured-content { margin-bottom: 50px; }
		.featured-content .wrapper { position: relative; }
		.featured-content ul { list-style: none outside; width: 335px; }
		.featured-content ul li { width: 100%; float:left; }
		.featured-content ul li a { display: block; padding: 15px; border-bottom: 1px solid #000; background: url(/images/dot_com//featured-cnt-bg.png) repeat-y 0 0; z-index: 2; width: 305px; position: relative; }
		.featured-content ul li small.tlc { display: block; height: 9px; width: 335px; background: url(/images/dot_com//featured-cnt-top.png); position: relative; z-index: 2; font-size: 0; line-height: 0; text-indent: -4000px; }
		.featured-content ul li.hover small.tlc,
		.featured-content ul li.active small.tlc { background-image: url(/images/dot_com//featured-cnt-top-active.png); }
		.featured-content ul li.last a { border: 0; }
		.featured-content ul li img { display: none; height: 245px; width: 656px; position: absolute; top: 0; left: 320px; z-index: 1; }
		.featured-content ul li span { display: none; font-size: 14px; line-height: 16px; color: #330000; padding: 10px 30px 0 0; }
		.featured-content ul li a strong { font-size: 18px; color: #CC9966; }
		.featured-content ul li a:hover { background: url(/images/dot_com//featured-cnt-bg-active.png) repeat-y 0 0; text-decoration: none; }
		.featured-content ul li a:hover strong { color: #330000; }
		.featured-content ul li.active {  height: auto; }
		.featured-content ul li.active a { height: 71px; background-image: url(/images/dot_com//featured-cnt-bg-active.png); }

		.featured-content ul li.active img { display: block; }
		.featured-content ul li.active span { display: block; }
		.featured-content ul li.active a strong { color: #330000; }

		/*
			Blue Box
		*/

		.blue-box { position: relative; margin-bottom: 25px; }
		.blue-box .tlc, .blue-box .trc { display: block; height: 9px; width: 9px; position: absolute; top: 0; }
		.blue-box .blc, .blue-box .brc { display: block; position: absolute; bottom: 0;  }
		.blue-box .tlc { background: url(/images/dot_com//bb-tlc.gif); left: 0; }
		.blue-box .trc { background: url(/images/dot_com//bb-trc.gif); right: 0; }
		.blue-box .blc { left: 0; }
		.blue-box .brc { right: 0; }
		.bb-cnt { background: #003745; padding: 30px 15px; height: 100%; }
		.bb-cnt .column { width: 464px; }
		.bb-cnt .column h2 { text-align: center; color: #fff; text-transform: uppercase; font-size: 16px; line-height: 30px; border-bottom: 3px solid #809ba2; margin-bottom: 20px; }
		.bb-cnt .column h2 a { text-decoration: underline; color: #fff; text-transform: none; font-size: 12px; font-weight: normal; }
		.bb-cnt .column h2 a:hover { text-decoration: none; }
		.bb-cnt .column ul { list-style: none outside none; }
		.bb-cnt .column ul.no-shadow { position: relative; margin-top: -10px; }
		.bb-cnt .column ul.no-shadow li a img { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
		.bb-cnt .column ul.no-shadow li { margin: 0 10px; }
		.bb-cnt .column ul li { float: left; display: inline; margin: 0 35px; }
		.bb-cnt .column ul li.last { margin-right: 0; }
		.bb-cnt .column ul li a { display: block; text-align: center; text-decoration: none; }
		.bb-cnt .column ul li a span { display: block; text-align: center; padding-top: 15px; color: #fff; }
		.bb-cnt .column ul li a img { box-shadow: 5px 5px 10px #000; -webkit-box-shadow: 5px 5px 10px #000; -moz-box-shadow: 5px 5px 10px #000; }

		/*
			Green Box
		*/

		.green-box { position: relative; margin-bottom: 25px; }
		.green-box .tlc, .green-box .trc { display: block; height: 8px; width: 8px; position: absolute; top: 0; }
		.green-box .tlc { background: url(/images/dot_com//green-tlc.gif); left: 0; }
		.green-box .trc { background: url(/images/dot_com//green-trc.gif); right: 0; }
		.gb-cnt { background: #99cc00; height: 100%; padding: 10px 15px 20px; }
		.gb-cnt .column-left { width: 295px; }
		.gb-cnt .column-right { width: 633px; }
		.gb-cnt h2 { font-size: 16px; font-weight: bold; color: #fff; text-transform: uppercase; text-align: center; border-bottom: 3px solid #cce680; }
		.gb-cnt ul { list-style: none outside; padding-top: 5px; }
		.gb-cnt ul li { float: left; display: inline; padding: 0 15px; }
		.gb-cnt .column-right ul li { padding: 0 25px; }
		.gb-cnt ul li.last { padding-right: 0; }
		.gb-cnt ul li a span { display: block; text-align: center; color: #fff; padding-top: 10px; }


/*
	Product Search
*/

.product-search-header { float: right; display: inline; height: 90px; width: 734px;  position: relative; margin: -31px 0 0 0; }
.product-search-header { background: url(/images/dot_com//product-search-top-header.gif); }
.product-search-header h2 { font: 50px/65px "Myriad Pro", "Trebuchet MS", Arial, Sans-Serif; color: #fff; padding: 0 20px; }


.product-search-results .result { padding: 40px 0 20px; height: 100%; border-bottom: 1px dashed #476974; }
.product-search-results .result .product-image { margin: 0 20px 0 25px; }
.product-search-results .result .product-desc { width: 370px; }
.product-search-results .result .product-desc h2 { font: bold 25px "Trebuchet MS", Arial, Sans-Serif; color: #003745; margin-bottom: 15px; }
.product-search-results .result .product-desc h2 a { color: #003745; }
.product-search-results .result .product-desc p { font-size: 13px; line-height: 18px; color: #808080; padding-bottom: 15px; }
.product-search-results .result .product-desc ul { list-style: none outside none; }
.product-search-results .result .product-desc ul.fl { width: 155px; }
.product-search-results .result .product-desc ul li { background: url(/images/dot_com//bullet1.gif) no-repeat 0 5px; font-size: 13px; line-height: 16px; color: #003745; }
.product-search-results .result .product-desc ul li { padding-left: 10px; margin-bottom: 10px; }
.product-search-results .result .other-info { width: 160px; }
.product-search-results .result .other-info p.price { font-size: 20px; line-height: 27px; color: #003745; }
.product-search-results .result .other-info p.price strong { font-size: 25px; color: #C0CB30; top: 3px; position: relative; }
.product-search-results .result .other-info .add-to-cart { display: block; height: 37px; width: 116px; background: url(/images/dot_com//add-to-cart-btn.gif); margin: 10px 0 20px; }
.product-search-results .result .other-info .add-to-cart { text-align: center; font: bold 16px/35px "Trebuchet MS", Arial, Sans-Serif; color: #fff; }
.product-search-results .result .other-info img { margin-bottom: 10px; }


/*
	Tweets
*/

.tweet { margin-bottom: 10px; padding-right: 25px; }
.tweet a { font-style: italic; text-decoration: underline; }
.tweet a:hover { text-decoration: none; }
.tweet .tweetmeta { padding: 5px 0; color: #999; }
.tweet .tweetmeta a { color: #999; text-decoration: none; }
.tweet .tweetmeta a:hover { text-decoration: underline; }
.tweet .tweetmeta span { padding-right: 10px; }

/*
	News
*/

.news { padding-bottom: 15px; }
.news .date { display: block; margin-bottom: 10px; color: #999; font-weight: bold; font-style: italic; }
.news h2 { font: bold 16px "Trebuchet MS", Arial, Sans-Serif; color: #CD6728; margin-bottom: 7px; text-transform: uppercase; }
.news img { display: block;  margin-bottom: 10px; }
.news h3 { font: bold 12px "Trebuchet MS", Arial, Sans-Serif; color: #003745; text-transform: uppercase; }
.news h3 a { color: #003745; }
.news p { padding-right: 35px; line-height: 15px; color: #666; }
.news p a { text-decoration: underline; color: #666; }
.news p a:hover { text-decoration: none; }

.columns .news { padding: 0; height: 115px; }


.all-news-wrapper { padding: 0 15px; }
.all-news-wrapper p { font-size: 13px; line-height: 18px; color: #333; padding-right: 0; }
.all-news-wrapper .news { padding: 20px 0; border-bottom: 1px dotted #ccc; }
.last-news { border-bottom: 0 !important; }

.top-img { position: relative; min-height: 195px; }

.top-img img { position: absolute; top: 0; left: 0; z-index: 1; }
.top-img .heading { background: url(/images/dot_com//trans-blue.png) repeat 0 0; z-index: 2; position: absolute; top: 70px; left: 0; width: 100%; }
.main-col-2 .top-img .heading { left: 8px; width: 734px; }
.top-img .heading h2 { font: 50px/82px "Myriad Pro", "Trebuchet MS", Arial, Sans-Serif; color: #fff; padding: 0 20px; }
.top-img .rss { float: right; display: inline; height: 17px; width: 18px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(/images/dot_com//rss.gif); margin: 17px 15px 0 0; }

.short-top-img { min-height: 144px; }
.short-top-img .heading { top: 50px; }
.short-top-img .heading h2 { font-size: 40px; line-height: 52px; }

.inline-heading { text-transform: uppercase; color: #000033; font-size: 12px; font-weight: bold; }


/*
	About Us
*/

.about-us { margin-top: 40px; }
.about-us h2 { font-size: 21px; font-weight: normal; line-height: 28px; margin-bottom: 20px; }
.about-us h3 { font-size: 15px; font-weight: bold; line-height: 24px; text-transform: uppercase; margin-bottom: 10px; }
.about-us h3 small { text-transform: none; font-size: 14px; font-weight: normal; }
.about-us h4 { font-size: 12px; font-weight: bold; line-height: 18px; text-transform: uppercase; }
.about-us img.fl { margin: 0 20px 20px 0; }
.about-us p { font-size: 14px; line-height: 18px; padding-bottom: 15px; }

.about-us .lime { padding: 10px 0; height: 100%; }
.about-us .lime p { color: #69A08D; font-size: 13px; font-style: italic; }
.about-us .lime img { border: 1px solid #69A08D; }
.about-us ul {margin:10px 0 10px 40px; }
.about-us ul li { font-size: 14px; line-height: 22px; }

.about-us .no-space { padding-bottom: 0; margin-bottom: 0; }
.about-us .more-space { padding-bottom: 0; margin-bottom: 40px; }

/*
	About Us: Vision
*/

.vision { padding: 0 20px 0 10px; line-height: 18px; font-size: 14px; }
.vision h3.no-space { margin-bottom: 0; }
.vision p { padding-bottom: 20px; color: #333; }
.vision ul { list-style: none outside; padding: 10px 50px 10px 95px;  }
.vision ul li { padding-bottom: 15px; }
.vision ul li strong { text-transform: uppercase; }

/*
	About Us: Team
*/

.team-member { padding: 30px 0 5px; height: 100%; border-bottom: 1px dotted #ccc; }
.team-member img.fl { border: 1px solid #999; }
.team-member p { font-weight: bold; }
.last-team-member { border-bottom: 0; }

/*
	About Us: Awards & Recognition
*/

.awards { background: url(/images/dot_com//awards-line.gif) repeat-y 63px 0; position: relative; margin-top: 30px; }
.awards ul { padding-left: 55px;  padding-bottom: 0; position: relative; margin-top: -10px; }
.awards ul li { background: url(/images/dot_com//awards-milestone.gif) no-repeat 0 center; padding-left: 45px; margin-bottom: 20px; }
.awards ul li p { padding-bottom: 0; }
.awards ul li span.green { font-size: 15px; padding-right: 10px; }
.awards ul li strong { text-transform: uppercase; }

/*
	About Us: Careers
*/

.careers { font-weight: bold; }
.careers ul { list-style: disc inside; padding-bottom: 30px; }
.careers ul li { color: #333; }
.careers ul li ul { list-style: none outside none; padding-left: 35px; padding-bottom: 0; }
.careers ul li a { font-size: 12px; color: #000033; line-height: 36px; }
.careers h4 { margin-bottom: 15px; }
.careers ol { list-style: none outside; padding: 0 0 15px 30px; font-size: 14px; line-height: 18px; color: #333; }

/*
	About Us: Resources
*/

.resources { font-weight: bold; }


/*
	Paper & Environmet pages
*/

.paper-wrapper {}
.paper-wrapper ol { list-style: none outside none; padding: 0 20px 15px 100px; font-size: 14px; line-height: 18px; }
table.certifications {}
table.certifications p { padding: 15px 0 15px 30px; }
table.certifications p strong { display: block; }

table.partners a, .organizations a { color: #000033; }

table.partners { margin: 30px 0; }
table.partners p,
table.partners h4 { padding-left: 30px; }
table.partners td { padding-bottom: 20px; }

/*
	Environment
*/

.environment { padding: 30px 20px 0 10px; height: 100%; }
.environment p { font-size: 14px; line-height: 18px; padding-bottom: 15px; }
.environment p strong { font-size: 14px; }
.environment ul { list-style: none outside none; padding: 15px 0 0 35px; }
.environment ul li {  font-size: 13px; padding-bottom: 20px; line-height: 18px; }
.environment ul li strong { font-size: 14px; }
.environment ul li span { font-weight: bold; font-size: 12px; display: block; }

/*
	History
*/

.history-bb { width: 751px; font-size: 14px; line-height: 18px; color: #fff; position: relative; z-index: 2; margin-top: 10px; }
.history-bb-top { height: 16px; background: url(/images/dot_com//history-bb-top.png); }
.history-bb-bot { height: 14px; background: url(/images/dot_com//history-bb-bottom.png); }
.history-bb-cnt { height: 100%; background: url(/images/dot_com//history-bb-bg.png) repeat-y 0 0; padding: 15px 20px 0; }

.history-bb p { padding-bottom: 15px; }
.history-bb p strong { font-size: 16px; color: #99CC00; }

.history { background: url(/images/dot_com//history-lines.gif) repeat-y 30px 0; padding-top: 50px; height: 100%; position: relative; margin-top: -10px; z-index: 1; }
.history .column-left { float: left; display: inline; width: 485px; }
.history .column-right { float: right; display: inline; width: 680px; }
.history .last-column .milestone { margin: 0; }
.history .milestone { margin-bottom: 20px; position: relative; z-index: 3; }
.history .milestone img { float: left; display: inline; margin-right: 15px; }
.history .milestone .text { float: left; display: inline; width: 330px; padding-top: 7px; height: 100%; font-size: 13px; line-height: 18px; }
.history .milestone .text p { color: #333; }
.history .milestone span.green { font-size: 15px; font-weight: bold; padding-right: 20px; }
.history .milestone .text strong { font-size: 12px; text-transform: uppercase; }
.history .border { float: left; display: inline; margin-top: 10px; width: 2px; height: 36px; background: #99cc00; margin-right: 15px; font-size: 0; line-height: 0; text-indent: -4000px; }

.history-img { float: right; display: inline; height: 221px; width: 233px; background: url(/images/dot_com//history-big-img.png); margin: 30px 25px 0 0; }

.history .column-right .milestone { text-align: right; margin-right: 97px; }
.history .column-right .milestone img { float: right; }
.history .column-right .milestone .text { float: right; width: 280px; }
.history .column-right .milestone .green { float: right; margin: 20px 10px 0 15px; padding: 0}
.history .column-right .milestone .border { float: right; }

/*
	Success Stories
*/

.success-stories { text-align: center; padding-top: 25px; height: 100%; }
.success-stories h2 { font-size: 20px; font-weight: bold; color: #666; }
.success-stories h2 a { color: #666; }

.success-stories h3 { font-size: 16px; margin-bottom: 20px; }
.success-stories h4 { font-size: 15px; margin: 30px 0 10px; text-transform: uppercase; }

.success-stories h3,
.success-stories h4 { font-weight: bold; color: #003745; line-height: 24px; }

.success-stories p { font-size: 14px; line-height: 18px; width: 440px; margin: 0 auto; padding-bottom: 15px; }
.success-stories p.quote { font-size: 13px; font-style: italic; color: #999; width: 360px; padding-bottom: 25px; }
.success-stories p.quote span { display: block; }

.success-stories2 { padding: 10px 0 0 10px; }
.success-stories2 h3 { font-size: 15px; line-height: 25px; font-weight: bold; text-transform: uppercase;  padding: 0 40px 15px 0; }
.success-stories2 h2 { font: bold 20px/24px "Trebuchet MS", Arial, Sans-Serif; }
.success-stories2 h2 a { color: #000033; }

.story-holder { background: url(/images/dot_com//story-holder-bg.gif) repeat-y 0 0; min-height: 320px; width: 740px; position: relative; margin: 0 0 0 -5px; }
.story-holder img.fl { margin: 0 0 0 5px; box-shadow: 5px 0 5px #ccc; -webkit-box-shadow: 0 5px 5px #ccc; -moz-box-shadow: 0 5px 5px #ccc; }
.story-holder .story-text { width: 300px; margin: 20px 15px 0 0; }
.story-holder .story-text h3 { padding-right: 0; }
.story-holder .story-text p { font: bold 14px/17px "Trebuchet MS", Arial, Sans-Serif; color: #333; }
.story-holder .story-text p.quote { font-style: italic; font-weight: normal; color: #666; margin-top: 15px; }

.stories-thumbs { padding: 20px 0; height: 100%; border-bottom: 1px dotted #ccc; margin-bottom: 15px; }
.stories-thumbs ul { list-style: none outside none; }
.stories-thumbs li { float: left; display: inline; width: 133px; margin-right: 15px; }
.stories-thumbs li.last { margin-right: 0; }
.stories-thumbs li a:hover { text-decoration: none; }
.stories-thumbs li a:hover span { text-decoration: underline; }
.stories-thumbs li a span { display: block; margin: 0 0 10px 0; font-weight: bold; }

/*
	FAQs
*/

.questions { padding-bottom: 15px; border-bottom: 1px dotted #ccc; margin-bottom: 15px; }
.answers p strong { display: block; }

/*
	Print Partners
*/

.print-partner { padding-top: 20px; height: 100%; }
.print-partner h4,
.print-partner span { float: left; display: inline; line-height: 18px; }
.print-partner span { padding-left: 5px; font-size: 14px; }
.print-partner em { font-size: 13px; }
.print-partner p { padding-bottom: 0; }


/*
	About Us: Blue box
*/

.main-col-1 .tlc, .main-col-1 .trc, .main-col-1 .blc, .main-col-1 .brc { width: 13px; height: 13px; }
.main-col-1 .tlc { background-image: url(/images/dot_com//tlc2.gif); }
.main-col-1 .trc { background-image: url(/images/dot_com//trc2.gif); }
.main-col-1 .blc { background-image: url(/images/dot_com//blc2.gif); }
.main-col-1 .brc { background-image: url(/images/dot_com//brc2.gif); }

.search-for { color: #fff; }
.search-for h2 { font-size: 40px; line-height: 42px; margin-bottom: 20px; }
.search-for .separator { height: 1px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(/images/dot_com//search-for-separator.png) repeat  0 0; margin: 15px 0; }

.search-for .checkbox { float: left; display: inline; height: 13px; width: 13px; margin-right: 5px; }
.search-for .field { float: left; display: inline; background: #fff; border: 1px solid #ccc; width: 130px; font: 10px "Trebuchet MS",Arial,Sans-Serif; color: #444; height: 13px; padding: 1px 5px; margin-bottom: 10px; }
.search-for select { height: 17px; font-size: 10px; width: 143px; margin-bottom: 10px; }

.search-for .col-label { float: left; display: inline; width: 160px; }
.search-for .col-label label { float: left; display: inline; font-size: 14px; color: #ACC9D1; }
.search-for .top-20 { margin-top: 20px; }

.search-for .find-printer .field-h { float: left; display: inline; width: 145px; margin-right: 15px; }
.search-for .field-h label,.search-for .state label  { display: block; padding-bottom: 5px; }
.search-for .find-printer .field-h-checkbox { width: 65px; }

.search-for .submit { display: block; height: 30px; width: 81px; border: 0; cursor: pointer; background: url(/images/dot_com//button1.gif); text-align: center; color: #fff; font: bold 17px "Trebuchet MS", Arial, Sans-Serif; padding-bottom: 2px; }

.search-for .order-swatchbook .field-semi { margin-right: 20px; }
.search-for .order-swatchbook .field-long { width: 305px; }
.search-for .order-swatchbook .field-long .field { width: 292px; }
.search-for .order-swatchbook .field-long .phone-field { width: 54px; }
.search-for .order-swatchbook .field-long span { float: left; display: inline; margin: 0 5px; }
.search-for .city { width: 145px; }
.search-for .city .field { width: 135px !important; }

.search-for .order-swatchbook .col-label { width: 300px; margin-bottom: 15px; }
.search-for .order-samples .col-label { width: 160px !important; }
.search-for .order-samples .state { margin-right: 12px; }
.search-for h3 { font-size: 14px; font-weight: normal; color: #ACC9D1; margin-bottom: 20px;  }

.narrow-top-img { position: relative; }
.narrow-top-img .heading { left: 8px; width: 655px; }

.sample-overview { border: 2px solid #ccc; padding: 35px; height: 100%; }
.sample-overview p.hint { text-align: right; font-size: 11px; padding-bottom: 20px; }
.sample-overview p.info { padding-top: 15px; padding-bottom: 0; font-weight: bold; color: #4D4D4D; }
.sample-overview p.info a { color: #81D4BF; }

.calendar-events { padding: 5px 0 0 20px; }
.calendar-events .event { border-bottom: 1px dotted #ccc; padding: 15px 0; height: 100%; }
.calendar-events .event em { color: #999; font-weight: bold; }
.calendar-events .event h3 { text-transform: uppercase; font-size: 16px; font-weight: bold; color: #CD6728; }
.calendar-events .event p { font-size: 13px; line-height: 18px; color: #333; padding-bottom: 15px; }

/*
	Eco Audit: Input
*/

.eco-forms { color: #fff; }

.eco-forms .tlc, .eco-forms .trc, .eco-forms .blc, .eco-forms .brc { height: 13px; width: 13px; }
.eco-forms .brc { background-image: url(/images/dot_com//brc2.gif); }
.eco-forms .blc { background-image: url(/images/dot_com//blc2.gif); }
.eco-forms .trc { background-image: url(/images/dot_com//trc2.gif); }
.eco-forms .tlc { background-image: url(/images/dot_com//tlc2.gif); }
.eco-forms .bb-cnt { padding: 15px; }

.eco-forms h2 { font: 40px "Myriad Pro", "Trebuchet MS", Arial, Sans-Serif; margin-bottom: 15px; }
.eco-forms h3 { font: bold 15px/25px "Trebuchet MS", Arial, Sans-Serif; text-transform: uppercase; margin-bottom: 15px; }
.eco-forms h4 { font: 14px/20px "Trebuchet MS", Arial, Sans-Serif; color: #ACC9D1; }

.eco-audit-input .column-left { width: 380px; }
.eco-audit-input .column-left p { font-size: 14px; line-height: 18px; padding-bottom: 15px; }

.eco-audit-input label { display: block; margin: 15px 0 5px; }
.eco-audit-input .field { border: 0; width: 370px; height: 16px; padding: 4px 5px; }
.eco-audit-input small { display: block; margin-top: 5px; font-weight: bold; }

.eco-audit-input .column-right { width: 400px; margin-right: 85px; }
.eco-audit-input .column-right p.ar { font-size: 11px; padding: 10px 5px; }
.eco-audit-input .column-right #basis-weight { width: 140px; }
.eco-audit-input .column-right .field { width: 390px; }
.eco-audit-input .column-right .field-small { width: 130px; margin-right: 45px; margin-bottom: 20px; }
.eco-audit-input .column-right #paper-qty { float: right; display: inline; width: 215px; }
.eco-audit-input .column-right a.underlined { color: #ACC9D1; }

.eco-forms .submit { margin-bottom: 15px; }
.eco-forms .submit,
.eco-forms .submit span { height: 37px; padding-left: 13px; background: url(/images/dot_com//button2.gif) no-repeat 0 0; }
.eco-forms .submit span { font: bold 16px/35px "Trebuchet MS", Arial, Sans-Serif; color: #fff; }

.eco-forms .submit span { float: left; display: inline; padding-left: 0; padding-right: 13px; background-position: right 0; }
.eco-forms .submit em { float: right; display: inline; height: 36px; width: 14px; background: url(/images/dot_com//button2-pointer.gif); margin-left: 18px; }

.eco-forms .submit:hover,
.eco-forms .submit:hover span { text-decoration: none; }

.eco-forms .notes { padding: 10px; color: #333; font-size: 14px; line-height: 18px; }
.eco-forms .notes p { padding-bottom: 15px; }
.eco-forms .notes p strong a { text-decoration: underline; color: #81D4BF; }
.eco-forms .notes p strong a:hover { text-decoration: none; }


.useful-info { width: 230px; }
.useful-info h3 { font-size: 16px; font-weight: bold; margin-bottom: 15px; color: #000033; text-transform: none; }
.useful-info p { color: #999; font-size: 14px; font-weight: bold; line-height: 20px; }

.eco-audit-output .blue-box { width: 660px; }
.eco-audit-output .blue-box p { line-height: 20px; padding: 15px 0; }
.eco-audit-output .submit { width: 219px; }

/*
	Footer
*/

#footer { min-height: 395px; background: #f9f6e1 url(/images/dot_com//footer-bg.gif) repeat-x 0 0; }
#footer .top-bar { height: 40px; }
#footer .top-bar .nav { float: right; display: inline; list-style: none outside none; margin-top: 10px; }
#footer .top-bar .nav li { float: left; display: inline; height: 20px; line-height: 20px; background: url(/images/dot_com//footer-nav-border.gif) repeat-y right 0; padding: 0 10px; }
#footer .top-bar .nav li.last { background: none; }

#footer .follow { margin-top: 13px; }
#footer .follow,
#footer .follow span,
#footer .follow a { float: left; display: inline; }
#footer .follow a { margin-left: 5px;  }
#footer .follow span { line-height: 18px; color: #6a615b; margin-left: 20px; }

span#f-logo { height: 24px; width: 220px; padding: 20px 0 25px 15px; }
span#f-logo a { display: block; height: 24px; background: url(/images/dot_com//footer-logo.gif); }

.newsletter-signup { float: right; display: inline; width: 310px; margin: 25px 15px 0 0; }
.newsletter-signup label { float: left; display: inline; line-height: 20px; }
.newsletter-signup .field { float: left; display: inline; height: 20px; width: 134px; background: url(/images/dot_com//newsletter-field.gif); margin-left: 10px; }
.newsletter-signup .field input { border: 0; background: none; font: 11px "Trebuchet MS", Arial, Sans-Serif; color: #6a615b; width: 123px; height: 16px; padding: 2px 5px 0; }
.newsletter-signup .submit { float: left; display: inline; width: 45px; margin: 0 0 0 10px; text-align: center; border: 0; background: none; text-transform: uppercase; font: bold 11px "Trebuchet MS", Arial, Sans-Serif; color: #6a615b; cursor: pointer; }

.footer-links { border-top: 1px solid #c7c5b4; padding-top: 20px; height: 100%; width: 945px; margin: 0 auto; }
.footer-links ul { list-style: none outside none; }
.footer-links ul li { float: left; display: inline; margin-right: 30px; }
.footer-links ul li.last { margin-right: 0; }
.footer-links ul li li { float: none; display: block; margin-right: 0; line-height: 18px; }
.footer-links h3 { font: bold 12px/1.2 "Trebuchet MS", Arial, Sans-Serif; color: #6A615B; margin-bottom: 5px; text-transform: uppercase; }

