/*
  $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
  
  stylesheet by West Midlands Media 2007
*/

table td.leftboom {
background: #2F3780;
}
table td.rightboom {
background: #2F3780;
}

.boxText {
color: #ffffff
}
.errorBox {
color: #ffffff
}
.stockWarning {
color: #ffffff
}
.productsNotifications {
}
.orderEdit {
text-decoration: underline; 
}
/* --- sitemap styles --- */

ul.sitemap {
color: #2f3288
}
.catentry a {
font-size: 11px;
color: #ffffff;
text-transform: uppercase;
font-weight: normal
}
.sitemapproduct a {
font-size: 11px;
color: #ffffff
}
.sitemapproduct a:hover {
font-size: 11px;
color: #82BBBE;
text-decoration: underline
}

/* --- sitemap styles --- */

body {
  /*background: #BFB9D1;*/
  background: #fff;
  padding: 6px 0;
  color: #ffffff;
  margin: 0;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  		scrollbar-base-color: #BFB9D1;
		scrollbar-arrow-color: #000046
}
p {
font-size: 11px;
color: #ffffff
}
td {
font-size: 11px;
color: #203d60
}
.headerdesc {
background: #fff;
color: #000
}
.headerdesc h2 {
color: #719bcf
}
h1 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 font-weight: bold;
 color: #ffffff;
 line-height:1.2em
}
h1 a {
color: #82BBBE
}

h2 { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 color: #82BBBE;
 padding: 0;
 margin: -4px 0 4px 0
}
h2 a {
 color: #719bcf;
 text-decoration: none
}
h2 a:hover {
 color: #ffffff;
 text-decoration: underline
}

h3 {
font-size: 10px;
color: #719bcf
}


a {
  color: #F6F6F6;
  text-decoration: none;
}
#westmidlandsmedia {
text-align: center
}
a:hover {
  color: #FFC58A;
  text-decoration: underline;
}

form {
	display: inline;
	padding: 0;
	margin: 0
}
.boxbox {
border: 1px solid white;
height: 100%
}
.pootle {
font-size: 11px;
border: 0;
padding: 6px;
background: #2F3780 transparent;
vertical-align:top
}

.pootle p {
clear: left
}
.pootle a:link {
border: 0;
color: #ffffff;
background: #2F3780;
font-size: 9px;
vertical-align: top
}
.pootle a img {
margin: 2px;
vertical-align: top
}
.otoshi {
clear: both;
float: left;
margin: 6px;
padding: 6px;
overflow: visible;
color: #5085c5
}
.otoshi img {
display: block;
margin-right: 8px;
}
.otoshi p {
float: left;
margin: 6px
}
.hanegoshi {
float: left;
padding: 6px;
margin: 6px 6px 6px 0;
overflow: visible
}
.topdesc {
margin: 4px;
background: #2F3780 url("images/supersprint/pootle_grad.png") repeat-y top right;
padding: 6px;
border: 1px solid #53A2A7;
/*border-right: 1px solid #719bcf;*/
/*border-bottom: 1px solid #719bcf;*/
height: 100%;
/*overflow: visible;*/
font-size: 11px;
}
.topdesc table {
clear: both;
/*float: left;*/
width: 100%
}
.topdesc table.short {
clear: none;
float: left;
width: 100%;
color: #ffffff
}
.topdesc table p {
font-size: 11px
}
.bargaindesc {
margin: 4px;
background: #2F3780;
padding: 6px;
border: 1px solid #53A2A7;
/*border-right: 1px solid #719bcf;*/
/*border-bottom: 1px solid #719bcf;*/
height: 100%;
overflow: visible;
font-size: 11px;
display:block
}
.skimfdesc {
margin: 8px 6px 14px 6px;
background: #2F3780;
padding: 6px;
border: 1px solid #53A2A7;
height: 101%;
width: 96%;
/*overflow: visible;*/
font-size: 11px;
color:#ffffff
}
.rightdesc {
float: right;
margin: 10px;
color: white;
display: block
}
.largeprice {
font-size:130%;
color:#7BD1CE;
float: right;
display: inline;
font-weight: bold
}
.directions {
display:inline;
float:right;
border:1px solid #82BBBE;
margin:9px
}
.descbox {
padding: 6px;
margin: 0;
width: 98%;
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background: #2F3780;
color: #ffffff
}
.descbox p {
color: #ffffff
}
.descbox h1 {
margin:4px 0 0 6px
}
h1 a {
margin:0 0 0 10px
}
a img.spoon {
float:right;
margin: 3px
}
.intro {
clear: both;
/*border: 1px solid #53A2A7*/;
border: 0;
padding: 12px 8px 8px 10px;
margin: 0;
width: 100%;
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background: #2F3780 url("images/supersprint/pootle_grad.png") repeat-y top left;
color: #D7DAE8
}
.intro p {
font-size: 12px
}

