/* Sets base parent attributes for site, incl. bgcolor and base font if needed. */
body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

/* defaults */
p, span, div, table, tr, td, th
{
	font: 11px normal Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 135%;
	color: #000;
	}
	
th {
	font-weight: bold;
	text-align: center;
	}

/* Basic block-level and inline elements. */
p {
	font-size: 11px;
	line-height: 135%;
	margin: 3px 0 9px 0;
	}

h1	{
	font-size: 18px;
	font-weight: bold;
	line-height: 125%;
	color: #669966;
	margin: 9px 0 6px;
	}

h2	{
	font-size: 16px;
	font-weight: bold;
	line-height: 125%;
	color: #669966;
	margin: 9px 0 6px;
	}

h3	{
	font-size: 14px;
	line-height: 130%;
	font-weight: bold;
	margin: 12px 0 0 0;
	letter-spacing: 0.2em;
	}

h4, h5	{
	font-size: 13px;
	line-height: 135%;
	font-weight: bold;
	margin: 6px 0 0 0;
	}

h5 {
	font-size: 10px;
	font-weight: normal;
}

ul, ol {
	font-size: 11px;
	line-height: 130%;
	}

li {
	margin-top: 0;
	margin-bottom: 3px;
	}

strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}

u {
	text-decoration: underline;
	}

sup {
	font-size: 9px;
	line-height: 50%;
	}

sub {
	font-size: 9px;
	line-height: 50%;
	}
	
/* Link and Visited should almost always be different; Hover and Active almost always the same. */
a, a:link
{
	color: #006600;
	text-decoration: none;
	}

a:visited
{
	color: #990000;
	text-decoration: none;
	}

a:hover, a:active
{
	color: #0000ff;
	text-decoration: underline;
	}

/* Turns off unwanted gaps around images/linked in stupid browsers */
img, a img	{ 
	border: none; 
	}

/* try to control "more" image */	
a img { 
	vertical-align:top; 
	}
	
/* Do not remove this comment: */
/* Email CSS Ends Here */
	
fieldset { 
	border: 1px solid #ccc; 
	}
	
legend { 
	font-weight: bold; 
	}

/* How do we approach this topmost navigation within the masthead - should it be handled within a custom div of some sort? */
a.topnav:link, a.topnav:visited	{
	color: #000000;
	text-decoration: none;
	}

a.topnav:hover, a.topnav:active	{
	color: #990000;
	text-decoration: none;
	}

#utility	{
	vertical-align: top;
	width: 190px;
	}

/* Sets base parent attributes for overall table container, including width, positioning, and border; to center a table, use margin-left: auto and margin-right: auto. */
#layout
{
	padding: 0px;
	margin 0px;
}

/* TD ids: Mainly used to set widths */
#navigation	{
	vertical-align: top;
	width: 190px;
}
/* This is a DIV id, to be used to set basic attributes of main navigation container, to separate from other elements in this table cell */
/* TD ID FOR MIDDLE CONTAINER: Mainly used to set widths and vertical alignment. */
#main {
	vertical-align: top;
	padding: 12px;
	}

#div-main {
	margin: 6px 0;
	padding: 0 6px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	}

#div-navigation { 
	margin: 12px 0; 
	}

/* This is a DIV id, to be used to set attributes of main navigation container, such as width, margin, padding, and overall background color; but more importantly, it isolates specialized (navigation) link styles within this unique ID */
#category-nav	{
	width: 190px;
	padding: 0;
	background-color: #ffffff;
	}

/* Here are defined attributes of the Search components */
div.search-wrapper {
	margin-bottom: 0;
	padding-bottom: 6px;
	border-bottom: 2px solid #990000;
	}

input.search-text {
	width: 188px;
	height: 15px;
	font-family: Georgia, "New York", "Minion Web", "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 12px;
	color: #000000;
	background-color: #ffffcc;
	margin-top: 12px;
	margin-left: 2px;
	border: 1px solid #000000;
	}
	
input.search-button {
	margin-top: 3px;
	margin-left: 133px;
	}

/* This DIV id is for additional content below the navigation. */
#div-moreinfo {
	width: 192px;
	margin: 18px 0;
	padding: 6px 0;
	border-top: 2px solid #990000;
	}

#div-moreinfo p.pullquote {
	margin: 0 12px;
	font-family: Georgia, "New York", "Minion Web", "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 150%;
	font-style: italic;
	font-weight: bold;
	color: #990000;
	text-align: center;
	}
	
/* Container for each of the main navigation items (links), and so universally defines selected attributes of its children */
#category-nav div	{
	width: 190px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	font-weight: bold;
	text-align: right;
	}

