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


/* colour coordination

main header



*/


TD.invoiceaddress {
  font-family : Verdana, Arial, sans-serif; 
  font-size: small;
  font-weight: bold;
  color: #0013A2;
}

.maintable {
padding-right: 0px;
padding-left: 0px;
}

.boxText { 
font-family: Verdana, Arial, sans-serif; 
font-size: xx-small; 

}

.errorBox { 
font-family : Verdana, Arial, sans-serif; 
font-size : xx-small; 
background: #ffb3b5; 
font-weight: bold; 
}

.stockWarning { 
font-family : Verdana, Arial, sans-serif; 
font-size : xx-small; 
color: #cc0033; 
}


.productsNotifications { 
background: #f2fff7; 
}

.orderEdit { 
font-family : Verdana, Arial, sans-serif; 
font-size : xx-small; 
color: #70d250; 
text-decoration: underline; 
}

/* START Categories Tabs v2.0 */
A.tabsNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight : bold; 
  color: #0000CC; 
}

A.tabsNavigation:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight : bold; 
  color: #3366CC;
}

TD.tabsNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
/*  background: #CCCCCC;*/
  color: white;  /* Color of the not selected category text */
  font-weight : bold;
}
/* END Categories Tabs v2.0 */


/* main styles */

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}



/*main links with no style*/
A {
font-family: Verdana, Arial, sans-serif;
font-size: xx-small;
color: #0013A2;
text-decoration: none;
}

A:hover {
font-size: xx-small;
font-family: Verdana, Arial, sans-serif;
color:#FFFFFF; 
text-decoration: bold; 
background-color: #0013A2;}



FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}


TD.header {
font-family: Verdana, Arial, sans-serif;
  font-size: small;
  color: #0013A2;
   font-weight: bold;

}

TD.wholesalesocks {
font-family: Verdana, Arial, sans-serif;
  font-size: small;
  color: #ffffff;
   font-weight: bold;
}

/* handle wollow table(s) ..
  table.wollow.td.0 = top left box (used to define width of td.2  
  table.wollow.td.1 = header
  table.wollow.td.2 = left side
  table.wollow.td.3 = content.
*/
table.wollow {
  width: 100%;
}

table.wollow td.0 {
  font-family : Verdana, Arial, sans-serif;
	background: #e7eaff;
	color: #e7eaff;
	width: 20%;
}
table.wollow td.header {
  font-family : Verdana, Arial, sans-serif;
	background: #d1d7ff;
	color: #00209c;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	height: 20px;
	width: 100%;
	vertical-align: middle;
}

table.wollow td.footer {
  font-family : Verdana, Arial, sans-serif;
	height: 20px;
	color: #ffffff;
	background: #7CA9A7;
	text-align: left;
	padding-left: 5px;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
}	
	
table.wollow td.1 {	
  font-family : Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #e7eaff;
	text-align: left;
	padding-left: 5px;
	color: #003366;	
	font-weight: bold;
}
table.wollow2 td.1 {	
  font-family : Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #e7eaff;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	color: #003366;	
	font-weight: bold;
}
table.wollow td.2 {
	font-size: 10px;
  font-family : Verdana, Arial, sans-serif;
	background: #e7eaff;
	text-align: left;
	padding-left: 5px;
	color: #003366;
	vertical-align: middle;
	
}
table.wollow td.3 {
	font-size: 10px;
  font-family : Verdana, Arial, sans-serif;
	background: #e7eaff;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	color: #003366;
	vertical-align: middle;
}
TR.headerNavigation {
  background: #0055A2;
}

/* bacground colour*/
TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  background: #95abff;
  color: #ffffff;

}



/*HEADERBAR AND BREADCRUMB */

A.headerNavigation { 
  color: #0013A2; 
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
}

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

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

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

TR.footer {
  background: #0013A2;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  background: #0013A2;
  color: #ffffff;
  font-weight: bold;
}


/*defines the border around the boxes*/
.infoBox {
background: #0013A2;
font-size: xx-small;
}

/*new monthly products 1 puts a border around the whole box of new products*/
.1 {
background: #95abff;
}

.2 {
background: #ffffff;
}

.3 {
background: #95abff;
}



/*was this colour #B8C0FF which was a darker colour*/
.infoBoxContents {
  background: #DEE2FF;
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
}

/*was this colour #B8C0FF which was a darker colour*/
.infoBoxLanguages {
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
}

/*was this colour #B8C0FF which was a darker colour*/
.accountHistory {
  background: #DEE2FF;
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
}

A.accountHistory {
  color: #0000FF;
}

A.accountHistory:hover {
  color: #0000FF;
  background: #FFFFFF;
}




.ProductBoxContents {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
}

.ButtonBoxes {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
}




