/*
	Left
*/

#left						{ width: 112px; padding: 30px 20px 20px 29px; font-size: 1.0em; }
#left h4					{ text-transform: uppercase; font-weight: normal; margin-top: 50px; }
#left li					{ list-style-type: none; font-size: 0.7em; line-height: 1.2em; }
#left li a					{ color: #7e8083; text-decoration: none;  }
#left li a:hover			{ color: black; }
#left li.current a			{ color: #ee7724; }
#left li .tail				{ color: black; }

/*
	Subnav that sits just under the h3 and before the content
*/

#sub_nav					{ margin-top: 2px; padding-bottom: 14px; background: white url(../img/hr_wide.gif) no-repeat bottom left; }
#sub_nav li					{ display: inline; background: none; padding: 0px; }
#sub_nav li,
#sub_nav li a				{ color: #7e8083; text-decoration: none; text-transform: uppercase; }
#sub_nav li a:hover			{ color: black; }
#sub_nav li .tail			{ color: #7e8083; }
#sub_nav li.current a 		{ color: #ee7724; }
#sub_nav li.current .tail	{ color: black; }

.typography h3				{ padding-bottom: 16px; }

/*
	Right column. Sits right up against the right edge.
*/

#right						{ width: 236px; padding-top: 80px; margin-left: 42px; }
#right .ad					{ margin-left: 75px; }

/*
	Retailer boxes
*/
.retailer					{ float: left; width: 155px; margin-top: 24px; }
.retailer.even				{ margin-left: 75px; }
.retailer.odd				{ clear: left; }
.retailer h5				{ text-transform: uppercase; }
.retailer p					{ margin: 0px; font-size: 0.9em; line-height: 1.2em; }
.retailer a					{ display: block; margin-top: 0.5em; color: #808080; text-decoration: none; text-transform: lowercase; }
.retailer a:hover			{ color: black; }

/*
	Product table
*/
table.products td				{ padding: 0 2em 2.5em 0; }
table.products td h5			{ margin-bottom: 0.5em; }