/* Defines common attributes of all navigation links */
#category-nav div a	{
	display: block;
	width: 190px;
	margin: 0;
	padding: 4px 0;
	border-bottom: 1px solid #cccccc;
	}

/* Defines specific attributes of navigation links */
#category-nav div a:link, #category-nav div a:visited	{
	color: #333333;
	text-decoration: none;
	background-color: #ffffff;
	}

#category-nav div a:hover, #category-nav div a:active	{
	color: #990000;
	text-decoration: none;
	background-color: #ffffcc;
	}

/* Defines common attributes of navigation link in "current" state */
#category-nav div.current a	{
	font-weight: bold;
	display: block;
	width: 190px;
	margin: 0;
	padding: 4px 0;
	border-bottom: none;
	}

/* Defines specific attributes of navigation link in "current" state */
#category-nav div.current a:link, #category-nav div.current a:visited	{
	color: #990000;
	text-decoration: none;
	background-color: #ffffcc;
	}

#category-nav div.current a:hover, #category-nav div.current a:active	{
	color: #990000;
	text-decoration: none;
	background-color: #ffffcc;
	}

/* Defines common attributes of subnavigation list */
#category-nav div.current ul	{
	list-style-type: none;
	font-size: 10px;
	margin: 0px;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #cccccc;
	}

/* Defines common attributes of subnavigation list items */
#category-nav div.current ul li	{
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0;
	}

/* Defines common attributes of subnavigation links */
#category-nav div.current ul li a	{
	font-weight: normal;
	display: block;
	width: 190px;
	margin: 0;
	padding: 0;
	border-bottom: none;
	}

/* Defines specific attributes of subnavigation links */
#category-nav div.current ul li a:link	{
	color: #000000;
	text-decoration: none;
	background-color: #ffffff;
	}

#category-nav div.current ul li a:visited	{
	color: #000000;
	text-decoration: none;
	background-color: #ffffff;
	}

#category-nav div.current ul li a:hover	{
	color: #990000;
	text-decoration: underline;
	background-color: #ffffff;
	}

#category-nav div.current ul li a:active	{
	color: #990000;
	text-decoration: underline;
	background-color: #ffffff;
	}

/* Elements of the main content area */
#categories	{
	padding: 6px 0;
	border-bottom: 1px solid #669966;
	border-top: 1px solid #669966;
	}

tr.tr-odd, tr.tr-even	{
	vertical-align: top;
	}


td.td-odd, td.td-even	{
	vertical-align: top;
	padding: 6px;
	}

tr.tr-odd td.td-odd	{
	background-color: #fff;
	}

tr.tr-odd td.td-even	{
	background-color: #f8f8f8; /*efefef*/
	border: 1px solid #e4e4e4;
	}

tr.tr-even td.td-odd	{
	background-color: #f8f8f8;
	border: 1px solid #e4e4e4;
	}

tr.tr-even td.td-even	{
	background-color: #fff;
	}

/*   use this to control cat imaes -OR- the categories class??      */
td.td-odd img	{
	float: none;
	margin: 0 0 6px 6px;
	border:1px solid #666;
	}

td.td-even img	{
	float: none;
	margin: 0 0 6px 6px;
	border:1px solid #666;
	}

h1.category-name	{
	font-size: 18px;
	line-height: 120%;
	color: #666666;
	margin: 0 0 6px 0;
	}

/* ID for table containing category elements of the main content area */
#categories {
	padding: 6px 0;
	border-top: 1px solid #669966;
	border-bottom: 2px solid #669966;
	}

/*        This over-rides the td.td-odd img etc... 
#categories img {
	float: right;
	margin: 0 0 18px 6px;
	}
*/	
#categories p	{
	font-size: 11px;
	line-height: 125%
	}

#categories h4	{
	font-size: 13px;
	line-height: 135%;
	font-weight: bold;
	margin: 0;
	}

#div-main h4 a:link, #div-main h4 a:visited	{
	color: #0033ff;
	text-decoration: none;
}

#div-main h4 a:visited, #div-main h4 a:hover	{
	color: #990000;
	text-decoration: underline;
}

/* This DIV id contains recently viewed items and recent searches */
#div-recent {
	margin: 6px 12px;
	padding: 0;
	}

#div-recent h3 {
	font-size: 12px;
	line-height: 130%;
	font-weight: bold;
	margin: 15px 0 3px;
	text-transform: uppercase;
	color: #333333;
	}

#div-recent h4 {
	font-size: 11px;
	line-height: 135%;
	font-weight: normal;
	margin: 0 0 6px;
	}

#div-recent h4 a:link, #div-recent h4 a:visited {
	color: #990000;
	text-decoration: none;
	}