.infoBoxNewProducts {
  background: #B8C0FF;
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  font-weight: bold;
  background: #95ABFF;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
}

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: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  background: #95abff;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  background: #FFFFFF;
}

A.productListing {
  color: #0000FF;
  font-size: xx-small;
  background: #FFFFFF;
}

A.productListing:hover {
  color: #0000FF;
  background: #FFFFFF;
  font-size: xx-small;
}




A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: medium;
  font-weight: bold;
  color: #0013A2;
}


TD.Welcome, {
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
  font-weight: normal;
  color: #0013A2;
}

TR.subBar {
  background: #f4f7fd;
}

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

/*edit account main? */
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  line-height: 1.6;
}



TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
}

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


SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  color: #330099;
}

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

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  color: #f0a480;
  font-weight: bold;
}

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

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

SPAN.markProductOutOfStock {
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
  font-size: x-small;
  color: #c76170;
  font-weight: bold;
}

/* new products box*/
SPAN.ProductPrice {
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  font-weight: bold;
  color: #0013A2;
}
/* create accoutn compnay test*/
SPAN.CompanyInfoVAT {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
  font-size: xx-small;
  color: #c76170;
  font-weight: bold;
}


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

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

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: x-small; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: x-small; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: x-small; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: x-small; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: x-small; background-color: #99ff00; }

/* input requirement colour was ff0000 */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: x-small; color: #ff0000; }



.size {
font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
color: #000000;
font-size: xx-small;
font-weight: 600;
background-color : #D8E0F3;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
border-top : 1px solid #000000;
border-bottom : 1px solid #000000;
TEXT-ALIGN: left;
width: 30%;
}

.breakdown {
font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
color: #071491;
font-size: xx-small;
font-weight: 600;
background-color : #FFFFFF;
border-left : 0px solid #FFFFFF;
border-right : 0px solid #FFFFFF;
border-top : 0px solid #FFFFFF;
border-bottom : 0px solid #FFFFFF;
background-color : #A4BEE0;
TEXT-ALIGN: left;
width: 14%;
}

.breakdownsize {
font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
color: #071491;
font-size: xx-small;
font-weight: 600;
background-color : #FFFFFF;
border-left : 0px solid #FFFFFF;
border-right : 0px solid #FFFFFF;
border-top : 0px solid #FFFFFF;
border-bottom : 0px solid #FFFFFF;
background-color : #D8E0F3;
TEXT-ALIGN: left;
width: 14%;
}


.selectcategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  background: #ffffff;
  color: #0055A2;
  font-weight: bold;
}


.headerdisplay {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  background: #0055A2;
  color: #ffffff;
  font-weight: bold;
}

.socksdisplay {
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
  background: #0013A2;
  color: #ffffff;
  font-weight: bold;
}

.socksdisplaytext {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  background: #0013A2;
  color: #ffffff;
  font-weight: bold;
}

#secondarynav UL {
 list-style-type: disc 
 background-color : #666ddd;
border-left : 0px solid #FFFFFF;
border-right : 0px solid #FFFFFF;
border-top : 0px solid #FFFFFF;
border-bottom : 0px solid #FFFFFF;
	}
#secondarynav LI {
font: x-small verdana, arial, sans-serif;
}

.productListing-even A {
 color: #000000;

	}

.productListing-even A:hover {
 color: #000000;
 background-color : #ffffff;
	}


.productListing-odd A {
 color: #000000;
	}

.productListing-odd A:hover {
 color: #000000;
 background-color : #ffffff;
	}




.ProductBoxContents A {
 color: #0013A2;
 font-size: xx-small;
	}

.ProductBoxContents A:hover {
font-size: xx-small;
 color: red;
 background-color : #ffffff;
	}


.smallText A {
 color: #0013A2;
 font-size: xx-small;
	}

.smallText A:hover {
font-size: xx-small;
 color: red;
 background-color : #ffffff;
	}

/* LOGIN OVER BGcolour */
.login_shopping A:hover {
 color: red;
 background-color : #DEE2FF;
	}


/* links coloura*/

.whatsnew A {
 color: #0013A2;
 font-size: xx-small;
	}

.whatsnew A:hover {
 color: red;
 font-size: xx-small;
	}

	TD.whatsnew {
background: #ffffff;
font-size: xx-small;
font-weight: bold;
color: #0013A2;
	}


	/*   new product header*/

TD.ProductsMonth {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  font-weight: bold;
  background: #FF0000; /*#95abff;*/
  color: #ffffff;
}

h1  {
	font:  bold 16px verdana, arial, sans-serif;
	color : #071491;
	margin:  15px 15px 0px 0px;
	}
h2  {
	font: bold x-small verdana, arial, sans-serif;
	color : #000;
	margin:  0px 15px 10px 0px;
	}
