.wShadow {    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);}

.colSWred		{	color:#880015;}
.colSWgrey		{	color:#534d41;}
.colSWblack		{	color:#262626;}
.colSWwhite		{	color:#EAEAEA;}
.colSWblue		{	color:#29335c;}
.colSWyellow		{	color:#f3a712;}
.colSWstone		{	color:#f0cea0;}
.colSWnavy		{	color:#1c1f2a;}
.bgSWred		{	background-color:#880015;}
.bgSWgrey		{	background-color:#534d41;}
.bgSWblack		{	background-color:#262626;}
.bgSWwhite		{	background-color:#EAEAEA;}
.bgSWblue		{	background-color:#29335c;}
.bgSWyellow		{	background-color:#f3a712;}
.bgSWstone		{	background-color:#f0cea0;}
.bgSWnavy		{	background-color:#1c1f2a;}

h1 .colSWred					{	color: #880015;	}
h1 .colSWgrey						{	color: #2b2b2b;	}
h1 .colSWblack						{	color: #262626;	}
h2 .colSWred					{	color: #880015;	}
h2 .colSWgrey						{	color: #2b2b2b;	}
h2 .bgSWblack						{	color: #262626;	}

a.asButton											{	display: block; width: 100%; max-width:250px; padding: 10px 0; margin-bottom:10px; border: 1px solid #262626; background-color: #262626; color: #FFF; text-decoration:none;	 transition: background-color 250ms ease, color 250ms ease; margin: 20px auto; text-align:center; border-radius:0;	}
a.asButton.wide									{	max-width:500px;	}
a.asButton.right									{	margin: 20px 0 20px auto;}
a.asButton.left									{	margin: 20px auto 20px 0;}
a.asButton:hover									{	background-color: #FFF; color: #262626; border-color: #262626; 	}

a.asButton.hp	{	background-color: #880015; color:#eaeaea;text-align:center;display:block;text-decoration:none;border:0px solid #880015;border-radius:0; padding:10px 0; margin-bottom:10px; width:auto;max-width:none;	}
a.asButton.hp.readMore	{	background-color: #534d41; color:#eaeaea;text-align:center;display:inline-block;text-decoration:none;border:0px solid #534d41;border-radius:0; padding:10px;	}

a.asButton.sGhost									{	background-color: transparent; color: #262626; border-color: #262626;	}
a.asButton.sGhost:hover							{	background-color: #262626; color: #FFF;	}
a.asButton.ctaSolid								{	border: 1px solid #880015; background-color: #880015; color: #FFF;	}
a.asButton.ctaSolid:hover						{	border-color: #880015; background-color: #FFF; color: #880015;	}
a.asButton.ctaGhost								{	border: 1px solid #880015; background-color: #FFF; color: #880015;	}
a.asButton.ctaGhost:hover						{	border-color: #FFF; background-color: #880015; color: #FFF;	}
a.asButton.altSolid								{	border: 1px solid #534d41; background-color: #534d41; color: #FFF;	}
a.asButton.altSolid:hover						{	background-color: #FFF; color: #534d41;	}
a.asButton.altGhost								{	border: 1px solid #534d41; background-color: transparent; color: #534d41;	}
a.asButton.altGhost:hover						{	background-color: #534d41; color: #FFF;	}
a.asButton.whiteSolid								{	border: 1px solid #262626; background-color: #FFF; color: #262626;	}
a.asButton.whiteSolid:hover						{	background-color: #262626; color: #FFF;border-color: #262626;	}
a.asButton.whiteGhost								{	border: 1px solid #FFF; background-color: transparent; color: #FFF;	}
a.asButton.whiteGhost:hover						{	background-color: #262626; color: #FFF;	}
a.asButton.blueSolid								{	border: 1px solid #29335c; background-color: #29335c; color: #FFF;	}
a.asButton.blueSolid:hover						{	background-color: #FFF; color: #29335c;border-color: #29335c;	}
a.asButton.blueGhost								{	border: 1px solid #29335c; background-color: transparent; color: #29335c;	}
a.asButton.blueGhost:hover						{	background-color: #29335c; color: #FFF;	}
a.asButton.yellowSolid								{	border: 1px solid #f3a712; background-color: #f3a712; color: #FFF;	}
a.asButton.yellowSolid:hover						{	background-color: #FFF; color: #f3a712;border-color: #f3a712;	}
a.asButton.yellowGhost								{	border: 1px solid #f3a712; background-color: transparent; color: #f3a712;	}
a.asButton.yellowGhost:hover						{	background-color: #f3a712; color: #1c1f2a;	}
a.asButton.stoneSolid								{	border: 1px solid #f0cea0; background-color: #f0cea0; color: #FFF;	}
a.asButton.stoneSolid:hover						{	background-color: #FFF; color: #f0cea0;border-color: #f0cea0;	}
a.asButton.stoneGhost								{	border: 1px solid #f0cea0; background-color: transparent; color: #f0cea0;	}
a.asButton.stoneGhost:hover						{	background-color: #f0cea0; color: #1c1f2a;	}
a.asButton.navySolid								{	border: 1px solid #1c1f2a; background-color: #1c1f2a; color: #FFF;	}
a.asButton.navySolid:hover						{	background-color: #FFF; color: #1c1f2a;border-color: #1c1f2a;	}
a.asButton.navyGhost								{	border: 1px solid #1c1f2a; background-color: transparent; color: #1c1f2a;	}
a.asButton.navyGhost:hover						{	background-color: #1c1f2a; color: #FFF;	}

.highlight				{	color: #880015;	}
.highlight10			{	color: #880015;	}
.highlight8				{	color: #880015; font-size: 80%;	}


.toPointer:hover			{	cursor: pointer;	}

div.openTextPanel1															{	margin: 0;	}
div.openTextPanel2															{	margin: 0;	}
#slidesContainer																{	margin: 0;	}

div.colourCount {    line-height: 24px; min-height:24px;}

div.stockLevelHolder {    line-height: 24px; min-height:24px;}
div.inStockAlert {
    background-color: #fff;
    color: #880015;
    text-align:left;
    font-size:90%;
}
div.inStockAlertLiner {
    margin:0;
}
div.inWarehouseAlert {
    background-color: #fff;
    color: #f3a712;
    text-align:#fff;
    font-size:90%;
}
div.inWarehouseAlertLiner {
    margin:10px 0;
}


#siteFooters #footerColumns #footerColumnsCol2 dl dt	{	display: block; margin: 0; padding: 0; width: 50%; float: left; clear: left;	}
#siteFooters #footerColumns #footerColumnsCol2 dl dd	{	display: block; margin: 0; padding: 0; width: 50%; float: left;	}



table#service_matrix							{	width: 100%;	border: 1px solid #999999;	border-collapse: collapse;	border-spacing: 0px; }
table#service_matrix tbody tr				{	background-color: #eaeaea;  color: #000000; }
table#service_matrix tbody tr.tswOddRow	{	background-color: #e6e6e6; }
table#service_matrix td						{	border: 1px solid #cccccc;	padding: 5px; text-align: center; }
table#service_matrix thead					{	background-color: #808080;	color: #eaeaea;	}
table#service_matrix th						{	text-align: center;	border: 0px solid #cccccc;	padding: 5px;	}
table#service_matrix th.tcw5				{	width: 5%;	}
table#service_matrix th.tcw15				{	width: 10%;	}
table#service_matrix th.tcw15				{	width: 15%;	}
table#service_matrix th.tcw20				{	width: 20%;	}
table#service_matrix th.tcw25				{	width: 25%;	}
table#service_matrix th.tcw30				{	width: 30%;	}
table#service_matrix th.tcw35				{	width: 35%;	}
table#service_matrix th.tcw40				{	width: 40%;	}
table#service_matrix th.tcw45				{	width: 45%;	}
table#service_matrix th.tcw50				{	width: 50%;	}
table#service_matrix th.tcw55				{	width: 55%;	}
table#service_matrix th.tcw60				{	width: 60%;	}
table#service_matrix th.tcw65				{	width: 65%;	}
table#service_matrix th.tcw70				{	width: 70%;	}
table#service_matrix th.tcw75				{	width: 75%;	}
table#service_matrix th.tcw80				{	width: 80%;	}
table#service_matrix th.tcw85				{	width: 85%;	}
table#service_matrix th.tcw90				{	width: 90%;	}
table#service_matrix th.tcw95				{	width: 95%;	}
table#service_matrix th[scope=row]		{	text-align: left;	font-weight: normal;	border: 1px solid #cccccc;	}




/*	Added by Si (16/1/2016 for custom form)	*/

form#customForm											{	margin: 20px 10px;	padding: 0; }
form#customForm fieldset								{	margin: 20px 0;	padding: 10px; border: 1px solid #707070; border-radius: 0; background-color:#ebebeb; }
form#customForm legend									{	font-weight: bold; padding: 10px; border: 1px solid #707070; border-radius: 0; background-color:#707070; color: #eaeaea;	}
form#customForm fieldset div						  	{	margin: 0;	padding: 0;	}
form#customForm fieldset div.requiredField,
form#customForm fieldset div.optionalField	  	{	clear: both; margin: 0 0 20px 0	}
form#customForm fieldset div.obfuscField		  	{	position: absolute; left: -5000px; }
form#customForm fieldset div.fieldOptions		  	{	clear: none; width: 70%; float: left; }
form#customForm fieldset div label					{	display: block; float: left; width: 28%; padding: 0; margin: 0 2% 20px 0; text-align: right; font-size: 100%; }
form#customForm fieldset div label.req 			{	font-weight: bold; }
form#customForm fieldset div label.rg	 			{	font-weight: bold; }
form#customForm fieldset div label.cbg	 			{	font-weight: bold; }
form#customForm fieldset div label.lblta			{	display: block; float: none; width: auto; text-align: left; }
form#customForm fieldset div label.lblrb			{	display: inline-block; float: none; width: auto; text-align: center; }
form#customForm fieldset div label.lblcb			{	display: inline-block; float: none; width: auto; text-align: center; }
form#customForm select									{	width: 50%; background: #eaeaea none repeat scroll 0 0; border: 1px solid #c2c2c2; padding: 2% 1%; border-radius: 0;	}
form#customForm select.short							{	width: auto; margin-bottom: 20px;	}
form#customForm input[type="text"],
form#customForm input[type="search"],
form#customForm input[type="email"],
form#customForm input[type="url"]					{	padding: 10px;	margin: 0;	border: 1px solid #c2c2c2; border-radius: 0; background-color:#eaeaea; font-size: 120%;	}

form#customForm input[type="text"]					{	width: 50%;	}
form#customForm input[type="email"]					{	width: 50%;	}
form#customForm input[type="url"]					{	width: 50%;	}
form#customForm input[type="radio"] 				{	display:none;	}
form#customForm fieldset div label.lblrb			{	display: inline-block; float: none; background-color:#707070; color: #eaeaea;	padding: 5px 10px;	font-size:120%; border: 2px outset #707070; border-radius: 0; }
form#customForm input[type="radio"]:checked + label	{	background-color:#71B09F; border: 2px inset #71B09F;	}
form#customForm input[type="checkbox"] 				{	display:none;	}
form#customForm fieldset div label.lblcb			{	display: inline-block; float: none; background-color:#707070; color: #eaeaea;	padding: 5px 10px;	font-size:120%; border: 2px outset #707070; border-radius: 0; }
form#customForm input[type="checkbox"]:checked + label	{	background-color:#71B09F; border: 2px inset #71B09F;	}
form#customForm input#customFormButton				{	width: 50%; text-align: center; font-size: 120%; background-color: #71B09F; border: 2px outset #71B09F; border-radius: 0; color: #eaeaea; line-height: 180%; font-weight: bold;	}
form#customForm input.price							{	width: 15%;	}
form#customForm input.amount							{	width: 15%;	}
form#customForm input.pcode							{	width: 15%;	}
form#customForm input.tel								{	width: 25%;	}
form#customForm textarea								{	width: 98%; height: 3em; padding: 10px 1%;	margin: 0;	border: 1px solid #c2c2c2; border-radius: 0; background-color:#eaeaea; font-size: 120%;	}
form#customForm textarea.tarea5005					{	width: 50%; height: 5em;	}
form#customForm textarea.tarea1002					{	height: 2em;	}
form#customForm textarea.tarea1003					{	height: 3em;	}
form#customForm textarea.tarea1004					{	height: 4em;	}
form#customForm textarea.tarea1005					{	height: 5em;	}
form#customForm textarea.tarea1006					{	height: 6em;	}
form#customForm textarea.tarea1007					{	height: 7em;	}
form#customForm textarea.tarea1008					{	height: 8em;	}
form#customForm textarea.tarea1009					{	height: 9em;	}
form#customForm textarea.tarea10010					{	height: 10em;	}
form#customForm textarea#matchComments				{	width: 98%; height: 7em;	}
form#customForm textarea#matchAddress				{	width: 50%; height: 5em;	}


.flexGroup													{	display:flex; flex-direction: row; flex-wrap: nowrap;justify-content: flex-start;align-items: center;align-content: stretch;	}
.flexReverse												{	flex-direction: row-reverse;	}
.flexRow2													{	flex-direction: row;	}
.flexPair													{	flex: 1 1 50%;	}
.flexTriplet												{	flex: 1 1 33.33%;	}
.flexQuad													{	flex: 1 1 25%;	}
.flexTextWrapper											{	display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: transparent;	height: 100%; padding:10%;}

h1.heroH1Flex		{ font-size: 4em; margin: 0.3em 0; }
h2.heroH2Flex		{ font-size: 4em; margin: 0.3em 0; }

@media only screen 
and (min-width : 768px)
and (max-width : 1024px) {
/* Styles */
	h1.heroH1Flex		{ font-size: 3em; margin: 0.2em 0; }
	h2.heroH2Flex		{ font-size: 3em; margin: 0.2em 0; }
}

@media only screen 
and (max-width : 767px) {
/* Styles */
	.flexGroup													{	flex-wrap: wrap;	}
	.flexPair													{	flex: 1 1 100%;	}
	.flexTriplet												{	flex: 1 1 100%;	}
	.flexQuad													{	flex: 1 1 50%;	}
	h1.heroH1Flex		{ line-height: 1em; }
	h2.heroH2Flex		{ line-height: 1em; }
}