/**
 * PAGENAME index.css
 * AUTHORED Mark Willoughby
 * LUPDATED Fri 15 Jan 2010 02:45:07 PM PST 
 * DESCRIPT K9CASE Stylesheet
**/

body, html {
  background: #cfc9c9;
  color:black;
  font: 90% Veranda,Tahoma,Arial,serif;
  height:100%;
  line-height: 1.2em;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
/**
 * The title including the logo and search/links
**/
#title {
  background: white;
  height: 130px;
  margin: auto;
  width: 980px;
}
.logo {
  float: left;
  height: 130px;
  margin-left: 10px;
  width: 420px;
}
.title_right {
  float: left;
  height: 130px;
  width: 550px;
}
.search_bar {
  color: #1B2842;
  float: left;
  height: 60px;
  padding-top: 13px;
  padding-right: 10px;
  text-align:right;
  font-family: Helvetica Narrow, sans-serif;
  width: 540px;
}
.search_bar h1 {
  font-size:160%
}
.title_links {
  height: 15px;
  float: left;
  font-family: Helvetica Narrow, sans-serif;
  font-size: 100%;
  padding-right: 10px;
  padding-top: 0px;
  text-align: right;
  text-transform: uppercase;
  width: 568px;
}
.title_links a {
  text-decoration: none;
  color: #1B2842;
  border-right: dotted 1px #1B2842;
  padding-right: 10px;
  padding-left: 10px;
}
.title_links a.a_right {
  border-right: 0px;
  margin-right: -10px;
}
.title_links a:hover {
  text-decoration:underline;
}
/**
 * The menu bar below the title logo
**/
#menu_bar {
  background: #0056A1;
  font-size: 95%;
  font-family: Helvetica Narrow, sans-serif;
  font-style: bold;
  text-align: center;
  text-transform: uppercase;
  width: 980px;
  margin: auto;
}
#menu_bar li {
  background: #0056A1;
  border-right: dotted 1px white;
  list-style: none;
  float: left;
  width: 162px;
}
#menu_bar li.li_right {
  border-right: 0px;
  width: 165px;
}
#menu_bar li.smaller {
  font-size: 85%;
}
#menu_bar li.sub_smaller  ul.sub_menu {
  font-size: 115%;
}
#menu_bar ul {
  float: left;
  margin-left: -40px;
  margin-top: 0px;
  position:relative;
}
#menu_bar li a {
  display: block;
  padding: 5px;
  text-decoration: none;
  color: white;
}
#menu_bar li.menu_bar_about {
  background: url('images/menu_about_bg.jpg');
}
#menu_bar li:hover {
  position:relative;
}
#menu_bar li a:hover {
  background: #2ba0f9;#0056A1;
  color: white;
}
#menu_bar li ul.sub_menu {
  left:-9999px;
  top:-9999px;
  width:0;
  height:0;
  margin:0;
  padding:0;
  position:relative;
  list-style:none;
}
#menu_bar li:hover ul.sub_menu {
  left: 0px;
  top: 0px;
}
#menu_bar li:hover ul.sub_menu li {
  background: #192641;
  border: 0px;
  border-top: dotted 1px white;
  font-size: 80%;
  line-height: 8px;
  text-align: left;
  white-space: nowrap;
  width: 162px;
  height: auto;
  position: relative;
}
#menu_bar li:hover ul.sub_menu li:hover {
  background: #4c5b79;
}
/**
 * The large banner for index.php
**/
#banner {
  height: 300px;
  margin: auto;
  margin-top: 20px;
  width: 980px;
}
/**
 * The main content div
**/
#content_wrap {
  background: white;
  margin: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 980px;
}
.content {
  background: white;
  border-right: dotted 1px #cfc9c9;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  width: 659px;
}
.content li {
  background: url(images/bullet.jpg) 2px 7px no-repeat transparent;
  list-style: none;
  padding-left: 20px;
  margin-left: -15px;
}
.content_side_bar {
  float: left;
  width: 300px;
}
.content_side_bar h2 {
  color: #80808c;
  font-family: Helvetica Narrow, sans-serif;
  font-size: 100%;
  margin-left: 10px;
  text-transform: uppercase;
}
.content_side_bar h2 a {
  text-decoration: none;
}
.content_side_bar h2 a:hover {
  text-decoration: underline;
}
.content_side_bar h3 {
  color: white;
  font-family: Helvetica Narrow, sans-serif;
  font-size: 100%;
  text-transform: uppercase;
}
.content_side_bar h4 {
  color: #80808c;
  font-family: Helvetica Narrow, sans-serif;
  font-size: 80%;
  margin-left: 20px;
  margin-top: -10px;
  text-transform: uppercase;
}
.content_side_bar h4 a {
  text-decoration: none;
}
.content_side_bar h4 a:hover {
  text-decoration: underline;
}
.content_side_bar li {
  background: url(images/bullet.jpg) 2px 7px no-repeat transparent;
  font-size: 85%;
  list-style: none;
  padding-left: 20px;
  margin-left: -15px;
  margin-top: -15px;
}
.clear {
	clear:both;
}
/**
 * The menu bar on the right side
**/
#right_bar {
  background: #0056A1;
  font-size: 95%;
  font-family: Helvetica Narrow, sans-serif;
  font-style: bold;
  color: white;
  text-align: center;
  text-transform: uppercase;
  width: 300px;
  margin: auto;
  margin-top: 5px;
}
#right_bar li {
  background: #0056A1;
  border-bottom: dotted 1px white;
  list-style: none;
  float: left;
  width: 280px;
  margin-left: 0px;
  height: auto;
}
#right_bar ul {
  float: left;
  margin-left: -40px;
  margin-top: 0px;
  position:relative;
}
#right_bar a {
  display: block;
  text-decoration: none;
  padding: 10px;
  color: white;
  width: 290px;
}
#right_bar li a {
  display: block;
  text-decoration: none;
  padding: 5px;
  margin-left: -20px;
  color: white;
  width: 290px;
}
#right_bar ul li.header {
  font-size: 145%;
}
#right_bar li.right_bar_arrow {
  background: #0056A1 url('images/left_arrow.jpg') no-repeat;
}
#right_bar li:hover {
  position:relative;
}
#right_bar li.right_bar_arrow a:hover {
  background: #2ba0f9 url('images/left_arrow_hover.jpg') no-repeat;
  color: white;
}
#right_bar li a:hover {
  background: #2ba0f9;
  color: white;
}
#right_bar li ul.sub_menu {
  left:-9999px;
  top:-9999px;
  width:0;
  height:0;
  margin:0;
  padding:0;
  position:relative;
  list-style:none;
}
#right_bar li:hover ul.sub_menu {
  left: -310px;
  top: 0px;
  margin-top: -26px;
}
#right_bar li:hover ul.sub_menu li {
  background: #192641;
  border: 0px;
  border-bottom: dotted 1px white;
  font-size: 80%;
  line-height: 8px;
  text-align: left;
  white-space: nowrap;
  width: 270px;
  height: auto;
  margin-top: 0px;
  position: relative;
}
#right_bar li:hover ul.sub_menu ul li a {
  background: #192641;
  border: 0px;
  width: 280px;
  height: auto;
  margin-top: 0px;
  margin-left: -30px;
  position: relative;
}
#right_bar li:hover ul.sub_menu li a:hover {
  background: #2ba0f9;
  color: white;
}
#right_bar ul.sub_menu li.noa  {
  display: block;
  text-decoration: none;
  margin-left: 5px;
  padding: 5px;
  color: white;
  position:relative;
}
#right_bar li:hover ul.sub_menu li:hover {
  background: #4c5b79;
}