.administration {
margin: 4px;
background: #2F3780 url("images/supersprint/pootle_grad.png") repeat-y top left;
padding: 6px;
border: 1px solid #53A2A7;
/*border-right: 1px solid #719bcf;*/
/*border-bottom: 1px solid #719bcf;*/
height: 100%;
overflow: visible;
font-size: 11px
}
.administration table {
clear: both;
float: left
}
.administration table.short {
clear: none;
float: left;
color: #ffffff
}
.administration table p {
font-size: 11px
}
.price {
clear: both;
float: left;
width: 90%;
padding: 6px;
margin: 0;
font-weight: bold;
color: white
}
.administration h2 {
font-size: 110%;
text-transform: capitalize;
background: #fff;
padding: 4px;
margin: 4px 0;
color: #000
}
.administration h3 {
font-size: 110%;
text-transform: capitalize;
background: #fff;
padding: 4px;
margin: 4px 0;
color: #000;
}
.shortdesc {
clear: left;
float: left;
padding: 4px;
margin: 0;
font-size: 11px
}
.klump {
height:99%;
display: block
}
img.drop {
border: 1px solid #53A2A7;
padding: 2px;
margin: 0 6px 0 0;
overflow: visible;
width:100px
}



td.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #F6F6F6;
  padding: 6px 0 0 14px
}
div.pageHeading {
	font-size: 11px;
  	color: #375f8a;
}
td.pageHeading h1 {
margin: 6px 0 3px 10px;
color: #82BBBE;
}
div.pageHeading h1 {
font-size: 13px;
text-transform: capitalize;
background: #e6edf7;
padding: 4px;
float: left;
margin: 8px 0 0 0;
display: block;
height:100%;
color: #82BBBE;
}
.longdesc {
clear: both;
float: left;
font-size: 11px
}

table.largetable {
background: #2F3780
}
/* header elements */
table tr.headerback {
background: #2F3780
}

tr.header {
  /*background: #b9d3f8 url("images/a1/a1_header_back.jpg")repeat-x bottom left;*/
}
.button {
background: #2F3780;
color: #fff;
border: 1px solid #fff;
margin: 0;
padding: 0;
font-size: 12px
}
tr.headerNavigation {
  /*background: transparent #b9d3f8;
  height: 26px;
  border: 2px solid #ffffff*/
}

/*td.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: transparent #b9d3f8;
  color: #7779bb;
  font-weight : bold;
  padding: 8px;
  border-bottom: 1px solid #000;
  overflow: auto
}*/
td.headerNavigation form {
font-size: 11px
}

.headerNavigation { 
  color: #fff; 
  /*padding: 2px;*/
  /*margin: 2px;*/
  font-size: 11px;
  text-transform: uppercase
}
a.headerNavigation { 
  color: #2F3780; 
  /*padding: 2px;*/
  margin: -6px 0 2px 0;
  vertical-align: middle
}

a.headerNavigation:hover {
  text-decoration: none;
  color: #53A2A7
}

#shatform {
margin: 4px 8px
}
/* end header elements */

iframe {
width: 100%;
border: 0;
margin-left: 195px;
margin-right: 6px
}

tr.headerError {
  background:red ;
}

td.headerError {
  font-family: erdana, Arial, sans-serif;
  font-size: 12px;
  background: red;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerhard  {
  background: #00ff00;
}

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

tr.footer {
  background: #D7DAE8;
  margin: 0 0 -4px;
  text-align: center
}

td.footer {
  font-size: 11px;
  text-transform: uppercase;
  background: #D7DAE8;
  color: #000;
  text-align: center
}
td.footer p {
	margin: 4px;
	color: #000;
	text-align: center
}
td.footer a {
	color: #000;
	text-align: center
}
td.footer a:hover{
	color: #000;
	text-decoration: underline;
	text-align: center
}

/* end footer elements */

/* --- boxes styling --- */

.infoBox {
  background: #2F3780;
  border: 1px solid #53A2A7;
  color: white
}

.infoBoxContents {
  background: #2F3780 url("images/supersprint/pootle_grad.png") repeat-y top left;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: white;
  /*border: 1px solid #53A2A7*/
}
.infoBoxContents a {
color: white;
text-decoration: none
}
.infoBoxContents a:hover {
color: #82BBBE;
background-color: #2F3780;
}
.infoBoxContents a img {
border: 1px solid #375f8a
}

.infoBoxNotice {
  background: #e6edf7;
}

.infoBoxNoticeContents {
  background: #e6edf7;
  font-family: Verdana, Arial, sans-serif;
  font-size: 86%;
}

td.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  padding: 2px;
  background: #2F3780;
  color: #ffffff;
  text-transform: uppercase;
  border: 0
}
tr.infoBoxHeading {
  border: 1px solid #53A2A7;
  border-bottom: 0
}
td.infoBoxHeading img {
margin: 4px
}


td.infoBox, span.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: white
}

