/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Arial,Helvetica,sans-serif;

font-size: 14px;

line-height: 20px; }
.errorBox { font-family : Arial, Helvetica, sans-serif; font-size : 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, Helvetica, sans-serif; font-size : 11px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, Helvetica, sans-serif; font-size : 11px; color: #70d250; text-decoration: underline; }

body { background-image:url(http://www.rapps.co.uk/images/bg.jpg); background-repeat:repeat-x; background-color:#FFFFFF; margin-top:0px;}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #666666;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

TD.headerNavigation {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight : bold;
}

A.headerNavigation { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000; 
}

A.headerNavigation:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
}

A.crumbNavigation { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000; 
  text-decoration: none;
}

A.crumbNavigation:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #AABBDD;
  text-decoration: none;
}


TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

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

TR.footer {
  background: #bbc3d3;
}

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

.infoBox {
}

.infoBoxContents {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
font-family: Arial,Helvetica,sans-serif;

font-size: 18px;

line-height: 24px; 
  font-weight: normal;
  color: #000000;
}

TD.infoBox, SPAN.infoBox {
  font-family: Arial,Helvetica,sans-serif;

font-size: 0.9em;

line-height: 20px;
}

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: #ffffff;
}

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: #ffffff;
}

TABLE.productListing {
  border: 0px;
  border-style: none;
  border-spacing: 0px;
  
  margin-bottom: 30px;
}

.productListing-heading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: #999999;
  color: #FFFFFF;
  font-weight: bold;
}

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

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
	font-family:Arial, Helvetica, sans-serif; font-size:1.0em; color: #660066; font-weight: bold; line-height:20px; padding-top:11px;
}

