/*
  $Id: stylesheet.css,v 1.48 2002/07/11 17:13:14 dgw_ Exp $

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

  Copyright (c) 2001 osCommerce

  Released under the GNU General Public License
  Colour Ref
Grey: #cccccc
Blue:#000000
Green:#128c34
*/

/* Standard Alignments */
.left {
  text-align:left;
}
.center {
  text-align:center;
}
.right {
  text-align:right;
}
.leftTop {
  text-align: left;
  vertical-align: top;
}
.leftMiddle {
  text-align: left;
  vertical-align: middle;
}
.leftBottom {
  text-align: left;
  vertical-align: bottom;
}
.centreTop {
  text-align: center;
  vertical-align: top;
}
.centreMiddle {
  text-align: center;
  vertical-align: middle;
}
.centreBottom {
  text-align: center;
  vertical-align: bottom;
}
.rightTop {
  text-align: right;
  vertical-align: top;
}
.rightMiddle {
  text-align:right;
  vertical-align: middle;
}
.rightBottom {
  text-align:right;
  vertical-align: bottom;
}

.fullwidth {
  width:100%;
}
/* Standard Formatting */
.outlined {
  border: 2px dashed #707070;
  padding: 5px;
  margin: 5px;
}
.input_area {
  background-color: #deebfa;
}
.boxText {   font: 8pt Verdana, sans-serif; }
.boxText5 { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #cc0033;;}
.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; }

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}
/* Width of the main wrapper */
*#content-container {
  text-align: center;
}


#content {
  max-width:1200px;
  text-align:left;
  width:expression(document.body.clientWidth > 1200? "1200px": "auto" );
  margin-left:auto;
  margin-right:auto;
}

/* The left and right hand backgrounds*/
TD.leftShadow {
  background: #fff;

}

TD.rightShadow {
  background: #fff;

}
/*---------------------------------HEADER*/
/*Top Breadcrumb and Navigation*/
TABLE.top_breadcrumb {
	background: #fff;
	color: #000;
	width: 100%;
	height: 26px;
	padding-top: 8px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom: 2px;
  border-collapse: collapse;
  border-spacing: 0px; 
}
.smallTag{
  font: 10px Arial, Arial, sans-serif;
  padding:0px 0px 0px 2px;
  margin:0px;
}

A.tabs{
  width:100px;
  height:33px;
  text-align:center;
  background:url("images/tab_active.gif") no-repeat center top;
  padding:5px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
  LI.tabs {
  width:100px;
  height:20px;
  background-color:red;
  background-image:url(images/tab_inactive.gif);
  float:left;
  padding:5px 0 0 0;
  text-align:center;
  }
  #active {
  background-image:url(images/tab_active.gif);
  }
  A.active {
  color:#fff;
  }

TD.menubar {
  font: 8pt bold Verdana, Verdana, sans-serif;
  color: #679ef1;
  padding: 5px 0px 0px 0px;
  text-align:left;
}
A.menubar {
  color: #000;
}
A.menubar:hover {
  color: #000;
}
TD.menubar2 {
  font: 8pt bold Verdana, Verdana, sans-serif;
  color: #707070;
  padding: 5px 0px 0px 0px;
  text-align: right;
}
A.menubar2 {
  color: #fff;
}
A.menubar2:hover {
  color: #707070;
}

TABLE.bannerhead {
  background-color: #000;
  width: 100%;
  border-collapse:collapse;

}
TD.bannerhead {
  padding:0px;
  vertical-align:bottom;
}

LI.tabs {
width:100px;
height:20px;
background-color:red;
background-image:url(images/tab_inactive.gif);
float:left;
padding:5px 0 0 0;
text-align:center;
}
#active {
background-image:url(images/tab_active.gif);
}
A.active {
color:#fff;
}
/*The Main Logo*/

TD.bluebar {
  background-color: #000000;
  height: 8pt;
}/* CSS Document */

/*The Main Logo*/
TD.bannerlogo {

  text-align: left;
  padding:0px;
  width:276px;
  height:54px;
}

/* TSlogo */
TD.slogan {
  font: italic 12pt Verdana, "Tahoma", "Verdana", sans-serif;
  color: #e5e5e5;
  padding-right: 5px;
  text-align: right;
}

