/* ------------------------------ */
/* Distant Horizon Global CSS for */
/* Rapid Deployment and Proven    */
/* Structure Template Production  */
/*                                */
/* ------------------------------ */


/*------------------------------------------------------------------------*/

body { 
	font: normal normal 11px Arial, Helvetica, sans-serif; 
	color: #464646; 
	margin: 0px; 
	padding: 0px; 
	background:  url("../images/tmp/bkg.gif") repeat-x #ab9054;
	}

p   { 
	line-height: 16px; 
	}

/*------------------------------------------------------------------------*/
/*     Headers                                                            */
/*     Controls appearance of headers on website                          */
/*------------------------------------------------------------------------*/
h1 { 
	font: normal bold 18px/20px Arial, Helvetica, sans-serif; 
	color: #b1400e; 
	padding: 0px; 
	margin: 0px; 
	}

h2 { 
	font: normal bold 16px/18px Arial, Helvetica, sans-serif; 
	color: #b1400e; 
	padding: 0px; 
	margin: 0px; 
	}

h3 { 
	font: normal bold 14px/16px Arial, Helvetica, sans-serif; 
	color: #b1400e; 
	padding: 0px; 
	margin: 0px; 
	}

h4 { 
	font: normal bold 12px/14px Arial, Helvetica, sans-serif; 
	color: #b1400e; 
	padding: 0px; 
	margin: 0px; 
	}


/*------------------------------------------------------------------------*/
/*     Forms                                                              */
/*     Controls appearance of form fields and buttons on website          */
/*------------------------------------------------------------------------*/
form { 
	margin: 0px; 
	padding: 0px;
	}

input { 
	font: normal normal 11px Arial, Helvetica, sans-serif; 
	color: #333333;
	margin: 0px;
	padding: 2px;
	background: #fafafa;
	border: 1px solid #ccc;
	}

textarea { 
	font: normal normal 11px Arial, Helvetica, sans-serif; 
	color: #333333;
	margin: 0px;
	padding: 2px;
	background: #fafafa;
	border: 1px solid #ccc;
	}

input.submit { 
	font: normal 10px Arial, Helvetica, sans-serif; 
	color: #666666;
	margin: 0px;
	margin: 0px; 
	padding: 1px 2px 1px 2px; 
	border: 1px solid #ccc; 
	background: #e7e7e7;
	}

input.submit:hover { 
	color: #fff;
	background: #c89d44;
	}


input.recalculate { 
	font: normal 10px Arial, Helvetica, sans-serif; 
	color: #666666;
	margin: 0px;
	margin: 0px; 
	padding: 1px 3px 1px 13px; 
	border: 1px solid #ccc; 
	background:  url("../images/icons/view-bk.gif") no-repeat #e7e7e7 5px 5px;
	}

input.recalculate:hover { 
	color: #fff;
	background:  url("../images/icons/view-wh.gif") no-repeat #c89d44 4px 5px;
	}




/*------------------------------------------------------------------------*/
/*     Lists                                                              */
/*------------------------------------------------------------------------*/
ul.bullet { /* Bulleted list using graphics */
	margin: 0px;
	padding: 0px 0px 1px 15px;
	list-style-image:  url("../images/tmp/bullet.gif");
	}




/*------------------------------------------------------------------------*/
/*     Page Layout                                                        */
/*------------------------------------------------------------------------*/

/*---- Page Container ----------------------------------------------------*/
.pagecontainer { 
	width: 760px; 
	max-width: 1024px; 
	padding: 0px; 
	}

.shadowleft { 
	width: 5px;
	background: url("../images/tmp/bkg-shadowleft.gif") no-repeat;
	}

.contentleft { 
	background: url("../images/tmp/bkg-contentleft.gif") no-repeat;
	}

.contentcontainer {
	margin: 0px; 
	padding: 0px; 
	background: url("../images/tmp/bkg-contentcontainer.gif") repeat-y;
	}

