/*-----------------------------------------------------

         Phase 3 Dynamic Css                            

/*-----------------------------------------------------

/*Typography (Body Font): */ 

body {

	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;


	/* Background Color Gradient  */  

	background: #000; /* Old browsers */

	background: -moz-linear-gradient(top,  #000 0%, #000 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#000)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #000 0%,#000 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #000 0%,#000 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top, #000 0%,#000 100%); /* IE10+ */

	background: linear-gradient(to bottom, #000 0%,#000 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 ); /* IE6-9 */

	


	/* Background Image Tile Size: 1800px x 1800px  (BgImageFile BgImageFlag) */

	background-image:  url(../imgs/bkg.png) none; 

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	  

}


	/*Main Color: */

	#header {background-color: #fff; border-color: #ff5a00;} 

	

	/*Text Link Colour: */

	  a { text-decoration:none; color:#565656}

	  a:hover, a:focus {text-decoration:none; color:#000}

	  a:active {text-decoration:none; color:#000}

	


	/*Buttons*/

	  input.button {color:#ffffff; background-color:#ff5a00}

	  input.button:hover {color:#000; background-color:#c8c8c8;}

	  .button {color:#ffffff; background-color:#ff5a00}

	  .button:hover {color:#000; background-color:#c8c8c8;}

	

	  .addedenqbasket, .addedidealist {color:#5c5b5b!important; background-color:#c8c8c8!important}

	

	/*Navigation*/

	  #nav-wrapper {border-color:#c8c8c8}

		#nav li a {/*Navigation Text Color: */ color: #636363; /*Navigation Bg Color:*/ background-color:#dcdcdc}

		#nav li a:hover, #nav li a.selected {/*Navigation Text Hover Color:*/ color:#fff; /*Navigation Hover Color:*/ background-color: #c8c8c8;}

	

	/*search & Go Button & reset*/

	  #g-search input.go {background-color:#dcdcdc!important; color:#636363!important}

		.nav_search input.go {background-color:#dcdcdc!important; color:#636363!important}

		.nav_search input.reset {color:#636363!important}

	

	/*Category Styles  */

		#product-nav h3 {border-color: #c8c8c8; /*Category Text Color:*/ color:#636363; /*Category Bg Color:*/ background-color: #dcdcdc}

		#product-nav .menuheader a {/*Category Text Color:*/ color:#5c5b5b;}

		#product-nav .menuheader a:hover {/*Category Text Hover Color:*/ color:#fff; /*Category Bg Hover Color:*/ background-color:#ff5a00}

	

		#product-nav .openheader a {/*CatTextHoverColour*/color:#fff; /*CatBgHoverColour*/background-color:#ff5a00}

		#product-nav .openheader .categoryitems li a {/*CatBgHoverColour*/color:#ff5a00}

	


	/*Footer Styles*/

	#footer li {color:#ff5a00; font-size:12px}

	#footer li a {color:#ff5a00}

	.copyright {background-color: #ff5a00}

	 #welcome p {width: 100%!important;}

	 /*Missed Colours:*/
	#header #contacts li.tel span {  color:#ff5a00}
	.circle {background: #ff5a00}
	h1	{ color: #ff5a00}
	#product-list .thumb .data .info span { color: #ff5a00}
	#footer .generic-links li a {  color:#ff5a00}
	#breadcrumb span { color:#ff5a00}
	#product-detail h1 { color:#ff5a00}
	#product-detail .desc .info span {color:#ff5a00}
	.simpleTabsContent h2 { color:#ff5a00}
	.news .row .date { color:#ff5a00}
	.news-detail .row .date {color:#ff5a00}
	.case-studies .row .date {color:#ff5a00}
	.case-studies-detail .row .date {color:#ff5a00}
	.faqs .jumpto a:hover, .faqs .jumpto a:visited {color:#ff5a00}