/* ----------------------------------------------
Copyright 2009 Hugatee, Inc.
---------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #00703c url(../images/bckgrnd.gif);
}

.clr {
	clear: both;
}

a {
	color: #666666;
}


/* Containers */

#maincontainer {
	width: 1024px;
	margin: 0 auto;
	background: #FFFFFF;
}


/* Header */

#header {
	background: url(../images/bckgrnd-header.jpg) top right no-repeat;
	height: 162px;
}

#logo {
	float: left;
}

#headercart {
	text-align: right;
	font-size: 12px;
	padding: 15px 70px 0 0;
}


/* Top Navigation */

#topnav {
	padding-top: 92px;
	float: left;
}

#topnav ul {
	padding-left: 30px;
}

#topnav li {
	display: block;
	float: left;
	list-style-type: none;
}

#topnav a {
	display: block;
	height: 15px;
	text-indent: -9009px;
	margin-right: 34px;
	font-size: 10px;
	line-height: 14px;
}

#navtshirts a {
   background: url(../images/nav-tshirts.gif) no-repeat 0 0;
   width: 73px;
}

#navtshirts a:hover {
   background: url(../images/nav-tshirts.gif) no-repeat 0 -15px;
}

#navnew a {
   background: url(../images/nav-whats-new.gif) no-repeat 0 0;
   width: 73px;
}

#navnew a:hover {
   background: url(../images/nav-whats-new.gif) no-repeat 0 -15px;
}

#navabout a {
   background: url(../images/nav-about.gif) no-repeat 0 0;
   width: 95px;
}

#navabout a:hover {
   background: url(../images/nav-about.gif) no-repeat 0 -15px;
}

#navfaq a {
   background: url(../images/nav-faq.gif) no-repeat 0 0;
   width: 23px;
}

#navfaq a:hover {
   background: url(../images/nav-faq.gif) no-repeat 0 -15px;
}

#navcontact a {
   background: url(../images/nav-contact.gif) no-repeat 0 0;
   width: 72px;
}

#navcontact a:hover {
   background: url(../images/nav-contact.gif) no-repeat 0 -15px;
}


/* Left Navigation */

#leftnav {
	width: 132px;
	min-height: 606px;
	height: auto !important;
  	height: 606px;
	background: #a0a2a4 url(../images/bckgrnd-left-nav.gif) no-repeat;
	float: left;
}

#leftnavcollections {
	text-align: right;
	padding: 120px 0 20px 30px;
	font-size: 12px;
}

#leftnavcollections p {
	padding: 5px 8px 5px 5px;
}

#leftnavcollections ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	border-top: 1px solid #b4b7b9;
}

#leftnavcollections a {
	display: block;
	padding: 3px 8px 3px 3px;
	width: 89px;
	border-bottom: 1px solid #b4b7b9;
	border-left: 1px solid #b4b7b9;
	border-right: 1px solid #b4b7b9;
	color: #fff;
	text-decoration: none;
}

#leftnavcollections a:hover {
	background-color: #00703c;
	color: #fff;
}

#leftnavshirts {
	text-align: right;
	padding: 20px 8px 20px 0;
	font-size: 12px;
	line-height: 18px;
}

#leftnavshirtslist {
	list-style-type: none;
}

#leftnavshirtslist a {
	color: #FFFFFF;
}

#leftnavshirtslist a:hover {
	color: #2a2623;
	text-decoration: none;
}

.leftnavcollname {
	color: #000000;
	text-decoration: none;
}


/* Home Content */

#hmcontent {
	background: url(../images/bckgrnd-home.gif) no-repeat 95px 20px;
	height: 606px;
	float: left;
	width: 892px;
}

#hmphotocontainer {
	border-bottom: #9fa1a4 1px solid;
	border-top: #9fa1a4 1px solid;
	padding-left: 56px;
	margin: 56px 0 18px 0;
}

#hmbannercontainer {
	border-bottom: #9fa1a4 1px solid;
	border-top: #9fa1a4 1px solid;
	padding-left: 56px;
	margin: 18px 0 0 0;
}


/* Content */

#checkoutcontent {
	border-top: #9fa1a4 1px solid;
	font-size: 12px;
}

#content {
	border-top: #9fa1a4 1px solid;
	padding-left: 483px;
	font-size: 12px;
}

#textcontent {
	border-top: #9fa1a4 1px solid;
	padding: 15px 340px 15px 80px;
	font-size: 12px;
}

#textcontent p {
	margin-bottom: 15px;
}

.faqcontent {
	font-size: 24px;
	color: #006633;
	font-weight: bold;
	line-height: 26px;
	margin-bottom: 5px;
}

#collection {
	border-top: #9fa1a4 1px solid;
	padding: 0 0 0 80px;
}

#productcollection {
	border-top: #9fa1a4 1px solid;
	padding: 15px 0 0 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#productoverview, #productcompletelist {
	width: 648px;
	list-style-type: none;
}

#productoverview li {
	margin: 0 4px 4px 0;
	float: left;
	height: 140px;
}