/* --- boxes styling --- */

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: #2F3780;
  color: white
}

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: #2F3780;
  color: white
}

table.productListing {
  border: 1px solid #53A2A7;
  background: #2F3780;
  color: #ffffff
}
table.productListing {
color: #ffffff
}
.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 80%;
  /*background: #fff;*/
  color: #ffffff;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ffffff
  /*background: #fff*/
}
TD.productListing-data a {
color: #82BBBE
}
a.pageResults {
  color: #ffffff;
}

a.pageResults:hover {
  color: #ffffff;
  /*background: #fff*/
  text-decoration: underline
}

TR.subBar {
  background: #bccfe9;
}

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

.main {
  font-size: 11px;
  line-height: 1.5em;
  background: #2F3780;
  color: #ffffff;
}
.moveover {
margin: 1p 0 4px 12px
}
.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #ffffff
}
.smallText a {
color: #ffffff
}
.smallText a:hover {
color: #7BD1CE
}
TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #ffffff;
}

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

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

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

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #82BBBE;
  font-weight: bold
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}
RADIO {
background-color: #242C74
}

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

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

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

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

SPAN.markProductOutOfStock {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  margin: 0 3px
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #7BD1CE;
  font-weight:bold
}

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

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

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #82BBBE; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; }

/* message box */

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

/* input requirement */

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

/* information bar */

.information a {
	color: #ffffff;
	margin: 6px 0;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center
}
.information a:hover {
	color: #7BD1CE;
	text-decoration: underline;
	text-align: center
}

/* categories list 

#nav a {
	color: #fff
}
#nav ul {
	margin: 0;
	margin-right: 0;
	list-style: none
}
#nav ul.sub a {
	color: #434485;
	margin: 0 0 0 6px
}
#nav ul li {
	list-style-type: square
}
.daddy {
font-weight: bold
}
#nav ul li ul {
margin: 0 0 0 8px
}*/

/*---------------------------------*/
/*   Vertical Fly-Out Menu Style   */
/*---------------------------------*/

.verbar	{   /* Color of main vertical menubar and border */
	color: #fff;
	background-color: #2F3780;
	/*border: 1px outset #E7B6C6;*/
}
#catmenu img {
border: 0
}

.vertitem	{          /* Behaviour of main vertical menu items, leave as is for proper operation */
	text-align: left;
	white-space: nowrap;
}

.vertitem	a {   /* Font style, size of main menu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 10px;		
	text-decoration: none;
	position: relative;
	display: block;		
	text-transform: uppercase;
	padding-left: 2px;
	padding-top: 2px
}

.vertitem a:link {   /* Default font style & color of main menu items */
	color: #fff;
	text-decoration: none
}
.vertitem a:visited	{   /* Default font style & color of main menu items */
	color: #fff;
	background-color: #2F3780;
	text-decoration: none;	
}

.vertitem a:hover	{   /* Font style & color, background menu color of main menu item when hovered over */
	color: #2F3780;
	background-color: #D7DAE8;
	text-decoration: none;
}

.vertitem a:active	{   /* Font style & color, background menu color of main menu item when clicked */
	color: #fff;
	background-color: #2F3780;	
	text-decoration: none;	
}

.vertsubmenu	{   /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.vertsubframe	{   /* Color of submenu item and border */
	color: #ecf1f9;
	background-color: #2F3780;
	border: 2px solid #2F3780;
	position: relative;
	display: block;	
}

.vertsubitem	{     /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.vertsubitem a	{   /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 10px;			
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	display: block;	
}

.vertsubitem a:link {   /* Default font style & color of submenu items */
	color: #fff;
	text-decoration: none;	
}
.vertsubitem a:visited	{   /* Default font style & color of submenu items */
	color: #fff;
	background-color: #94b3db;
	text-decoration: none;	
}

.vertsubitem a:hover	{   /* Font style & color, background submenu color of submenu item when hovered over */
	color: #2F3780;
	background-color: #D7DAE8;
	text-decoration: none;
}

.vertsubitem a:active	{   /* Font style & color, background submenu color of submenu item when clicked */
	color: #3a6492;
	background-color: #e6edf7;	
	text-decoration: none;			
}

.vertsubitem .vertfwdarr, .vertitem .vertfwdarr	{   /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
	color: #fff
}

.dmselected {   /* Style override for selected category tree */
    background-color: #8FB0D9;
		/*font-weight: bold;*/
}

.verbar .dmselected {   /* Style override for selected root category */
    background-color: #8FB0D9;
}
/* --- star product --- */

.star-product h2 {
  font-family: Verdana, Arial, sans-serif;
  text-align : center;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  background: transparent
}
.star-product {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
  background: #2F3780;
}
.star-product a {
color: #ffffff;
text-decoration: none
}
.star-product tr td a {
	font-color: #ffffff
}
.star-product-price{
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #82BBBE;
}