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


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

/*
BODY { 
	font: normal 12px Arial, Helvetica, sans-serif; 
	color: #464646; 
	margin: 0px; 
	padding: 0px; 
	background:    url("/style/template/bkg.gif") repeat-x #000;
	}

td {
	margin: 0px;
	padding: 0px;
	}

p { 
	margin: 0px;
	padding: 0px 0px 15px 0px;
	line-height: 14px;
	}
*/


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

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

/*---- Page Container ----------------------------------------------------*/
.AdminPageContainer { 
	padding: 0px;
	width: 1000px; 
	max-width: 1300px; 
	}


/*---- Header ------------------------------------------------------*/
.hdrContainer {
	width: 100%;
	margin: 0px; 
	padding: 0px; 
	background: url("/style/template/bkg-hdrContainer.gif") repeat-x;
	}

/*---- Header ------------------------------------------------------*/
.AdminhdrContainer {
	width: 100%;
	margin: 0px; 
	padding: 0px; 
	background: #ffffff;
	}
	
#hdrLeft { 
	margin: 0px; 
	padding: 0px;
	float: left;
	}

#hdrRight { 
	margin: 0px; 
	padding: 0px;
	float: right;
	}


/*---- Container for content of website: Left Nav, Center Content, Right Nav ----*/
.ContentContainer { 
	margin: 0px; 
	padding: 0px; 
	background: url("/style/template/bkg-ContentContainer.gif") repeat-y #ffffff;
	}


/*---- Mailing List ----*/
#MailingListBox {
	margin: 0px;
	padding: 5px; 
	width: 150px;
	background: url("/style/template/bkg-MailingListBox.gif") repeat-y #ffffff;
	}

#MailingListhdr {
	font: normal bold 11px Arial, Helvetica, sans-serif;
	color: #fff; 
	display: block; 
	margin: 0px;
	padding: 0px;
	}

#MailingListField {
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 16px;
	width: 90px;
	border: 0px;
	margin: 0px;
	padding: 3px;
	border: 1px solid #f56e23; 
	background: #fff;
	}

#MailingListGo { 
	font: normal 9px Arial, Helvetica, sans-serif; 
	color: #f56e23;
	margin: 0px 0px 1px 0px; 
	padding: 1px; 
	border: 1px solid #f56e23; 
	background: #ece4ea;
	}

#MailingListGo:hover { 
	color: #fff;
	background: #777e8b;
	}



/*------------------------------------------------------------------------*/
/*     Horizontal Section Box                                             */
/*------------------------------------------------------------------------*/

#section { 
	width: 100%;
	margin: 0px 0px 10px 0px; 
	padding: 5px; 
	/* border: 1px dotted #ccc; */
	background: url("/style/template/bkg-section.gif") repeat-y;
	}

#section td {
	vertical-align: top;
	}

#section p {
	font: normal 10px/12px Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	}

#section images { 
	margin: 3px 10px 2px 0px; 
	padding: 2px; 
	border: 1px solid #ccc; 
	float: left; 
	}
	
#section h1 { 
	font: normal bold 18px/24px Arial, Helvetica, sans-serif;
	color: #f56e23; 
	padding: 0px; 
	margin: 0px; 
	}

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

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

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



/*------------------------------------------------------------------------*/
/*     Headers                                                            */
/*     Controls appearance of headers on website                          */
/*------------------------------------------------------------------------*/

h1 { 
	font: normal bold 16px/24px Arial, Helvetica, sans-serif;
	color: #f56e23; 
	padding: 10px 0px 0px 0px; 
	margin: 0px; 
	}

h2 { 
	font: normal bold 14px/22px Arial, Helvetica, sans-serif;
	color: #f56e23; 
	padding: 10px 0px 0px 0px; 
	margin: 0px; 
	}

h3 { 
	font: normal bold 12px/20px Arial, Helvetica, sans-serif;
	color: #f56e23; 
	padding: 10px 0px 0px 0px; 
	margin: 0px; 
	}

h4 { 
	font: normal bold 11px/18px Arial, Helvetica, sans-serif;
	color: #f56e23; 
	padding: 10px 0px 0px 0px; 
	margin: 0px; 
	}



/*------------------------------------------------------------------------*/
/*     Lists                                                              */
/*------------------------------------------------------------------------*/

/*
ul, ol {
	margin-top: 0px;
	padding-top: 0px;
	}
*/

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

ul.bulletPDF { /* Bulleted list using graphics */
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 1px 15px;
	list-style-image:    url("/style/bullets/bulletPDF.gif");
	}



/*------------------------------------------------------------------------*/
/*     Copyright & Links                                                  */
/*------------------------------------------------------------------------*/

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

#copyleft {
	background: url("/style/template/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;
	background: #fff;
	}

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

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

a:hover.copy { 
	color: #999; 
	text-decoration: underline; 
	}
*/


/*------------------------------------------------------------------------*/
/*     Footer                                                             */
/*------------------------------------------------------------------------*/

.footer { 
	margin: 0px;
	padding: 0px;
	background: url("/style/template/bkg-footer.gif") repeat-x #fff;
	}

.ftrleft { 
	margin: 0px;
	padding: 0px;
	background:    url("/style/template/bkg-ftrleft.gif") repeat-x #fff;
	}

.ftrright { 
	margin: 0px;
	padding: 0px;
	background:    url("/style/template/bkg-ftrright.gif") repeat-x #fff;
	}



