/* body
--------------------------------------- */
body {
  background: #333333 url(images/background.gif) top repeat-x;
  color: #333333;
  font: normal 12px Arial, Helvetica, sans-serif;
  margin: 0px 0px 60px 0px;
  padding: 0px 0px 0px 0px;
}

/* .container-1
--------------------------------------- */
.container-1 {
  background-image: url(images/container-1.gif);
  background-repeat: repeat-y;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width: 953px;
}

.container-1 h1,
.container-1 h2 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.container-1 p {
  line-height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.container-1 a:active,
.container-1 a:link,
.container-1 a:visited {
  color: #505ea4;
  text-decoration: none;
}

.container-1 a:hover {
  color: #505ea4;
  text-decoration: underline;
}

.container-1 ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.container-1 li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.container-1 big {
  font-size: 18px;
}

.container-1 form {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.container-1 i {
  display: none;
}

.container-1 input,
.container-1 textarea {
  font: normal 11px Arial, Helvetica, sans-serif;
}

.container-1 p span {
  font-size: 11px;
}

.container-1 .clear {
  clear: both;
}

.container-1 .clear-space {
  clear: both;
  height: 20px;
}

/* .container-2
--------------------------------------- */
.container-2 {
  background-image: url(images/container-2.gif);
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 13px 0px 13px;
  width: 927px;
}

/* .navigation
--------------------------------------- */
.navigation {
  background-image: url(images/navigation.gif);
  background-repeat: repeat-x;
  border-bottom: 1px solid #ffffff;
  height: 29px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 927px;
}

.navigation ul {
  list-style-type: none;
}

.navigation li {
  display: inline;
}

.navigation a {
  float: left;
  height: 29px;
}

.navigation a#home {
  background-image: url(images/home-off.gif);
  width: 82px;
}

.navigation a:hover#home {
  background-image: url(images/home-on.gif);
}

.navigation a#boats {
  background-image: url(images/boats-off.gif);
  width: 101px;
}

.navigation a:hover#boats {
  background-image: url(images/boats-on.gif);
}

.navigation a#gallery {
  background-image: url(images/gallery-off.gif);
  width: 110px;
}

.navigation a:hover#gallery {
  background-image: url(images/gallery-on.gif);
}

.navigation a#motors {
  background-image: url(images/motors-off.gif);
  width: 115px;
}

.navigation a:hover#motors {
  background-image: url(images/motors-on.gif);
}

.navigation a#services {
  background-image: url(images/services-off.gif);
  width: 121px;
}

.navigation a:hover#services {
  background-image: url(images/services-on.gif);
}

.navigation a#accessories {
  background-image: url(images/accessories-off.gif);
  width: 148px;
}

.navigation a:hover#accessories {
  background-image: url(images/accessories-on.gif);
}

.navigation a#company {
  background-image: url(images/company-off.gif);
  width: 121px;
}

.navigation a:hover#company {
  background-image: url(images/company-on.gif);
}

.navigation a#contact-us {
  background-image: url(images/contact-us-off.gif);
  width: 129px;
}

.navigation a:hover#contact-us {
  background-image: url(images/contact-us-on.gif);
}

/* .header-1
--------------------------------------- */
.header-1 {
  background-image: url(images/header-1.jpg);
  background-repeat: no-repeat;
  border-bottom: 1px solid #ffffff;
  height: 331px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 927px;
}

/* .header-2
--------------------------------------- */
.header-2 {
  height: 151px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 927px;
}

/* .sub-header
--------------------------------------- */
.sub-header {
  height: 238px;
  position: relative;
  top: 93px;
  width: 927px;
}

/* .sub-header-left
--------------------------------------- */
.sub-header-left {
  border-right: 1px solid #ffffff;
  float: left;
  height: 238px;
  width: 584px;
}

/* .sub-header-right
--------------------------------------- */
.sub-header-right {
  background-image: url(images/sub-header-right.jpg);
  float: right;
  height: 238px;
  width: 342px;
}