h3  {
	font:  bold x-small verdana, arial, sans-serif;
	color : #000099;
	margin:  34px 15px 2px 25px;
	}
h4  {
	font:  x-small verdana, arial, sans-serif;
	color : #0b479d;
	margin:  0px 15px 10px 2px;
	}
h5  {
	font: bold x-small verdana, arial, sans-serif;
	color : #000;
	margin: 5px 10px 10px 10px;
	}
h6  {
	font: 10px verdana, arial, sans-serif;
	color : #000;
	margin: 10px 0px 0px 10px;
	}
h7  {
	font: bold x-small verdana, arial, sans-serif;
	color : #cc6600;
	margin: 10px 0px 0px 0px;
	}


TD.ladiessize {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  font-weight: normal;
  background: #FF99FF;
  color: #000000;
}


TD.ladiessize2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  font-weight: normal;
  background: #FFCCFF;
  color: #000000;
}

TD.ladiessizeclsx {
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
  font-weight: bold;
  background: #FF00CC;
  color: #ffffff;
}


TD.menssize {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  font-weight: normal;
  background: #FF99FF;
  color: #ffffff;
}

TD.menssizeclsx {
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
  font-weight: bold;
  background: #FF00CC;
  color: #ffffff;
}

TD.shippingZones {
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
  font-weight: bold;
  background: #F12501;
  color: #ffffff;
}

TD.Zones {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  font-weight: bold;
  background: #95abff;
  color: #ffffff;
  TEXT-ALIGN: left;
}

TD.Zones1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  font-weight: bold;
  background: #3300CC;
  color: #ffffff;
  TEXT-ALIGN: left;
}

.Zones1 A {
 color: #ffffff;
 font-size: xx-small;
	}

.Zones1 A:hover {
 color: 000000;
 font-size: xx-small;
 background: #66FF99;
	}



TD.shippingWeight {
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
  font-weight: bold;
  background: #F12501;
  color: #ffffff;
}

TD.WeightPrice {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  font-weight: bold;
  background: #3300CC;
  color: #ffffff;
  TEXT-ALIGN: left;
}

TD.weight {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  font-weight: bold;
  background: #95abff;
  color: #ffffff;
  TEXT-ALIGN: left;
}





TD.childsize {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  font-weight: normal;
  background: #B6F1A5;
  color: #000000;
}


TD.childsize2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  font-weight: normal;
  background: #40D574;
  color: #000000;
}

TD.childsizeclsx {
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
  font-weight: bold;
  background: #2DA235;
  color: #ffffff;
}


TD.mensize {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  font-weight: normal;
  background: #D3D3D3;
  color: #000000;
}


TD.mensize2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  font-weight: normal;
  background: #AEAEAE;
  color: #000000;
}

TD.mensizeclsx {
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
  font-weight: bold;
  background: #404040;
  color: #ffffff;
}

/* mens sizes chest and waist */
TD.menswaistize {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  font-weight: normal;
  background: #A7C0F9;
  color: #000000;
}


TD.menswaistize2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: xx-small;
  font-weight: normal;
  background: #C0D2FC;
  color: #000000;
}

TD.menswaistsizes {
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
  font-weight: bold;
  background: #0349EB;
  color: #ffffff;
}


/* LAURENS: special styles for different categories */
/* MENS */
body#category_21 TABLE.productListing {
	border-color:#1E0E7D;
}
body#category_21 TD.ProductsMonth {
	background-color:#1E0E7D;
}

body#category_21 .productListing-heading {
	background-color:#1E0E7D;
}
/* LADIES */
body#category_22 TABLE.productListing {
	border-color:#542A8D;
}
body#category_22 TD.ProductsMonth {
	background-color:#542A8D;
}
body#category_22 .productListing-heading {
	background-color:#542A8D;
}
/* BOYS */
body#category_36 TABLE.productListing {
	border-color:#558CB8;
}
body#category_36 TD.ProductsMonth {
	background-color:#558CB8;
}
body#category_36 .productListing-heading {
	background-color:#558CB8;
}
/* GIRLS */
body#category_37 TABLE.productListing {
	border-color:#B9147E;
}
body#category_37 TD.ProductsMonth {
	background-color:#B9147E;
}
body#category_37 .productListing-heading {
	background-color:#B9147E;
}


/* CLEARANCE */
body#category_38 TABLE.productListing {
	border-color:#DE6730;
}
body#category_38 TD.ProductsMonth {
	background-color:#DE6730;
}
body#category_38 .productListing-heading {
	background-color:#DE6730;
}

/* SPECIALS */
body#category_94 TABLE.productListing {
	border-color:#D57EA0;
}
body#category_94 TD.ProductsMonth {
	background-color:#D57EA0;
}
body#category_94 .productListing-heading {
	background-color:#D57EA0;
}