#displayStyles {
	width: 645px;
}
#displayStyles h1 h2  {
	display: inline;
	font-weight: normal;
}
#Heading {
	width: 645px;
	height: 60px;
	padding-top: 8px;
	background: url(../Media/HeadingBG.gif);
	background-position:  centre; 
	background-repeat: no-repeat;
}
#Heading h1 h2 h3 h4{
	text-align: left;
}
#Heading h1 {
	display:inline;
	font-size:14px;
	font-weight:normal;
	margin:15px 5px 5px 10px;
	letter-spacing:1px;
}

#Heading h2 {
	font-size: 16px;
	font-weight: normal;
	margin: 20px 10px 5px 10px;
	display: inline;
}
#Heading h3 {
	font-size: 14px;
	font-weight: normal;
	margin: 5px 10px 5px 10px;
	display: inline;
}
#Heading h4 {
	font-size: 14px;
	font-weight: normal;
	margin: 5px 10px 5px 10px;
	border-top: 1px solid #000000;
	display: inline;
}

.sizeBoxBlue{
	border: #333399 solid 1px;
	padding-left: 6px;
	padding-right: 6px;
	margin: 4px;
	color: #333399;
	width: 40px;
	text-align: center;
	display: inline;
	font-size: 14px;
	cursor: pointer;
}
.sizeBoxGrey{
	border: #BFBFBF solid 1px;
	padding-left: 7px;
	padding-right: 7px;
	margin: 5px;
	color: #BFBFBF;
	width: 40px;
	text-align: center;
	display: inline;
	font-size: 14px;
}
.sizeBoxSelected{
	border: #000000 solid 1px;
	background: #333399;
	padding-left: 7px;
	padding-right: 7px;
	margin: 5px;
	color: #FFFFFF;
	width: 40px;
	text-align: center;
	display: inline;
	font-size: 14px;
	cursor: pointer;
}

.lengthBoxBlue{
	border: #333399 solid 1px;
	padding-left: 7px;
	padding-right: 7px;
	margin: 5px;
	color: #333399;
	width: 40px;
	text-align: center;
	display: inline;
	font-size: 14px;
	cursor: pointer;
}
.lengthBoxGrey{
	border: #BFBFBF solid 1px;
	padding-left: 7px;
	padding-right: 7px;
	margin: 5px;
	color: #BFBFBF;
	width: 40px;
	text-align: center;
	display: inline;
	font-size: 14px;
}
.lengthBoxSelected{
	border: #000000 solid 1px;
	background: #333399;
	padding-left: 7px;
	padding-right: 7px;
	margin: 5px;
	color: #FFFFFF;
	width: 40px;
	text-align: center;
	display: inline;
	font-size: 14px;
	cursor: pointer;
}

.colourStyles {
	width: 20px;
	margin: 3px;
	float: left;
	cursor: pointer;
}

.colourStylesSelected {
	width: 24px;
	margin: 3px;
	/*padding: 1px;*/
	border: #333399 1px solid;
	float: left;
	cursor:pointer;
}

.colourStyles img {
	margin: 1px;
}

.colourStylesSelected img {
	margin: 2px;
}

.activeTab {
	height: 36px;
	width: 145px;
	background-image: url(../Media/TabActive.gif);
	background-position: center center;
	background-repeat: no-repeat; 
	font-size: 11px;
	padding-top: 13px;
	text-align: center;
}

.inactiveTab {
	width: 145px;
	height: 36px;	
	background-image: url(../Media/TabInactive.gif);
	background-position: center center;
	background-repeat: no-repeat; 
	font-size: 11px;
	padding-top: 13px;
	text-align: center;
}

#tabPanel{
	width: 585px;
	height: 200px;
	background-color: #EDEDF6;
	margin: 0px 0px 0px 3px;
}

.infobutton
{
	width:25px;
	height:25px;
	cursor:pointer;	
}