
/* CSS Document */
/* $Id: styles.css 52770 2011-04-18 20:17:38Z ddamstra $ */

/* defaults, globals, and miscellaneous
==============================================================================*/

* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  text-align: left;
  font: 76%/1.3em "Lucida Grande", verdana, arial;
  color: #000;
  background: #595A5A url(../images/bg_gray.jpg) repeat-x left top;
}

h2 {
  margin-bottom: 5px;
  border-bottom: 1px solid #3D4A65;
  color: #0E132D;
  padding-bottom: 5px;
  letter-spacing: -1px;
  line-height: 1em;
  font-size: 200%;
}

h3 {
  border-bottom: 1px solid #D8DCE7;
  color: #0E132D;
  letter-spacing: -.5px;
  margin-top: 20px;
}

a {
  color: #4369BD;
  text-decoration: none;
  outline: none;
}

a:hover { text-decoration: underline; }

table { width: 100%; }

ul {margin-left: 20px;}


#wrapper {
  background-color: #fff;
  position: relative;
  padding: 0 10px 10px 10px;
  width: 960px;
  text-align: left;
  margin: 0 auto;
}

/* #logobg {
	position: absolute;
	top: 185px;
	right: 10px;
	background: transparent url(../images/bg_logo.jpg) no-repeat right top;
	width: 300px;
	height: 400px;
	z-index: 4;
} */

#banner {
  height: 150px;
  background:#D4D8E3 url(../images/bg_header.gif) repeat-x left top;
  text-align: left;
  width: 100%;
}

tr.even { background-color: #ccc; }

#banner h1 a {
  position: absolute;
  top: 15px;
  left: 20px;
  width: 324px;
  height: 140px;
  font-size: 1em;
  text-indent: -2000em;
  overflow: hidden;
  background: url('../images/turner_sm2.gif') no-repeat left top;
  z-index: 20;
}

#banner p.address {
  margin-left: 500px;
  padding-top: 45px;
  color: #1A2252;
  font-weight: bold;
}

#burst a{
	position: absolute;
  top: 20px;
  right: 20px;
  height: 125px;
  width: 125px;
  display: block;
  background: url('../images/specials_badge.png') no-repeat left top;
  text-indent: -999999px;
  
}

#leftcol {
  position: absolute;
  top: 185px;
  left: 10px;
  width: 224px;
  background-color: #3D4A65;
  padding: 0;
  margin: 0;
  z-index: 20;
}

#leftcol p {
  color: #fff;
  font-size: 90%;
  margin: 20px 0 0 15px;
  padding: 0;
}

#leftcol a { color: #fff; }

#rightcol {
  position: relative;
  background: transparent url(../images/bg_content.jpg) no-repeat left top;
  min-height: 300px;
}

#content {
  background: transparent url(../images/bg_logo.jpg) no-repeat right top;
  padding: 10px;
}

#footer {
  margin-top: 20px;
  text-align: center;
  border-top: 1px solid #787878;
  clear: both;
 letter-spacing;
}

.legal {
  color: #7A7C7B;
  font-size: smaller;
  margin-top: 20px;
}

/* top menu
==============================================================================*/

#topmenu {
  background: #0E132D url('../images/bg_nav.png') repeat-x;
  height: 45px;
  width: 100%;/* border-bottom: 10px solid #fff; */
}

#topmenu ul { list-style:none; margin: 0; }

#topmenu ul ul { display: none; }

#topmenu li {
  float: left;
  height: 45px;
}

#topmenu a {
  display: block;
  padding: 0px 10px;
  line-height: 45px;
  border-left: 1px solid #242E65;
  border-right: 1px solid #101632;
  background: #0E132D url('../images/bg_nav.png') repeat-x;
  color: #fff;
  font-weight: bolder;
  letter-spacing: -.8px;
}

#topmenu a:hover {
  background-position:0 -50px;
  text-decoration: none;
}

#topmenu a.active {
  background-position:0 -50px;
  border-color:#41669A;
}

#topmenu li ul {
  position: absolute;
  margin: 0px;
  z-index: 999;
  width: 222px;
}

#topmenu li ul li { }

#topmenu li ul a { width: 200px; }

p { margin-bottom: 30px; }

p.form { margin-bottom: 15px; }

p.intro {
  color: #1A2252;
  font-size: 130%;
  font-weight: bold;
  line-height: 1.2em;
}

