
@charset "UTF-8";
/* CSS Document */

/*INDEX
1-Colors
2-Typography
3-Navigation Styles
4-General Page Structure
5-Shopping Styles
*/

/* 1-COLORS
Cream #eeebde
Brown #6a3514
Dark Green #6c8b0f
Light Green #abc854
Orange #c37240
Gray #d6d3d3
Dark Gray #5e5d5d
*/


/*2-TYPOGRAPHY*/

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5e5d5d;
	background-color: #eeebde;
}
p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5e5d5d;
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 10px;
}
h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #6c8b0f;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom:10px;
}
h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #c37240;
	font-weight: bold;
	font-size: 1em;
}
a:link, a:visited {
	color:#6c8b0f;
	font-weight: bold;
	text-decoration:none;
}
a:hover, a:active {
	color:#c37240;
	text-decoration:underline;
}
#content {
	text-align:left;
}
#utils a:link, #utils a:visited {
	color:#FFF;
	font-size: .9em;
	text-transform:uppercase;
	text-decoration:none;
	padding-right: 15px;
	padding-left: 15px;
}
#utils a:hover, #utils a:active {
	color: #6a3514;	
}
#header {
	color: #6c8b0f;
}
.qhead {
	font-size: 1.2em;
	font-style: italic;
	padding-bottom:5px;
}
#questions p {
	font-size: .9em;
	color:#6c8b0f;
}
#footer {
	color:#6c8b0f;
}
#footer a:link, #footer a:visited {
	color:#6c8b0f;
	text-decoration: none;
	text-align:right;
	padding-left: 5px;
	padding-right: 7px;
}
#footer a:hover, #footer a:active {
	color: #c37240;
}


/*structure*/
#topbar {
	width:100%;
	height:30px;
	background-color:#6a3514;
}
#container {
	width: 930px;
	background-color:#FFF;
	margin-left:auto;
	margin-top:-30px;
	margin-right: auto;
	text-align:center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #d6d3d3;
	border-bottom-color: #d6d3d3;
	border-left-color: #d6d3d3;
}
#utils {
	height:20px;
	background-color: #6c8b0f;
	text-align:right;
	color:#FFF;
	padding-top:5px;
	padding-bottom:5px;
}
img.shopbag {
	padding-right:7px;
}
#header {
	height:120px;
}
img.logo {
	float:left;
	padding-left:20px;
	padding-top: 25px;
	padding-right:50px;
}
#questions {
	float:left;
	margin-top: 25px;
}
img.difference {
	padding-top: 15px;
}
#secnavwomen, #secnavmen {
	height: 42px;
	border-bottom-style: solid;
	border-bottom-width: 10px;
	border-color: #abc854;
}
#searchform {
	float:left;
	width:227px;height:28px;
	margin-left:400px;
	background: url(../images/searchbg.gif) no-repeat top left;
}
#searchform form {
	margin:0;
}
.stext {
	float:left;
	margin-left:10px;
	margin-top:3px;
	background-color:#d6d3d3;
	color:#5e5d5d;
	width:180px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	border:0;
}
#secbuttons {
	width: 270px;
	float:left;
	padding-left: 20px;
}
table.intpage {
	margin-top: 0;
}
#footer {
	width: 930px;
	background-color: #eeebde;
	margin-left:auto;
	margin-right: auto;
	padding-top: 3px;
	text-align: center;
}
#footer img {
	padding-left: 3px;
	padding-top: 3px;
}
#footer a:link, #footer a:visited {
	font-weight:normal;
}

/* leftnavigation */

