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

         Phase 3 Dynamic Css                            

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

/*Typography (Body Font): */ 

body {

	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;


	/* Background Color Gradient  */  

	background: #3f4244; /* Old browsers */

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

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

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

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

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

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

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4244', endColorstr='#fff',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: #09033f;} 

	

	/*Text Link Colour: */

	  a { text-decoration:none; color:#09033f}

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

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

	


	/*Buttons*/

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

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

	  .button {color:#ffffff; background-color:#09033f}

	  .button:hover {color:#09033f; 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: #f1efef; /*Navigation Bg Color:*/ background-color:#09033f}

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

	

	/*search & Go Button & reset*/

	  #g-search input.go {background-color:#09033f!important; color:#f1efef!important}

		.nav_search input.go {background-color:#09033f!important; color:#f1efef!important}

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

	

	/*Category Styles  */

		#product-nav h3 {border-color: #c8c8c8; /*Category Text Color:*/ color:#f1efef; /*Category Bg Color:*/ background-color: #09033f}

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

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

	

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

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

	


	/*Footer Styles*/

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

	#footer li a {color:#09033f}

	.copyright {background-color: #09033f}

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