@charset "UTF-8";

div.divPayPalLeft
{
 float: left;
 margin-right: 2em;
}

div.divPayPalRight
{
 float: right;
 margin-left: 2em;
}

div.divPayPalLeft,
div.divPayPalRight
{
 margin-top: 0em;
 margin-bottom: 1em;
 border: 1px solid #ddd;
 background-color: transparent;
 background-color: rgba( 192, 192, 192, 0.20 );
 padding: 0em 0.5em;
}

div.divPayPalLeft  input,
div.divPayPalRight input
{
 margin-top: 0.75em;
}

table.tblSkylineChili
{
 border-spacing: 0;
 margin: 1em auto;
 padding: 0;
 width: 806px;
 height: 220px;
 background-color: #003399;
 color: White;
}
table.tblSkylineChili.wider
{
 width: 879px;
}
table.tblSkylineChili td.checks
{
 height: 37px;
 background-image: url(../images/skyline_borderTile.gif);
}
table.tblSkylineChili td.logo
{
 width: 200px;
 background-image: url(../images/Skyline_logo_160x120-trans-on-003399.gif);
 background-position: center center;
 background-repeat: no-repeat;
}
table.tblSkylineChili td.logotype p
{
 font-weight: bold;
 font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
 text-align: center;
}
table.tblSkylineChili td.blurb
{
}

body
{
 margin: 10px;
 padding: 10px;
 font-size: 12px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: Black;
 /* background-color: White; */
 /* background-image: url("/MTW/images/OneStud.gif"); */
 background-image: url("../images/bricks-white-40.jpg");
 background-attachment: fixed;
 /* bricks-tan-40.jpg */
}

h1
{
 margin: 0px 0px 5px 0px;
 padding: 0px;
 font-size: 28px;
 line-height: 28px;
 font-weight: 900;
 color: #8c5100; /* #7fa0b8; - michlug color #99c1b9 - greenish hue */
}

h2
{
 padding: 0px;
 font-size: 21px;
 line-height: 21px;
 font-weight: bold;
 color: #8c5100; /* was #8fb0c8; */
}

h3
{
 margin: 10px 0px 4px;
 font-size: 14px;
 line-height: 14px;
 font-weight: 800;
 color: #8c5100; /* was #6f90a8 #777777; - a dark green */
}

h4
{
 margin: 10px 0px 4px;
 font-size: 13px;
 line-height: 13px;
 font-weight: 600;
 color: #8c5100; /* was #408490; */
}

h5
{
 margin: 10px 0px 4px;
 font-size: 13px;
 line-height: 13px;
 font-weight: 600;
 color: #8c5100; /* was color: Red; */
}

p
{
 font: 12px Verdana, Arial, Helvetica, sans-serif;
 /* margin: 0px 0px 0px 0px; */
 margin-bottom: 10px;
 padding: 0px;
}

/*
#divContent>p {margin:0px;}
#divContent>p+p {text-indent:30px;}
 */

ul
{
 /* list-style: none; */
 margin: 10px; /* DJ added px */
 padding: 10px; /* DJ added px */
 margin-left: 0.75em
}

dt
{
 font-weight: bold;
}

