/*
  $Id: stylesheet.css,v 1.2 2005/04/06 22:54:27 Michael Sasek Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License

  Updated by  TemplateShopper.com November 2003 for AAbox .com
*/
@import url("events_calendar.css");

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

a:link {
  text-decoration: none;
}

a:active {
  color: Yellow
}

a:hover {
  color: Red
}

a.navigation {
  text-decoration: none;
  border-left: thin solid #FFFFFF;
  padding-left:5px;
  padding-right:5px;
  color:#FFFFFF
}

a.navigation:hover {
  color: #FFFF00;
  border-left:thick solid #FFFF00;
}

a.entershop {
  color: #FFFF00;
  background-color: #000000;
  border: thin solid #FF0000;
  font-size: large;
  text-align: center
}

a {
  font-weight: bold;
  text-decoration: none;
  font-size: 12px
}

#blacklink {
  color: Black;
}


p {
   font-size: 14px
}

UL {
   font-size: 14px
}

BODY {
 scrollbar-base-color: color;
 scrollbar-track-color: color;
 scrollbar-face-color: #000000;
 scrollbar-highlight-color: color;
 scrollbar-3dlight-color: color;
 scrollbar-darkshadow-color: color;
 scrollbar-shadow-color: color;
 scrollbar-arrow-color: #FF0000;
 background-image:url(http://www.croydoncycleworks.com/images/tile.jpg)
 }

#intro, #even, #odd, #charter, #origins, #staff, #training, #clubs, #hours, #info, #newsletter{
  text-align: left;
  width: 530px;
  margin-left: 20px;
  margin-top: 20px;
  padding-left: 5px
}

#intro, #newsletter {
  width: 480px;
}


#intro, #staff, #training, #info, #even {
  border-left: thick solid #FF0000;
}

#newsletter {
	border-left: thick solid #000000;
}


#charter, #origins, #clubs, #hours, #odd {
  border-left: thick solid #FFFF00;
}

#even {
  border-right: thick solid #FF0000;
  width: 740px;
}

#odd {
  border-right: thick solid #FFFF00;
  width: 740px;
}

#charter, #origins, #staff, #training, #clubs {
  width: 580px;
}

#info, #hours {
  width: 300px;
}

#hours {
     font-size: 14px
}

#copy {
  font-size: 12px;
}

#brands{
  text-align: left;
  width: 420px;
  border-left: thick solid #FFFF00;
  margin: 20px ;
  padding-left: 5px
}

#headernavigation {
  padding-right: 10px;
  text-align: right;
  font: Arial, Helvetica, sans-serif 12px 12px;
}


TD.body {
  font-size: 8px;
  background: #FFFFFF
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #000000;;
  color: #FFFFFF
}

TD.title {
  background: #DDBC9B;
}

A.topnavigation {
  color: #FFFFFF;
}

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

A.headerNavigation {
  color: #FFFFFF;
}

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

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

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

TR.footer {
  background: #000000;;
  color: #FFFFFF
}

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

.infoBox {
  background: #000000;
  color: #FFFFFF
}

.infoBoxContents {
  background: #FFFACD;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #000000;
  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.productListing-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.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #000000;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #000000;
  color: #FFFFFF;
  font-weight: bold;
}

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

A.pageResults {
  color: #000000;
}

A.pageResults:hover {
  color: #FF0000;
  background: #FFFACD;
}

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

TR.subBar {
  background: #FFE4E1;
}

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

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

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

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

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

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

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

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

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

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

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

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

TABLE.formArea {
  background: #FFFACD;
  border-color: #FFD700;
  border-style: solid;
  border-width: 1px;
}

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

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

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

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