.sub-header-right a#contact {
  background-image: url(images/contact.jpg);
  height: 11px;
  display: block;
  left: 652px;
  position: absolute;
  top: 81px;
  width: 57px;
}

.sub-header-right input {
  position: absolute;
}

.sub-header-right input#new-boats {
  left: 625px;
  top: 146px;
}

.sub-header-right input#pre-owned-boats {
  left: 625px;
  top: 166px;
}

.sub-header-right input#motors-search {
  left: 625px;
  top: 186px;
}

.sub-header-right input#all-inventory-1 {
  left: 625px;
  top: 206px;
}

.sub-header-right input#go {
  left: 797px;
  top: 162px;
}

/* .content
--------------------------------------- */
.content {
  background-color: #ffffff;
  clear: both;
  color: #333333;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 927px;
}

/* .sub-content-1
--------------------------------------- */
.sub-content-1 {
  background-image: url(images/sub-content-1.jpg);
  background-repeat: repeat-x;
  margin: 0px 0px 0px 0px;
  overflow: auto;
  padding: 20px 0px 20px 0px;
  width: 927px;
}

/* .sub-content-2
--------------------------------------- */
.sub-content-2 {

  background-image: url(images/sub-content-2.gif);
  background-repeat: repeat-y;
  margin: 0px 0px 0px 0px;
  min-height: 438px;
  overflow: auto;
  padding: 0px 0px 0px 0px;
  width: 927px;
}

/* .sub-content-1-left
--------------------------------------- */
.sub-content-1-left {
  border-right: 1px dotted #999999;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 0px 20px;
  width: 544px;
}

.sub-content-1-left p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
}

/* .sub-content-2-left
--------------------------------------- */
.sub-content-2-left {
  background: #626262 url(images/sub-content-2-left.jpg) top no-repeat;
  float: left;
  min-height: 438px;
  position: relative;
  width: 258px;

}

.sub-content-2-left h1 {
  height: 16px;
  margin: 28px 0px 0px 25px;
  padding: 0px 0px 0px 0px;
}

.sub-content-2-left h1.search-results {
  background-image: url(images/search-results.jpg);
  width: 206px;
}

.sub-content-2-left h1.boat-details {
  background-image: url(images/boat-details.jpg);
  width: 164px;
}

.sub-content-2-left h1.boats {
  background-image: url(images/boats.jpg);
  width: 75px;
}

.sub-content-2-left h1.brands {
  background-image: url(images/brands.jpg);
  width: 94px;
}

.sub-content-2-left h1.services {
  background-image: url(images/services.jpg);
  width: 114px;
}

.sub-content-2-left h1.accessories, 
.sub-content-2-left h1.cannon-down-riggers, 
.sub-content-2-left h1.humminbird-fishing-systems,
.sub-content-2-left h1.lowrance-fishing-systems {
  background-image: url(images/accessories.jpg);
  width: 162px;
}

.sub-content-2-left h1.company {
  background-image: url(images/company.jpg);
  width: 113px;
}

.sub-content-2-left h1.contact-us {
  background-image: url(images/contact-us.jpg);
  width: 147px;
}

/***** Changing lower image ******/
.random-container {

  margin: 64px 0px 0px 23px;
  padding: 0px;
  padding-bottom: 25px;
  width: 213px;
}

.random-container img {
	margin-bottom: 20px;
	border: 1px solid gray;
}

.random-container p {
	font-style: italic;
	font-family: arial, sans-serif;
	font-size: 12px;
	padding: 0px 10px;
	color: #edebeb;
	
}


/* .search-for
--------------------------------------- */
.search-for {
  background-image: url(images/search-for.jpg);
  height: 253px;
  margin: 64px 0px 0px 25px;
  padding: 0px 0px 0px 0px;
  width: 211px;
}

.search-for input {
  position: absolute;
}

.search-for input#new-boats {
  left: 38px;
  top: 140px;
}

.search-for input#pre-owned-boats {
  left: 38px;
  top: 160px;
}