/**
 * The footer at the bottom of the page
**/
#footer {
  background: white;
  border-top: dotted 1px #80808c;
  color: #80808c;
  font-size: 85%;
  height:40px;
  padding-top: 5px;
  margin: auto;
  text-align: center;
  width: 980px;
}
.footer_left {
  float: left;
  text-align: left;
  margin-left: 100px;
  width: 360px;
}
.footer_left a {
  color: #80808c;
  text-decoration: underline;
}
.footer_left a:hover {
  text-decoration: none;
}
.footer_right {
  float: left;
  text-align: right;
  margin-right: -50px;
  width: 410px;
}
.footer_right a {
  color: #80808c;
  text-decoration:underline;
  border-right: dotted 1px #80808c;
  padding-right: 5px;
  padding-left: 5px;
}
.footer_right a.a_right {
  border-right: 0px;
}
.footer_right a:hover {
  text-decoration: none;
}
/**
 * Side Bar Styles
**/
.side_bar_box_wrap {
  border: solid 1px #cfc9c9;
  padding: 2px;
  margin: auto;
  margin-bottom: 10px;
  width: 276px;
}
.side_bar_box {
  background: #0056A1 url(images/side_bar_box_bg.jpg) top repeat-x;
  width: 276px;
}
.side_bar_box a {
  display: block;
  color: white;
  padding: 4px;
  text-decoration: none;
}
.side_bar_box a:hover {
  background: #2ba0f9;
  color: white;
}
.side_bar_box h3 {
  margin: 0px;
  margin-bottom: 5px;
}
/**
 * Form Styles
**/
.form_header_container {
  border: 1px solid #cfc9c9;
  float: left;
  padding: 2px;
  width: 652px;
}
.form_header {
  background: #1B2842 url(images/form_header_bg.jpg) top repeat-x;
  color: white;
  float: left;
  padding: 4px;
  width:644px;
}
.form_header h2 {
  color: white;
  margin: 5px;
  margin-bottom: 5px;
}
.form_content {
  background: #eeedf3;
  border-left: 1px solid #cfc9c9;
  border-right: 1px solid #cfc9c9;
  border-bottom: 1px solid #cfc9c9;
  float: left;
  padding: 10px;
  width: 636px;
}
.form_content h2 {
  color: #80808c;
}
.form_content h3 {
  margin-bottom: -10px;
}
.form_row {
  float: left;
  padding: 10px;
  width: 616px;
}
.form_wrap {
  width: 616px;
}
.form_column_left {
  background: url(images/bullet.jpg) 2px 7px no-repeat transparent;
  float:left;
  margin-left: 20px;
  padding-left: 20px;
  text-align:left;
  width: 160px;
}
.form_column_right {
  float: left;
  text-align:left;
  width: 416px;
}
.form_row_error {
  background: white;
  border: 1px solid #dbdbdb;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 2px;
  width: 631px;
}
.form_wrap_error {
  background: #FFECEC;
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 631px;
}
.form_column_left_error {
  float:left;
  color: #CC0000;
  font-weight: bold;
  padding-left: 40px;
  text-align:left;
  width: 160px;
}
.form_toperror {
  float:left;
  color: #CC0000;
  font-weight: bold;
  text-align:center;
  width: 631px;
}
.form_toperror li {
  margin-left: 80px;
  text-align: left;
}
.form_buttons { width: 95%; text-align: center; padding: 15px 0px 0px 0px; }
input.form_text {
  border:0px solid #000000;
  float:left;
  width:90%;
  background:#f6f6f6;
  height:25px;
}
input.form_search {
  border:0px solid #000000;
  width:200px;
  background:#f6f6f6;
  height:25px;
}
input.form_text_border {
  border:1px solid #ccc;
}
input.form_phone {
  width:10%;
}
textarea {
  background-color: #f6f6f6;
  border:1px solid #ccc;
  font-family: Helvetica Narrow, sans-serif;
  font-size: 100%;
}
/**
 * Other Styles
**/
.fees_row { float: left; height:30px; width: 657px; }
.fees_type { border-right: dotted 1px white; float: left; padding-left: 15px; width: 369px; }
.fees_type h2 { margin-left: -5px; }
.fees_total { border-right: dotted 1px white; float: left; padding-left: 15px; width: 70px; }
.fees_total h2 { margin-left: -5px; }
.fees_cart { float: left; padding-left: 45px; width: 119px; }
.fees_cart h2 { margin-left: -35px; }
.reg_item { border-right: dotted 1px white; float: left; padding-left: 15px; width: 369px; }
.reg_item h2 { margin-left: -5px; }
.reg_quan { border-right: dotted 1px white; float: left; padding-left: 15px; width: 100px; }
.reg_quan h2 { margin-left: -5px; }
.reg_fee { float: left; padding-left: 15px; width: 119px; }
.reg_fee h2 { margin-left: -5px; }
.editor_type { border-right: dotted 1px white; float: left; padding-left: 15px; width: 170px; }
.editor_date { border-right: dotted 1px white; float: left; padding-left: 15px; width: 200px; }
.editor_reg { float: left; padding-left: 15px; width: 100px; }
.editor_del { float: left; padding-left: 15px; width: 10px; }
.editor_item { float: left; padding-left: 15px; width: 425px; }
.editor_fee { float: left; padding-left: 0px; width: 75px; }
.required { color: red; }
.error { background: #FFECEC; border: 1px solid #990000; color: #CC0000; font-size: 11px; font-weight: bold; padding: 5px; text-align: center; }
.error_form { background: #FFECEC; border: 1px solid #990000; color: #CC0000; font-size: 11px; font-weight: bold; padding: 1px; text-align: center; }
/**
 * Text Styles
**/
h1 {
  color: #1B2842;
  font-family: Helvetica Narrow, sans-serif;
  font-size: 175%;
  margin-left: 10px;
  text-transform: uppercase;
}
h2 {
  color: #80808c;
  font-family: Helvetica Narrow, sans-serif;
  font-size: 120%;
  margin-left: 10px;
  text-transform: uppercase;
}
h2 a {
  color: #80808c;
  text-decoration: none;
}
h2 a:hover {
  text-decoration: underline;
}
h3 {
  color: #80808c;
  font-family: Helvetica Narrow, sans-serif;
  font-size: 100%;
  margin-left: 10px;
  text-transform: uppercase;
}
h4 {
  color: #80808c;
  font-family: Helvetica Narrow, sans-serif;
  font-size: 80%;
  margin-left: 10px;
  text-transform: uppercase;
}
h4 a {
  color: #80808c;
}
h4 a:hover {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.nice_table_container { border: 1px solid #dbdbdb; float: left; margin-top: 10px; margin-bottom: 10px; padding: 2px; width: 652px; }
.nice_table { background: #d8e4ef; float:left; width: 652px; font-size: 80%; }
.nice_table_row { width:642px;float:left;padding:5px; }
.nice_table_row_white { width:642px;float:left;padding:5px;background: #FFFFFF; }
.log_num { width:30px;float:left; }
.log_ip { width:100px;float:left; }
.log_date { width:180px;float:left; }
.log_version { width:140px;float:left; }
.log_os { width:100px;float:left; }
.log_referrer { width:60px;float:left; }