.moduleRow { }
.moduleRowOver { background-color: #FFFACD; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #FFE4E1; }

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

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

body {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
	border-width: 0px;
	margin: 0px;
	text-align: center;
}
p {
	margin-top: 8px;
	margin-bottom: 8px;
	line-height:14px;
}
p.small {
	font-size: 10px;
}
h1 {
	text-transform: uppercase;
	margin-top: 8px;
	margin-bottom: 18px;
	font-size: 18px;
	font-weight: bold;
}

h2 {
	text-transform: uppercase;
	margin-top: 8px;
	margin-bottom: 14px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: thin solid #000000;
}

H3, h3{
  margin-top: 8px;
  margin-bottom: 14px;
  border-bottom: thin solid #000000;
  font-size:16px;
  color:#FF0000;
}

ol, ul {
	margin: 0px;
	padding: 0px;
	margin-left: 18px;
}
ol {
	margin-left: 34px;
}
li {
	line-height:14px;
}
a {
	text-decoration:none;
	color:#000000;
}
a:hover {
	color:#Ff0000;
}
p a {
	text-decoration: underline;
}
a img {
	border-width: 0px;
}
.pageWidth {
	width: 690px;
	margin: 0px auto;
	text-align: left;
	clear: both;
	position: relative;
}

p.noUnderline a {
	text-decoration: none;
}
p.noUnderline a:hover {
	text-decoration: underline;
}

/* general menu styles */
.menuList li {
	display: inline;
	margin: 0px;
	text-indent: 0px;
	list-style-type: none;
}
ul.menuList {
	margin: 0px;
	padding: 0px;
}
/* top menu styles */
ul.topNav {
	float: right;
	margin-top: 38px;
}
.topNav li {
	display: block;
	float: left;
	font-size: 12px;
	margin: 0px 0px 0px 32px;
	text-transform:uppercase;
}

/* splash page */
.splashPage p, .splashPage h1, .splashPage ol, .splashPage .topNav {
	display: none;
}
/*homepage specific styles */
#homeBanner ul.topNav {
	margin-top: 137px;
}
#homeBanner {
	height: 155px;
	border-bottom: 1px solid #000000;
	background: url(../images/toplogo.gif) top center no-repeat;
}
/* homepage layout */
ul.homeNav, ul.sideNav {
	margin-top: 18px;
	width: 170px;
	float: left;
}
ul.sideNav { margin-top: 36px; }
.homeNav li, .sideNav li {
	display: block;
	font-size: 14px;
	text-transform:uppercase;
	margin-top: 0px;
	line-height: 17px;
	margin-bottom: 14px;
	/* Nasty IE 5 hack */
	text-indent: -16px;
}
.sideNav li { font-size: 12px; }
.lowercase {
	text-transform: lowercase;
}
.homeContent {
	margin-top: 12px;
	float: right;
	width: 514px;
}

/* general inner page layouts */
.clear {
	clear: both;
}
#pageBanner {
	height: 55px;
	border-bottom: 1px solid #000000;
}
.leftCol {
	margin-top: 15px;
	width: 210px;
	float: left;
}
.rightCol {
	float: right;
	width: 480px;
	margin-top: 24px;
	text-align: right;
}
/* product pages */
.productTitle {
	margin-top: 8px;
	margin-bottom: 0px;
	line-height:16px;
	font-size: 14px;
	font-weight: normal;
}
.productTitleSub {
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 10px;
	line-height: 10px;
}
#price {
	position: absolute;
	left: 528px;
	top: 300px;
	font-size: 18px;
}
.productBackground {
	background-position: top right;
	background-repeat: no-repeat;
	height: 500px;
}

/* CART AND TABLE CSS */
th, td {
	font-size: 11px;
}

th {
	text-align: left;
}
tr.leftBorder td, td.leftBorder, tr.leftBorder th, th.leftBorder {
	border-left: 1px solid #fff;
}
tr.topBorder td, td.topBorder, tr.topBorder th, th.topBorder {
	border-top: 1px solid #fff;
}
tr.bottomBorder td, td.bottomBorder, tr.bottomBorder th, th.bottomBorder {
	border-bottom: 1px solid #fff;
}
.text {
	border: 1px solid #FAD5CE;
}
.buttonHolder input {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #000000;
	border-width: 0px;
}
.standardTable th {
	font-weight: normal;
}
.detailsTable th {
	font-weight: normal;
	text-align: right;
	padding-right: 10px;
	border-right: 1px solid #ffffff;
}
.detailsTable td {
	padding-left: 10px;
}
.forgotten, tr.forgotten th {
	background-color:#FAD5CE;
	font-weight: bold;
	padding: 3px;
}

/* Hidden SEO Links */
.SEO {
	display: none;
}

/* Fixes Nasty IE 5 hacks for modern browsers, must be placed at end of file */
.homeNav li, .sideNav li {
	voice-family: "\"}\"";
	voice-family:inherit;
	text-indent: 0px;
}
body>.homeNav li {text-indent: 0px;}