td.leftcol {
	background-color:#d6d3d3;	
}
.leftnav  {
	color:#5e5d5d;
	width:225px;
	padding-top:5px;
}
.menubody {
	margin:0;
}
.leftnav ul {
	margin-top:0; margin-bottom:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.leftnav ul li {
	padding-bottom:7px;
	padding-left:20px;
}
.menubody a:link, .menubody a:visited {
	color:#5e5d5d;
	font-weight: normal;
	text-decoration:none;	
}
.menubody a:hover, .menubody a:active  {
	color:#c37240;
	text-decoration:underline;	
}
a.menuhere {
	font-weight:bold;
	color:#6c8b0f;
}
	
.brownbutton {
	display: block;
	float:left;
	width:225px;
	height:37px;
	background:url(/images/leftnav/brownbutton.gif) no-repeat top left;
	padding-top:10px;
}
.brownbutton a:link, .brownbutton a:visited {
	color:#FFF;
	padding-left:20px;
}
.brownbutton a:hover, .brownbutton a:active {
	color:#abc854;
}
.deptmenuhead {
	width:225px; height:41px;
	background:url(/images/leftnav/leftnav_tabtop_dept.gif) no-repeat top left;
	padding-bottom:20px;
}
.deptmenuhead h1 {
	display:block;
	float:left;
	color:#6c5735;
	width:100px; height:20px;
	margin:0;
	margin-left:10px;
	text-align:center;
	padding-top:7px;
}
.deptmenuhead a:link, .deptmenuhead a:visited {
	display:block;
	float:left;
	width:100px; height:20px;
	margin-left:5px;
	text-align:center;
	text-decoration:none;
	padding-top:7px;
}
.brandmenuhead {
	width:225px; height:41px;
	background:url(/images/leftnav/leftnav_tabtop_brand.gif) no-repeat top left;
}
.brandmenu {display:none;}

.brandmenuhead h1 {
	display:block;
	float:left;
	width:120px; height:20px;
	margin:0;
	margin-left:10px;
	text-align:center;
	padding-top:7px;
}
.brandmenuhead a:link, .brandmenuhead a:visited {
	display:block;
	float:left;
	color:#dd8721;
	width:120px; height:20px;
	margin-left:5px;
	text-align:center;
	text-decoration:none;
	padding-top:7px;
}
td.landingpg {
	background-color:#abc854;
	padding: 15px;
}
.landingpg img {
	background-color:#FFF;
	padding:10px;
}
.lpprod {
	float:left;
	width:200px;
	margin-left:15px;
	margin-top:10px;	
}	
.lpprod img {
	margin: 15px;
	padding:10px;
	border: 1px solid #d6d3d3;
}
.hpprod {
	margin-top:10px;
	text-align:center;
}	
.hpprod img {
	background-color:#FFF;
	margin: 10px;
	padding:15px;
	border: 1px solid #abc854;
}
td.features {
	padding: 30px;
}
ul.catmenu {
	padding-top:20px;
}

/*homepage*/
#hpholdspace {
	height: 42px;
	border-bottom-style: solid;
	border-bottom-width: 25px;
	border-color: #abc854;
}
table#hptable {
	text-align:left;
}
tr.hptop, td.green {
	background-color:#abc854;
}
td.abt {
	background-color:#FFF;
}
td.mail {
	background-color:#c37240;
}
.mail p {
	color:#FFF;
}
.mail h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:#FFF;
	margin-bottom:7px;
	line-height: 1.1em;
}
tr.gray {
	background-color:#d6d3d3;
}
td.abt, td.mail {
	padding:15px;
}
td.hpslide {
	text-align:center;
}
#joinmail {
	float:left;
	width:270px;height:25px;
	background: url(/images/joinbk.gif) no-repeat top left;
	margin-top: 5px;
	margin-bottom:5px;
}
#joinmail form {
	margin:0;
}
.jtext {
	float:left;
	margin-left:8px;
	margin-top:3px;
	color:#5e5d5d;
	width:200px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	border:0;
}
td.hpfptitle {
	padding-top: 20px;
	padding-bottom: 20px;
}
td.hpbrands {
	background-image:url(/images/hpbrandsbk.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-left: 40px;
	padding-top:10px;
	padding-right:20px;
}
.hpbrands h1 {
	display:block;
	width:80px;
	float: left;
}
.slide img {
	padding:10px;
	background-color:#FFF;
	border: 1px solid #d6d3d3;
}
td.hpslide {
	text-align:center;
}
.shopbutton img {
	padding-top:23px;
	padding-bottom: 15px;
}

/* ---------------- Shopping specific styles ------------------- */

/*NOTE: a couple styles are defined on the individual shopping pages*/

.shopping ul li {
	list-style-position: inside;
	list-style-type: disc;	
}

td.shopping {padding:25px;}
.shopt {
	padding:0;
	margin:-1px 0 -3px 0 !important;
	margin:0 0 -3px 0;
	}
	
.namerow, .smallprice, .smallcatname {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height:15px;
	padding-bottom: 3px;
	padding-right:25px;
	text-transform:none;
	text-align:center;
}

.namerow a:link, .namerow a:visited {
	color:#c37240;
	font-weight: bold;
}
.namerow a:hover, .namerow a:active {
	color: #6c8b0f;
	text-decoration:underline;
}
.smallprice  {
font-weight: bold;
color:#6c8b0f;
}

.flag {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#c37240;
	padding-bottom: 5px;
	font-style: italic;
	font-weight: bold;
}
	
.pictrow {
	text-align: left;
}
.pictrow img, .alsorec img {
	margin: 15px;
	padding:10px;
	border: 1px solid #d6d3d3;
}
#prodpull img, .product img {
	margin:15px;
	padding:10px;
	border: 1px solid #d6d3d3;
}