#productcompletelist li {
	margin: 0 4px 4px 0;
	float: left;
	height: 155px;
}

#productoverview img, #productcompletelist img {
	border: 1px solid #CCCCCC;
}

#shirtdetail {
	height: 156px;
	width: 235px;
}

#shirtinfo {
	padding: 15px;
	border-bottom: 1px solid #cccdcf;
	border-right: 1px solid #cccdcf;
	width: 204px;
	background: url(../images/bckgrnd-shirtinfo.gif) no-repeat left top;
}

#shirtinfo p {
	margin-bottom: 10px;
}

#shirtinfo li {
	margin-bottom: 10px;
	list-style-type: none;
}

#shirtinfo label {
	width: 90px;
	display: -moz-inline-box;
	display: inline-block;
}

.divider {
	border-top: #999999 1px solid;
	padding-top: 15px;
}

.cartbttn {
	color: #00703c;
	font-weight: bold;
	font-size: 11px;
	background: url(../images/bttn-cart.gif) no-repeat;
	text-align: center;
	width: 104px;
	height: 35px;
}

.size {
	font-size: 12px;
	border: 1px solid #666666;
}

#sizechart {
	color: #00703c;
	background: #eeeeee;
	width: 223px;
	text-align: right;
	padding: 4px 6px;
	font-size: 11px;
	margin-bottom: 7px;
}

#price {
	background: #eeeeee;
	width: 223px;
	text-align: right;
	padding: 4px 6px;
	font-size: 36px;
}


/* Products */

#collectiontitle {
	height: 19px;
	padding: 30px 0 8px 80px;
}

#collectioncontainer, #iconal, #iconcarbonequation, #iconcarbonneutral, #iconchillhere, #iconearthmoney, #iconhexxon, #iconhonorthymother, #iconhugatee, #iconhybriddad, #iconhybridmom, #iconpeacepowered, #iconrevolution, #iconsolarnuclear, #iconwindoil, #iconwindsolargeot, #peakaddiction, #peakoilover, #peakpeakoil, #peakterroristatm, #peakturmoil, #peakwwjd, #contentcontainer {
	min-height: 566px;
	height: auto !important;
  	height: 566px;
	float: left;
	width: 892px;
	padding-bottom: 40px;
}

#collectioncontainer, #contentcontainer {
	background: url(../images/bckgrnd-collection.gif) no-repeat top right;
}

#iconal {
	background: url(../images/icon-al-photo.jpg) no-repeat 92px 22px;
}

#iconcarbonequation {
	background: url(../images/icon-carbon-equation-photo.jpg) no-repeat 92px 22px;
}

#iconcarbonneutral {
	background: url(../images/icon-carbon-neutral-photo.jpg) no-repeat 92px 22px;
}

#iconchillhere {
	background: url(../images/icon-chill-here-photo.jpg) no-repeat 92px 22px;
}

#iconearthmoney {
	background: url(../images/icon-earth-money-photo.jpg) no-repeat 92px 22px;
}

#iconhexxon {
	background: url(../images/icon-hexxon-photo.jpg) no-repeat 92px 22px;
}

#iconhonorthymother {
	background: url(../images/icon-honor-thy-mother-photo.jpg) no-repeat 92px 22px;
}

#iconhugatee {
	background: url(../images/icon-hugatee-photo.jpg) no-repeat 92px 22px;
}

#iconhybriddad {
	background: url(../images/icon-hybrid-dad-photo.jpg) no-repeat 92px 22px;
}

#iconhybridmom {
	background: url(../images/icon-hybrid-mom-photo.jpg) no-repeat 92px 22px;
}

#iconpeacepowered {
	background: url(../images/icon-peace-powered-photo.jpg) no-repeat 92px 22px;
}

#iconrevolution {
	background: url(../images/icon-revolution-photo.jpg) no-repeat 92px 22px;
}

#iconsolarnuclear {
	background: url(../images/icon-solar-nuclear-photo.jpg) no-repeat 92px 22px;
}

#iconwindoil {
	background: url(../images/icon-wind-oil-photo.jpg) no-repeat 92px 22px;
}

#iconwindsolargeot {
	background: url(../images/icon-wind-solar-geot-photo.jpg) no-repeat 92px 22px;
}

#peakaddiction {
	background: url(../images/peak-addiction-photo.jpg) no-repeat 92px 22px;
}

#peakoilover {
	background: url(../images/peak-oil-over-photo.jpg) no-repeat 92px 22px;
}

#peakpeakoil {
	background: url(../images/peak-peak-oil-photo.jpg) no-repeat 92px 22px;
}

#peakterroristatm {
	background: url(../images/peak-terrorist-atm-photo.jpg) no-repeat 92px 22px;
}

#peakturmoil {
	background: url(../images/peak-turmoil-photo.jpg) no-repeat 92px 22px;
}

#peakwwjd {
	background: url(../images/peak-wwjd-photo.jpg) no-repeat 92px 22px;
}


/* Footer */

#footer {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	padding: 25px 0 55px 0;
}

#footer a {
	color: #FFFFFF;
}

#footer a:hover {
	color: #2a2623;
}