.contentleftcontainer { 
	width: 145px;
	height: 400px;
	display: block;
	margin: 0px;
	padding: 0px;	
	background: url("../images/tmp/bkg-contentleftcontainer.gif") repeat-x;
	}

#centercontent {
	width: 100%;
	margin: 0px; 
	padding: 15px 15px 15px 15px; 
	background: url("../images/tmp/bkg-centercontent.gif") no-repeat;
	}

.contentrightcontainer { 
	width: 145px;
	margin: 0px;
	padding: 0px;	
	/* border: 1px solid #ccc; */
	/* border-left: 1px solid #ccc; */
	/* border-bottom: 1px solid #ccc; */
	/* border-right: 1px solid #ccc; */
	background: url("../images/tmp/bkg-contentleftcontainer.gif") repeat-x;
	}

.contentright { 
	background:  url("../images/tmp/bkg-contentright.gif") no-repeat;
	}

.shadowright { 
	width: 5px;
	background:  url("../images/tmp/bkg-shadowright.gif") no-repeat;
	}


/*---- Title Header ------------------------------------------------------*/
.tltheadercontainer { 
	margin: 0px; 
	padding: 0px; 
	background: url("../images/tmp/bkg-tltheader.gif") repeat-y;
	}

.tltheaderleft { 
	width: 5px;
	background:  url("../images/tmp/bkg-tltleft.gif") repeat-y;
	}

.tltheaderright { 
	width: 5px;
	background:  url("../images/tmp/bkg-tltright.gif") repeat-y;
	}

#tltheader1 { 
	margin: 0px; 
	padding: 0px; 
	}

#tltheader2 { 
	margin: 0px; 
	padding: 0px; 
	}


/*---- Graphic Header ----------------------------------------------------*/
.grpheadercontainer { 
	margin: 0px; 
	padding: 0px; 
	background: url("../images/tmp/bkg-grpheader.gif") repeat-y;
	}

#grpheader1 { 
	margin: 0px; 
	padding: 0px; 
	}

#grpheader2 { 
	margin: 0px; 
	padding: 0px; 
	}


/*------------------------------------------------------------------------*/
/*     Navigation                                                         */
/*------------------------------------------------------------------------*/

/*---- Default Navigation ------------------------------------------------*/
a, a:link, a:active, a:visited { 
	color: #bd8e2f;
	text-decoration: none; 
	}

a:hover { 
	color: #bd8e2f;
	text-decoration: underline;
	}


/*---- Top Navigation ----------------------------------------------------*/
.navtopcontainer {
	margin: 0px; 
	padding: 0px; 
	}

.navtopleft {
	margin: 0px; 
	padding: 0px; 
	width: 15px;
	background: url("../images/tmp/bkg-navtopleft.gif") no-repeat;
	}

.navtopright {
	margin: 0px; 
	padding: 0px; 
	width: 15px;
	background: url("../images/tmp/bkg-navtopright.gif") no-repeat;
	}

#navtopbox { 
	font: normal bold 12px Arial, Helvetica, sans-serif; 
	color: #fff; 
	text-decoration: none;
	text-align: center; 
	/* border: 1px solid #f26024; */
	margin: 0px; 
	padding: 4px;
	}

a.navtop, a:link.navtop, a:active.navtop, a:visited.navtop { 
	color: #865f10; 
	text-decoration: none; 
	padding: 5px; 
	}

a:hover.navtop { 
	color: #000; 
	text-decoration: underline;
	}

a.navtop-at, a:link.navtop-at, a:active.navtop-at, a:visited.navtop-at, a:hover.navtop-at { 
	color: #000; 
	text-decoration: underline; 
	padding: 5px; 
	}


/*---- Bread Crumb Trail -------------------------------------------------*/
.breadcrumbcontainer {
	margin: 0px; 
	padding: 0px 0px 5px 0px; 
	background: url("../images/tmp/bkg-breadcrumb.gif") repeat-y;
	}

.breadcrumbleft {
	width: 15px;
	margin: 0px; 
	padding: 0px; 
	background: url("../images/tmp/bkg-breadcrumbleft.gif") no-repeat;
	}

