html {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
font-size:80%; /*set default font size */
font-family:"trebuchet ms", tahoma, verdana, arial, sans-serif; /* set default font */
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow:auto; /*get rid of scroll bars in IE */
/* */
}

body {
background-color: #ffffff;
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
overflow:auto; 
text-align: left;
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
}


#screen {
background-color: #0A2552;
background-image: url('../images/bigw.jpg');
background-repeat: no-repeat;
background-position: bottom left;
position: relative;
width: 750px;
text-color: #fff;
text-align: left;
margin-left: 20px; 
border: 0px solid #124578;
}

#title {
background-image: url('../images/header2.jpg');
background-repeat: no-repeat;
float: left;
width: 100%;
height: 121px;
}

#bottom {
background-image: url('../images/botbar.gif');
background-position: center center;
background-repeat: no-repeat;
margin-top: 0px; 
float: left;
width: 100%;
height: 20px;
}

#content {
float:right;
padding-bottom: 20px;
width: 580px;
border: 0px solid #fff;
padding-right: 10px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
line-height: 22px;
}

#content p {
text-align: justify;
margin-top: 0;
}

h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
color: #00CCFF;
font-weight: normal;
margin: 0px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
text-align: left;
}

h2 {
font-family: verdana, arial, sans-serif;
font-size: 19px;
font-weight: bold;
font-style: italic;
margin-top: 10px;
}


#promo {
clear:left;
float: left;
margin-left: 20px;
margin-top: 20px;
width: 140px;
background-image: url('../images/background blocks.gif');
background-repeat: no-repeat;
border: solid 0px #fff;
text-align: left;
font-size: 11px;
}

#payments {
clear:left;
float: left;
margin-left: 20px;
margin-top: 20px;
width: 141px;
height: 90px;
background-image: url('../images/creditcards.gif');
background-repeat: no-repeat;
border: solid 0px #fff;
text-align: left;
font-size: 11px;
}

#siteweb {
clear:left;
float: left;
margin-left: 20px;
margin-top: 20px;
width: 141px;
text-align: left;
font-size: 11px;
}

#basket {
clear:left;
float: left;
margin-left: 20px;
margin-top: 20px;
width: 140px;
background-image: url('../images/background blocks.gif');
background-repeat: repeat-y;
border: solid 0px #fff;
}

.sidebasket td {
text-align: left;
font-size: 10px;
}

.selectionblock {
float: left;
height: 150px;
width: 250px;
border: solid 3px #FFF;
margin-top: 20px;
margin-left: 20px;
}

.selectionblock a img{
border: none;
text-decoration: none;
}

.itemlistpic {
float: left;
height: 150px;
width: 250px;
border: solid 0px #FFF;
padding-left: 10px;
padding-right: 10px;
}

.itemextrapics {
float: left;
height: 50px;
width: 90px;
border: solid 0px #FFF;
padding-left: 5px;
padding-right: 5px;
}
.extrapics{
height: 50px;
width: 90px;
border: none;
}

.itemdetailpic {
float: left;
height: 50px;
width: 125px;
border: solid 1px #FFF;
padding-left: 10px;
padding-right: 10px;
}

.itemlistcode {
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
padding-top: 10px;
border: solid 0px #FFF;
}
.itemlistprice {
float: right;
color: red;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
padding-top: 10px;
border: solid 0px #FFF;
}

.itemlistdesc {
float: left;
width: 281px;
border: solid 0px #FFF;
text-align:left;
text-position: justify;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}

.itemlistfull {
clear: both;
border: solid 0px #FFF;
text-align:left;
text-position: justify;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}

.itemlistadd {
float: right;
border: solid 0px #FFF;
text-align:right;
padding-top: 10px;
padding-right: 10px;
}

.backstep {
float: left;
border: solid 0px #FFF;
text-align:left;
padding-top: 10px;
padding-left: 10px;
}

.itemlistline {
clear: both;
padding-top: 10px;
padding-bottom: 10px;
}

#menu {
float: left;
margin-top: 3px;
margin-left: 23px;
padding: 0;
border: solid 0px #fff;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu li {
color: red;
list-style: none;
margin: 0;
padding: 2px 0px 2px 0px;
}

#menu a:link, #menu a:visited {
color: #fff;
text-decoration: none; 
}

#menu a:hover {
color: #33CCFF;
}

.pending {
color: #FF0000;
}

.paid {
color: #00FF00;
}

.notpaid {
color: #0000FF;
}

.clear {
clear: both;
}

.table {
font-family: Verdana, Helvetica, sans-serif; 
font-size: 9pt;
border: none;
margin-left: auto;
margin-right: auto;
}

.table th {
color: #ccc; 
padding: 3px;

}

.table td {
color: #003366; 
padding: 3px;
text-align: left;
}


.thumbdiv {
text-align: center;
width: 100%;
}

.prodimage {
float: left;
margin: 4px;
}

.thumbnail {
height: 100px;

}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../javascript/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../javascript/overlay.png", sizingMethod="scale");
	}