/****************************************************************************

 Teepol style-sheet
 ==================
  
 Colors:
 
 #00B9EF - lighter blue
 #0C68B5 - darker blue
 
 #314294 - revised Teepol logo blue....
 
 (c) 2007,08,09. Nick Moon
****************************************************************************/


/****************************************************************************
   Global styles apply in all sections
****************************************************************************/

html {
  font-family: arial, helvetica, sans-serif;
  font-size: 11pt;
  background-color: white;
}

body {
  margin: 0;
  padding: 0;
}

a {
  color: #000066; /* #0C68B5; */
  text-decoration: none;
}

a:hover {
  color: #314294; /*#00B9EF; */
  text-decoration: underline;
}


/****************************************************************************
   Menu styles
****************************************************************************/

div#menu {
  position: fixed;
  float: left;
  width: 200px;
  left: 0px;
  min-height: 33em;
}

div#menu ul {
  margin: 0;
  padding: 0;
}

div#menu ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#menu ul li a {
  display: block;
  width: 178px;
  height: 20px;
  margin: 4px 0px 4px 8px;
  padding: 4px 2px 4px 2px;
  color: #314294; /* #0C68B5; */
  font-size: 14px;
  font-weight: 900;
  text-align: right;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-width: 1px;
  border-color: #CCC;
  border-style: solid;
}

div#menu ul li a:hover {
  color: #6677BB; /* #00B9EF; */
  border-style: outset;
  border-color: #314294;
}

div#menu button {
  width: 20px;
  height: 20px;
  margin: 2px;
  background-repeat; no-repeat;
  background-position: center center;
  border-color: #CCC;
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
}

span#sales {
  display: block;
  color: white;
  background-color:#D08;
  margin:8px 8px 80px 8px;
  border-width: 2px;
  border-color: #294A94;
  border-style: outset;
  font-size:8pt;
  text-align:center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

span#sales:hover {
  text-decoration: none; /* Required by IE7 */
}

span#shop {
  display: block;
  color: white;
  background-color:#D08;
  margin:24px 8px 8px 8px;
  border-width: 2px;
  border-color: #294A94;
  border-style: outset;
  font-size:14pt;
  text-align:center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

span#shop:hover {
  text-decoration: none; /* Required by IE7 */
}


/****************************************************************************
   Header styles
****************************************************************************/

div#header {
  margin: 0px 8px 0px 230px;
  padding: 56px 0px 0px 0px;
  height: 68px;
}

div#header h1 {
  font-weight: 500;
  text-align: left;
  padding: 0;
  margin: 0;
  color: #314294; /* #00B9EF; */
}

div#breadcrumbs {
  margin: 0px 0px 0px 210px;
  padding: 0;
  font-size: x-small;
}

div.toolbar {
  margin: 0 8px 0 0;
  font-size: x-small;
}


/****************************************************************************
   Body styles
****************************************************************************/

div#body {
  margin: 0px 8px 0px 210px;
  min-height: 33em;
  padding: 0.5em;
  border-width: 3px 1px 1px 1px;
  border-color: #CCC;
  border-style: solid dashed solid dashed;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 11pt;
  font-family: xverdana, arial, helvetica, sans-serif;
}

div#body h2 {
  color: #314294; /* #0C68B5; */
}

div#body h3 {
  margin: 0.75em 0 0 24px;
  padding: 0;
  color: #314294 /* #0C68B5; */
}

div#body h4 {
  margin: 0 0 0 36px;
  padding: 1em 0 0 0;
  color: black;
}

div#body ul {
  margin-left: 2em;
  margin-right: 4em;
  border-width: 1px 1px 1px 3px;
  border-color: #CCC;
  border-style: dashed dashed dashed solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}


div#body p {
  margin: 0 4em 0 32px;
  padding: 4px;
  max-width: 36em;
}

div#body a {
  font-weight: bold;
  color: *#314294;
}

div#body a:hover {
}

div#body q {
  font-style: italic;
}


div#body sup {
  color: red; /*#EC9B32; */
  font-style: italic;
  font-size: xx-small;
}

div#body dd {
  padding: 4px 0px 8px 0px;
}

div#body img.packshot {
  border-style: solid;
  border-color: #314294; /* #CCC; */
  border-width: 1px;
  margin: 8px;
  padding: 0px;
  min-width: 200px;
  max-width: 333px;
  max-height: 400px;
  float:right;
}

* html div#body img.packshot {
  width: 330px;

}

div#body form {
  margin: 1em;
}
div#body  form table {
  width: 40em;
  margin: auto;
  border-collapse: collapse;
  border-width: 2px;
  border-color: #314294; /* teal; */
  border-style: inset;
}

div#body form table th {
  border-width: 1px;
  text-align: right;
  color: black;
  padding: 6px;
}