.breadcrumbright {
	width: 15px;
	margin: 0px; 
	padding: 0px; 
	background: url("../images/tmp/bkg-breadcrumbright.gif") no-repeat;
	}

#breadcrumbbox { 
	font: normal 10px Arial, Helvetica, sans-serif; 
	color: #999; 
	text-decoration: none;
	text-align: left; 
	margin: 0px; 
	padding: 2px;
	background: url("../images/tmp/bkg-breadcrumbbox.gif") repeat-x;
	}

a.breadcrumb, a:link.breadcrumb, a:active.breadcrumb, a:visited.breadcrumb { 
	color: #999; 
	text-decoration: none; 
	padding: 3px; 
	}

a:hover.breadcrumb { 
	color: #999; 
	text-decoration: underline;
	}

a.breadcrumb-at, a:link.breadcrumb-at, a:active.breadcrumb-at, a:visited.breadcrumb-at, a:hover.breadcrumb-at { 
	color: #666; 
	text-decoration: underline; 
	padding: 5px; 
	}


/*---- Grouped Sections with Text ----------------------------------------*/
#section { 
	width: 100%;
	margin: 0px 0px 10px 0px; 
	padding: 0px; 
	background: url("../images/bkg/bkg-section.gif") repeat-y;
	}

#section h1 { 
	font: normal bold 18px/24px Arial, Helvetica, sans-serif; 
	color: #bd8e2f; 
	padding: 0px; 
	margin: 0px; 
	}

#section h2 { 
	font: normal bold 16px/22px Arial, Helvetica, sans-serif; 
	color: #bd8e2f; 
	padding: 0px; 
	margin: 0px; 
	}

#section h3 { 
	font: normal bold 14px/20px Arial, Helvetica, sans-serif; 
	color: #bd8e2f; 
	padding: 0px; 
	margin: 0px; 
	}

#section h4 { 
	font: normal bold 12px/18px Arial, Helvetica, sans-serif; 
	color: #bd8e2f; 
	padding: 0px; 
	margin: 0px; 
	}

#section img { 
	margin: 3px 10px 2px 0px; 
	padding: 2px; 
	border: 1px solid #ccc; 
	float: left; 
	}



/*------------------------------------------------------------------------*/
/*     Gallery CSS                                                        */
/*------------------------------------------------------------------------*/

#displayName { 
	font: normal bold 14px Arial, Helvetica, sans-serif; 
	color: #bd8e2f;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	}

#galThmb img { 
	padding: 3px; 
	border: 1px solid #999;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
	}

#galThmb img:hover { 
	padding: 2px; 
	border: 2px solid #bd8e2f; 
	background: #f2e9d6;
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	filter: alpha(Opacity=100);
	}

#galleryinstructions { 
	padding: 5px 0px 0px 0px;
	}







/*---- Product Containers ------------------------------------------------*/
#prodgroup {
    width: 32%; 
    height: 195px;
    position: relative;
	margin: 0px 3px 3px 0px; 
	padding: 0px; 
    float: left;
    display: table;
	border: 1px dotted #ccc; 
	}

.bottom {
	display: table-cell;
	vertical-align: top;
	padding: 6px; 
	background: url("../images/bkg/bkg-prodgroup.gif") repeat-y;
	}

.prodimg { 
	width: 100%;
	display: block;
    position: relative;
	vertical-align: top;
	align: center;
	margin: 0px; 
	padding: 0px; 
	}

.proddescript { 
	font: normal 11px/12px Arial, Helvetica, sans-serif;
	width: 100%;
    height: 60px;
	display: block;
    position: relative;
	vertical-align: top;
	margin: 0px; 
	padding: 5px 0px 0px 0px; 
	clear: both;
	}