/*------------------------------------------------------------------------*/
/*     Divider Lines                                                      */
/*------------------------------------------------------------------------*/

#divideThin { /* Single line divider */

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

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

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



/*------------------------------------------------------------------------*/
/*     Boom Images                                                        */
/*------------------------------------------------------------------------*/

.boom-large { 
	margin: 5px 0px 10px 0px; 
	} 

.boom-medium { 
	margin: 0px 0px 10px 15px; 
	} 

.boom-small { 
	margin: 0px 0px 10px 0px; 
	} 



/*------------------------------------------------------------------------*/
/*     Generic and Miscellaneous Styles                                   */
/*------------------------------------------------------------------------*/

/*.error                      { font: normal bold 11px/14px Arial, Helvetica, sans-serif; color: #990000; }*/
.message                    { padding: 10px; border: 1px dotted #9d0a0e; background: #f6e2e2; text-align: center; font: normal bold 11px Arial, Helvetica, sans-serif; }
/*.small                      { font: normal 10px/12px; }*/

.red                        { color: #ff0000; }
.blue                       { color: #0000ff; }
.green                      { color: #00ff00; }
/*.white                      { color: #ffffff; }*/
/*.caps                       { text-transform: uppercase; }*/
/*.right                      { text-align: right; }*/
.left                       { text-align: left; }
.clear                      { clear: both; }
.quotes						{ font: normal normal 12px/18px Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 10px; text-align: center; color: #ffffff; }
.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; }
.imagesFrameHOTP            { border: 1px solid #f16022; padding: 1px; margin-bottom: 6px; }  
.imagesFrameRight           { float: right; border: 1px solid #3b3a3b; padding: 2px; margin-left: 5px; margin-bottom: 5px; } 
.imagesFrameLeft            { float: left;  border: 1px solid #3b3a3b; padding: 2px; margin-right: 5px; margin-bottom: 5px; } 
.imagesRight                { float: right; padding: 2px; margin-left: 5px;  margin-bottom: 5px; }
.imagesLeft                 { float: left;  padding: 2px; margin-right: 5px; margin-bottom: 5px; }

/*
.hdr { 
	font: normal bold 14px/22px Arial, Helvetica, sans-serif;
	color: #f56e23; 
	padding: 10px 0px 0px 0px; 
	margin: 0px; 
	}
*/

.subhdr { 
	font: normal bold 12px/20px Arial, Helvetica, sans-serif;
	color: #f56e23; 
	padding: 10px 0px 0px 0px; 
	margin: 0px; 
	}


#special {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	margin: 10px 0px 0px 0px;
	padding: 10px; 
	background: #ebecef;
	border: 1px solid #cfd4e5;
	}

#special p {
	padding: 2px 0px 2px 0px; 
	margin: 0px; 
	}

#special b {
	font: normal bold 14px Arial, Helvetica, sans-serif;
	color: #324d6e;
	text-align: center;
	}


/* Product Sort Options & Shopping Cart Options Links */

/*
a.nav-opt              { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: normal; color: #7f4b76; }
a:link.nav-opt         { text-decoration: none; text-transform: none; font-weight: normal; color: #7f4b76; }
a:active.nav-opt       { text-decoration: none; text-transform: none; font-weight: normal; color: #7f4b76; }
a:visited.nav-opt      { text-decoration: none; text-transform: none; font-weight: normal; color: #7f4b76; }
a:hover.nav-opt        { text-decoration: none; text-transform: none; font-weight: normal; color: #f56e23; }

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


/*------------------------------------------------------------------------*/
/*     Horizontal Containers                                              */
/*------------------------------------------------------------------------*/

/* Paragraph 1 */
/*
#para001 {
	font: normal normal 100%/130% Arial, Helvetica, sans-serif;
    position: relative;
	text-align: left;
	margin: 0px 0px 10px 0px; 
	padding: 0px;  
    display: table;
	clear: both;
	}
*/

#para001 p {
	margin: 0px; 
	padding: 0px 0px 10px 0px; 
	}

#para001 img {
	margin: 0px; 
	padding: 0px;
	}

.ImgWrap001 {
	float: left;
	margin: 0px;
	padding: 0px 10px 10px 0px;
	}

.ImgCaption001 {
	font: italic normal 90%/110% Arial, Helvetica, sans-serif;
	color: #990000;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	}


/* Paragraph 2 */
/*
#para002 {
	font: normal normal 100%/130% Arial, Helvetica, sans-serif;
	text-align: right;
    position: relative;
	margin: 0px 0px 10px 0px; 
	padding: 0px;  
    display: table;
	clear: both;
	}
*/

#para002 p {
	margin: 0px; 
	padding: 0px; 
	}

#para002 img {
	margin: 0px; 
	padding: 0px;
	}

.ImgWrap002 {
	float: right;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	}

.ImgCaption002 {
	font: italic normal 90%/110% Arial, Helvetica, sans-serif;
	color: #990000;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	}


/* Paragraph 3 */
/*
#para003 {
	font: normal normal 100%/130% Arial, Helvetica, sans-serif;
    position: relative;
	margin: 0px 0px 10px 0px; 
	padding: 0px;  
    display: table;
	clear: both;
	}
*/

#para003 p {
	margin: 0px; 
	padding: 0px; 
	}

#para003 img {
	margin: 0px; 
	padding: 0px;
	}

.ImgWrap003 {
	float: right;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	}

.ImgCaption003 {
	font: italic normal 90%/110% Arial, Helvetica, sans-serif;
	color: #990000;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	}