/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Ocean Paddler Template by Atomik'a 
  Released under the GNU General Public License
*/

.boxText { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 10px; }
a img { border: none; }
.errorBox { font-family : Helvetica, Verdana, Arial, sans-serif; font-size : 10px;color:#be0000; background: #ffffff; font-weight: bold; }
.stockWarning { font-family : Helvetica, Verdana, Arial, sans-serif; font-size : 10px; color: #fff; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Helvetica, Verdana, Arial, sans-serif; font-size : 10px; color: #ffa500; text-decoration: underline; }

BODY { color:#fff; background-color: #000; background-attachment: scroll; background-position: 0 0; margin:0; text-align:center; }
#wrapper { width:900px; text-align:right; margin:0 auto; padding:0; background-image: url(http://www.oceanpaddlermagazine.co.uk/shop/images/template/main-bg.gif); background-repeat: repeat-x; background-position: 0 413px; }
A {
  color:#fff;
  text-decoration: underline;
}

A:hover {
  color: #ffa500;
  text-decoration: none;
}

FORM {
	display: inline;
}

TR.header { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { color: #ffffff; text-decoration: underline; }

A.headerNavigation:hover {
  color: #ffa500;
}

TR.headerError {
  background: #ffffff;
}

TD.headerError {
  font-family: helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ffffff;
  color: #be0000;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ffa500;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBoxSmall { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
.infoBox { background: #335c64 url(images/template/blue-bg1.gif); border-style: solid; border-width: 0; }

.infoBoxContents { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 10px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
.contentBoxContents { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 10px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
.infoBoxNotice { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

.infoBoxNoticeContents {
  background: #be0000;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}
TR.productListing-odd {

}
TR.productListing-even {

}
TABLE.productListing {
border:0;
margin:0;
}

.productListing-heading {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 16px;
}

A.pageResults {
  color:#999999;
  text-decoration:none;
}

A.pageResults:hover {
  color:#FF9900;
  text-decoration:underline;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #fafafa;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffa500;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ffa500;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: helvetica, Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ffa500;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  color: #ffa500;
}

SPAN.errorText {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  color: #fff;
}

.moduleRow { }
.moduleRowOver { background-color: #ffffff;color:#5c7d83; cursor: pointer; cursor: pointer; }
.moduleRowSelected { background-color: #ffa500;color: #000; }

.checkoutBarFrom, .checkoutBarTo { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 10px; color: #fff; }

/* message box */

.messageBox { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 10px;color:#000000; background-color: #ffa500; }
.messageStackSuccess { color: #000; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffa500; }

/* input requirement */

.inputRequirement { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 10px; color: #ffa500; }
/* BOX STYLE */
.t1 { background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width:17px; height:28px; }
.t2 { background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; width:100%; height:28px; }
.t2 { color:#5c7d83; font-size:20px; font-family:Helvetica, Verdana, Arial, sans-serif; font-weight:bold; letter-spacing: -1px; }
.t2 a {text-decoration:none;}
.t3 { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width:17px; height:28px; }
.m1 { background-color: transparent; background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; width:17px; }
.m2 { background-color: transparent; background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; width:17px; }
.d1 { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width:17px; height:14px; }
.d2 { background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; width:100%; height:14px; }
.d3 { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width:17px; height:14px; }
/* END BOX STYLE */
/* MENU */
#menu {
  text-align:center; 
  position:relative;
  height:37px;

  }
.box {
position:relative;
float:left; 
width:154px;
  }
.box a { background: url(images/template/home.jpg) no-repeat;
out;outline-color: invert; outline-style: none; }
.box a:hover {
background: url(images/template/home.jpg) no-repeat 0 100%;
}
.box2 {
position:relative;
float:left;
}
.box2 a { color: #fff; font-size: 18px; font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 18px; background-position: 0 0; text-decoration: none; letter-spacing: -1px; }
.box2 a:hover { color: #ffa500; font-size: 18px; font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 18px; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 100%; letter-spacing: -1px; }
.box3 {
position:relative;
float:left;
}
.box3 a { background: url(images/template/specials.jpg) no-repeat;
out;outline-color: invert; outline-style: none; }
.box3 a:hover {
background: url(images/template/specials.jpg) 0 100% no-repeat;
}
.box4 {
position:relative;
float:left;
width:152px;
}
.box4 a { background: url(images/template/account.jpg) no-repeat;
out;outline-color: invert; outline-style: none; }
.box4 a:hover {
background: url(images/template/account.jpg) 0 100% no-repeat;
}
.box5 {
position:relative;
float:left; 
width:153px;
}
.box5 a { background: url(images/template/contact.jpg) no-repeat;
out;outline-color: invert; outline-style: none; }
.box5 a:hover {
background: url(images/template/contact.jpg) 0 100% no-repeat;
}
#menu a, #menu a:visited {
  position:relative; 
  display:block; 
  height:37px;
  }
#menu a:hover {
  height:37px;
}
.spacer {
  float:left;
  width:8px;
  height:50px;
}
.spacer-right {
  float:right;
  width:7px;
  height:50px;
}
/* END MENU */