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

.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; }
.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: #003366; text-decoration: underline; }
		
		/*********Added by Mark Reynolds Oct 2005*************/
body { 
	margin: 0 0 0 0;
	height:100%;
	background-color:#ccc; 
	background-image: url(images/bgtile.gif); 
	background-repeat: repeat; 
	text-align: center; 
}

div { 
	font-size: 11.5px; 
	font-family : Arial, Helvetica, sans-serif; 
	color : #49483D;
}

#footer p { 
	margin: 0 0 0 0;
	font-size: 11px;
	text-align:center;
}


h1 {
	color:#069; 
	font-size: 18px;
	margin: 0 0 5px 0;
}

h2 {
	color:#036; 
	font-size: 11px; 
	margin: 6px 0 0 0; 
	text-decoration:underline;
}

h3 { 
	font-size: 11px;
	margin: 4px 0 0 0;
}

h4 {
	font-size: 10px; 
	margin: 0 0 0 0;
}

#header p, #menu1 p, #menu2 p, #menu3 p, #menu4 p, #menu5 p { 
	margin: 7px 0 0 0;
	font-size: 12px;
/*	margin-top:7px;*/

}

hr {
border: 0px;
color: #069;
background-color: #069;
height: 1px;
width: 100%;
text-align: left;
margin-bottom:0px;
margin-top:5px;
}

img {
	border:none;
}

li {
	margin: 0 0 0 0;
}

#maintext p { 
	margin: 0 0 5px 0;
}

#maintext img {
	border: none;
}

ol {
	margin-left: 25px; 
	margin-top:5px; 
	margin-bottom:5px;
}

p {
	margin-top:1px;
	margin-bottom:10px;
}

sup {
	text-decoration:none;
}	


/*SMART TABLE BORDERS*/
table#prices 
{
    border-color: #39c;
    border-width: 0 0 1px 1px;
    border-style: solid;

}

table#prices td
{
    border-color: #39c;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
	padding:3px;
 	
    }
	
table#prices th
{
    border-color: #39c;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
 	padding:3px;
	font-weight:bold;
	font-size:11px;
	text-align:left;
    }
	
table#prices td#price {
	text-align:right; 	
	vertical-align:top;
	}
	
table#prices th#right {
	text-align:right
}
/*****END OF BORDERS*****/

td {
	font-size: 11px; 
	font-family : Arial, Helvetica, sans-serif; color : #666; 
}

ul {
	margin-top: 5px 0 5px 10px;
	list-style: disc url("http://www.icg.ltd.uk/images/bullet.gif") outside;
}

#background {
	position:absolute; 
	width:100%; 
	height:105px;
	background-image:  url('http://www.icg.ltd.uk/images/grid.jpg'); 
	left:0; 
	top: 60px; 
	z-index:1;
}

#buttonbg {
	position:absolute; 
	width:768px; 
	height:37px; 
	left:0;  
	background-image: url("http://www.icg.ltd.uk/images/menugrad.jpg"); 
	top: 115px; 
	z-index:20; 
	
}

#buttons {
	position:absolute; 
	/*width:460px; */
	width:768px;
	text-align:center;
	height:29px; 
	z-index:25; 
	top: 120px; 
	left: 0;
		}

#closer {
	position:absolute; 
	top:52px; 
	width:770px; 
	height:60px;
	left:0px; 
	z-index:24; 
	
}

#closer2 { 
	position:absolute;
	top:149px; 
	left:0;
	width:760px;
	height:10px; 
	z-index:23; 
		}

#container {
	position:relative;
	margin: 0.5em auto;
	margin-bottom: 2em auto;
	width: 770px;
	text-align: left;
	background-color: white;
	border: 1px solid #000066;
	z-index:2;

}

#dscanman { 
	position:absolute; 
	z-index:8; 
	top: 20px; 
	left: 140px; 
}

#queensaward { 
	position:absolute; 
	z-index:8; 
	top: 3px; 
	left: 347px; 
}

#footer { 
	width:100%; 
	border-top:1px solid #336699;
	background-color:#ccc;
}
 

#grid {
	position:absolute;
	width:100%; 
	height:105px; 
	background-image:  url("http://www.icg.ltd.uk/images/grid.jpg"); 
	left:0; 
	top:53px; 
	z-index:3; 
}
/*
#header { 
	position:absolute; 
	width:768px; 
	height:32px; 
	z-index:6; 
	top: 165px; 
	text-align:center; 
	background-color: #FFFFFF; 
	color:#000;  
	
	top:158px;
	left:0px; 
	
	
	color:#000; 
	text-align:center; 
	border-bottom:1px solid black;
	background-color:white; 
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	border:0 0 1px 0;
	visibility: hidden;
	z-index:21; 
}*/