.search-for input#maxxum-boats-by-north-river {
  left: 38px;
  top: 180px;
}

.search-for input#custom-weld-boats {
  left: 38px;
  top: 200px;
}

.search-for input#weldcraft-duckworth {
  left: 38px;
  top: 220px;
}

.search-for input#crestliner {
  left: 38px;
  top: 240px;
}

.search-for input#all-inventory-2 {
  left: 38px;
  top: 260px;
}

.search-for input#go {
  left: 41px;
  top: 286px;
}

/* .contact-info
--------------------------------------- */
.contact-info {
  background-image: url(images/contact-info.jpg);
  height: 95px;
  margin: 32px 0px 0px 25px;
  padding: 0px 0px 0px 0px;
  width: 162px;
}

/* .map
--------------------------------------- */
.map {
  margin: 20px 0px 0px 25px;
  padding: 0px 0px 0px 0px;
}

.map a img {
  border: 1px solid #ffffff;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

/* .sub-content-1-right
--------------------------------------- */
.sub-content-1-right {
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 20px 46px 20px 46px;
  width: 250px;
}

/* .sub-content-2-right
--------------------------------------- */
.sub-content-2-right {
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 5px 20px 5px 20px;
  width: 629px; 
}

/* .main
--------------------------------------- */
.main {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.main p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
}

.main ul {
  line-height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.main li {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.main img {
  border: 1px solid #cccccc;
}

.main img.left {
  float: left;
  margin: 0px 20px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.main img.right {
  float: right;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
}

/* .breadcrumb
--------------------------------------- */
.breadcrumb {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
}

/* .cateogry
--------------------------------------- */
.category {
  margin: 0px 0px 7px 0px;
  width: 470px;
}

.category h1 {
  height: 20px;
  width: 470px;
}

.category h1#new {
  background-image: url(images/new-boats.jpg);
}

.category h1#pre-owned {
  background-image: url(images/pre-owned-boats.jpg);
}

.category h1#north-river {
  background-image: url(images/maxxum-boats-by-north-river.jpg);
}

.category h1#custom-weld {
  background-image: url(images/custom-weld-boats.jpg);
}

.category h1#weldcraft-duckworth {
  background-image: url(images/weldcraft-duckworth.jpg);
}

.category h1#mercury {
  background-image: url(images/mercury.jpg);
}

.category h1#all-inventory {
  background-image: url(images/all-inventory.jpg);
}

.category h1#motors {
  background-image: url(images/motors.jpg);
}

.category h1#crestliner {
  background-image: url(images/crestliner.jpg);
}

.category h1#lowrance-fishing-systems {
  background-image: url(images/lowrance-fishing-systems.jpg);
}

.category h1#cannon-down-riggers {
  background-image: url(images/cannon-down-riggers.jpg);
}

.category h1#humminbird-fishing-systems {
  background-image: url(images/humminbird-fishing-systems.jpg);
}

.category h1#panther-steering {
  background-image: url(images/panther-steering.jpg);
}

.category h1#shark-hide-metal-protection {
  background-image: url(images/shark-hide-metal-protection.jpg);
}

.category h1#american-turbine-products {
  background-image: url(images/american-turbine-products.jpg);
}

.category h1#barewest-wake-board-towers {
  background-image: url(images/barewest-wake-board-towers.jpg);
}

.category h1#tr1-autopilots {
  background-image: url(images/tr1-autopilots.jpg);
}

/* .search-pages
--------------------------------------- */
.pages {
  float: right;
  width: 157px;
}

.pages p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: right;
}

.pages a#current {
  font-weight: bold;
  text-decoration: underline;
}

/* .result
--------------------------------------- */
.result {
  background-image: url(images/result.gif);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  margin: 0px 0px 5px 0px;
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  width: 627px;
}

.result ul {
  list-style-type:disc;
  margin: 0 0 0 15px;
  padding: 0 0 0 15px;
  line-height: 20px;
}