TR.subBar {
  background: #f4f7fd;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

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

/* message box */

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

/* input requirement */

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

.linkText {  color: #000000; text-decoration: underline;}

body { margin:0px; background-color:#646464; font-family:Arial, Helvetica, sans-serif; background-image: url(images/topBgd.gif);  background-repeat:repeat-x; background-position:top left; }
p { font-family: font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #474747; line-height: 24px;}
h1 { font-family: font-family:Arial, Helvetica, sans-serif; font-size: 22px; color: #474747; margin: 0px 0px 10px 0px; padding: 5px 0px 0px 0px; font-weight:normal; }
h2 { font-family: font-family:Arial, Helvetica, sans-serif; font-size: 20px; color: #FFD100; line-height: 24px; margin: 0px 0px 0x 0px; padding: 0px 0px 0px 0px; font-weight:normal; }
h3 { font-family: font-family:Arial, Helvetica, sans-serif; font-size: 15px; color: #6666666; line-height: 30px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight:normal; }
h4 { font-family: font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; line-height: 16px; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight:normal; }
h5 { font-family: font-family:Arial, Helvetica, sans-serif; font-size: 20px; color: #818181; margin: 0px 0px -10px 0px; padding: 5px 0px 0px 0px; font-weight:bold; }

ul { font-family: font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #474747; line-height: 24px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }
ol { font-family: font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #474747; line-height: 24px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }

li { font-family: font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #474747; line-height: 20px; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px;  }
a { outline: none; } /* Firefox Outline Removal */
a:active { outline: none; } /* Firefox Outline Removal */
a { font-family: font-family:Arial, Helvetica, sans-serif;  color: #3366FF; text-decoration: none;}
a:link { font-family: font-family:Arial, Helvetica, sans-serif;  color: #3366FF; text-decoration: none;}
a:visited { font-family: font-family:Arial, Helvetica, sans-serif; color: #3366FF; text-decoration: none;}
a:active { font-family: font-family:Arial, Helvetica, sans-serif;  color: #3366FF; text-decoration: none;}
a:hover { font-family: font-family:Arial, Helvetica, sans-serif;  color: #3366FF;  text-decoration: underline;}



.mainContainer {width: 100%; height:100%;}
.page { width: 1002px; height: 100%; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px;}
.images {margin:0px; padding: 0px; border: 0px;}

.imageR15 {margin-right:15px;}
.rightspace20 {margin-right:20px}
.leftspace20 {margin-left:20px}

.toparea { width: 1002px; height:95px; padding: 0px; margin:0px auto 14px auto; }

.upperarea { width: 1002px; height:216px; padding: 0px; margin:0px; }
.uppermenu {width: 231px; height: 216px; padding: 0px; margin:0px; float:left; border-color:#000000; border-style:solid; border-width: 0px 1px 0px 1px; }
.uppermenulist {width:231px; height:54px; margin:0px; padding:0px;}  
.upperimage {width: 769px; height: 216px; padding: 0px; margin:0px; float:left } 

.mainarea {width:1001px;  overflow: hidden; background-color:#FFFFFF;  border-color:#000000; border-style:solid; border-width: 0px 1px 1px 0px;}
.mainareacat {width:1001px;  overflow: hidden; background-color:#FFFFFF;  border-color:#000000; border-style:solid; border-width: 0px 1px 1px 0px;}
.mainmenu {width: 231px; height: 100%; background-color:#FFCD0B; float:left; border-color:#000000; border-style:solid; border-width: 0px 1px 0px 1px;  padding-bottom: 32767px; margin-bottom: -32767px;}
.mainmenulist {width:231px; height:52px; margin:0px; padding:0px;}  
.mainright {width: 733px; height: 100%; padding: 10px 15px 10px 20px; margin:0px; float:left;}
.mainrightcat {width: 733px; height: 100%; padding: 10px 15px 10px 20px; margin:0px; float:left; border-color:#000000; border-style:solid; border-width: 1px 0px 0px 0px;} 
.mainMontage {width: 733px; margin: 0px -15px -10px -252px;}

.catmenuarea {width: 233px; height:100%; float:left;}
.footerarea {width:1002px; height:251px; background-image: url(images/footerBgd.gif);  background-repeat:repeat-x; background-position:top left; margin: 14px 0px 10px 0px; padding:0px; border-color:#030303; border-style:solid; border-width: 1px 1px 1px 1px;}
.footermenu {width: 232px; height: 251px; padding: 0px; margin:0px; float:left; border-color:#ffffff; border-style:solid; border-width: 0px 1px 0px 0px; }
.footeraddress {width: 284px; height: 221px; padding:20px 10px 10px 65px;  margin:0px; float:left; border-color:#ffffff; border-style:solid; border-width: 0px 1px 0px 0px; }
.footercopyright {width: 354px; height: 221px; padding:20px 10px 10px 45px;  margin:0px; float:left;}

.tabgroup {width:567px;}
.tabhead1 {width:140px; float:left;  font-size:13px; line-height:24px; text-align:center; color:#5E849E; border-color:#DFDFDF; border-style:solid; border-width: 1px 0px 1px 0px;}
.tabhead2 {width:300px; float:left;  font-size:13px; line-height:24px; text-align:center; color:#5E849E; border-color:#DFDFDF; border-style:solid; border-width: 1px 0px 1px 0px;}
.tabhead3 {width:125px; float:left;  font-size:13px; line-height:24px; text-align:center; color:#5E849E; border-color:#DFDFDF; border-style:solid; border-width: 1px 0px 1px 0px;}
.tabrow1 {width:140px; float:left;  font-size:13px; line-height:24px; text-align:left}
.tabrow2 {width:300px; float:left;  font-size:13px; line-height:24px; text-align:left}
.tabrow3 {width:125px; float:left;  font-size:13px; line-height:24px; text-align:left}

.contactform {width:500px;}
.formRow {width: 500px; margin: 0px; padding: 1px; float:left}
.formTitle {width: 150px; height:23px; float:left;  font-family: font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #496F6E; line-height: 15px; margin-left:15px; padding: 2px 0px 0px 0px; }
.formInput {width: 320px; height: 18px; float:left;  font-family: font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #496F6E; line-height: 15px; margin: 0px 0px 0px 0px; }
.formTextTitle {width: 150px; height: 150px; float:left;  font-family: font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #496F6E; line-height: 15px; margin-left:15px; padding: 2px 0px 30px 0px; }
.formTextInput {width: 320px; height: 150px; float:left;  font-family: font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #496F6E; line-height: 15px; margin: 0px 0px 30px 0px; }


#menuList {
	margin:0px;
	padding:20px 0px 0px 0px;
	width:232px;
	color:#474747;
	
	}
#menuList a {
	width:195px;
	height:21px;
	font-family: Arial, Helvetica, sans-serif; 
	display: block; 	
	font-size:12px; 
	color:  #474747;
	font-weight:normal; 
	padding: 0px 0px 0px 37px;
}
#menuList a:hover {
	width:195px;
	background-color:#FFE785;
	text-decoration: none;
}		
#menuList ul ol{
	font-family: Arial, Helvetica, sans-serif; 
	color:#474747; 
	margin: 0px;
	padding: 0px;	
	list-style-type:none;
	}
#menuList li {

	font-family: Arial, Helvetica, sans-serif; 
	color:#474747; 
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type:none;	
	
	}