/******************************************
Palette (not standard color names)
*******************************************
#B3BFA8     Medium Green
#677A55     Dark Green
#E1E5DC     Light Green
#FFF5AE     Yellow
#D0AB46     Gold
#000000     Black
#FFFFFF     White
******************************************/

/* NOTE: Temporary styles listed at end of document */

/******************************************
HTML Tags
******************************************/
body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 0px 0px 0px 0px;
    padding: 15px 20px 15px 20px;
    background-color: #331701;
    color: #000000;
    line-height: 130%;
}
td, th, p, li
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
p
{
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 0px 0px;
}
select, option, input, textarea
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
a
{
    color: #677A55;
    text-decoration: none;
}
a:link
{
}
a:visited
{
}
a:hover
{
    color: #D0AB46;
}
a:active
{
}
img
{
    border: 0px;
}
h1, h2, h3, h4, h5, h6
{
    margin: 0px 0px 3px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
    color: #677A55;
}

#SelectCategoryLabel
{
	color: #677A55;
	font-size: 20px;
}

h1
{
    /* must specify width and/or height for sIFR
       font sizes to match across browsers.

       You may want to specify width for IE since it
       tends to stretch the Flash object out farther
       than its bounding box, and therefore throwing
       off your page layout. */
    width: auto;
    height: 20px;
    
    font-family: Tahoma, Geneva, sans-serif;
    /*font-family: Georgia, Times New Roman, Times, serif;*/
    font-size: 18px;
}
h2
{
    font-size: 14px;
}
h3
{
    font-size: 12px;
}
h4
{
    font-size: 10px;
}
h5
{
    font-size: 9px;
}
h6
{
    font-size: 8px;
}


/******************************************
Links
******************************************/
.altnav
{
    color: #D0AB46;
}
.altnav:link
{
}
.altnav:visited
{
}
.altnav:hover
{
    color: #677A55;
}
.altnav:active
{
}

.footerrow a
{
    color: #677A55;
}
.footerrow a:link
{
}
.footerrow a:visited
{
}
.footerrow a:hover
{
    color: #E1E5DC;
}
.footerrow a:active
{
}


/******************************************
General
******************************************/
#outerframe, #PageTable
{
    border: solid 1px #331701;
    background-color: #FFFFFF;
    padding: 4px 4px 4px 4px;
    width: 724px;
    text-align: left;
}



div.inforow,
tr.inforow td,div.TopSubBannerText
{
    padding: 4px 4px 4px 6px;
    background-color: #b2a975;
    color: #677A55;
}
tr.footerrow td
{
    padding: 6px 4px 4px 8px;
    background-color: #B3BFA8;
    color: #677A55;
    height: 133px;
    font-size: 9px;
}
tr.footerrow td div
{
    padding: 0px 0px 6px 0px;
}
.sectionnav_top
{
}
.sectionnav_bottom
{
    padding: 4px 4px 2px 6px;
    background-color: #FFFFFF;
}
.sectionnav_selected
{
    font-weight: bold;
}
.leftcontent
{
    width: 169px;
    padding: 10px 2px 60px 8px;
}

.LeftColumnText a
{
	padding: 10px 2px 0px 8px;
}

.leftcontent .contentblock, .LeftColumnText .contentblock
{
    text-align: left;
    font-size: 11px;
    padding: 5px 0px 5px 0px;
    line-height: 200%;
}
.leftcontent h1, .LeftColumnText h1
{
    width: 169px;
}
.list1
{
    padding: 0px 5px 5px 10px;
    line-height: normal;
}
.list1 div
{
    padding: 2px 0px 2px 0px;
}
#contentarea
{
    width: 538px;
    margin: 2px 0px 0px 0px;
    padding: 0px 0px 10px 2px;
}
.shadedblock
{
    background-color: #E1E5DC;
}
.copyright
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #677A55;
    font-size: 9px;
    padding: 0px 0px 2px 8px;
    white-space: nowrap;
}
.footertext
{
    font-size: 9px;
}


/******************************************
Separators
******************************************/
.hseparator
{
    background-image: url(../Images/dot01.gif);
    background-repeat: repeat-x;
    background-position: left center;
    margin: 2px 0px 2px 0px;
}
.vseparator1
{
    background-image: url(../Images/dot01.gif);
    background-repeat: repeat-y;
    background-position: center top;
}
.vseparator2
{
    background-color: #677A55 !important;
    padding: 0px 0px 0px 0px !important;
}
.vseparator3
{
    background-color: #E1E5DC !important;
    padding: 0px 0px 0px 0px !important;
}
.vseparator4
{
    padding: 0px 2px 0px 2px;
    background-image: url(../Images/dot01.gif);
    background-repeat: repeat-y;
    background-position: center top;
}


