/* -- NOTE: reset.css clears all browser differences and starts from scratch --  */
@import 'reset.css';

body {
	font-family: Arial, Helvetica, san serif;
	font-size:12px;
	line-height: 15px;
	font-style: normal;
	font-weight: normal;
	color: #515151;
	background:url(/images/bckgrd-tile.jpg) repeat-x #ffffff;
	position: relative;
	margin: 0 auto;
	} 
	

#wrap {width: 958px; height:auto; margin: 0 auto; position: relative;}
	
#header {width:958px; height:173px; background:url(/images/beamish-header.jpg) no-repeat;}

#logo {/*width:275px; height:109px; float: left; display: inline;*/}

#container {width:958px; height:auto; background-color:#ffffff;}

.clearer{clear:both; margin:0px;}

/* -- Default Links -- */
a:link, a:visited {color: #1c4573; text-decoration: none; }

a:hover, a:active {color: #f48b03; text-decoration: none;}


/* -- NAV -- */
#nav {width:958px; height:33px; background-color:#538aca; border-bottom: 6px solid #faf102;}

ul#nav {float:left;width:928px; height:24px; padding-left:30px; padding-top:9px; list-style:none; }

#nav a {color:white; font-size:17px; margin-right:40px;}

#nav li a, #nav li a:visited {text-decoration:none;/*float:left;*/}

#nav li a:active, #nav li a:hover {text-decoration:none; color:#01215e;/*float:left;*/}
/*#nav a#nav_home {width:132px;height:40px;background:url(/images/nav/home.jpg) no-repeat;}
#nav a#nav_products {width:137px;height:40px;background:url(/images/nav/products.jpg) no-repeat;}
#nav a#nav_contact {width:122px;height:40px;background:url(/images/nav/contact.jpg) no-repeat;}*/

#nav li {display:inline;}

#inde a#nav_inde, #prod a#nav_prod, #deal a#nav_deal, #gall a#nav_gall, #link a#nav_link {color:#01215e;}
/*#nav a:hover#nav_home,  #nav a:hover#nav_products, #nav a:hover#nav_contact{background-position:0px -40px;color:#000;}
#inde a#nav_home,  #prod a#nav_products, #cont a#nav_contact{background-position:0px -40px;}*/


/* BANNER  */
#banner {width:926px; height:252px; margin-left:16px; background: url(/banners/bnr-bckgrd.jpg) no-repeat #ffffff; border-bottom:3px solid #bad2ef;}

#banner-pic {width:503px; height: 252px;float:left;}

#banner-buy {width:320px; height:200px; float:right; margin-right:51px; padding-top:28px; text-align:center; font-size:11px;}

#banner-buy h1 {font-size:22px; margin-bottom:7px; color:#65757e;}

#buybtn-banner{width:102px; height:36px; margin: 0 auto; margin-top:10px;}

/* -- Banner Reference -- */

#banner-pic {background:url(/banners/home-bnr.jpg) no-repeat;}

/*#home #banner {THIS IS TO CHANGE THE BANNER BACKGROUND}*/

#services #banner-pic {background:url(/banners/NAME.jpg) no-repeat;}



/* CONTENT COLUMN */
#left {float:left; width:580px; height:auto; margin-left:16px; padding:28px 0 33px 20px; /*display:inline;*/}

#text {width:526px; height:auto;  border-right: 1px solid #a3b0b8; padding-right:47px;}

#text p {margin-bottom:14px;}

.img-left {border: solid 1px #d6d3d3; padding:4px; margin: 0 5px 3px 0; float:left;}

.img-right {border: solid 1px #d6d3d3; padding:4px; margin: 0 0 3px 5px; float:right;}


/* SIDEBAR COLUMN */

#sidebar {float:right; width:320px; height:500px; margin-right:16px; padding-top:75px;background:url(/images/start-shopping-head.jpg) no-repeat;/*display:inline;*/}

#sidebar h1 {font-size:16px; color:#81939e; margin:0; padding-left:25px; margin-bottom:2px;}

/* SIDEBAR SHOP COMPONENTS */
.hmshop{width:301px; height:92px; border: 1px solid #a3b0b8; float:right; margin-bottom:24px;}

.buynow-btnsm {width:77px; height:34px; float:right; margin:30px 11px 0 0;}

/* Component-Lures */
#lures{width:301px; height:92px; background:url(/images/hmshop-lure-bckgrd.jpg) no-repeat;}

/* Component-Questions */
#questions {width:301px; height:73px; background:url(/images/questions-bckgrd.jpg) no-repeat; float:right; text-align:center; padding-top:21px; color: #ffffff;}

#questions a:link, #questions a:visited{color:#ffffff; text-decoration:none; font-weight:bold;}

#questions a:active, #questions a:hover{color:#666666; text-decoration:none; font-weight:bold;}

#questions h1{font-size:23px; margin-bottom:4px; color:#ffffff;}

#questions h2{font-size:14px; margin-bottom:4px; color:#ffffff;}

/* Component-Merchandises */
#merchds{width:301px; height:92px; background:url(/images/hmshop-merchnds-bckgrd.jpg) no-repeat;}

/* Credit Cards */
#creditcards {width:292px; height:26px; float:right; border-top:1px solid #a3b0b8;  padding:4px 9px 0px 4px; font-size:11px; font-style:italic; vertical-align:middle; text-align:right; color:#81939e; margin-bottom:28px;}

/* Footer */

#footer {width:926px; height:100px; border-top:solid 1px #d6d3d3; clear:both; margin-left:16px; background:url(/images/beamish-footer-logo.jpg) no-repeat;font-size: 11px; color:#65757e; text-align:left;}

#footer-left {width:320px; height: auto; padding:15px 0 5px 115px; float:left;}

#footer-right {width:300px; height: auto; padding-top:35px; float:right;}

#footer a:link, #footer a:visited {color: #65757e; text-decoration: none;}

#footer a:hover, #footer a:active {color: #f48b03; text-decoration: underline;}


/* TEXT STYLES */

h1 { font-family:Arial, Helvetica, san serif; font-size:26px; color: #81939e; font-style: normal; font-weight:400; margin-bottom: 15px; line-height:27px;}

h2 {color: #f48b03;font-size:12px; font-weight:bold; margin-bottom:14px; line-height:16px;}

h3, h4, h5 {font-size: 12px; font-style: normal; font-weight: bold; color: #333;margin-top:8px;margin-bottom:5px;}

.basic-bold {font-weight: bold;}

.basic-italic {font-style:italic;}

.red {color: #FF0000;}

#text form, #text ul {padding-bottom:30px;overflow:visible;}



/*======================================================== FORM STYLES ======================================================== */

#typein { }

#typein input, #typein textarea, #typein select{color: #000000; background-color: #CCCCCC; padding: 2px; border: solid 1px #666666;}

#line1 {float:left;}
#line2 {float:right;font-size:10px;width:150px;top:0;right:0;position:absolute;}

#footer #subbox #right {text-align:right;}

#sidebar-extra {margin-left:20px;}
#sidebar ul, #sidebar form,  .search-sort-bar {margin-bottom:30px;}
.subcategories, .image {float:left;margin-right:10px;margin-bottom:10px;}
.image {text-align:center;}
.cart .image {float:none;margin:0;}
#text h2 {clear:both;}
.item {margin-bottom:5px;overflow:visible;clear:both;}
.item .price-row {border-top:0px solid #ddd;padding-top:0px;margin-top:0px;}
#text hr {color: #ccc;background-color: #ccc;height: 1px;margin-top:0px;margin-bottom:0px;display:none;}
.buy-now form {margin-top:5px;}
#text form input, #text form textarea {border:1px solid #ccc;padding:2px;}
#text form button, .button a {float:left;margin-right:20px;margin-top:5px;background:#538aca;border:1px solid #f48b03;color:#fff !important;text-decoration:none !important;font-size:11px;padding:3px 10px;letter-spacing:1px;text-transform:uppercase;}
.details form {margin-left:0px;}
.product-properties {border:1px solid #ccc;background:#eee;margin:10px 0 10px 0px;}
.product-properties td {padding:3px;}
form td input, form td button, form td textarea, form td select {margin-left:10px;margin-bottom:3px;}

ul.rproducts li {margin-bottom:3px;margin-left:20px;list-style:outside disc;}
#text table td {vertical-align:top;}
td.details {padding-left:10px;padding-top:10px;}
.buttons-row {margin-top:10px;}
.total {font-weight:bold;}
.cart-content td {padding:3px 8px;}
.cart-content th {border-bottom:1px solid #ccc;padding-bottom:5px;}
.cart-total-row {border-top:1px solid #ccc;padding-top:15px;margin-top:15px;}
.text-block,.content {margin:5px 0;margin-bottom:15px;}
#text form label {font-weight:bold;padding-bottom:10px;padding-top:20px;display:block;}
.error-message {color:#CC0000;}
.message-I {padding:10px;border:1px solid #99CCFF;background:eee;margin-bottom:15px;}
.printable-bar img {margin-bottom:-3px;}









/*
  Order invoice
*/
.order-invoice {
  background: #ffffff none;
}
.invoice-company-icon {
  vertical-align: top;
  padding-top: 30px;
}
.invoice-data-box {
  width: 100%;
  padding-left: 30px;
}
.invoice-data-box table {
  width: 100%;
}
.invoice-data-box table tr td {
  padding: 2px;
  vertical-align: top;
}
.invoice-title {
  font-weight: bold;
  font-size: 28px;
  text-transform: uppercase;
}
.invoice-data-box table tr td.invoice-right-info {
  text-align: right;
  vertical-align: bottom;
}
hr.invoice-line {
  margin: 2px 0px 17px 0px;
  border-bottom: 1px solid #58595b;
}
.invoice-personal-info {
  width: 45%;
  margin-bottom: 15px;
}
.invoice-personal-info tr td {
  padding: 0px;
}
.invoice-personal-info tr td strong {
  white-space: nowrap;
}
.invoice-address-box {
  width: 100%;
  margin-bottom: 30px;
}
.invoice-address-title {
  width: 45%;
  height: 25px;
}
td.invoice-line {
  vertical-align: top;
  padding: 0px;
  height: 4px;
}
td.invoice-line img {
  height: 1px;
  width: 100%;
  background: #58595b none;
}
.invoice-address-box table {
  width: 100%;
}
.invoice-address-box table tr td {
  padding: 0px;
}
.invoice-address-box table tr td strong {
  white-space: nowrap;
}
.invoice-customer-notes {
  padding-top: 30px;
}
.invoice-customer-notes p {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.invoice-customer-notes div {
  border: 1px solid #cecfce;
  height: 50px;
  overflow: hidden;
  padding: 5px;
}
.invoice-bottom-note {
  text-align: center;
  padding-top: 30px;
  font-size: 12px;
}
p.invoice-products-title {
  font-size: 14px;
  font-weight: bold;
  text-align: center
}
.invoice-products {
  width: 100%;
  background: #000000 none;
}
.invoice-products tr td,
  .invoice-products tr th
{
  background: #ffffff none;
}
.invoice-products tr th {
  padding: 3px;
  background: #eee none;
  white-space: nowrap;
}
.invoice-products tr th.invoice-sku-column,
  .invoice-products tr th.invoice-quantity-column,
  .invoice-products tr th.invoice-total-column
{
  width: 60px;
}
.invoice-products tr th.invoice-tax-column {
  width: 100px;
}
.invoice-products tr th.invoice-price-column {
  width: 100px;
  text-align: center;
}
.invoice-products tr td {
  padding: 3px;
}
.invoice-products tr td.invoice-price-column,
  .invoice-products tr td.invoice-tax-column,
  .invoice-products tr td.invoice-quantity-column
{
  text-align: center;
}
.invoice-products tr td.invoice-product-column span {
  font-size: 11px;
}
.invoice-products tr td.invoice-product-column table tr td {
  vertical-align: top;
  padding: 0px 3px 3px 0px;
}
.invoice-products tr td.invoice-product-column p {
  white-space: nowrap;
}
.invoice-products tr td.invoice-product-column div {
  padding-left: 10px;
  white-space: nowrap;
}
.invoice-products tr td.invoice-price-column {
  text-align: right;
  white-space: nowrap;
}
.invoice-products tr td.invoice-total-column {
  text-align: right;
  white-space: nowrap;
  padding-right: 5px;
}
.invoice-totals {
  width: 100%;
}
.invoice-totals tr td {
  padding: 0px;
}
.invoice-totals tr .invoice-total-title {
  text-align: right;
  width: 100%;
  height: 20px;
}
.invoice-totals tr .invoice-total-name {
  text-align: right;
  width: 100%;
  height: 20px;
  padding-right: 3px;
}
.invoice-totals tr .invoice-total-value {
  text-align: right;
  height: 20px;
  padding-right: 5px;
  white-space: nowrap;
}
.invoice-totals tr .invoice-total-name-fin {
  text-align: right;
  width: 100%;
  height: 25px;
  padding-right: 3px;
  background: #eee none;
}
.invoice-totals tr .invoice-total-value-fin {
  text-align: right;
  height: 25px;
  padding-right: 5px;
  background: #eee none;
  white-space: nowrap;
}
.invoice-totals tr td.invoice-line {
  height: 2px;
}
.invoice-giftcerts {
  width: 100%;
}
.invoice-giftcerts tr td {
  padding: 0px;
}
.invoice-giftcerts tr th {
  background: #eee none;
}
.invoice-giftcerts tr th.invoice-giftcert-id {
  width: 60px;
}
.invoice-giftcerts tr td.invoice-giftcert-id {
  text-align: center;
}
.invoice-giftcerts tr .invoice-giftcert-cost {
  text-align: right;
  white-space: nowrap;
  padding-right: 5px;
}

.product-details {clear:both;width:100% !important;}
.details {width:100% !important;margin-left:0 !important;}
.descr {padding-bottom:25px !important;}
.see-details {display:none !important;}
.item {padding-bottom:0px;margin-bottom:20px;border-bottom:1px solid #e3e3e3;overflow:visible;}
.search-sort-bar {padding-top:25px;padding-bottom:10px;margin-bottom:30px;border-bottom:1px solid #e3e3e3;}
.search-sort-link {padding-right:5px;}
#product_thumbnail {width:500px !important;height:auto !important;}
.table_bc {margin-bottom:20px !important;font-size:.9em;}
.products-list .details {margin-left:10px !important; width:90%;clear:both;overflow:visible;padding-bottom:30px; }
.price {font-weight:bold;}
.nav-pages .nav-page, .current-page {padding-right:15px;}