div#body form table td {
  border-width: 1px;
  padding: 6px;
}


div#body div#news {
  float: right;
  width: 350px;
  border-width: 2px;
  border-color: #314294; /* teal; */
  border-style: solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 1em 0 0 1em;
  padding: 0.5em;
}

div#body div#news h3 {
  margin: 0;
  padding: 0 0 0.5em 0;
  text-align: center;
}

div#body div#news h4, div#body div#news p {
  margin: 0;
  padding: 0;
}

div#body div#ad {
  clear: right;
  float: right;
  width: 350px;
  border-width: 2px;
  border-color: #314294; /* teal; */
  border-style: solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 1em 0 0 1em;
  padding: 0.5em;
}


div#body div#ad h4{
  margin: 0;
  padding: 0 0 1em 0;
  text-align: center;
}

div#body div#ad p {
  margin: 0;
  padding: 0.5em 0 1em 0;
  text-align: center;
  font-size: 9pt;
}

div#body div#ad span#shop {
  font-size: 14pt;
  font-family: arial, helvetica, sans-serif;
}

/****************************************************************************
   Footer styles
****************************************************************************/

div#footer {
  margin: 0px 8px 0px 210px;
  padding: 0px 0px 0px 1em;
  font-size: x-small;
  font-weight: 500;
}


/*

  Menu styles (pure CSS - see Meyer)

*/

ul.menuh li:hover {
  background-color: teal;
}

ul.menuh li ul li:hover {
  background-color: teal !important;
}

ul.menuh li:hover ul li {
  background-color: #044;
}

ul.menuh li a {
  color: white;
}

ul.menuh li b {
  font-weight: 500;
  color: white;
}



/****************************************************************
  Google map styles
*****************************************************************/
div#maparea {
  margin: 0;
  padding: 0;
}

div#maptools {
  float: right;
  width: 146px;
  font-size: x-small;
}

div#map {
  color: black;
  xxwidth: 30em;
  height: 34em;
  margin: 0;
  margin-right: 150px;
}

div#map h3 {
  color: black;
  font-size: 10pt;
}
div#map p {
  font-size: 8pt;
  color: black;
}

div#coords {
  font-size:xx-small;
  xxcolor:white;
}


/****************************************************************
  Tabbed request box styles
*****************************************************************/

div#requestForm {
 text-align: left;
 visibility: visible;
 border-style: outset;
 border-color: #314294; /* #EC9B32; */
 border-width: 1px;
 background-color: #314294; /* #EC9B32; */
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}

div.pages {
 height: 16em;
 border-style: inset;
 border-color: #314294; /* #EC9B32; */
 border-width: 1px;
 margin: 4px;
 background-color: white;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

div.page {
 padding: 4px;
 left: 0px;
 top: 0px;
}
div.page label {
 font-weight: 700;
}

div.page input {
 margin-left: 16px;
 background-color: #EEF; /* #BBEEFF; */
 border-width: 1px;
 border-style: solid;
 border-color: #314294; /* #0C68B5; */
}
div.page textarea {
 margin-left: 16px;
 background-color: #EEF; /* #BBEEFF; */
 border-width: 1px;
 border-style: solid;
 border-color: #314294; /* #0C68B5; */
}
div.page select {
 margin-left: 16px;
 background-color: #EEF; /* #BBEEFF; */
 border-width: 1px;
 border-style: solid;
 border-color: #314294; /* #0C68B5; */
}

div#requestFormButtons {
  margin: 4px;
  text-align: right;
  background-color: white;
  border-color: #314294; /* #EC9B32; */
  border-width: 1px;
  border-style: inset;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

div#requestFormButtons button {
  width: 64px;
  height: 22px;
  margin: 4px;
  background-color: #314294; /* #00B9EF; */
  font-weight: 700;
  border-width: 1px;
  border-color: #0C68B5;
  border-style: outset;
  color: white;
}

div#requestFormButtons button:hover {
  cursor: pointer;
}

div#requestFormButtons button[disabled] {
  color: #888;
}


@media print {

div#menu {
  text-align: right;
  position: static;
  float: right;
  width: 120px;
  height: 100px;
  min-height: 75px;
}

div#menu ul {
  display: none;
}

div#menu div {
  display: none;
}

div#menu img#logo {
  display: block;
  visibility: visible;
  width: 100px;
  height: 75px;
}

div#menu img {
  display: none;
}

div#header {
  margin-left: 0px;
  float: left;
}

div#header h1 {
  color: #314294; /* #EC9B32; */
}

div#breadcrumbs, div.toolbar {
  display: none;
  margin-left: 0px;
}

div#body {
  margin-left: 0px;
  xmin-height: 200mm;
  clear: both;
}

div#footer {
  margin-left: 0px;
}

div#footer div {
  display: none;
}

}