/* BODY AND PARAGRAPHS */

body {
  background-color: #0000EE;
  color: #000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10pt;
  margin: 0px;
  padding: 10px;
  background-image: url("http://www.riversports.com/img/templates/riversports/background.jpg");
  background-repeat: no-repeat;
}
p,div {
  font-size: 10pt;
}
  
/* HEADERS */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-bottom: 5px;
}
 h1 {
  color: #333;
   font-size: 14pt;
}
h2 {
  color: #333;
  font-size: 13pt;
}
h3 {
  color: #333;
  font-size: 12pt;
}
h4 {
  color: #333;
  font-size: 12pt;
}
h5 {
  color: #333;
  font-size: 11pt;
  margin: 0px;
  padding: 0px;
}
h6 {
  color: #333;
  font-size: 11pt;
}

#my_header_table h5 {
  color: #FFF;
  margin: 5px 0px 5px 0px;
}


/* LINKS */

a:link, a:visited {
  text-decoration: none;
  color: #OOOOEE;
}
a:hover, a:active {
  color: #FF6600;
}
a img {
  border: none;
}


/* SPECIFIC IDS */

#my_banner {
  background-color: #000;
  margin: 0px;
  padding: 0px;
  width: 50%;
  height: 90px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}

#my_login {
  padding: 0px 0px 0px 10px;
  margin: 0px;
  width: 22%;  
  height: 90px;
  vertical-align: top;
}

#my_login a:link, #my_login a:visited {
  color: #FFCC00;
}

#my_login a:hover, #my_login a:active {
  color: #DDD;
}

#my_search {
  margin: 0px;
  padding: 0px;
  width: 28%;
  height: 90px;
  vertical-align: top;
}

#my_nav { 
  position: relative;
  background-color: #DDD;
  width: auto;
  height: 20px;
  border: 1px solid #000;
  margin: 0px;
  padding: 0px;
}

#my_nav div.menu {
  position: absolute;
  bottom: -5px; 
  vertical-align: middle;
height: 20px;
}

#my_nav div.menu div.link {
  border-right: 1px solid #000;  
 /* display: block; */
  float: left;
  position: relative;
  padding: 2px 10px 2px 10px; 
 /* margin-left: 0px; */
}

#my_nav div.submenu {
  z-index: 5;
  position: absolute;
  top: 20px;
  left: 0px;
  margin: 0px;
  width: 175px;
  display: block; 
  background-color: #333;
  border: 1px dotted #CCC;
  visibility: hidden;
  opacity: .9;
  filter: alpha(opacity=90);
}

#my_nav div.submenu div.submenu {
  z-index: 10;
  position: absolute;
  top: -3px; 
  margin: 0px;
  left: 170px;
  width: 175px;
  display: block;
  border: 1px dotted #CCC;
  background-color: #333;
  opacity: .9;
  filter: alpha(opacity=90);
}

#my_nav div.submenu div.link {
  text-align: left;
  padding: 2px;
  margin: 2px 5px 2px 5px;
  display: block;
  border: 0px;
  width: 160px;
  border-bottom: 1px dotted #CCC;
}

#my_nav a {
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
 /* padding: 5px; */
}

#my_nav .submenu a {
  text-decoration: none;
  font-size: 9pt;
}

#my_nav a:link, #my_nav a:visited {
  color: #000;
}
#my_nav a:hover, #my_nav a:active {
  color: #FFF;
  background-color: #333;
  opacity: .9;
  filter: alpha(opacity=90); 
}

#my_nav .submenu a:link, #my_nav .submenu a:visited {
  color: #FFCC00;
}
#my_nav .submenu a:hover, #my_nav .submenu a:active {
  /*color: #DDD;*/
  color: #FFF;
  padding: 0px;
}

/* I added this */
#my_nav .menu .link:hover {
  color: #0CC;
}

#my_banner3 {
  float: right;
  padding: 0px;
  margin: 0px;
}

#my_footer {
  font-family: Arial, sans-serif;
  width: 100%;
  padding: 4px 0px 4px 0px;
  margin: 0px;
  text-align: center;
  clear: both;
  background-color: #000;
  color: #FFF;
  font-size: smaller;
}

#my_cc_footer {
  background-color: #0000EE;
  vertical-align: top;
  width: 100%;
}

#my_body_table {
  background-color: #FFF;
  width: 100%; 
  margin: 0px;
  padding: 0px;
}

#my_body_table td {
  vertical-align: top;
  margin: 0px;
  padding: 5px;
}

#my_header_table {
  background-color: #000;
  width: 100%;
  margin: 0px;
  padding: 0px;
  height: 110px;
}

#my_content {
  background-color: #DDD;
  color: #000;
  height: 100%;
  width: auto;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

#my_store {
  margin: 0px;
  padding: 0px;
  background-color: #FFF;
  width: 15%;
  height: 100%;
  border-left: 1px solid #000;
}

#my_store div {
  padding-bottom: 2px;
}

#my_store div div {
  margin-left: 0px;
  padding-left: 15px;
  padding-bottom: 1px;
}

#my_store a {
  font-size: 10pt;
  font-family: "Tahoma",Arial,sans-serif;
  text-decoration: none;
}

#my_store div div a {
  font-size: 9pt;
  font-family: "Tahoma",Arial,sans-serif;
  text-decoration: none;
}

#my_store a:link, #my_store a:visited {
  color: #033;
}
#my_store a:hover, #my_store a:active {
  color: #399;
}

#search_form_mini {
  margin: 0px;
  padding: 0px;
  height: 25px;
}