#logo { 
	position:absolute; 
	left:25px; 
	width:70px; 
	height:104px; 
	z-index:100; 
	top: 8px;
}

#lowergradient { 
	position:absolute; 
	left:0; 
	width:100%; 
	height:15px;
	z-index:22; 
	background-image: url("http://www.icg.ltd.uk/images/lowergrad.gif"); 
	top: 190px;
}

#mainimage {
	position:absolute; 
	z-index:13; 
	left: 530px; 
	top: 250px; 
	border: 1px #ccc solid; 
	padding:10px; 
	width: 180px !important; 
	width /**/:202px; 
	text-align:center;
}

#pdfbox {
	position:absolute; 
	z-index:13; 
	left: 530px; 
	top: 520px; 
	border: 1px #ccc solid; 
	padding:10px; 
	width: 202px!important; 
	width /**/:202px; 
	text-align:center;
}

#pdfbox2 {
	position:absolute; 
	z-index:13; 
	left: 530px; 
	top: 480px; 
	border: 1px #ccc solid; 
	padding:10px; 
	width: 202px !important; 
	width /**/:202px; 
	text-align:center;
}

#maintext {
	margin:230px 0px 50px 100px;
	width:400px; 
	z-index:12; 
	left: 100px; 
	top: 220px; 
	background-color:#FFFFFF;
}

#maintext2 {
	margin:230px 0px 50px 100px;
	width:600px; 
	z-index:12; 
	left: 100px; 
	top: 220px; 
	background-color:#FFFFFF;
}

#maintexttb {
	width:400px; 
	margin-left: 100px;
}

#menu1, #menu2, #menu3, #menu4, #menu5 {
	position:absolute; 
	top:158px;
	left:0px; 
	width:768px; 
	height:32px; 
	color:#000; 
	text-align:center; 
	border-bottom:1px solid black;
	background-color:white; 
	/*filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;*/
	border:0 0 1px 0;
	visibility: hidden;
	z-index:21; 
}

#header {
position:absolute; 
	top:158px;
	left:0px; 
	width:768px; 
	height:32px; 
	color:#000; 
	text-align:center; 
	border-bottom:1px solid black;
	background-color:white; 
	/*filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;*/
	border:0 0 1px 0;
	z-index:21; 
}

#menulayer1 { 
	width:163px !important;
	width:170px;
}
		
#menulayer2,#menulayer3 { 
	width:161px !important;
	width:165px;
}
		
#menulayer4 {
	width:160px !important;
	width:168px;
}

#navtr, #navtr2 {
	font-size:10px;
}

#navtr {
	display: block; 
	position:absolute; 
	left:auto; 
	top: 11px; 
	right:21px; 
	width:350px;
	padding: 0;
	margin: 0;
	z-index:50;
	text-align:right;
}

#navtr2 p, #navtr p {
	margin-top:0;
}

#navtr2 { 
	display: block; 
	position:absolute; 
	left:auto; 
	top: 30px; 
	right:21px; 
	width:200px;
	padding: 0; 
	margin: 0; 
	z-index:50; 
    text-align:right;
}

#scanner {
	position:absolute; 
	width: 67px;
	left: 699px; 
	top: 53px;
	z-index:40; 
	visibility:hidden;
 }

#topgreyline { 
	position:absolute; 
	width:100%; 
	height:30px; 
	top:0; 
	background-image: url("http://www.icg.ltd.uk/images/topline.gif"); 
	z-index:7; 
}

#whitebg { 
	position:absolute; 
	width:100%; 
	left:0; 
	top:0; 
	height:200px; 
	z-index:2; 
	margin-bottom: -15px; 
	background-color:#fff;
}

a:link { 
	color: #666; 
	text-decoration: underline;
}

a:visited { 
	color: #666;
}
a:hover { 
	color: #003399; 
	text-decoration: underline;
}

#mainimage a:link, #maintext a:link { 
	color: #003399; text-decoration: underline;
}

#mainimage a:visited, #maintext a:visited { 
	color: #003399; 
	text-decoration: underline; 
	font-weight:bold;
}

#mainimage a:hover, #maintext a:hover { 
	color: #003399; 
	text-decoration: none;
}

#maintext a.prev:visited {
	color:#003399; 
	text-decoration:underline;
 }
 
#maintext a.prev:hover {
	color:#003399; 
	text-decoration:none; 
}


