@charset "utf-8";

/**** Reset *****/

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
form { display: inline; }
fieldset { border: 0 none; }
.newsletter legend { display: none; }

/**** Firefox <a> fixes ****/
.hero-shot a, .left a, .right a { display: block; }



body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #171102;
	background: #000000 url('../images/bck.jpg') 0 0;
	margin-left: 0px;
	margin-top: 0px;
}
.linkspace{
    background-image:url(../images/dashednav.gif);
	height:2px;
	background-repeat:repeat-x;
}
/* CSS Document */
.navlinks,.navlinks:active,.navlinks:visited,.navlinks:hover,.navlinks:link
{
color:#ffffff;
text-decoration:none;
font-size:10pt;
font-weight:normal;
}
.navlinks2,.navlinks2:active,.navlinks2:visited,.navlinks2:hover,.navlinks2:link
{
color:#ffffff;
text-decoration:none;
font-size:8pt;
font-weight:normal;
}
.leftnav,.leftnav:visited,.leftnav:link,.leftnav:active,.leftnav:hover
{
color:#ffffff;
font-size:11pt;line-height:16pt;text-decoration:none;
}
/**** Typography ****/
h1 { font-size: 24px; }
h2 {}

h1,h2,h3 { font-weight: normal; margin: 0 0 0.4em; }

p { line-height: 1.3em; margin: 0 0 0.8em; }

td { }

/**** Link Styles ****/
a { color: #8db73b; }
a:hover { text-decoration: underline; color: #70942b; }
	.footer a { color: #171102 }
	.footer a:hover { color: #434343; }


/**** Containers ****/
.wrapper { background: transparent url('../images/wrapper-background.jpg') no-repeat 50% 0 scroll; }
.container { background: transparent url('../images/middle-background.gif') repeat-y 50% 0 scroll; }
.header-container {}
	.header {
		margin: 0 auto;
		padding: 28px 0 10px;
		width: 947px;
		position: relative;
	}
	.header #logo { float: left; }
	.header .header-right { float: right; width: 700px; }
	.header .header-navigation { float: right; padding: 15px 0 0; clear: both; }

	/**** Header Newsletter ****/
	.header .newsletter-container {}
	.header .newsletter { width: 7000px; float: right; }
	.header .newsletter .head { float: left; padding: 0 15px 0 0; }
	.header .newsletter .input { float: left; width: 135px; padding: 0 10px 0 0; }
	.header .newsletter .input-submit { padding: 0 0 0; width: 70px; }
	.header .newsletter label, .header .newsletter .input-text { display: block; clear: both; }
	.header .newsletter label { font-size: 0.9em; padding: 0 0 3px; }
	.header .newsletter .input-text { width: 130px; padding: 1px 0; }

    /**** Top Navigation ****/
.header-navigation #nav {}
	.header-navigation #nav li { display: block; float: left; padding: 0 10px 0 0; }
	.header-navigation #nav li.last { padding: 0 0; }
	.header-navigation #nav li a {
		padding: 0px 0 0px 20px;
		display: block;
		background: transparent url('../images/header/navigation/header-nav-left.gif') no-repeat 0 0 scroll;
		color: #ffffff;
		text-decoration: none;
		font-size: 1.2em;
	}
	.header-navigation #nav li a span {
		padding: 7px 20px 7px 0;
		display: block;
		background: transparent url('../images/header/navigation/header-nav-right.gif') no-repeat right 0 scroll; )
	}
	.header-navigation #nav li a:hover { background-position: left bottom; }
	.header-navigation #nav li a:hover span { background-position: right bottom; }

.middle-container { padding: 0 0 60px; min-height: 550px; }
	.middle { margin: 0 auto; width: 947px; }
	.main { padding: 10px 0 0; }
		.hero-shot { clear: both; }
		.content { padding: 20px; }

		.three-columns .content {
			width: 430px;
			float: left;
			background: #ffffff url('../images/content-background.gif') no-repeat 0 0 scroll;
			padding: 16px 0 0px;
		}
		.three-columns .content .homepage-content {
			background: transparent url('../images/content-background-bottom.gif') no-repeat 0 bottom scroll;
			padding: 0px 20px 20px;
		}

	.left { float: left; width: 190px; padding: 0 7px 0 0; }
	.right { float: right; width: 314px; }

.footer-container { }
	.footer {
		margin: -40px auto 0;
		padding: 0 0 20px;
		font-size: 0.9em;
		text-align: center;
	}
.orderSection {
    margin: 0px 10px 0px 10px;
}

.orderTitle {
    padding: 4px 0px 5px 10px;
    font-size: 1.45em;
}

.orderTable {
    width: 740px;
    border-collapse: collapse;
}

.orderTRH {
    background-color: #F4EEEB;
    padding: 0px 0px 5px 0px;
}

.orderLineItemBorder {
    border-bottom: 1px solid #F4EEEB;
}

.orderTDQty {
    width: 40px;
    padding: 7px 10px 7px 10px;
    text-align: center;
    vertical-align: top;
    border-right: 1px solid #F4EEEB;
}

.orderTDItem {
    padding: 7px 0px 7px 0px;
    width: 525px;
    margin: 0px 0px 0px 0px;
    border-right: 1px solid #F4EEEB;
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
    text-indent: 10px;
}

.fontSizeAdjust {
    vertical-align: bottom;
    font-size: 0.85em;
}

.orderProductImage {
    padding: 3px 3px 3px 0px;
    float: left;
}

.orderProductDescription {
    padding: 0px 3px 0px 10px;
    white-space: normal;
    vertical-align: top;
}

.orderTDPrice {
    width: 195px;
    padding: 7px 10px 7px 10px;
    margin: 0px 0px 0px 0px;
    text-align: right;
    vertical-align: top;
}

.orderPrice {
    font-weight: bold;
}

.orderPriceMessage {
    font-size: 0.8em;
}

.orderTaxLabel {
    width: 50%;
    float: left;
}

.orderTax {
    width: 50%;
    font-weight: bold;
    float: right;
}

.orderTDTotal {
    padding: 8px 10px 0px 10px;
    text-align: right;
    vertical-align: top;
}

.orderTotalLabel {
    width: 630px;
    font-size: 1.3em;
    font-weight: bold;
    text-align: right;
}

.orderTotalValue {
    width: 120px;
    font-size: 1.3em;
    font-weight: bold;
}

.orderFutureLabel {
    width: 630px;
    font-size: 1.1em;
    text-align: right;
}

.orderFutureValue {
    width: 120px;
    font-size: 1.1em;
}

.orderTRH {
    background-color: #9b8579;
    color: white;
}

.orderTotalRow {
    background-color: #f4eeeb;
}

.orderLineItemBorder { 
    border-bottom: 1px solid #f4eeeb;
}

.orderTDQty, .orderTDItem {
    border-right: 1px solid #f4eeeb;
}
.formInput, .formInputShort, .formSelect, .formSelectShort {
    border: 1px solid #9b8579;
}

.inputError, .selectError {
    border: 1px solid #bd1e2c;
    background-color: #ffe3e7;
}

label.error, span.error, span.errorTitle {
    color: #bd1e2c;
}

.errorBoxOutter {
    border: 1px solid #bd1e2c;
}