#view_cart {
  margin: 15px 5px 5px 5px;
}

#view_cart a {
  padding: 5px;
  border: 1px solid #00F;
  color: #00F;
  background-color: #FFF;
}

#cart_buttons {
  margin-top: 15px;
}

#product_description {
  height: 130px;
  display: block;
  overflow-y: auto;
  z-index: 1; 
}

#tech_specs {
  height: 130px;
  width: 300px;
  display: none;
  overflow-x: auto;
  z-index: 1;
  font-size: 8pt;
  text-align: center;
}

/* CLASSES */
.strike_thru {
  text-decoration: line-through;
}

.big_text {
  font-size: 13pt;
}

.product_description_table {
  width: 315px;
  height: 145px;
  background-color: #DDD;
  border: 0px;
  margin: 0px;
  color: #000;
  opacity: .9;
  /*filter: alpha(opacity=70);  */
  padding: 0px;
  empty-cells: hide;
  table-layout: fixed;
  z-index: 0;
}

.product_description_table th {
  font-size: 8pt;
  font-family: Arial,Helvetica,sans-serif;
  border: 1px solid #000;
  padding: 3px 10px 3px 5px;
  height: 15px;
  width: 80px;
}

.product_description_table td {
  border: 1px solid #000;
}

.product_description_table a:link, .product_description_table a:visited {
  color: #033;
}
.product_description_table a:hover, .product_description_table a:active {
  color: #399;
}

.product_image_md {
border: none;
  color: #FFF;
}
.product_image_md a:link, .product_image_md a:visited {
  color: #FFF;
  border: none;
}
.product_image_md a:hover, .product_image_md a:active {
  color: #FFF;
  border: none;
}
.product_image_sm {
  border: 0px;
  margin-bottom: 3px;
}


.product_detail_add_to_cart {
  margin: 15px 0px 15px 0px;
}

.menu {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
}


.float_right {
  float: right;
  border: 1px solid #000;
  padding: 0px 0px 3px 0px;
  margin: 0px 0px 5px 5px;
}
.float_right p {
  font-size: smaller;
  line-height: 9px;
  margin: 3px 0px 0px 5px;
  padding: 0px
}

.float_left {
  float: left;
  border: 1px solid #000;
  padding: 0px 0px 3px 0px;
  margin: 0px 5px 5px 0px;
}
.float_left p{
  font-size: smaller;
  line-height: 9px;
  margin: 3px 0px 0px 5px;
  padding: 0px;
}

.float_right_nb {
  float: right;
  margin: 0px;
  padding: 0px;
}

.float_left_nb {
  float: left;
  margin: 0px 10px 0px 0px;
  padding: 0px;
}

.section {
  background-color: #FFFFFF;
  border: 1px solid #999;
  padding: 5px;
  margin: 0px;
  width: auto;
}
.segment {
  border: 1px dotted #999;
  padding: 4px;
  margin: 4px;
}

#fid_2 .section {
  background-color: #9CC;
  border: 0px dashed #999;
  padding: 0px;
  margin: 0px;
}
.success {
  margin: 10px;
  padding: 10px;
  border: 1px solid #0BCC2A;
  background-color: #C7E1BC;
}
.notice {
  margin: 10px;
  padding: 10px;
  border: 1px solid #39C;
  background-color: #D1E1E1;
}
.error {
  margin: 10px;
  padding: 10px;
  border: 1px solid #600;
  background-color: #F0C1C1;
}
.search_results {
  margin: 4px;
  padding: 4px;
  border: 1px solid #999;
  background-color: #DDD;
}
.field_error {
  font-weight: bold;
  color: #F00;
}
.cat .cat {
  margin-left: 15px;
}
.hide {
  display: none;
}

.sort_by {
  float: right;
  width: 20%;
  padding-right: 5px;
  text-align: right;
}

.breadcrumb {
  width: 75%;
  float: left;
  display: inline;
  margin-left: 5px;
  line-height: 22px;
  font-size: 9pt;
}

.breadcrumb a:link, .breadcrumb a:visited {
  color: #033;
}
.breadcrumb a:hover, .breadcrumb a:active {
  color: #399;
}

.inspect {
  visibility: hidden;
}


/* TABLES */

td.tfield {
  text-align: right;
  padding: 4px;
  border-right: 0px dotted #333;
  color: #33565D;
  font-family: Helvetica, sans-serif;
  white-space: nowrap;
}
td.tbor {
  border: 0px dotted #333;
  background-color: #B8C7D3;
  padding: 4px;
}
td.tbo {
  padding-bottom: 10px;
}

.product_table {
  width: 100%;
  text-align: center;
  padding-bottom: 30px;
}
.product_table td {
  padding: 10px;
}
.product_cat {
  width: 100%;
  text-align: center;
border: 1px;
empty-cells: hide;
}
.product_cat td {
  padding: 10px;
}


/* FORM ELEMENTS */

input[type=text],input[type=password] {
  width: 400px;
  border: 1px solid #666;
  background-color: #EEE;
  padding: 3px;
}
input[type=text]:focus,input[type=password]:focus {
  background-color: #FFC;
}
input[type=text]:hover,input[type=password]:hover {
  border: 1px solid #399;
}

textarea {
  width: 400px;
  height: 200px;
  background-color: #EEE;
  border: 1px solid #666;
  padding: 2px;
}
textarea:focus {
  background-color: #FFC;
}
textarea:hover {
  border: 1px solid #399;
}
textarea#orders_comments {
  height: 75px;
}