a
{
 color: #A52A2A; /* brown: A5 2A 2A */
/*
 font-size: 12px;
 */
 text-decoration: none;
 font-weight: 600;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link    { color: #8B4513; } /* DJ says 'darkbrown' is both invalid and unsupported; using hex for SaddleBrown: 8B 45 13 */
a:visited { color: #A52A2A; } /* brown: A5 2A 2A */
a:hover   { color: Black;   } /* Black is a valid css color; see: http://en.wikipedia.org/wiki/Web_colors */

.i1, /* style for images; plain single pixel-width black border */
.iLink    /* an image link class; goes in the img tag; not to be confused with Firewire */
{
 padding: 0;
 border-width: 1px;
 border-style: solid;
 border-color: White;
}
.iLink:hover /* with a twist */
{
 border-color: #be002c;  /* very subtle and only works in Firefox */
}

sup,
sup.reg
{
 vertical-align: 0.6em;
 font-size: 65%;
}
sub
{
 vertical-align: -0.25em;
 font-size: 65%;
}

div#divMenu    a,
div#divSubMenu a
{
 color: White;
 font-size: 12px;
 text-decoration: none;
 font-weight: 600;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#divMenu    a:link,
div#divSubMenu a:link
{
 color: White;
}

div#divMenu    a:visited,
div#divSubMenu a:visited
{
 color: White;
}

div#divMenu    a:hover,
div#divSubMenu a:hover
{
 color: #802c30;
}

   div.container
   {
    border: 2px;
   }

   div.spacer
   {
    clear: both;
   }

   div.float
   {
    float: left;
    padding: 2px;
   }

   div.float p {
    text-align: center;
   }

   div.float_gal
   {
   /* center is an invalid float value; commented-out for now; browsers will have been ingoring this
     float: center;
    */
     padding: 2px;
   }

div#divHeader
{
 margin: 0px 50px 90px 50px;
 padding: 17px 0px 0px 0px; 
 /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
 height: 169px; /* 14px + 17px + 2px = 33px */
 border-color: #999;
 border-width: 1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
 line-height: 11px;

/* DJ says this should not be supported ;) */
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
 voice-family: "\"}\"";
 voice-family: inherit;
 height: 150px; /* the correct height */
}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#divHeader
{ /* DJ removed character entitiy */
 height: 150px;
}

#XdivContent,
   #Content
{
 margin: 0px 50px 25px 50px;
 padding: 10px;
 border: 1px /*solid #999*/;
}

   #Content2
   {
    position: absolute;
    padding: 10px;
    top: 10px;
    left: 50px;
    border: 1px /*solid #999*/;
    width: 500px;
   }

   #Column
   {
    position: absolute;
    top: 10px;
    left: 550px;
    padding: 10px;
    border: 1px /*solid #999*/;
   }

div#divMenu,
div#divSubMenu
{
 position: absolute; /* this forces it to be at the top/left pixel location */
 padding: 10px;
 /* background-color: #99cccc; */ /* This is the nice green that I like */
 /* background-color: #7fa0b8; */ /* Trying for a blue to match the logos */
 background-color: #ce8e20;
 border: 1px solid Black;
 line-height: 16px;
 color: #fff; /* DJ fixed property name and doesn't think this is needed anyway */


 border: 2px solid #8C5100;
 border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 box-shadow: 0.1em 0.1em 0.5em rgba(64, 64, 64, 0.5);
 -moz-box-shadow: 0.1em 0.1em 0.5em rgba(64, 64, 64, 0.5);
 -webkit-box-shadow: 0.1em 0.1em 0.5em rgba(64, 64, 64, 0.5);
}

div#divMenu
{
 top: 195px;
 left: 50px; 
}
div#divSubMenu
{
 top: 226px;
 left: 90px;
}
 
div#divMenu    ul,
div#divSubMenu ul
{
 list-style: none;
 margin: 0;
 padding: 0;
}
 
div#divMenu    li,
div#divSubMenu li
{
 display: inline;
 padding-left: 5px;
 padding-right: 5px;
 border-right: 1px solid #fff;
}
div#divMenu    li.last,
div#divSubMenu li.last
{
 border-right: 0px;
} 
/*
div#divMenu    a,
div#divSubMenu a
{
 display: block;
 padding: 0.5em 1em;
}
*/

div#divMenu li#currentsection a
{
 /*background-color: #fff;*/
 color: #333;
}

#divSubMenu #currentpage a
{
 /*background-color: #fff;*/
 color: #333;
}

#divFooter,
#divSubFooter
{
 margin: 1em 50px;
 border: 1px /*solid #999*/;
}

/*
 * stuff from CDs:
 *
 */

div#divHeader table
{
 border-collapse: collapse;
 border: 0;
 width: 100%;
}

div#divHeader table td
{
 border: 0;
 padding: 2px;
}

div#divHeader,
div#divContent,
div#divFooter,
div#divSubFooter
{
 background-color: White;
 background-color: rgba( 255, 255, 255, 0.60 );
 border-width: 1px;
 border-style: solid;
 border-color: #777;
 box-shadow: 0.1em 0.1em 0.5em rgba(64, 64, 64, 0.5);
 -moz-box-shadow: 0.1em 0.1em 0.5em rgba(64, 64, 64, 0.5);
 -webkit-box-shadow: 0.1em 0.1em 0.5em rgba(64, 64, 64, 0.5);
 border-radius: 1em;
 -moz-border-radius: 1em;
 -webkit-border-radius: 1em;
 padding: 0.5em 2em;
 overflow: hidden;
}

div#XdivHeader
{
 margin: 0 auto 1em;
}

div#divContent
{
 min-width: 45em;
 max-width: 84em;
 margin: 1em auto;
}

div#divContent hr
{
 display: none;
}

div#divContent h1
{
 text-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.5);
}

div#divContent h1 img
{
 float: right;
 margin-left: 1em;
 margin-bottom: 1em;
 border: 0;
}

div#divProductList
{
 clear: both;
}

div#divProductList h2,
div#divProductList h2 a
{
 color: #8C5100;
 text-shadow: 0.1em 0.1em 0.2em rgba(128, 128, 128, 0.5);
}

div#divProductList h2 a,
div#divProductList ol a
{
 text-decoration: none;
}

div#divProductList h2 a:hover,
div#divProductList ol a:hover
{
 text-decoration: underline;
}

div#divProductList h2 a:hover,
div#divProductList h2 a:hover img,
div#divProductList ol a:hover img
{
 color: #bf7000;
 border-color: #bf7000;
}

div#divProductList ul,
div#divProductList ol
{
 margin: 0.5em 0em;
 background-color: transparent;
 padding: 0;
}

div#divProductList ul li
{
 clear: left;
 list-style-type: none;
 margin: 1em 0;
 border-top: 1px solid #CE8E20;
}

div#divProductList ol
{
 clear: none;
 list-style-type: none;
 margin-left: 1em;
}

div#divProductList ol li
{
 clear: none;
 float: left;
 padding-bottom: 0;
 border-top: 0;
 padding-right: 2em;
 line-height: 64px;
}

div#divProductList ol li img
{
 float: left;
 margin-right: 1em;
 border: 2px solid #8C5100;
 border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 box-shadow: 0.1em 0.1em 0.5em rgba(64, 64, 64, 0.5);
 -moz-box-shadow: 0.1em 0.1em 0.5em rgba(64, 64, 64, 0.5);
 -webkit-box-shadow: 0.1em 0.1em 0.5em rgba(64, 64, 64, 0.5);
}

div#divProductList ul li:after
{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clear-me
{
 clear: both;
}

div#divProductList ul li:first-child
{
 padding-top: 0;
}

div#divProductList ul li:last-child
{
 border-bottom: 1px solid #CE8E20;
 padding-bottom: 0;
}

div#divProductList ol li:last-child
{
 border-bottom: 0;
}

div#divProductList ul li h2,
div#divProductList ul li p
{
}

div#divProductList ul li h2 a img,
img.foo
{
 clear: right;
 float: right;
 margin-left: 1em;
 margin-bottom: 1em;
 border: 4px solid #8C5100;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 box-shadow: 0.1em 0.1em 0.5em rgba(64, 64, 64, 0.5);
 -moz-box-shadow: 0.1em 0.1em 0.5em rgba(64, 64, 64, 0.5);
 -webkit-box-shadow: 0.1em 0.1em 0.5em rgba(64, 64, 64, 0.5);
}
div#divContent img
{
 border: 4px solid #8C5100;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 box-shadow: 0.1em 0.1em 0.5em rgba(64, 64, 64, 0.5);
 -moz-box-shadow: 0.1em 0.1em 0.5em rgba(64, 64, 64, 0.5);
 -webkit-box-shadow: 0.1em 0.1em 0.5em rgba(64, 64, 64, 0.5);
}
img.i0,
div.i0 img,
table.i0 img,
div#divContent h1 img
{
 border: 0 !important;
 border-radius: 0 !important;
 -moz-border-radius: 0 !important;
 -webkit-border-radius: 0 !important;
 box-shadow: 0 0 0 0 !important;
 -moz-box-shadow: 0 0 0 0 !important;
 -webkit-box-shadow: 0 0 0 0 !important;
}

div#divProductList ul li h2 a img.imgOpposableThumb
{
 float: left;
 margin-left: 0;
 margin-right: 1em;
}

 
/*
 * floaters - fragment!
 *
 * use div form only between paragraphs; embed a paragraph for a caption
 * use imgFloatLeft/Right form for images embedded in paragraphs (or between'em)
 *
 */

div.divFloatLeft,
img.imgFloatLeft
{
 clear: left;
 float: left;
 margin-left: 0;
 margin-right: 24px;
}

div.divFloatRight,
img.imgFloatRight,
a.xyzzy span /*brutal hack*/
{
 clear: right;
 float: right;
 margin-left: 24px;
 margin-right: 0;
}

div.divFloatLeft,
div.divFloatRight,
img.imgFloatLeft,
img.imgFloatRight
{
 margin-top: 3px;
 margin-bottom: 6px;
 padding: 0px;
}

/* automagic borders */
div.divFloatLeft img,
div.divFloatRight img,
img.imgFloatLeft,
img.imgFloatRight
{ /* "table.tblSection img" in structural.css mimics this... */
 /*border: 1px solid Black;*/
}

/* caption-behavior for p-element */
div.divFloatLeft p,
div.divFloatRight p,
p.pImgCaption
{
 margin: 0;
/*
 * reconcile w/p.pCaption rules... (adopt'em)
 */
 font-size: 88%;/*8pt;*/
/* color: Pink; example */
 text-align: left !important;
}

/*
 * assumes 300x150/600x300 images
 * upright 320x427/640x853
 */

a.xyzzy span
{
 display: block;
 margin-right: 24px; /*brutal*/
}
div.divFloatLeft.ImgHov,
div.divFloatRight.ImgHov,
a.xyzzy span
{
 position: relative;
 width:  308px; /* 300px + 2x4px borders */
 height: 158px; /* 150px + 2x4px borders */
}
div.divFloatLeft.ImgHov.upright,
div.divFloatRight.ImgHov.upright
{
 height: 439px; /* 427px + 2x6px borders */
}
div.divFloatLeft.ImgHov img,
div.divFloatRight.ImgHov img,
a.xyzzy span img
{
 position: absolute;
 top: 0;
 left: 0;
 width:  300px;
 height: 150px;
 z-index: 3;
}
div.divFloatLeft.ImgHov.upright img,
div.divFloatRight.ImgHov.upright img
{
 height: 427px;
}
div.divFloatLeft.ImgHov img:hover,
div.divFloatRight.ImgHov img:hover,
a.xyzzy:hover span img
{
 top: -120px;/*tbdx2:*/
 left: -300px;
 width: 600px;
 height: 300px;
 z-index: 4;
}
div.divFloatLeft.ImgHov.upright img:hover,
div.divFloatRight.ImgHov.upright img:hover
{
 top: -220px;
 height: 853px;
}