#div-recent h4 a:active, #div-recent h4 a:hover {
	color: #006633;
	text-decoration: underline;
	}
	
/* TD ID FOR RIGHT CONTAINER: Mainly used to set widths and vertical alignment. */
#utility {
	width: 192px;
	vertical-align: top;
	}

/* DIV id sets basic attributes of right-hand Utility container, separate from other elements in this table cell. */
#div-utility {
	margin: 12px 0;
	}

#div-utility h4 {
	margin: 0;
	}
	
#div-utility th	{
	font-size: 12px;
	color: #990000;
	border: 1px solid #990000;
	padding:2px;
	background-color: #efefef;
	}

#div-utility h4 a:link, #div-utility h4 a:visited {
	color: #990000;
	text-decoration: none;
	}

#div-utility h4 a:active, #div-utility h4 a:hover {
	color: #006633;
	text-decoration: underline;
	}
	
/* Attributes of the Basket Summary table in the Utility cell. */
#basket-summary {
	width: 192px;
	margin: 0;
	}
	
#basket-summary th {
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #990000;
	padding: 1px 0;
	}

#basket-summary td {
	padding: 1px 3px 1px 0;
	}

#basket-summary td.td-odd, #basket-summary td.td-even {
	padding: 6px 3px 6px 0;
	border-bottom: 1px solid #cccccc;
	}

#basket-summary img {
	margin: 0 0 6px 6px;
	float: right;
	}

#basket-summary input {
	padding: 3px 0;
	float: right;
	}	
	
	
/*	 BEGIN PRODUCT DETAIL STYLES */
h1.product-name {
	line-height: 125%;
	color: #669966;
	margin: 6px 0;
	}
	
p.catalog-num {
	font-weight: bold;
	margin: 12px 0 0 0;
	}

p.qty {
	font-style: italic;
	margin: 6px 0 0 0;
	}

p.short-descrp {
	margin: 6px 0 0 0;
	}

p.price {
	margin: 0;
	}

p.remove {
	font-size: 10px;
	text-align: center;
	margin: 12px 0 0 0;
	}

p.long-descrp {
	font-size: 12px;
	}


/*	product option stuff */
.options {
	width:100%;
	}
.options p.price {
	margin:0px; padding:0px; 
	font-weight:bold;
	}
.options h4 {
	margin:2px 0px; padding:0px; 
	}
.qty-add-to-basket {
	margin:5px 0px;
	}
.qty-add-to-basket input {
	display:inline;
	vertical-align:middle;
	}

/*	 END PRODUCT DETAIL STYLES */


/* Attributes of the Popular Products table in the Utility cell. */
#popular {
	width: 192px;
	margin-top: 12px;
	}

#popular th {
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #666666;
	padding: 1px 0;
	}

#popular td.td-odd, #popular td.td-even {
	padding: 6px 3px 6px 0;
	border-bottom: 1px solid #cccccc;
	}

#popular img {
	margin: 0 0 6px 6px;
	float: right;
	}


/* Attributes of the Special Products table in the Utility cell. */
#special {
	width: 192px;
	margin-top: 12px;
	}

#special th {
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #666666;
	padding: 1px 0;
	}

#special td.td-odd, #special td.td-even {
	padding: 6px 3px 6px 0;
	border-bottom: 1px solid #cccccc;
	}

#special img {
	margin: 0 0 6px 6px;
	float: right;
	}

/* This DIV id is for additional content below the Utility tables. */
#div-extrainfo {
	width: 192px;
	margin: 12px 0;
	}
	
	
/*  BEGIN CHECKOUT GOODNESS */
table#checkout {
	width: 740px;
}

table#checkout td.checkout-login 
{ 
	width: 50%; 
	border: 1px solid #ccc;
	padding: 10px; 
	background-color: #eee; 
}

table#checkout input, select {
	margin: 0px 0px 2px 0px;
}

#div-checkout {
	width: 740px;
	margin: -7px auto 0px auto;
	padding:10px;
	border:3px solid #2A7045;
}

#checkout-retrieve-password {
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #fff;
}

/* Checkout navigation ID and link styles */
#checkout-nav-container {
	font-size: 12px;
	padding: 10px;
	text-align: center;
}

a.checkout-nav-link, a.checkout-nav-link:link, a.checkout-nav-link:hover, a.checkout-nav-link:visited, 
a.checkout-nav-link-finished, a.checkout-nav-link-selected, a.checkout-nav-link-selected { 
	padding: 4px 30px;
	margin: 0px;
	color: #fff; 
	background-color: #2A7045; /* lt.green-b3c6be blueish-#036*/
	text-decoration: none;
}