.blue {
	color:#0099FF; font-size:12px; font-family: Arial, Verdana, sans-serif;
}

.darkblue {
	color:#003399;
	font-size:12px;
}

.default {
	cursor:default;
}

.grey {
	color:#666;
}

.lightblue {
	color:#0099ff; 
	font-size:15px; 
}

.topmenu {
	background-color: #006;
	layer-background-color: #006;
	/*border: none;*/
	padding:5px;
	font-size: 11px;
	line-height: 15px;
	width:148px;
}

.red {
	color:red;
}

.reg {
	vertical-align:text-top;
	font-size:11px;
}
		


/************Added by Mark Reynolds Oct 2005***********/
a:link { 
	color: #036; 
	text-decoration: underline;
}

a:visited { 
	color: #036; 
	text-decoration: underline;
}

a:hover { 
	color: #06c; 
	text-decoration: underline;
}

a:active {
	color: #036; 
	text-decoration: underline;
} 
/******************************************************/

FORM {
	display: inline;
}

TR.header {
  	background: #ffffff;
}

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, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;} 
  
/* Added by Mark Reynolds - ColourPeople */
.cpfooter  {
 background: #ffffff url('http://www.icg.ltd.uk/products/images/footergrad.gif') repeat-x;
 border-right:1px solid #6699cc;
 color: #ffffff;
}

#footer a:link {color: #fff}     /* unvisited link */
#footer a:visited {color: #fff}  /* visited link */
#footer a:hover {color: #fff}   /* mouse over link */
#footer a:active {color: #fff}   /* selected link */

TD.infoBoxHeadingBg {
background: #ffffff url('http://www.icg.ltd.uk/products/images/bg15grad.gif') repeat-x;
color:#FFFFFF;
text-align:center;
font-weight:bold;
}
/***************************/
  
.infoBox {
  background: #b6b7cb;

  
}

.infoBoxContents {
 /*background: #f8f8f9;*/
  background: #fff;
  font-family : Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family : Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family : Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10px;
  background:#006699;
  font-weight:bold;
  background: #3399cc url('http://www.icg.ltd.uk/products/images/boxheader.gif') repeat-x;
  color:#ffffff;
  text-align:center;
  text-transform:uppercase
}

TD.infoBox, SPAN.infoBox {
  font-family : Verdana, "Trebuchet MS", Arial, Helvetica, 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;
}

a.productListing-link:link {
	color: #fff
	}/* unvisited link */
	
a.productListing-link:visited {
	color: #fff
	}  /* visited link */
	
a.productListing-link:hover {
	color: #fff
	}   /* mouse over link */
	
a.productListing-link:active {
	color: #fff
	}   /* selected link */

a.productListing-heading {
	color:#fff
}

.productListing-heading {
  font-family : Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10px;
  /* Added by Mark Reynolds 21/09/05*/
  background: #3399cc url('http://www.icg.ltd.uk/products/images/bgbluevert25grad.gif') repeat-x;
  /**********************************/
  color: #ffffff;
  font-weight: bold;
}

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

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family : "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color:#006699;
}

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  font-family : Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  }

TD.smallText, SPAN.smallText, P.smallText {
  font-family : Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family : Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

 /*******Begin change made by Mark Reynolds 30/09/05
Mod for Adding Category Descriptions***********/
TD.category_desc {
  font-family : Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}
/**********End of Mod*********************************/
TD.fieldKey {
  font-family : Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family : Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
}

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

SPAN.newItemInCart {
  font-family : Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family : Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 11px;
}

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

SPAN.greetUser {
  font-family : Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #f0a480;
  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, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ff0000;
}

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

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

.checkoutBarFrom, .checkoutBarTo {
	font-family : Verdana, "Trebuchet MS", Arial, Helvetica, 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, "Trebuchet MS", Arial, Helvetica, sans-serif;
 	font-size: 10px;
	}
	
.messageStackError, .messageStackWarning {
   font-family : Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 10px; 
   background-color: #ffb3b5; 
   }
   
.messageStackSuccess {   
	font-family : Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
 	font-size: 10px; 
	background-color: #99ff00; 
	}

/* input requirement */

.inputRequirement {
   font-family : Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;	 						   font-size: 10px; 
   color: #ff0000; 
   }

span.red {
	color:red; 
	font-weight:bold;
	}

TD.infoBoxHeading A:link, TD.infoBoxHeading A:visited {
  color: #ffffff;
  text-decoration:underline;
}

TD.infoBoxHeading A:hover {
  color: #ffffff;
   text-decoration:none;
}

.forgot {
	color:#FF3300; font-size:17px
}