p.white {
  color: #fff;
  font-size: 90%;
  font-weight: bold;
  margin: 0;
  padding: 0 0 0 5px;
}

a.submit {
  color: #fff;
  font-size: 85%;
  margin: 10px 0 0 10px;
}

#footer p {
  font-size: 85%;
  color: #666;
  margin: 0;
  padding: 0;
}

img.left {
  float: left;
  margin: 0 8px 30px 0;
}

img.right {
  float: right;
  margin: 0 0 8px 5px;
}

img.header { margin-bottom: 20px; }

#database { font-size: 90%; }

#database strong { font-size: 115%; }

#database th {
  margin: 0;
  padding: 8px 20px;
  text-align: center;
  background-color: #5979A7;
  color: #fff;
  font-size: 110%;
}

#database td {
  margin: 0;
  padding: 8px 10px;
  text-align: center;
  border-top: 1px solid #b5b5b5;
}

#database .name { text-align: left; }

#database tr.alt { background: #e6e6e6; }

#database img.left {
  margin: 0 6px 6px 0;
  padding: 0;
}

#searchresults th {
  text-align: right;
  font-size: 115%;
  margin: 0;
  padding: 8px 5px 8px 0;
}

#searchresults td {
  margin: 0;
  padding: 8px 5px;
  text-align: left;
}

#searchresults tr.alt { background: #e6e6e6; }

#footer ul {
  list-style: none;
  display: inline;
  margin: 0;
  padding: 0;
}

#footer ul li {
  list-style: none;
  display: inline;
  padding: 0 3px 0 4px;
  border-left: 1px solid #DBDFEA;
}

#footer ul li a { font-size: 85%; }

.error {
  border: 1px solid #DA3838;
  padding: 10px;
  background: #EE7A6B;
  font-size: 115%;
}

.error p { margin-bottom: 10px; }

.error a { color: #fff; }

.success {
  border: 1px solid #97AE2B;
  padding: 10px;
  background: #C5DC56;
  font-size: 115%;
}

.success p { margin-bottom: 10px; }

.success a { color: #fff; }

/* catalog page stuff */
div.catalog a {
  height: 50px;
  width: 160px;
  border: 3px solid #0E132D;
  padding: 20px 5px 0;
  margin: 5px;
  float: left;
  display: block;
  text-align: center;
  color: #fff;
  font-weight: bolder;
  background: #3F4A66;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

div.catalog a:target { border-color: #D21D1D; }

div.catalog a:hover {
  background: #0E132D;
  text-decoration: none;
}

div.alt a {
  background: #B3B6C0;
  color: #0E132D;
}

div.alt a:hover { color: #fff; }

div.specials a {width: 905px;}

#text-search input {
  height: 25px;
  line-height: 25px;
}

#text-search input.search_keyword { width: 300px; }

#text-search input.search_button {
  width: 100px;
  height: 30px;
}

.quote_req {
  border: 2px solid #111633;
  background: #B5B8C1;
  padding: 10px;
  text-align: center;
  width: 200px;
  margin-top:10px;
}

.right { float: right; }

.quote_req h3 {
  border: 0;
  margin: 0 0 10px
}

.quote_req input { padding: 5px 10px; }

#jumpnav { margin-bottom: 5px; }

#jumpnav a {
  padding: 3px 5px;
  margin:0 3px 0 0;
  border: 1px solid #0E132D;
  background: #fff;
}

#jumpnav a:hover {
  background: #5D7DA9;
  color: #efefef;
  text-decoration: none;
}

a.button {
  display: block;
  padding-left: 60px;
  background: #232D64 url('../images/media-playback-start.png') left top no-repeat;
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  color: #fff;
  width: 40%;
}

a.button:hover {
  text-decoration: none;
  background-color: #42699B;
}

form ul {
  list-style:none;
  padding: 0;
  margin: 0;
}

form li { margin-bottom: 5px; }

form h3 {margin-bottom: 10px;}

label {
  display: block;
  width: 20em;
  float: left;
}

input.submit {width:10em; padding: 5px;}

span.req {color: #C00;}

/* specials page */
.special_description {border: none; padding: 10px; background: #446A9C; border: 2px solid #192F5F; color: #efefef; margin-bottom: 20px;}
.special_specs {}
special_details {}
