/* Color Scheme:

	Black - #000000	Dark Dull Blue - #003366	Dark Medium Dull Blue - #336699
	White - #ffffff	Golden Yellow #ffcc33	Light Medium Dull Blue - #6699cc
			Brick - #993300		Light Dull Blue - #99ccff

*/


/* Major Site-wide Rules: */

body { background: #ffffff url(./images/bg.gif); background-repeat: repeat-y; background-position: top left;
              font-family: verdana, helvetica, arial, "sans serif";
              color: #000000; 
              font-size: medium; 
              margin: 0px; }

p { font-size: 75%; line-height: 1.5em; }

a:link { color: #336699; font-weight: bold; }
a:visited { color: #003366; font-weight: bold; }
a:hover { color: #336699; font-weight: bold; border: 1px dotted #003366; text-decoration: none; }
a:active { color: #336699; font-weight: bold; border: 1px dotted #003366; text-decoration: none;  }

a.pic:link { border: 0px; text-decoration: none; }
a.pic:visited { border: 0px; text-decoration: none; }
a.pic:hover { border: 0px; text-decoration: none; }
a.pic:active { border: 0px; text-decoration: none;  }


/* Index Page Header Graphics: */

img.h-top { position: absolute; left: 0px; top: 0px;
                       width: 740px; height: 120px;
                       border: 0px; }

img.h-bottom { position: absolute; left: 0px; top: 120px;
                              width: 200px; height: 93px;
                              border: 0px; }


/* Index Page H1 Tag and Text: */

.index h1 { position: absolute; left: 225px; top: 150px;
                     background: #99ccff url(./images/h1_bg.jpg); background-repeat: no-repeat; background-position: top right;
                     font-size: 80%; font-weight: bold;
                     width: 490px; height: 32px;
                     border: 0px; padding: 0px; }

div.h1-text { position: absolute; left: 240px; top: 190px;
                         width: 470px; height: auto;
                         font-size: 75%; line-height: 1.3em; 
                         padding-top: 15px; }


/* Index Page Column 1: */

div.col1 { position: absolute; left: 20px; top: 260px;
                   width: 180px; height: auto;
                   border: 4px solid #993300; }
 
img.whats-hot { width: 180px; height: 31px;
                               border: 0px; }

img.featured { border: 2px; color: #000000; border-color: #000000;
                            margin-top: 10px; margin-left: 8px; margin-bottom: 10px; }

.col1 h2 { font-size: 85%; font-weight: bold; color: #ffffff;
                    margin-top: 0px; margin-bottom: 20px; text-align: center; }

.col1 p { color: #000000;
                  margin-top: 0px; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; }

div.address  { font-size: 70%; line-height: 1.5em;
                           margin-top: 20px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }

.address h3 { font-size: 90%; color: #000000; }


/* Index Page Column 2: */

div.col2 { position: absolute; left: 240px; top: 310px;
                   width: 210px; height: auto;
                   border: 0px; }

.col2 img { width: 210px; height: 250px;
                      border: 0px; }

.col2 p { width: 200px; height: auto; 
                 margin-top: 20px; margin-left: 10px; margin-right: 10px; }


/* Index Page Column 3: */

div.col3 { position: absolute; left: 490px; top: 310px;
                   width: 210px; height: auto;
                   border: 0px; }

.col3 img { width: 210px; height: 250px;
                     border: 0px; }

.col3 p { width: 200px; height: auto; 
                 margin-top: 20px; margin-left: 10px; margin-right: 10px; }


/* Email Page: */

div.h1-email { position: absolute; left: 240px; top: 190px;
                           width: 470px; height: auto;
                           font-size: 75%;
                           padding-top: 15px; }
 
div.leftnav1 { position: absolute; left: 20px; top: 279px;
                          width: 180px; height: auto;
                          border: 4px solid #99ccff; }
 
.leftnav1 p { font-weight: bold; color: #000000;
                       margin: 10px; }


/* Frameset Header: */

body.header {background: #336699; }


/* Copyrights: */

div.copy {width: 470px; height: auto;
                    font-size: 90%; line-height: 1.3em;
                    margin-top: 2.5em;  }

div.copy-index { position: absolute; left: 260px; top: 940px;
                                width: 470px; height: auto;
                                font-size: 70%; line-height: 1.3em; }


/* Apparel Catalog: */

body.catalog  { background: #ffffff;
                             margin-top: 25px; margin-left: 6%;  margin-right: 6%;}

.catalog h1 { background: #99ccff url(./images/h1_bg.jpg); background-repeat: no-repeat; background-position: top right;
                         font-size: 80%; font-weight: bold;
                         width: 490px; height: 32px;
                         border: 0px; padding: 0px; }

.catalog div { margin-top: 25px; font-size: 75%; line-height: 1.5em; }

img.apparel0 { margin-right: 10px; }

.topnav1  { position: absolute; left: 120px; top: 70px; 
                     font-size: .67em; line-height: 1.3em; }

.topnav2  { position: absolute; left: 300px; top: 70px;
                      font-size: .67em; line-height: 1.3em; }

.topnav3  { position: absolute; left: 480px; top: 70px;
                      font-size: .67em; line-height: 1.3em; }

a.blue:link { color: #ffffff; font-weight: bold; text-decoration: none; }
a.blue:visited { color: #000000; font-weight: bold; text-decoration: none; }
a.blue:hover { color: #ffcc33; font-weight: bold; text-decoration: none; border: 0px; }
a.blue:active { color: #ffcc33; font-weight: bold; text-decoration: none; border: 0px; }

body.leftnav { background: #ffffff; 
                           margin-top: 25px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; }

.leftnav div { width: 120px; height: auto;
                         border: 4px solid #99ccff;
                         padding: 10px;  
                         font-size: .67em; line-height: 1.3em; }
 
.leftnav form {font-size: .67em; line-height: 1.3em; 
                          margin-top: 10px; }


/*Quote Request Form: */

body.quote  { background: #ffffff;
                          margin-top: 25px; }

.quote td { font-size: 80%;  font-weight: bold; }

.quote h1 { font-size: 100%;  font-weight: bold; margin-bottom: 2.5em; }

.quote p { margin-top: 2.5em; }

/* Featured Page Rules: */

body.featured  { background: #ffffff;
                               margin-left: 9%; margin-right: 9%; margin-top: 25px; margin-bottom: 25px; }

.featured h1 { background: #99ccff url(./images/h1_bg.jpg); background-repeat: no-repeat; background-position: top left;
                           font-size: 100%; font-weight: 500; line-height: 65%; letter-spacing: .25em;
                           width: 100%; height: 32px;
                           border: 0px; padding: 0px; margin-bottom: 20px; }

.featured h2  { font-size: 120%; font-weight: bold; color: #336699; }

.featured td { font-size: 80%; line-height: 135%; }

s { font-size: 110%; color: #999999; }
span.call { color: #999999; }

span.s-price, span.thanks { font-size: 120%; color: #993300; }

span.min { font-size: 80%; }

/* Minor Site-wide Rules: */

div.note { font-size: 80%;
                   width: 250px;
                   margin-left: 10px; }

div.links, div.content { font-size: 80%;
                                          margin-left: 9%; margin-right: 9%; }

img.featured { margin-right: 10px; }
img.bar { margin: 25px; }

.links h2 { font-size: 100%; margin-top: 2em; margin-bottom: 0px; }
.links p { margin-top: 10px; font-size: 100%; }

.small { font-size: .67em; }
b, strong { font-weight: bold; }
i, em, cite { font-style: italic; }