.deptlist {font-size:10px; line-height:16px;}

.catname, .deptname {margin-bottom: 5px; margin-top:10px; font-size: 1em;}
.catnamebox {padding-bottom:15px;}
.catnamenav {margin-bottom: 20px;}
.catname a:link, .catname a:hover, .deptname a:link, a:hover {text-decoration:none;}

.pagecount {
	font-size:12px;
	padding-top:10px;
	color:#5e5d5d;
	margin-bottom:10px;
}
.prodname {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	line-height:1.3em;
	color:#6a3514;
	margin-top:15px;
}
.shortdesc, .longdesc, .specinst, .price, .crosslink, .detaillink {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1em;margin-bottom:10px;}
.price {font-weight: bold;}

.prodformtable {
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align: bottom;
	margin-bottom: 15px;
}
.prodformtable td {
	padding-bottom:15px;
}
.prodformtable img {
	border:0px;
	text-align: left;
	margin-left:-1px;
}

.detaillink img, .prodnav img {border:0px;}
#addtobag   {margin-bottom: 15px;}

.seealso {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.25em;
	line-height:1.25em;
	color:#5e5d5d;
	margin-bottom:20px;
}

	
div.float {float:left; margin:5px 15px 5px 0px;overflow:visible;}
div.item {float:left; margin:5px 15px 5px 0px;width:130px;}


/* ---------------- shopping bag styles ------------------- */
.shoppingbag {
	margin-left:auto;
	margin-top:20px;
	margin-right:auto;
	margin-bottom:20px;
}
	
.shoppingbag table {
	align:center
}
/* heading styles */
.sbhead {
	background-color: #eeebde;
	font-size: 1.25em;
	font-weight: bold;
}
.sbhead td {
	padding: 10px;
}
.sbhead  p {
	margin-top: 0;
	margin-bottom: 0;
	margin-left:5px;
	margin-right:5px;
}
.sbqtyhead, .sblistpricehead, .sbtotalpricehead {
	text-align:right;
}
.sbitemhead p, .sbqtyhead p, .sblistpricehead p, .sbtotalpricehead p {
	color:#4e2e2c;
}
/* item row styles  */

.sbitem td {
	margin:10px;
}

.sbitem {
	font-size: 14px;
	color:#6d6d6d;
	padding-bottom:15px;
}
.sbitem img {
	margin:15px;
	padding:10px;
	border: 1px solid #d6d3d3;
}

.sbitem p {	
	margin-left:5px;
	margin-right:5px;
	margin-top: 15px;
}
.sbimage {
	width:110px;
	text-align:center;
}
.sbitemname {
	width:320px;
}
.sbitem img {
	border:0px;
}
.itemremove {
	text-align:right;
}
.sbqty {
	width:50px;
	text-align:right;
}
.sblistprice {
	width:100px;
	text-align:right;
}
.sbtotalprice {
	width:100px;
	text-align:right;
}
/* summary lines */

.sbsubtotal {
	font-size: 1.25em;
}
.sbsubtotal td {
	padding-top:15px;
}
.sbsubtotal p {
	margin-left:5px;
	margin-right:5px;
}
.sbline {
	height:15px;
}
.sbuttons img {
	padding-top:20px;
	padding-bottom:20px;
}

.ftext2 { display:none; }


