a
{
    color: Blue;
}

table
{
    font-size: 8pt;
}


/*
	AUTHOR: Jesse Brown
			jbrown@refueldesign.com
			https://refueldesign.com
*/

/* RESETS AND BASIC PAGE SETUP */

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

html { overflow-y: scroll; }

body {
	font: 62.5% Helvetica, sans-serif; 
	xxx_color: #333333;
}

ul#nav {
	height: 37px;
	width: 798px;
	margin: 12px 20px auto 0px;
	margin-top: 12px;
}

ul#flinks
{
	margin: 12px 20px auto -14px;
}

ul { 
	list-style: none inside;
}

p {
	font-size: 1.2em;
	letter-spacing: .2pt;
	line-height: 1.5em;
	margin-bottom: 1.2em;
	word-spacing: 0.7pt;
	margin: 12px auto auto auto;
}

h1 {
	font-size: 36px;
	color: #666666;
	font-family: "Times New Roman", Times, serif;
}

h2 {
	font-size: 18px;
	color: #666666;
	margin: 0 auto 10px;
}

#featured-prod h2 {
	font-size: 18px;
	color: white;
	margin: 0 auto 10px;
}


h3 {
	font-size: 12px;
	color: #FFD200;
	margin: 0 auto 12px;
}

h4
{
    font-size: 12px;
    color: #808080;
    margin: 0 auto 12px;
}

a {
	font-size: 12px;
	outline: none; 
	xxx_color: #b3b3b3;
	text-decoration: none;
}

a img { border: none; }

/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */

/* STRUCTURE AND STUFF */

.main-wrap
{
	background: transparent url(images/ghost.jpg) repeat scroll 0 0;
}

#page-wrap {
	background: transparent url(images/header-bg.gif) repeat-x scroll 0 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

#header-wrap { 
	height: 104px;
	margin: 0px 42px;
}

#header-right {
	margin: 36px auto auto auto;
	float: right;
	width: 350px;
}

#logo 
{
	background: url(images/header-logo.png) no-repeat;
	width: 310px;
	height: 78px;
	float: left;
	margin: 20px 0px 0px;
}

#leaves {
	float: right;
	background: url(images/header-leaves.png) no-repeat;
	margin: 0px;
	width: 127px;
	height: 103px;
}

#main-nav-wrap {
	width: 100%;
	height: 37px;
	top: 0px;
	float: left;
	background: transparent url(images/nav-bar-bg.png) repeat-x scroll 0 0;
	margin: 0px 0px 10px 0px;
}

#main-nav-inside {
	margin: 0px 42px;
	width: 940px;
}

#nav-search {
	display: block;
	float: right;
	xmargin: -50px -42px;
	margin: -50px 5px;
}

#body-wrap {
	width: 100%;
	height: auto;

}

#body-bg {
	width: auto;
	height: auto;
}

#body-content {
	width: 1200px;
	height: 340px;
	margin: 0px 0px;	
	}
	
#body-content-150h {
	height: 160px;
	width: 900px;
	margin: 0px 0px 0px 0px;
	border-top-color: #BAB9B8;
	border-top-style: solid;
	border-top-width: 1px;
	}

.body-col {
	xfloat: left;
	margin: 10px 20px 0px 0px;
	width: 280px;
}

#featured-prod {
	width: 400px;
	height: 242px;
	padding: 10px;
	color: white;
	vertical-align: top;
}

#php-message { 
	font-size: 14px;
}

#footer-wrap {
	background: #333333 url(images/footer-tile-bg.png) repeat;
	width: 100%;
	height: 200px;

}

#footer-inside {
	width: 798px;
	padding: 0px 20px;

}

#footer-col {
	float: left;
	margin: 36px 0px 0px 0px;
	width: 150px;
}

#footer-right {
	margin: 36px auto auto auto;
	float: right;
	width: 312px;
}
#footer-left {
	margin: 36px auto auto 36px;
	float: left;
	width: 312px;
}


/* END STRUCTURE AND STUFF */


.nav-button {
	text-shadow: 0px 1px 1px #3e3e3e;
	color: #ffffff;
	padding:3px 8px;
	font-size: 14px;
}

.nav-button:hover {
	color: #FFD200;
	padding:3px 8px;
	font-size: 14px;

}

.text-box {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #C1B49A;
	color:#7D6A55;
	font-size:14px;
	height:20px;
	margin:5px 0px;
	padding:3px
}

.button { 
	border: solid 1px #309919;
	margin: 0px 0px 0px 0px; 
	font-weight: bold; 
	padding: 5px 5px 5px 5px;
	text-shadow: 0px 1px 1px #404040; 
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #7BC143;
	vertical-align: super;
	color: white;
	font-size: 12px;
}

.button:hover {
	background: #FFCC00 none repeat scroll 0 0;

}

.xbutton { 
	border: solid 1px #309919;
	margin: 0px 0px 0px 0px; 
	font-weight: bold; 
	padding: 5px 5px 5px 5px;
	text-shadow: 0px 1px 1px #404040; 
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #7BC143;
	xvertical-align: super;
	color: white;
	font-size: 12px;
}

.xbutton:hover {
	background: #FFCC00 none repeat scroll 0 0;

}

