@charset "utf-8";
/* CSS Document */

body {
  background-color: #FFFFFF;
 }
 
.box-table { border: 1px #D1D1D1 solid}

.guarantee-table { 
	background-color: #E31818; 
	border: 1px #000000 solid
}

.free-swatch-table { 
	background-color: #FFFFFF; 
	border: 1px #000000 solid
}

.guarantee-form { 
	background-color: #E31818; 
	border: 1px #FFFFFF solid
}
 
.text10-black {
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.text12-black {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.text14-black {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.text10-white {
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}

.text12-white {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}

.text14-white {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}

a {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	color: #00ADEF;
	text-decoration: underline;

}

a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}

.c1 {text-align: center}
.r1 {text-align: right}
.l1 {text-align: left}

.hr-blinds { 
color: #0079C2;
background-color: #0079C2;
border: 1px; 
width: 500px; 
height: 1px; 
padding:0px;
margin:0px;
border-spacing: 0px;
}

.hr-blinds2 { 
color: #0079C2;
background-color: #0079C2;
border: 1px; 
width: 240px; 
height: 1px; 
padding:0px;
margin:0px;
border-spacing: 0px;
}

.hr-blinds3 { 
color: #0079C2;
background-color: #0079C2;
border: 1px; 
width: 201px; 
height: 1px; 
padding:0px;
margin:0px;
border-spacing: 0px;
}

.colour-chart
{
width:290px;
height:370px;
overflow:scroll;
}