/*---- Navigation Boxes --------------------------------------------------*/
.navhdr { 
	width: 133px; 
	font: normal bold 12px Arial, Helvetica, sans-serif; 
	color: #493723; 
	display: block; 
	margin: 0px 0px 2px 8px;
	padding: 3px 3px 1px 0px; 
	/* border-top: 1px solid #f26024; */
	/* border-left: 1px solid #f26024; */
	border-bottom: 1px dotted #bd8e2f; */
	/* border-right: 1px solid #f26024; */
	background: url("../images/tmp/bkg-navhdr.gif") repeat-y;
	}

.nav { 
	width: 145px; 
	margin: 0px;
	padding: 0px; 
	/* border-top: 1px solid #f26024; */
	/* border-left: 1px solid #f26024; */
	/* border-bottom: 1px solid #f26024; */
	/* border-right: 1px solid #f26024; */
	background: url("../images/tmp/bkg-nav.gif") repeat-y;
	}

#navboxdivide { 
	width: 145px; 
	height: 3px; 
	margin: 0px 0px 10px 0px; 
	padding: 0px;
	/* background: url("../images/tmp/navboxdivide.gif") no-repeat #ccc; */
	}

#navboxendcap { 
	width: 145px; 
	height: 6px; 
	margin: 0px 0px 5px 0px; 
	padding: 0px; 
	/* background: url("../images/tmp/navboxendcap.gif") no-repeat #ccc; */
	}

.navtxt {
	margin: 0px;
	padding: 10px;
	}


/*---- Left Navigation ---------------------------------------------------*/
.navleft { 
	font: normal 11px/13px Arial, Helvetica, sans-serif; 
	color: #959595;
	text-decoration: none;
	}

a.navleft, a:link.navleft, a:active.navleft, a:visited.navleft {
	color: #959595;
	text-decoration: none;
	display: block; 
	padding: 3px 3px 3px 8px; 
	}

a:hover.navleft { 
	color: #493723; 
	text-decoration: none; 
	background: url("../images/tmp/navLeftOn.gif") no-repeat #f2e9d6;
	}

a.navleft-at, a:link.navleft-at, a:active.navleft-at, a:visited.navleft-at, a:hover.navleft-at {
	font: normal 11px/13px Arial, Helvetica, sans-serif; 
	color: #493723;
	text-decoration: none;
	display: block; 
	padding: 3px 10px 3px 8px; 
	background: url("../images/tmp/navLeftOn.gif") no-repeat #ebd6ae;
	}



/*---- Right Navigation --------------------------------------------------*/
.navright { 
	font: normal 11px Arial, Helvetica, sans-serif; 
	color: #000000;
	text-decoration: none; 
	}

a.navright, a:link.navright, a:active.navright, a:visited.navright { 
	color: #000000; 
	text-decoration: none; 
	background: #f1f1f1; 
	line-height: 13px; 
	display: block; 
	padding: 4px 3px 4px 9px; 
	border-bottom: 1px solid #dcdcdc;
	}

a:hover.navright { 
	color: #d75506; 
	text-decoration: none; 
	background: url("../images/tmp/navRightOn.gif") no-repeat;
	}

a.navright-at, a:link.navright-at, a:active.navright-at, a:visited.navright-at, a:hover.navright-at {
	font: normal 11px Arial, Helvetica, sans-serif; 
	color: #d75506;
	text-decoration: none;
	display: block; 
	padding: 4px 3px 4px 9px; 
	border-bottom: 1px solid #e8e8e8;
	background: url("../images/tmp/navRightOn.gif") no-repeat;
	}



/*---- Copyright & Links -------------------------------------------------*/
.copy {
	font: normal 9px Arial, Helvetica, sans-serif; 
	color: #fff; 
	text-decoration: none; 
	}

#copyleft {
	background: url("../images/tmp/bkg-copy.gif") repeat-x;
	text-align: left; 
	/* border-top: 1px solid #f26024; */
	/* border-left: 1px solid #f26024; */
	/* border-bottom: 1px solid #f26024; */
	padding: 5px 0px 0px 15px;
	}

#copyright {
	text-align: right; 
	/* border-top: 1px solid #f26024; */
	/* border-left: 1px solid #f26024; */
	/* border-bottom: 1px solid #f26024; */
	padding: 5px 15px 0px 0px;
	}

