/* CSS Document */

.rollover { 
	float: left;
	margin-right : 10px;
	border : 1px solid #000066;
	background : white;
	}
	
.picrollover { 
	float: left;
	padding-top: 9px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
	margin-right : 10px;
	border : 1px solid #000066;
	background : white;
}

.picrollover .picrolloverfooter { 
	margin-top: 5px;
	font-size:65%;
	width:100%;
}

.picrollover .picrolloverfooter A{
	display:block;
	clear : left;
	line-height : 0.95em;
	padding-top : 3px;
	padding-bottom : 2px;
	text-decoration: none;
	color : #6C6C5F;
}

.picrollover .picrolloverfooter .zoom {
	position : relative;
	margin-top:-12px;
	top : 0px;
	left:100px;
}	

.rollover .header {
	width : 88px;
	height : 9px;
	overflow : hidden; /* so IE6 or older doesn't make it bigger than 8px */	
	}
	
.rollover .colour {
	width : 88px;
	height : 31px;
	background-color : #CCD6BB;
	}

.rollover .chipro {
	width : 72px;
	height : 31px;
	border-left : 8px solid white;
	border-right : 8px solid white;
	
	}


.rollover .footer {
	font-size: 65%;
	color : #091858;
	width : 72px;
	padding-left : 8px;
	padding-top : 3px;
	}

.rollover .footer A {
	display:block;
	clear : left;
	line-height : 0.95em;
	padding-top : 3px;
	padding-bottom : 2px;
	text-decoration: none;
	color : #6C6C5F;
	
	}

.chip { 
	position: relative;
	float: left;
	xmargin-right : 10px;
	xpadding-bottom : 10px;
	}

.chip .header {
	width : 70px;
	height : 8px;
	border-top : 1px solid #E0E0DD;
	border-left : 1px solid #E0E0DD;
	border-right : 1px solid #E0E0DD;
	background-color:white;
	overflow : hidden; /* so IE6 or older doesn't make it bigger than 8px */
	}

* html .chip .header {  /* This is the Tan hack for IE5.5 to make sure the box is the right width*/
	width: 72px; 
	w\idth: 70px; 
	}
	
.chip .colour {
	width : 72px;
	height : 31px;
	background-color : red;
	}

.chip .delete {
	position : absolute;
	left : 57px;
	top : 82px;
	text-decoration:underline;
}	

.chip .add {
	position : absolute;
	left : 55px;
	top : 82px;
	text-decoration:underline;
}	



.chip .delete A:link  {color: #091858; text-decoration:underline;}
.chip .delete A:visited  {color: #091858; text-decoration:underline;}
.chip .delete A:hover {color: #828276; text-decoration:underline;}

.chip .footer {
	font-size: 65%;
	width : 64px;
	height :  53px;
	padding : 3px;
	background-color:white;
	border-bottom : 1px solid #E0E0DD;
	border-left : 1px solid #E0E0DD;
	border-right : 1px solid #E0E0DD;
	}

* html .chip .footer {  /* This is the Tan hack for IE5.5*/
	width: 72px; 
	w\idth: 64px;  /* IE6? */
	height: 60px;
	he\ight : 53px;
	}
.pad {margin-right:10px; margin-bottom:10px}