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

  Released under the GNU General Public License
*/

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

.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background-color:#25449b;
  background-image:url(images/background.jpg);
  background-repeat:repeat-x;  
  color: #000000;
  text-align: left;
  margin: 0px;
}

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

A {
  color: #444444;
  text-decoration: none;
  font-size: 11px;
}

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

FORM {
	display: inline;
}

TR.menubar {
  background-image:url(images/menubar.png);
  background-repeat:no-repeat;
  height: 33px;
}

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

TR.header {
  background-image:url(images/header.png);
  background-repeat:no-repeat;
  height: 105px;
}

.headerNavigation {

}

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

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

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

TR.headerError {
  background: #bb001c;
}

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

TR.headerInfo {
  background: #00ff00;
}

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

TR.footer {
  background: #e4e4e4;
}

TD.footer {
  background-image: url(images/footer_shadow.png);
  background-repeat: no-repeat;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #2d2d2d;
}

div.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #2d2d2d;
}

.infoBox {

}

.infoBoxContents {
  font-family: Verdana, Arial, sans-serif;
  color: #444444;
  font-size: 10px;
  vertical-align: top;
}

.infoBoxNotice {
  background: #bb001c;
}

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

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

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #444444;  
}

.divBox {

  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #7A7A7A;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #7A7A7A;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
}

TD.divBoxHeading {
  background-color: #f0f0f0;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #7A7A7A;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.divBoxBottom {
  background-color: #ffffff;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #7A7A7A;
}

.divBoxContents {
  font-family: Verdana, Arial, sans-serif;
  background-color: #ffffff;
  
  color: #000000;
  font-size: 10px;
  vertical-align: top;
}


.wideBox {
  background-color: #f0f0f0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
}

TD.wideBoxHeading {
  background-image: url(images/widebox/back.png);
  background-repeat: repeat-x;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 20px;
  color: #ffffff;
}

.wideBoxContents {
  font-family: Verdana, Arial, sans-serif;
  background-color: #ffffff;
  
  color: #000000;
  font-size: 10px;
  vertical-align: top;
}

.dataBox, .otherBox {
  background-color: #dbe0eb;
}

.dataBoxContents {
  font-family: Verdana, Arial, sans-serif;
  background-color: #e9f0ff;
  
  color: #000000;
  font-size: 10px;
  vertical-align: top;
}

.otherBoxContents {
  font-family: Verdana, Arial, sans-serif;
  background-color: #f0f0f0;
  
  color: #000000;
  font-size: 9px;
  vertical-align: top;
  line-height: 2;
}

TD.dataBoxHeading, TD.otherBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  background-color: #fff5d2;
  border: 1px solid #ebe4ca;
  padding: 0px 0px 0px 5px;
  font-size: 10px;
  font-weight: bold;
  color: #444444;
}

TD.dataBox, SPAN.dataBox, TD.otherBox, SPAN.otherBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;  
  color: #000000;
}

.specialBox {
  background-color: #f0f0f0;
}

.specialBoxContents {
  font-family: Verdana, Arial, sans-serif;
  background-color: #f9f9f9;  
  color: #000000;
  font-size: 10px;
  vertical-align: top;
}

TD.specialBoxHeading {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  background-color: #7f9ebf;
  padding: 0px 0px 0px 5px;
  font-size: 14px;
  color: #ffffff;
  text-align: left;
}

TD.specialBox, SPAN.specialBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;  
  color: #000000;
}


.resourcebar {
background-color: #f0f0f0;
display: block;
margin-top: 0px;
margin-left: 0px;
border-width: 0px;
}

TD.resourceback {
background-color: #f0f0f0;
}

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: #f0f0f0;
  text-align: left;
}

TR.bundleListing-odd {
  background: #fff5d2;
  text-align: left;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.bundleListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #fffff;
  text-align: left;
}

.SpecBox {
  background: #ffffff;
  vertical-align: top;  
}
TD.SpecBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  text-align: left;
  background: #cccccc;
  color: #444444; 
  vertical-align: top;
}
.SpecBoxContents {
  background: #dddddd; 
  color: #444444;   
  font-family: Verdana, Arial, sans-serif;
  text-align: left;
  font-size: 11px;
  vertical-align: top;
}



/* Product Specification Mod */

TD.spec_odd, P.spec_odd {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #444444;
  text-align: left; 
  background: #e9f0ff;  
   
}

TD.spec_even, P.spec_even {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #444444; 
  text-align: left;
  background: #ffffff;  
   
}

TD.spec_heading, P.spec_heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  text-align: left;
  font-weight:bold;
  color: #4d4d4d; 
  background: #ffffff;  
   
}


TABLE.productListing {

}

TD.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  text-align: left;  
  border-bottom: 1px dotted #000000;
}

a.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  text-align: left;  
  font-weight: bold;
}

a.productListing-heading:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #999999;
  text-align: left;  
  font-weight: bold;
}


.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  text-align: left;
  color: #000000;
}