a.copy, a:link.copy, a:active.copy, a:visited.copy { 
	color: #fff; 
	text-decoration: none; 
	}

a:hover.copy { 
	color: #fff; 
	text-decoration: underline; 
	}



/*---- Footer ------------------------------------------------------------*/
.footer { 
	margin: 0px;
	padding: 0px;
	background: url("../images/tmp/bkg-footer.gif") repeat-x #558a0c;
	}

.ftrleft { 
	margin: 0px;
	padding: 0px;
	background:  url("../images/tmp/bkg-ftrleft.gif") repeat-x #558a0c;
	}

.ftrright { 
	margin: 0px;
	padding: 0px;
	background:  url("../images/tmp/bkg-ftrright.gif") repeat-x #558a0c;
	}



/*---- Site Components ------------------------------------------------------------*/
/* Shopping Cart */
.shoppingcart { 
	background: url("../images/bkg/bkg-areacart.gif") repeat-x #ffffff; 
	padding: 8px; 
	font: normal 9px Verdana, Geneva, Arial, sans-serif; 
	color: #464646; 
	}  

/* Products */
.nav-prod           { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 10px; text-decoration: none; font-weight: bold; color: #002363; }
a.nav-prod          { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 10px; text-decoration: none; font-weight: bold; color: #002363; }
a:link.nav-prod,
a:active.nav-prod,
a:visited.nav-prod  { text-decoration: none; font-weight: bold; color: #002363; }
a:hover.nav-prod    { text-decoration: underline; font-weight: bold; color: #000000; }

/* Product Sort Options & Shopping Cart Options Links */
a.nav-opt              { font-family: Verdana,Geneva,Arial,sans-serif; text-decoration: none; font-weight: normal; color: #002363; }
a:link.nav-opt,
a:active.nav-opt,
a:visited.nav-opt      { text-decoration: none; text-transform: none; font-weight: normal; color: #002363; }
a:hover.nav-opt        { text-decoration: none; text-transform: none; font-weight: normal; color: #000000; }

a.nav-opt-at           { font-family: Verdana,Geneva,Arial,sans-serif; text-decoration: none; font-weight: bold; color: #000000; }
a:link.nav-opt-at,
a:active.nav-opt-at,
a:visited.nav-opt-at,
a:hover.nav-opt-at     { text-decoration: none; text-transform: none; font-weight: bold; color: #000000; }



/*---- Help Links ---------------------------------------------------------------*/
.help {
	font: normal 10px Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	color: #3b3b3b; 
	}

a.help, a:link.help, a:active.help, a:visited.help { 
	font: normal 10px Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	color: #3b3b3b;
	}

a:hover.help { 
	text-decoration: none; 
	color: #002363;
	}


/*------------------------------------------------------------------------*/
/*     Divider Lines                                                      */
/*------------------------------------------------------------------------*/
#divideThin { /* Single line divider */

	display: block; 
	height: 2px; 
	margin: 5px 0px 5px 0px; 
	background:  url("../images/tmp/divide.gif"); 
	clear: both; 
	}

#divideMedium { /* Double line divider */
	display: block; 
	height: 4px; 
	margin: 10px 0px 10px 0px; 
	background:  url("../images/tmp/divide.gif"); 
	clear: both; 
	}

#divideThick { /* Triple line divider */
	display: block; 
	height: 6px; 
	margin: 10px 0px 10px 0px; 
	background:  url("../images/tmp/divide.gif"); 
	clear: both; 
	}







/*------------------------------------------------------------------------*/
/*     Generic and Miscellaneous Styles                                   */
/*------------------------------------------------------------------------*/
.textColor					{ font: normal bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; }
.newsHeader					{ font: normal bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #989382; }
.itemHeader					{ font: normal bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #989382; }
.contentPadding             { padding: 12px; }
.minPageHeight              { padding-bottom: 260px; } /* Content cell size so the mech banner stays at the bottom */
.bottomSpacing              { padding-bottom: 40px; } /* Last cell size for the bottom of page */
.whitespace                 { height: 40px; }

.red                        { color: #ff0000; }
.blue                       { color: #0000ff; }
.green                      { color: #00ff00; }
.white                      { color: #ffffff; }

.caps                       { text-transform: uppercase; }
.sm                         { font-size: 10px; line-height: 12px; }
.txtright                   { text-align: right; }
.txtleft                    { text-align: left; }
.error                      { font: normal bold 11px/14px Arial, Helvetica, sans-serif; color: #990000; }
.clear                      { clear: both; }



/* Boom Image -----------------------------------------------------------*/
.boom { 
	border: 1px solid #f16022;
	margin: 0px 0px 10px 0px; 
	padding: 1px;
	} 


/*---- Image Framing -----------------------------------------------------------*/
.imgFrameHOTP               { border: 1px solid #f16022; padding: 1px; margin-bottom: 6px; }  
.imgFrameRight              { float: right; border: 1px solid #f16022; padding: 2px; margin-left: 5px; margin-bottom: 5px; } 
.imgFrameLeft               { float: left;  border: 1px solid #f16022; padding: 2px; margin-right: 5px; margin-bottom: 5px; } 
.imgRight                   { float: right; padding: 2px; margin-left: 5px;  margin-bottom: 5px; }
.imgLeft                    { float: left;  padding: 2px; margin-right: 5px; margin-bottom: 5px; }



.quotes						{ font: normal normal 12px/18px Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 10px; text-align: center; color: #ffffff; }





/*---- Table Rows & Borders -----------------------------------------------------------*/
.tbl-drow           { background: #f4f4f4; padding: 3px; }  /* Dark Alternating Row Color */
.tbl-lrow           { background: #ffffff; padding: 3px; }  /* Light Alternating Row Color */

/* Outside Border */
.tbl-bdrdrk         { background: #ffffff; border: 1px solid #002363; }  /* Border set with dark color */
.tbl-bdrmed         { background: #ffffff; border: 1px solid #a3af98; }  /* Border set with medium color */
.tbl-bdrlht         { background: #ffffff; border: 1px solid #dadada; }  /* Border set with light color */

/* Columns only Border */
.tbl-coldrk         { background: #ffffff; border-right: 1px solid #002363; }  /* Border set with dark color */
.tbl-colmed         { background: #ffffff; border-right: 1px solid #a3af98; }  /* Border set with medium color */
.tbl-collht         { background: #ffffff; border-right: 1px solid #dadada; }  /* Border set with light color */

/* Rows only Border */
.tbl-rowdrk         { background: #ffffff; border-bottom: 1px solid #002363; }  /* Border set with dark color */
.tbl-rowmed         { background: #ffffff; border-bottom: 1px solid #a3af98; }  /* Border set with medium color */
.tbl-rowlht         { background: #ffffff; border-bottom: 1px solid #dadada; }  /* Border set with light color */

/* Full Grid Border */
.tbl-grddrk         { background: #ffffff; border-right: 1px solid; border-bottom: 1px solid; border-color: #002363; }  /* Border set with dark color */
.tbl-grdmed         { background: #ffffff; border-right: 1px solid; border-bottom: 1px solid; border-color: #a3af98; }  /* Border set with medium color */
.tbl-grdlht         { background: #ffffff; border-right: 1px solid; border-bottom: 1px solid; border-color: #dadada; }  /* Border set with light color */

/* Cell Top Border */
.tbl-topdrk         { background: #e6e6e6; border-top: 1px solid #002363; }  /* Border set with dark color */
.tbl-topmed         { background: #ffffff; border-top: 1px solid #a3af98; }  /* Border set with medium color */
.tbl-toplht         { background: #ffffff; border-top: 1px solid #dadada; }  /* Border set with light color */



.textRed { 
	font: normal 11px Arial, Helvetica, sans-serif; 
	color: #ff0000; 
	margin: 0px; 
	padding: 0px; 
	}