/* .detail
--------------------------------------- */
.detail {
  clear: both;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  width: 627px;
}

.detail img {
  border: 1px solid #cccccc;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
}

/* .detail-left
--------------------------------------- */
.detail-left {
  float: left;
  width: 500px;
}

.detail-left table td.column-1,
.detail-left table td.column-3 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  width: 100px;
}

.detail-left table td.column-2,
.detail-left table td.column-4 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  width: 150px;
}

/* .detail-right
--------------------------------------- */
.detail-right {
  float: right;
  width: 115px;
}

/* .model-1
--------------------------------------- */
.model-1 {
  float: left;
  width: 470px;
}

.model-1 h2 {
  color: #505ea4;
  font-size: 18px;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 2px 5px 2px 5px;
}

.model-1 a:hover {
  text-decoration: none;
}

/* .model-2
--------------------------------------- */
.model-2 {
  float: left;
  width: 500px;
}

.model-2 h2 {
  color: #505ea4;
  font-size: 18px;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 2px 5px 2px 5px;
}

/* .price-1
--------------------------------------- */
.price-1 {
  float: right;
  width: 157px;
}

.price-1 p {
  color: #505ea4;
  font-size: 18px;
  margin: 0px 0px 0px 0px;
  padding: 2px 5px 2px 0px;
}

/* .price-2
--------------------------------------- */
.price-2 {
  float: right;
  width: 115px;
}

.price-2 p {
  color: #505ea4;
  font-size: 18px;
  margin: 0px 0px 0px 0px;
  padding: 2px 5px 2px 0px;
}

/* .description
--------------------------------------- */
.description {
  float: left;
  width: 470px;
}

.description p {
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
}

/* .picture
--------------------------------------- */
.picture {
  float: right;
  width: 157px;
}

.picture a img {
  border: 1px solid #cccccc;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}

/* .banner
--------------------------------------- */
.banner {
  background-color: #cccccc;
  clear: both;
  color: #333333;
  height: 60px;
  width: 927px;
}

.banner ul {
  list-style-type: none;
}

.banner li {
  display: block;
  float: left;
  height: 60px;
}

.banner li#custom-weld-boats {
  background-image: url(images/custom-weld-boats.gif);
  width: 172px;
}

.banner li#yamaha {
  background-image: url(images/yamaha.gif);
  width: 108px;
}

.banner li#north-river {
  background-image: url(images/north-river.gif);
  width: 127px;
}

.banner li#suzuki-marine {
  background-image: url(images/suzuki-marine.gif);
  width: 95px;
}

.banner li#marine-power {
  background-image: url(images/marine-power.gif);
  width: 141px;
}

.banner li#mercury {
  background-image: url(images/mercury.jpg);
  width: 118px;
}

.banner li#kodiak-motors {
  background-image: url(images/kodiak-motors.gif);
  width: 53px;
}

.banner li#crestliner {
  background-image: url(images/crestliner.gif);
  width: 113px;
}

/* .contact-form
--------------------------------------- */
.contact-form {
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width: 629px;
}

.contact-form p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
}

.contact-form table {
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

.contact-form td {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
}

.contact-form td.column-1 {
  width: 100px;
}

.contact-form td.column-2 {
  width: 250px;
}

.contact-form td.column-2-space {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
  width: 250px;
}

.contact-form input.long {
  width: 250px;
}

.contact-form textarea {
  height: 100px;
  width: 250px;
}

.contact-form td.column-2#submit {
  background-image: url(images/submit.gif);
  background-repeat: no-repeat;
  height: 56px;
  width: 97px;
}

/* .footer
--------------------------------------- */
.footer {
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width: 927px;
}

.footer p {
  background-color: #333333;
  color: #666666;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  text-align: center;
}

.footer p span {
  font-size: 11px;
}

.footer a:active,
.footer a:link,
.footer a:visited {
  background-color: #333333;
  color: #666666;
  text-decoration: none;
}

.footer a:hover {
  background-color: #333333;
  color: #999999;
  text-decoration: underline;
}