/* 

All custom styles go in here.
Do not put custom styles in the template-styles.css 
file as this might be overwritten if the standard template
is used and a colour change is put in place.
*/

/*
Primary		#F36B32 orange
2nd 		#2385E6
3rd			#86BCF1
4th			#E8F2FC
*/

#infoBox {
	margin-left: 5px;
}
#infoBox #infoBoxHead{
	background-color: #6689C9;
	background-image: url("images/info-top.gif");
	background-repeat: no-repeat;
	padding: 2px 2px 2px 5px;
	color: #FFFFFF;

}

#infoBox #infoBoxContent  {
	background-color: #A3C3FE;
	padding: 2px 2px 2px 5px;
}

#infoBox #infoBoxBase {
	background-image: url("images/nav-base.gif");
	background-repeat: no-repeat;
}

.directoryTable {

}

.directoryTable .directoryHeader {
	background-color: #cccccc;
	color: #333333;
	padding: 2px 5px 2px 5px;
}

.directoryTable .directoryRowOn {
	background-color: #ececec;
	padding: 2px 5px 2px 5px;
}

.directoryTable .directoryRowOff {
	background-color: #dddde3;
	padding: 2px 5px 2px 5px;
}

.formFields {
	border: 1px solid #104E8B;
	background-color: #cccccc;
	color: #333333;
}

.submitButton {
	border: 1px solid #104E8B;
	background-color: #2385E6;
	color: #000;
}

blockquote {
	width:75%;
	font: bold 100% Tahoma, Sans-serif;	
	margin: 10px;
 	padding: 3px 0 3px 25px;  
    background: #E8F2FC;				 /* 4th color */
	border-left: 3px solid #F36B32;	    /* primary color */
	color: #444;
}

/* start - table */
#content .pageContent table {
	border-collapse: collapse;
	/*margin: 10px;	*/
}
#content .pageContent th strong {
	color: #fff;
}
#content .pageContent th {
	background: #2385E6 url(button.jpg) repeat-x;   /* 2nd color */
	height: 20px;
	padding: 2px 4px;
	text-align: left;
	border-left: 1px solid #f4f4f4;
	border-bottom: solid 2px #fff;
	color: #333;	/* white if 2nd not too lite */
}
#content .pageContent tr {
	height: 30px;
}
#content .pageContent td {
	/*padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;*/
	/* background-color: #ECECEC; */
}
#content .pageContent td.first,th.first {
	border-left: 0px;
}
#content .pageContent tr.row-a {
	background: #F8F8F8;
}
#content .pageContent tr.row-b {
	background: #EFEFEF;		
}
/* end - table */

#content .pageContent a img {
	border: 0px solid #000000;
}

/* CATALOGUE ITEMS */
#content .pageContent .catalogueItemSizes {
	border:0;
}

#content .catalogueItemSizes td {
	border-bottom: 1px solid #F36B32;
	background-color:#F2E1DA;
	padding:2px;
	text-align:center;
	border-right:1px solid #F36B32;
}

#content .pageContent .catalogueItemSizes tr.catalogueSizesHeading {
	padding:2px;
	font-weight:bold;
	background-color: #F36B32;
	color: #fff;
	border-left:1px solid #F36B32;
}
#content .pageContent .catalogueItemSizes tr.catalogueSizesHeading td {
	background-color: #F36B32;
	color: #fff;
	border-right:1px solid #F36B32;
	border-bottom:1px solid #F36B32;
	
}

#content .pageContent .catalogueItemSizes td.catalogueSizesLabel  {text-align:left;padding-left:5px;font-weight:bold;border-left:1px solid #F36B32;}
#content .pageContent .catalogueItemSizes td.catalogueSizesHeadingFirst  {text-align:left;padding-left:5px;}

#content .pageContent .catalogueItemDisplay .catalogueImage {width:60%;}

/* BREADCRUMB */
.breadcrumb {
	margin:0;
	padding:0;
	font-size:85%;
	margin-bottom: 20px;
}