.tagline {
  font: 10px Arial, "Tahoma", "Verdana", sans-serif;
  color: #000;
  line-height:2;
}
.topnav {
  font: bold 8pt Verdana, "Tahoma", "Verdana", sans-serif;
  color: #707070;
  line-height:2;
}
/* Sub Banner Navigation */
TABLE.sub_banner {
	background: #cccccc;
	color: #ffffff;
	width: 100%;
	border-collapse: collapse;
  border-spacing: 0px; 
  padding: 2px;
  height: 26px;
}
TD.sub_banner {
  font: 8pt bold Verdana, Verdana, sans-serif;
  color: #ffffff;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
A.sub_banner {
  color: #000000;
}
TABLE.sub_shadow {
	width: 100%;
	height: 17px;
	border-collapse: collapse;
  border-spacing: 0px; 
}
TR.sub_shadow {
	background-image : url("images/sub_shadow.gif");
  	background-repeat : repeat-x;
	color: #ffffff;
	width: 100%;
	height: 17px;
}
/*HEADER EOF*/




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

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

FORM {
	display: inline;
}

TR.header {
  background: #42618c;
}

TR.headerNavigation {
  
}

TD.headerNavigation {
  font: bold 8pt "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
  
  
  color: #4a618c;
  
}

A.headerNavigation { 
  color: #4a618c; 
}

A.headerNavigation:hover {
  color: #4a618c;
}

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

.infoBox5 {
  background: #42618c;
  color: #123456;
}

/* Infobox Contents */
.infoBoxContents {
  background: #ffffff;
  color: #000000;
  font-family: Verdana, sans-serif;
  font-size: 8pt;
  border-left:1px #fff solid;
  border-right:1px #fff solid;
  border-top:0px #fff solid;
  border-bottom:1px #dedfd6 solid;
}

.infoBoxContents1 {
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  color: #002369;
}

TD.infoBoxHeading {
  font: bold 10pt Verdana, "Tahoma", "Verdana", sans-serif;
  color: #707070;
  height: 30px;
  background: #ffffff;
}

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

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

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

TR.productListing-heading {
  background: #707070;
}

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

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

A.pageResults { 
  color: #0000FF; 
}

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


/* Page Title */
TD.pageHeading, DIV.pageHeading {
  font: bold 12pt Verdana, "Tahoma", "Verdana", sans-serif;
  color: #011547;
  padding: 15px 0px 15px 0px;
  /*width: 100%;*/
}

/*Product Code & Stock Level isn't it*/
TD.pageHeading1, P.pageHeading1, SPAN.pageHeading1, DIV.pageHeading1, h2 {
  font: bold 8pt Verdana, "Tahoma", "Verdana", sans-serif;
  color: #000;
}

/*Options title text*/
TD.pageHeading2, P.pageHeading2, SPAN.pageHeading2, DIV.pageHeading2 {
  font: bold 8pt Verdana, "Tahoma", "Verdana", sans-serif;
  color: #707070;
}

TR.subBar {
  background: #d9d9d9;
}

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

TD.main, P.main {
  font: 10pt Verdana, "Tahoma", "Verdana", sans-serif;
  padding-right:20px;
  line-height: 1.5;
}

/* Little things*/
TD.smallText, TR.smallText, SPAN.smallText, P.smallText, DIV.smallText {
  font: 8pt Verdana, Verdana, Verdana, sans-serif;
}

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: #47608e;
  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.vatClaimed {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ff0000;
  font-weight: bold;
}

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

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

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

/* DDB - 041031 - Form Field Progress Bar */
.progress{
	width: 1px;
	height: 14px;
	color: white;
	font-size: 12px;
      overflow: hidden;
	background-color: navy;
	padding-left: 5px;}
}

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
hr {
  border: 0;
  color: #000000;
  background-color: #000000;
  height: 3px;
  text-align: center;
  width: 95%;
}
/*--------------------------------------------FOOTER*/
TR.footer {
  background: #fff;
}
TD.footer {
  font: 12px Helvetica, Verdana, Verdana, sans-serif;
  color: #000;
  background: #fff;
  font-weight: bold;
  padding: 8pt;
  border: 1px solid #ccc;
}
TD.subfooter {
  font: 10px Arial, Arial, sans-serif;
  color: #000;
  background: #fff;
  font-weight: bold;
  padding: 8pt;
  text-align:center;
}
SPAN.foot_white {
  font: 14px Helvetica, Verdana, Verdana, sans-serif;
  color: #828282;
  background: #fff;
  padding: 8pt;
}
/*FOOTER EOF*/
DIV.section {
  border: 3px solid #000000;
  padding: 8px;

}
DIV.sectionHead {
  border: 1px solid #000000;
  background-color: #000000;
  color: #fff;
  padding: 5px 10px 5px 10px;
  font: bolder 12pt Verdana, "Tahoma", "Verdana", sans-serif;
}
TD.pageHeadingInfo, DIV.pageHeadingInfo, H1 {
  font: bold 12pt Verdana, "Tahoma", "Verdana", sans-serif;
  color: #000000;
  padding-left: 0px;
  padding-right: 0px;
}

