/* Template - Fixed Width
 *
 * colors:   #FFEF66 - yellow   
 *           #246CC0 - blue   
 *           #FFFFFF - white
 */

/* ########## tag overrides ########## */
/* override margins, padding for browser uniformity */
BODY, DIV, P, H1, 
H2, H3, H4, H5 {
  margin:         0;
  padding:        0;
}
BODY, TABLE {
  background:      #FFEF66;
  color:           #246CC0;
  font-family:     Georgia, sans-serif ;
  font-weight:     bold;
  font-size:       11pt;
}
IMG {
  border-style:    none;
}
H1 {
  font-size:       16pt;
  text-align:      center;
  margin-bottom:   0.5em;
}
A {
  color:           #246CC0;
}

DIV.clear {
  clear: both;
}

/* ########## Header ########## */
DIV#sitename {
  /* W|H: auto|90px */
  border-bottom:   2px solid #246CC0;
  border-top:      2px solid #246CC0;
  height:          70px;
  padding:         10px 0 10px 0;
  text-align:      center;
}

/* ########## Content ########## */
DIV#content {
  border-left:     2px solid #246CC0;
  margin-left:     150px;
  padding:         10px 10px 10px 10px;
  position:        relative;
  width:           auto;
  /* min-height hack for IE */
  min-height:300px;
  height:auto !important;
  height:300px;
}
TABLE.instructions {
  margin-bottom:   1em;
  width:           100%;
}
TABLE.instructions TD.left {
  text-align:      left;
  font-weight:     bold;
}
TABLE.instructions TD.right {
  text-align:      right;
  font-weight:     bold;
}
TABLE.cheatsheet {
  width: 400px;
  margin: 0 auto 20px auto;
}
TABLE.cheatsheet TD {
  width: 200px;
}
DIV#content P {
  margin: 1em 0 1em 0;
}

DIV#content P.contact_email {
  font-size:       14pt;
  text-align:      center;
}

DIV#content P.contact_phone {
  text-align:      center;
}

DIV#content P.contact_company {
  font-weight:     bold;
  margin:          0;
  text-align:      center;
}

DIV#content P.contact_addr {
  text-align:      center;
  margin:          0;
}

/* ########## Random Block ########## */
DIV#random_block {
  float: right;
  margin: 0 0 0 3em;
  text-align: center;
  width: 400px;
}

P#random_caption {
  font-size:  10pt;
  text-align: center;
}


/* ########## Footer ########## */
DIV#footer {
  border-bottom:   2px solid #246CC0;
  border-top:      2px solid #246CC0;
  clear:           both;
  font-size:       11pt;
  text-align:      center;
}

/* ########## Menu ########## */
DIV#menu {
  padding:         10px;
  position:        absolute;
  top:             170px;
  width:           130px;
}
DIV#menu UL {
  list-style:     none;
  display:        block;
  margin:         0;
  padding:        0;
}
DIV#menu LI {
  display:        block;
  margin:         5px 0 5px 0;
}
DIV#menu LI UL {
  margin-left:    5px;
  margin-top:     -5px;
}
DIV#menu LI UL A {
  font-weight:    normal;246CC0
  text-decoration:none;
  line-height:    1.2em;
}
DIV#menu A {
  font-size:       13pt;
  line-height:     1.5em;
  padding:         2px 5px 2px 5px;
}
DIV#menu A:hover {
  background:     white;
}

/* ########## Decoration ########## */
DIV#decoration {
  /* W|H: *|77px */
  border-bottom:   2px solid #246CC0;
  background:      url(images/pattern.gif);
  height:          63px;
}

/* ########## Products Table ########## */
TABLE.products {
  margin:         0 auto 0 auto;
  border:         2px solid white;
  width:          100%;
}
TABLE.products TD {
  vertical-align: top;
  padding:        5px 5px 10px 5px;
  border:         2px solid white;
}
TABLE.products TD.photo {
  width:          120px;
  height:         120px;
  text-align:     center;
  vertical-align: middle;
}
TABLE.products TD.title {
  width:          195px;
  text-align:     left;
}
TABLE.products TD.desc {
  width:          auto;
}

/* ########## Order Form Table ########## */
TABLE.orderform {
  margin:         0 auto 0 auto;
  border:         2px solid white;
  width:          100%;
}
TABLE.orderform TD {
  vertical-align: top;
  padding:        5px 5px 10px 5px;
  border:         2px solid white;
}
TABLE.orderform TH {
  background:     white;
  border:         2px solid white;
  color:          #246CC0;
  padding:        5px 5px 10px 5px;
  vertical-align: top;
}
TABLE.orderform TD.qty {
  width:          20px;
}
TABLE.orderform TD.pid {
  width:          50px;
  text-align:     center;
}
TABLE.orderform TD.title {
  width:          auto;
  text-align:     left;
}
TABLE.orderform TD.price {
  font-weight:    bold;
  text-align:     right;
  width:          100px;
}
TABLE.orderform TD.weight {
  text-align:     right;
  width:          100;
}

/* ########## Title Box Sections ########## */
SPAN.title {
  display:        block;
  font-weight:    bold;
  margin-bottom:  1em;
}
SPAN.price {
  display:        block;
  font-size:      17pt;
  text-align:     center;
  font-family:    Times;
  font-weight:    bold;
}

SPAN.button {
  margin 2em auto 0 auto;
  text-align: center;
  width: 100px;
}

FORM.paypal {
  display: block;
  text-align: center;
  margin-top: 1em;
}