a.checkout-nav-link-finished { text-decoration: underline; color: #fff; }
a.checkout-nav-link-finished:visited, a.checkout-nav-link-finished:link
{ 
	background-color: #2A7045; 
	text-decoration: underline; 
	color: #fff; 
}

a.checkout-nav-link-finished:hover, 
a.checkout-nav-link-selected:link, a.checkout-nav-link-selected:hover, a.checkout-nav-link-selected:visited 
{ 
	background-color: #84AD84; 
	color: #fff; 
	text-decoration: underline; 
}

a.checkout-nav-link-finished:hover, a.checkout-nav-link-selected:hover { 
	color: #000;
	background-color: #84AD84;
	text-decoration: underline; 	
	}

/* General float classes */
.float-container {
	width: 100%;
	position: relative;
}
.float-left-a, .float-right-a 
{
	width:46%;
	border: 1px solid #ccc;
	padding: 9px;
	background-color: #eee;
}
.float-left-a {
	float:left;
}
.float-right-a {
	float:right;
}

.form h5 {
	color: #333;
	font: normal 9px verdana;
	margin-top: 1px;
	margin-bottom: 0px;
}

.form input, .form span { 
	/*border: 1px solid #888;*/
	/*height:14px;*/.
	margin: 0px; 
	padding-top: 0px; 
	clear: both;
	}	
.form div {
	float: left; 
	padding-right: 9px;
}
/*  END CHECKOUT GOODNESS */


/* BEGIN My Account */
	
td.myaccount-header-icon {
	height: 20px;
	width: 20px;
	text-align: center;
	font-weight: bold;
	color: #000;
	background-color: #eed;
	border: 1px solid #666;
}
td.myaccount-header-text {
	height: 20px;
	width: 300px;
	color: white;
	background: #696;
	border: 1px solid #666;
	border-left: 1px solid #fff;
	font-weight: bold;
	padding: 0px 6px;
}
td.myaccount-balance {
	text-align: right;
	font-weight: bold;
}
div.myaccount {
	padding-left: 24px;
}
div.myaccount-balance {
	float: right;
	padding: 12px;
	border: 1px solid #666;
}
div.myaccount-nav-wrapper {
	padding: 3px;
	background-color: #696;
}
div.myaccount-nav-header {
	font-weight: bold;
	font-size: 14px;
}
div.myaccount-nav {
	background-color: #eed;
	border-bottom: 1px solid #fff;
	padding: 3px 6px;
}
div.myaccount-nav-selected {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	padding: 3px 6px;
}
textarea.myaccount-question {
	width: 300px;
	height: 100px;
}

/* END My Account */

#debug { 
	clear: both; 
	font-size: 9px; 
}

.error {
	font-size:14px;
	color: #ff0000;
	font-weight:bold;
	}



/* BEGIN Slide Show Styles */

div#slideshow-wrapper
{
	float: right;
	margin: 0px 0px 12px 12px;
}

div#slideshow-enlarge
{
	position: relative;
	top: -22px;
	left: 6px;
	margin-bottom: -10px;
}

div#slideshow-main-image { border: none; }

div#slideshow-caption
{
	font-style: italic;
	text-align: center;
	padding-bottom: 12px;
	margin: 0px;
}

div#slideshow-current-image-wrapper { float: right; }
div#slideshow-previous { float: left; }
div#slideshow-next { float: right; }

	
div#thumbnail-replace-wrapper { float: right; }

div#thumbnail-replace-enlarge
{
	position: relative;
	top: -22px;
	left: 6px;
	margin-bottom: -10px;
}

div#thumbnail-replace-main-image
{
	border: none;
	margin: 0px;
}

div#thumbnail-replace-caption
{
	font-style: italic;
	text-align: center;
	padding-bottom: 12px;
	margin: 0px;
}

div#thumbnail-replace-current-image-wrapper
{
	float: right;
	border: none;
}

div#thumbnail-replace-thumbnail-wrapper
{
	float: left;
	margin-right: 9px;
}

div.thumbnail-replace-thumbnail
{
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin-bottom: 9px;
	text-align: right;
}

div#thumbnail-popup-wrapper { float: right; }

div.thumbnail-popup-thumbnail
{
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin-bottom: 9px;
	text-align: right;
	display: inline;
	margin-right: 9px;
}

img.thumbnail-popup-detail { border: 1px solid green; }
/*      END SLIDESHOW STUFF */


/* Mountain Media footer */
p.mm-footer
{
	margin-top: 70px;
	text-align: center;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; 
	color: #818181;
	font-size: 10px; 
}

p.mm-footer strong
{
	color: #333;
}