A.productListing-data {
  color: #013e7f;
}

  

A.pageResults {
  color: #0000FF;
}

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

.price_exvat {
  font-size:11px;
  color: #000000;  
 }
 
 .price_rrp {
  font-size:11px;
  color: #888888;  
 }
 
 .price_incvat {
  font-size:11px;
  color: #000000;
 }
 
  .price_vat {
  font-size:9px;
  color: #000000;
 }
 
 .noStock {
  font-size:10px;
  font-weight: bold;
  color: #bb001c;  
 }

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  color: #013e7f;
  text-align: left;
  vertical-align: middle;
  line-height: normal;
  border-bottom: 1px dotted #000000;
}

.resources {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
  border-bottom: 1px dotted #000000;
}

.techdata_heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  height: 25px;
  vertical-align: bottom;
  border-bottom: 1px dotted #000000;
}

a.techdata_heading {
  text-decoration:none;
  border-bottom: 0px;
}

.techdata_add {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-style: italic;
  color: #000000;
  text-align: right;
  vertical-align: bottom;
  border-bottom: 1px dotted #000000;
}

a.techdata_add {
  text-decoration:none;
  border-bottom: 0px;
}

.loginpanel .loginpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
  font-family: Verdana, Arial, sans-serif;
  background-image:url(images/loginbox.png);  
  background-repeat: no-repeat;
  color: #ffd206;
  font-size: 11px;
/*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

a.loginpanel {
  font-family: Verdana, Arial, sans-serif;
  color: #ffd206;
  font-size: 11px;
}

a.loginpanel:hover {
  font-family: Verdana, Arial, sans-serif;
  color: #deb100;
  font-size: 11px;
}

.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: #000000;
background: #ffffff; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/

}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right;
color: white;
border-bottom: 1px dotted #000000;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
cursor: pointer;

}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 5px;
margin-left: 7px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: white; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}


TD.resourcebar {
background-color: #f0f0f0;
display: block;
}


TR.subBar {
  background: #f4f7fd;
}

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: 10px;
  text-align: left;
}

TD.home, P.home {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #363636;
  text-align: left;
}

a.home {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #363636;
  text-align: left;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  line-height: normal;
  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: #bb001c;
}

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: #013e7f;
  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: #bb001c;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-size:11px;
  color: #BB001C;
}

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

.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; color: #FFFFFF; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FFFFFF; background-color: #bb001c; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#FFFFFF; background-color: #013e7f; }

/* input requirement */

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


/*-------------------------------------*/

/*   Horizontal Drop-Down Menu Style   */

/*-------------------------------------*/



.horbar	{   /* Color of main horizontal menubar and border */

	color: black;

}



.horizitem	{          /* Behaviour of main horizontal menu items, leave as is for proper operation */

	float: left;

	white-space: nowrap;

}



.horizitem a {              /* Font style, size of submenu items */

  font-family: Verdana, Arial, sans-serif;

	font-size: 10px;	
	
	font-weight: bold;

	text-decoration: none;

	position: relative;	

	display: block;	

}



.horizitem a:link, .horizitem a:visited 	{      /* Font style & color of main menu items */

	color: #000000;

	text-decoration: none;

}



.horizitem a:hover	{       /* Font style & color, background menu color of main menu item when hovered over */

	text-decoration: none;
	
	color: #444;

}



.horizitem a:active	{       /* Font style & color, background menu color of main menu item when clicked */

	color: #ffff00;

	text-decoration: none;

}



.horizsubmenu	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */

	position: absolute;

	left: 0;

	top: 0;

	visibility: hidden;

}



.horizsubframe	{      /* Color of submenu item and border */

	background-color: #fff6d6;

	border: 10px;
	border-color: #fff6d6;

	

	position: relative;

	display: block;	

}



.horizsubitem	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */

	text-align: left;

	white-space: nowrap;

}



.horizsubitem a {            /* Font style, size of submenu items */

  font-family: Verdana, Arial, sans-serif;

	font-size: 11px;	

	text-decoration: none;

	

	position: relative;

	display: block;	

}



.horizsubitem a:link, .horizsubitem a:visited	{       /* Font color, style of submenu items */
 
	color: #000000;

	font-size: 11px;	

	text-decoration: none;

}



.horizsubitem a:hover	{      /* Font color, style, background submenu color of submenu item when hovered over */

	color: #000000;

	background-color: #ffd61e;

	text-decoration: none;

}



.horizsubitem a:active	{      /* Font color, style, background submenu color of submenu item when clicked */

	color: #ffff00;

	background-color: #666666;		

	text-decoration: none;

}



.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{      /* Positioning of right arrow for submenus */

	position: absolute;

	top: 5px;

	right: 8px;

}



.dmselected {   /* Style override for selected category tree */

    background-color: #ccc;

		font-weight: bold;

}



.horbar .dmselected {   /* Style override for selected root category */

    background-color: #fff6d6;

}

div#resourcebox
{
  margin: 0px 20px 0px 20px;
  display: none;
}