/******************************************
Home Page
******************************************/
#contentarea_home
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 2px;
}
#homelinks
{
    padding: 8px 5px 5px 5px;
    text-align: right;
}
#homelinks div
{
    width: 100px;
    padding: 0px 0px 10px 0px;
}
#homefeatured
{
    padding: 8px 5px 5px 5px;
}
#homefeatured h1
{
    /* must specify width and/or height for sIFR
       font sizes to match across browsers.

       You may want to specify width for IE since it
       tends to stretch the Flash object out farther
       than its bounding box, and therefore throwing
       off your page layout. */
    width: 100px;
    height: auto;
    
    line-height: 110%;
}
#homefeatured2
{
    padding: 8px 5px 5px 5px;
}
#homefeatured2 h1
{
    /* must specify width and/or height for sIFR
       font sizes to match across browsers.

       You may want to specify width for IE since it
       tends to stretch the Flash object out farther
       than its bounding box, and therefore throwing
       off your page layout. */
    width: 100px;
    height: auto;
    
    line-height: 110%;
}
.homefeatureddetails
{
    margin: 5px 5px 5px 5px;
}
.homefeaturedname
{
    padding: 3px 0px 0px 5px;
}
.homefeatureddesc
{
    padding: 4px 3px 5px 3px;
}


/******************************************
Category Page
******************************************/
.categoryheader
{
    padding: 10px 4px 8px 140px;
}
h1.categoryheader
{
    width: 300px; /* was 225px */
}
img.categoryimage
{
    margin: 6px 0px 25px 5px;
}
.categorylinks
{
    padding: 20px 5px 20px 20px;
    font-size: 12px;
}
.categorylinks div
{
    padding: 0px 0px 10px 0px;
    
}
.categorynav
{
    text-align: right;
    white-space: nowrap;
    padding: 0px 10px 2px 6px;
}
.categorynav_selected
{
    font-weight: bold;
}


/******************************************
Category Item List Page
******************************************/
.productlistheaderrow td
{
    background-color: #677A55;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
}
.productlistitemrow td
{
    color: #677A55;
    font-size: 9px;
    padding: 3px 5px 3px 5px;
}
.productlistseparatorrow td
{
    padding: 1px 5px 1px 5px;
}
.productlistfooterrow td
{
    color: #677A55;
    padding: 5px 5px 5px 5px;
}


/******************************************
Temporary
******************************************/
.clickthroughlink
{
    color: #FF0000;
    text-decoration: underline;
}
.clickthroughlink:link
{
}
.clickthroughlink:visited
{
}
.clickthroughlink:hover
{
}
.clickthroughlink:active
{
}


/******************************************
Styles from StoreFront application
******************************************/
/* Default CSS Stylesheet for a new Web Application project */

.GeneralPage
{
	/*background-color: white;
	background-image: none;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;*/
}

.GeneralTable
{
	/*background-color: white;*/
}

.TopBanner
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #666666;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: none;
	text-align: left;
}

.TopSubBanner
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #E7E3D7;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background-color: #666666;
	background-image: none;
	text-align: center;
}

.TopSubBannerText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #E7E3D7;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: center;
}

.LeftColumn
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background-color: #C6BFA5;
	background-image: none;
	vertical-align: top;
	text-align: left;
	width: 20%;
}

.LeftColumnText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	vertical-align: top;
	text-align: left;
	width: 20%;
}

.RightColumn
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background-color: #C6BFA5;
	background-image: none;
	vertical-align: top;
	text-align: left;
	width: 20%;
}

.RightColumnText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	vertical-align: top;
	text-align: left;
	width: 20%;
}

.Footer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #C6BFA5;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background-color: #000000;
	background-image: none;
	text-align: center;
	vertical-align: top;
}

/*
.FooterText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #C6BFA5;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}
*/

.Instructions
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background-color: #E7E3D7;
	background-image: none;
	text-align: left;
}


.ErrorMessages
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #C90D4F;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: none;
	text-align: center;
}

.Messages
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #C90D4F;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: none;
	text-align: center;
}

.Headings
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: Black;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: none;
	text-align: left;
}

.Inputs
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: none;
}

.Content
{
/*
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: none;
	text-align: left;
*/
}

.AlternatingContent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background-image: none;
	text-align: left;
}


.ContentTableHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background-color: #E7E3D7;
	background-image: none;
	text-align: left;
}

.ContentTable
{
	background-color: #E7E3D7;
}

.ContentTableHorizontal
{
	background-color: #E7E3D7;
}