.npbutton { 
	border: solid 1px #309919;
	margin: 0px 0px 0px 0px; 
	font-weight: bold; 
	padding: 5px 5px 5px 5px;
	text-shadow: 0px 1px 1px #404040; 
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #FFCC00;
	vertical-align: super;
	color: black;
	font-size: 12px;
}

.npbutton:hover {
	background: #7BC143 none repeat scroll 0 0;
	color: White;

}

.smallbutton
{
	border: solid 1px #309919;
	xmargin: auto;
	font-weight: bold;
	padding: 0px 3px 0px 3px;
	background: #7BC143;
	vertical-align: super;
	color: white;
	font-size: 10px;
}

.smallbutton:hover {
	background: #FFCC00 none repeat scroll 0 0;

}



.textbox {
	color: grey;
	padding: 3px 8px;
	font-size: 12px;
}

.footer-links a
{
	xmargin-left: -55px;
	text-shadow: 0px 0px 0px;
	line-height: 24px;
	Text-decoration: underline;
	color: #7BC143;
}

.footer-links a:hover {
	color: #FFD200;
}


/* Individual tags
*/
#Numbers
{
    background-color:Lime;
}

#Header
{
    background-color: green;
}

#SupplyRepeaterTable
{
    background-color: #beb7ae;
}

#ProductListTable
{
    xborder-style: solid;
    xborder-width: 1px;
}

#BusyBoxDiv
{
    border-right:navy 2px solid;
    BORDER-TOP: navy 2px solid;
    visibility: hidden; 
    BORDER-LEFT: navy 2px solid; 
    BORDER-BOTTOM: navy 2px solid; 
    POSITION: absolute; 
    BACKGROUND-COLOR: white;
}

#YouHaveItemsLabel
{
    font-size:medium;
    color:Blue;
    font-weight:bold;
}

/* Class tags
*/

.progresspanel 
{
background-color: RED; 
color: white; 
font-size: 24pt;
position: absolute; 
top: 150px; 
left: 150px; 
z-index: 999; 
border: solid 2px black; 
xmargin: auto auto auto auto;
}

.nav
{
    background-color: #beb7ae;
    color: #fff;
}

.HeaderLink
{
	font-size: 12pt;
	color: black;
	font-weight: bold;
}

.HeaderLink:hover
{
	font-size: 12pt;
	color: white;
}


.tooltip
{
    display: none;
    POSITION: absolute;
	TOP: 0px;
	LEFT: 0px;
	WIDTH: 300px;
	BORDER-TOP: black 1px solid;
	BORDER-RIGHT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
	BORDER-LEFT: black 1px solid;
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 4px;
	PADDING-TOP: 4px;
	Z-INDEX: 200;
	BACKGROUND-COLOR:#edb329;
	FONT: 10pt bold arial,sans-serif;
	COLOR:white;

}
.Title
{
    font-size: 24pt;
    font-family: Arial;
    text-decoration: none;
    color:Black;
}

.HeaderLinks
{
    color:White;
}

.Pagers
{
    font-size:10pt;
    font-weight:bold;
}

.ItemList
{
    border-color: #edb329;
    border-width:thick;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.Box
{
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    font-size: 8pt;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
}

.hidden
{
	display: none;
}

.MustardBox
{
    border-top: gray 2px solid;
    border-right: gray 2px solid;
    border-left: gray 2px solid;
    border-bottom: gray 2px solid;
    padding: 0px 4px 0px 4px;
    font-size: 8pt;
    font-weight:bold;
    background-color: Yellow;
    color: #194d75;
    height:auto;
    width: auto;
    display:inline;
}

.ShoppingCartLink
{
    color: White;
    font-size: small;
}
.ShoppingCartLink:hover
{
    color: White;
    font-size: small;
}

.GiftCertificate
{
    border-color: #edb329;
    border-width: 1px;
    border-style:solid;
    font-size: 14pt;
    font-family: Monotype Corsiva, French Script MT, Verdana, arial;
    background-color: #ffffcc;
}

.BlueClass
{
    color:White;
    background-color: #194d75;
}
.GreenClass
{
    background-color: #009900;
}

.OrangeClass
{
    background-color: #edb329;
}

.OrangeLineClass
{
    color: #edb329;
}

.HomeClass
{
    background-color: rgb(247,235,192);
    border-right-color:rgb(247,235,192);
}

.HomeLinks
{
    background-repeat:repeat-y;
    border-left-color:rgb(247,235,192);
    background-image: url(images/hmgrad.jpg)
}
.PageLinks
{
    background-color: rgb(239,241,244);
}
.Footer
{
    font-size: 8pt;
}

.ListBox
{
	background-color: #E9FFD2;
	xheight: 200px;
}

.BlueTextClass
{
    color: #194d75;
    font-weight:bold;
}
.PageHeadingTitle
{
    font-weight:bold;
    font-size:12pt;
}

.SubPageHeadingTitle
{
    font-weight:bold;
    font-size:10pt;
}

.TableRowStyle
{
    border-right: gray 1px solid;
    border-bottom: gray 1px solid;
}

.TableRowEndStyle
{
    border-bottom: gray 1px solid;
}

.badgeGold
{
    margin-left:3px;
    font-size:150%;
    color:#FC0;
}
.badgeSilver
{
    margin-left:3px;
    font-size:150%;
    color:#C0C0C0;
}
.badgeBronze
{
    margin-left:3px;
    font-size:150%;
    color:#C96;
}
.radioNoBr
{
    white-space:nowrap;
}