/*----- Tabbed Content */
.tabs{
font: bold 12px Verdana;
list-style-type: none;
text-align: left;
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
}

.tabs li{
display: inline;
margin: 0;
}

.tabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #000000;
color: #fff;
background: #000000;
}

.tabs li a:visited{

}

.tabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.tabs li.selected{
position: relative;
top: 1px;
}

.tabs li.selected a{
background-color: #fff;
border-bottom-color: white;
color: #000000;
}

.tabs li.selected a:hover{
text-decoration: none;
}

.tabcontentstyle{
border: 1px solid #000000;
margin-bottom: 1em;
margin-right: 0px;
padding: 8pt;
}

.tabcontent{
display:none;
}
/*----- Tabbed Content EOF */

/* Categories Menu */
TABLE.categ {
  border: 0px;
  border-spacing: 2px;
  font: 8pt Verdana, "Tahoma", sans-serif;
  color: #000000;
}
TABLE.categHover {
  border: 0px;
  border-spacing: 2px;
  font: 8pt Verdana, "Tahoma", sans-serif;
  color: #ffffff;
 /* background: #000000 url(images/selector.png) top 50% fixed repeat; */
  background: #000000;
}
A.categHover {
color: #000000;
}
A.categHover:hover {
color: #fff;
}
TD.categ {
  vertical-align: top;
}
TD.categCurrent {
  vertical-align: top;
}
A.categ {
color: #000000;
}
TD.category {
  font: 8pt Verdana, "Tahoma", sans-serif;
  color: #fff;
  padding-left: 5px;
}
/* Categories Menu EOF*/
/*Picture / Modal*/
#modal_container {
		padding:5px;
		background-color:#fff;
		border:8pt solid #000;
		overflow:auto;
		font-family:"Lucida Grande",Verdana;
		font-size:12px;
		color:#333;
		text-align:left;
	}
#modal_container.test {
		background-color:#900;
		color:#fff;
		padding:30px;
		text-align:center
	}
#modal_overlay {
		background-color:#000;
	}
#modal_overlay.test {
		background-color:#fff;
	}
	

/* OTF contrib begins */
/* DDB - 041031 - Form Field Progress Bar */
.progress{
  width: 1px;
  height: 14px;
  color: white;
  font-size: 12px;
  overflow: hidden;
  background-color: navy;
  padding-left: 5px;}
}
/* OTF contrib ends */

/*----- Tabbed Content */
.tabs{
font: bold 12px Verdana;
list-style-type: none;
text-align: left;
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
}

.tabs li{
display: inline;
margin: 0;
}

.tabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #000000;
color: #fff;
background: #000000;
}

.tabs li a:visited{

}

.tabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.tabs li.selected{
position: relative;
top: 1px;
}

.tabs li.selected a{
background-color: #fff;
border-bottom-color: white;
color: #000000;
}

.tabs li.selected a:hover{
text-decoration: none;
}

.tabcontentstyle{
border: 1px solid #000000;
margin-bottom: 1em;
margin-right: 0px;
padding: 8pt;
}

.tabcontent{
display:none;
}
/*----- Tabbed Content EOF */

/*** Begin Header Tags SEO ***/
h1 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
}
h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
}
/*** End Header Tags SEO ***/
SPAN.mini_header {
 font-weight: bold;
 color: #000000;
}

SPAN.top_deal {
  background-color: #000000;
  color: #fff;
  font: bold 10pt Verdana, Verdana, Verdana, sans-serif;
  padding:5px 10px 5px 10px;
}

UL.top_deals_list {
  margin-left: 0.6em;
  padding-left: 0.6em;
  margin-top: 0;
  padding-top:0;
}