/* <style> */

/*
  $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
*/

/*  This version of the stylesheet will be kept in the main directory as it's somewhat different from the one handling 
    the shopping cart.  Some of the styles specified below have been taken in from the original site and used to main-
    tain some of the aspects of the look of the original site - eg img set to nil border and the #contactfooter style
    which are carry overs from the original site.  Navigation has been changed from the original site to match the 
    shopping cart as has the header.  Layout of the page will change somewhat also, though it may not have the two sided
    dialogue boxes - this may be a second navigation option down the left hand side of the page.  As much as possible I 
    will continue with CSS layout for the pages, and will gradually shape the shopping cart to match if I do.

    Andrew Rae, CustomCV.  22 October 2003
*/


/*  Section One:  Initial styling set by the osCommerce style sheet *******************************  */


.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; text-align:center;}

/*  The attribute "text-align:center" is additional to what's been included in the shopping cart CSS as it's designed  */
/*  to suit the CSS for the main site.  Navigation on the main site is using images, so there are some differences to  */
/*  how it's laid out for the purposes of this part of the site                                                        */

.boxText img {width:80px; height:80px;} 

/*  This style rule is an entirely new one to cope with the navigation on the main site which included the use of      */
/*  graphics for links.  This sets the size globally rather than using html attributes                                 */

.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; }

#text_main {text-align: justify;}

td h3 {font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  /* color: #9a9a9a; */
  color: green;}

td span {color:#dd137b;
  font-weight:700;}
  
tr#survey td {text-align:center;}
  
#text_right {text-align: right;}
#text_left {text-align: left;}

BODY {
  background: #fffdc9; /*   #fffdc9 is the pale yellow.  Also change rule for "TR.header"
  background: #B5DEF8;  This is the pale blue.  Also change rule for "TR.header" */
  text-align: justify;
  color: #000000;
  margin: 0px;
}

/* Note on background colour:  This has been set to a pale blue so that if I'm working on 
the main site and using the local site to test I can tell the difference between the two
The hex code commented out is the standard general nappies yellow */

A:link {
  color: blue;
  text-decoration: none;
}

A:hover {
  color: red;
  text-decoration: underline;
}

A:visited {
  color: #purple;
  text-decoration: none;
}



/*  End Section One ********************************************************************************  */


/*  Section Two:   Styles to build on from version two website.  ***********************************  */

/* Footer style from the original website  */

   #contactfooter {text-align:center;
	font-family:Arial, Verdana, Switzerland, sans-serif;
	font-size:x-small;}

/*   Page text style added in to build up to css positioning.  This will apply to the main site, and will be worked  */
/*   on to build into the shopping cart also                                                                         */

   #pagetext {text-align:justify;
	position:absolute;
	left: 17%;
	top:17%;
	width:66%;}

/* This is used on the website prior to entering the shopping cart to give nil border on all images */

   #map {position:relative; left:25%; top:1%;}
   
   #rightpic {float:right; padding-left:6px;}
   
   img {border:0;}   

   #navbox {position:absolute;
	top:17%;
	left:1%;
	width:13%;
	text-align:center;}

   #navbox table, #navbox_right table {border:0px;
   	width:100%;}
	
   #navbox_right {position:absolute;
	top:17%;
	left:86%;
	width:13%;
	text-align:center;}	

/* These rules following are used to set the size of the columns for the shipping table on the about_us.php  */

   #region {text-align:left; width:50%;}
   #deliveryprice, #deliverytime {text-align:center; width:25%;}


/*  End Section Two ********************************************************************************  */

FORM {
	display: inline;
}

.form_instructions {text-align: center;         /*  This style rule is used in the sample form for the instructions */
	font-style: italic;                     /*  to the client                                                   */
	background-color:#E6E6E6;}

form table.formlayout {width:100%;}

TR.header {
  background: #fffdc9; /*   #fffdc9 is the pale yellow.  Also change rule for "BODY"
  background: #B5DEF8;  This is the pale blue.  Also change rule for "BODY" */

}

/* Note on background colour:  This has been set to a pale blue so that if I'm working on 
the main site and using the local site to test I can tell the difference between the two
The hex code commented out is the standard general nappies yellow */

TR.headerNavigation {
  background: #bbc3d3;
}

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

A.headerNavigation { 
  color: #FFFFFF; 
}

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

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: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

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

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  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: #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.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: #b6b7cb;
  border-spacing: 1px;
}

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

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

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading, h1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  /* color: #9a9a9a; */
  color: #dd137b;
}

h2 {font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  /* color: #9a9a9a; */
  color: blue;}

TR.subBar {
  background: #f4f7fd;
}

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

/*
   styling for span.main added in here to allow whole blocks of text to be changed without having to list a class
   on each paragraph tag.
*/

TD.main, P.main, span.main, main table {
  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: #aabbdd;
}

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;
}

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: #f0a480; */
  color: blue;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  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: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.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; }

</style>