/* 	--------------------------------------------------
    The Origin Framework ™  - uSkinned.net

	PALETTE
    -------------------------------------------------- */


/* 	--------------------------------------------------
	TABLE OF CONTENTS
    -------------------------------------------------- 

	1.0 BACKGROUNDS
	2.0 TEXT
	3.0 BORDERS
	4.0 BUTTONS
	
	
	PRIMARY COLOUR
	YELLOW	#f8de00 rgba(248,222,0,1)
	DARK	#252524 rgba(37,37,36,1)
	
	BODY	#454542 rgba(69,69,66,1)
	
*/



/*	--------------------------------------------------
	1.0 BACKGROUNDS
	-------------------------------------------------- */
	
	body,
	fieldset div.general input,
	fieldset div.general select,
	fieldset div.general textarea { 
		background-color:#ffffff; background-color:rgba(255,255,255,1);
		}
	.dark_bg,
	nav.sub ul a,
	.navigation a.expand span,
	.slick-prev, .slick-next,
	table th,
	.accordion .tab a,
	.page_component.tabbed nav a {
		background-color:#252524; background-color:rgba(37,37,36,1);
		}
	.dark_bg.gradient,
	table th,
	.accordion .tab a,
	.page_component.tabbed nav a {
		background: #252524; /* Old browsers */
		
		background: -moz-linear-gradient(top,  #252524 0%, #30302f 50%, #252524 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252524), color-stop(50%,#30302f), color-stop(100%,#252524)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #252524 0%,#30302f 50%,#252524 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #252524 0%,#30302f 50%,#252524 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #252524 0%,#30302f 50%,#252524 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #252524 0%,#30302f 50%,#252524 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252524', endColorstr='#252524',GradientType=0 ); /* IE6-9 */
		}
	.yellow_bg,		
	.label,
	nav.sub ul a.active,
	.navigation a.expand_search,
	.navigation a.expand,
	.accordion .tab a.active,
	.page_component.tabbed nav a.active {	
		background-color:#f8de00; background-color:rgba(248,222,0,1);
		}
	.yellow_bg.gradient,
	.navigation a.expand_search,
	.navigation a.expand,
	.accordion .tab a.active,
	.page_component.tabbed nav a.active,
	nav.pagination ul li.active {
		background: #f8de00; /* Old browsers */
		
		background: -moz-linear-gradient(top,  #f8de00 0%, #edc900 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8de00), color-stop(100%,#edc900)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f8de00 0%,#edc900 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f8de00 0%,#edc900 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f8de00 0%,#edc900 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f8de00 0%,#edc900 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8de00', endColorstr='#edc900',GradientType=0 ); /* IE6-9 */
		}
	.alert_box,
	table tr.even td {
		background-color:#eeeeee; background-color:rgba(248,248,248,1);
		}
	nav.sub ul ul a span {
		background-color:#ffffff; background-color:rgba(255,255,255,0.15);
		}
		
	/* VALIDATION */	
	fieldset div.general input.input-validation-error,
	fieldset div.general select.input-validation-error,
	fieldset div.general textarea.input-validation-error,
	fieldset .error span.wrap input,
	fieldset .error span.wrap select,
	fieldset .error span.wrap textarea,
	fieldset .error ul {	
		background-color:#ffebeb; background-color:rgba(255,235,235,1);
		}
	
	/* ALERTS */		
	.alert_box.green {
		background-color:#7FAE00; background-color:rgba(127,174,0,1);
		}
	.alert_box.amber {
		background-color:#ecce56; background-color:rgba(236,206,86,1);
		}
	.alert_box.red,
	fieldset div.general span.field-validation-error,
	fieldset .error span.req {
		background-color:#e72020; background-color:rgba(231,32,32,1);
		}
		
	.ajax_wrap .ajax_loading {
		background-color:#ffffff; background-color:rgba(255,255,255,0.8);
		}
	.ajax_wrap .ajax_loading .loading span.message {
		background-image:url('/images/icons/loading_on_white.gif');
		}
		
	.slideshow .text,
	.image .text {
		background-color:#000000; background-color:rgba(0,0,0,0.6);
		}
	html::after	 {
		background-color:#000000; background-color:rgba(0,0,0,0.75);
		}
		
	header, nav.main ul ul {
		
		-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.05);
		-moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.05);
		-ms-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.05);
		box-shadow: 0 5px 5px 0 rgba(0,0,0,0.05);
		}
		
	@media (min-width:1024px) {
		
	nav.main li:hover, nav.main li a.active, nav.main li:hover ul { 
		background-color:#ffffff; background-color:rgba(255,255,255,1);
		}
	nav.main li ul a.active,	
	nav.main li:hover ul ul li:hover { 
		background:transparent;
		}
	nav.main li:hover ul ul { 
		background-color:#eeeeee; background-color:rgba(248,248,248,1);
		}
		
	.navigation nav.main ul li.has_child ul li a:hover span,
	.navigation nav.main ul li ul li a:hover span {
		background-color:#252524; background-color:rgba(37,37,36,0.1);
		}
	.navigation nav.main ul li.has_child ul li a.active span,
	.navigation nav.main ul li ul li a.active span {
		background-color:#252524; background-color:rgba(37,37,36,1);
		}
		
	nav.pagination ul li a:hover span,
	.accordion .tab a:hover span,
	nav.tabs ul a:hover span,
	nav.sub ul a:hover span {
		background-color:#ffffff; background-color:rgba(255,255,255,0.05);
		}
	nav.sub ul ul a:hover span {
		background-color:#ffffff; background-color:rgba(255,255,255,0.25);
		}
	.accordion .tab a.active:hover span,
	nav.tabs ul a.active:hover span,
	nav.sub ul a.active:hover span {
		background:transparent;
		}
		
	}	
		
	@media (max-width:1023px) {	
	
	.navigation nav.main ul li.open i {
		background-color:#ffffff; background-color:rgba(255,255,255,1);
		}	
	.navigation nav.main ul li.open li i {
		background:transparent;
		}
	.navigation nav.main ul li ul li.open i {
		background-color:#ffffff; background-color:rgba(255,255,255,1);
		}	
		
	.navigation nav.main ul li > a.active {
		background-color:rgba(0,0,0,0.9);
		}
	.navigation nav.main ul li li > a.active {
		background-color:rgba(0,0,0,0.55);
		}
	.navigation nav.main ul li li li > a.active {
		background-color:rgba(0,0,0,0.3);
		}
		
	.reveal {
		background: #252524; /* Old browsers */
		
		background: -moz-linear-gradient(top,  #252524 0%, #30302f 50%, #252524 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252524), color-stop(50%,#30302f), color-stop(100%,#252524)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #252524 0%,#30302f 50%,#252524 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #252524 0%,#30302f 50%,#252524 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #252524 0%,#30302f 50%,#252524 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #252524 0%,#30302f 50%,#252524 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252524', endColorstr='#252524',GradientType=0 ); /* IE6-9 */
		}
	html::after	 {
		background-color: #252524; background-color:rgba(37,37,36,1);
		}
		
	}	
		
	@media (max-width:767px) {	
		
	nav.sub ul a {
		background: #252524; /* Old browsers */
		
		background: -moz-linear-gradient(top,  #252524 0%, #30302f 50%, #252524 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252524), color-stop(50%,#30302f), color-stop(100%,#252524)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #252524 0%,#30302f 50%,#252524 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #252524 0%,#30302f 50%,#252524 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #252524 0%,#30302f 50%,#252524 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #252524 0%,#30302f 50%,#252524 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252524', endColorstr='#252524',GradientType=0 ); /* IE6-9 */
		}
	nav.sub ul a.active {
		background:transparent;	
		background-color:#f8de00; background-color:rgba(248,222,0,1);
		}
		
	}



/*	--------------------------------------------------
	2.0 TEXT
	-------------------------------------------------- */

	body {
		color:#454542; color:rgba(69,69,66,1);
		}
	a,	
	.highlight,
	a h1, a h2, a h3, a h4, a h5, a h6, a .heading,
	.slick-prev, .slick-next,
	nav.footer ul li.site_credit a, a .overlayicon i, .resources a i {
		color:#f8de00; color:rgba(248,222,0,1);
		}
	a {
		color:#252524; color:rgba(37,37,36,1);
		}	
	a:link { 
		-webkit-tap-highlight-color:#f8de00; -webkit-tap-highlight-color:rgba(248,222,0,1); 
		}
	.dark_bg,
	.dark_bg a,
	.dark_bg .heading,
	.dark_bg a .heading,
	.dark_bg .heading a,
	.alert_box.green,
	.alert_box.amber,
	.alert_box.red,
	fieldset div.general span.field-validation-error,
	fieldset .error span.req,
	.slideshow .text,
	.image .text,
	nav.sub ul a,
	.listing.blocks .item a, .listing.blocks .item a .heading,
	table th,
	.accordion .tab a,
	.page_component.tabbed nav a {
		color:#ffffff; color:rgba(255,255,255,1);
		}
	nav.breadcrumb {
		color:#252524; color:rgba(37,37,36,0.5);
		}
	.yellow_bg {
		color:#252524; color:rgba(37,37,36,0.7);
		}		
	.label,
	.yellow_bg a,
	.yellow_bg .heading,
	h1, h2, h3, h4, h5, h6, .heading,
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .heading a, a .heading,
	thead,
	abbr, acronym,
	.alert_box a.close,
	fieldset .general input:focus,
	fieldset .general select:focus,
	fieldset .general textarea:focus,
	.item a, 
	nav.sub a.active, nav.tabs a.active, 
	.navigation a.expand_search,
	.accordion .tab a.active,
	.page_component.tabbed nav a.active {
		color:#252524; color:rgba(37,37,36,1);
		}
	.subheading { 
		color:#777777; color:rgba(119,119,119,1);
		}
	fieldset span.note {
		color:#999999; color:rgba(153,153,153,1);
		}
	span.price,
	fieldset label em.req {
		color:#ff0000; color:rgba(255,0,0,1);
		}
		
	@media (min-width:1024px) {
		
	.navigation nav.main ul li.has_child ul li a.active span,
	.navigation nav.main ul li ul li a.active span,
	.navigation nav.main ul li li.active {
		color:#ffffff; color:rgba(255,255,255,1);
		}
	nav.main li a.active,	
	nav.main li:hover, nav.main li:hover a, nav.main li:hover ul a {
		color:#252524; color:rgba(37,37,36,1);
		}
		
	}	
	
	@media (max-width:1023px) {
	
	.navigation nav.main ul li.open i {
		color:#252524; color:rgba(37,37,36,1);
		}	
	.navigation nav.main ul li.open li i {
		color:#ffffff; color:rgba(255,255,255,1);
		}
	.navigation nav.main ul li ul li.open i {
		color:#252524; color:rgba(37,37,36,1);
		}	
		
	.navigation nav.main ul li i {
		color:#ffffff; color:rgba(255,255,255,1);
		}	
		
	}
	
	

/*	--------------------------------------------------
	3.0 BORDERS
	-------------------------------------------------- */
	
	.listing .item a .link span {
		border-color:#252524; border-color:rgba(37,37,36,1);
		}
	.listing.blocks .item a	.link span,
	.listing.blocks .item::before {
		border-color:#ffffff; border-color:rgba(255,255,255,1);
		}
	nav.sub ul li a,
	nav.sub ul li ul,
	nav.pagination ul li {
		border-color:#ffffff; border-color:rgba(255,255,255,0.2);
		}
	.page_component.tabbed nav a,
	.page_component.tabbed .panes,
	.accordion .tab a,
	.accordion .pane,
	.resources .item,
	div.meta, .listing, .listing .item, .promo_pods .listing .heading {
		border-color:#c4c4c2; border-color:rgba(196,196,194,1);
		}

	fieldset .general input,
	fieldset .general select,
	fieldset .general textarea,
	fieldset .checkbox ul,
	fieldset .radiobutton ul,
	fieldset .checkbox ul li,
	fieldset .radiobutton ul li {
		border-color:#a7a7a6; border-color:rgba(167,167,166,1);
		}
	fieldset .general input:focus,
	fieldset .general select:focus,
	fieldset .general textarea:focus {
		border-color:#f8de00; border-color:rgba(248,222,0,1);
		}
	#left_col nav.sub ul li a.active:after {
		border-left-color:#f8de00; border-left-color:rgba(248,222,0,1);
		}
	#right_col nav.sub ul li a.active:after {
		border-right-color:#f8de00; border-right-color:rgba(248,222,0,1);
		}
	fieldset div.general input.input-validation-error,
	fieldset div.general select.input-validation-error,
	fieldset div.general textarea.input-validation-error,
	fieldset .error span.wrap input,
	fieldset .error span.wrap select,
	fieldset .error span.wrap textarea,
	fieldset .error ul {	
		border-color:#ff0000; border-color:rgba(255,0,0,1);
		}
	
	/* ALERTS */		
	.alert_box.green {
		border-color:#7FAE00; border-color:rgba(127,174,0,1);
		}
	.alert_box.amber {
		border-color:#F68B01; border-color:rgba(246,139,1,1);
		}
	.alert_box.red {
		border-color:#C00000; border-color:rgba(192,0,0,1);
		}
	
	@media (max-width:1023px) {
		
	.navigation nav.main ul, .navigation nav.main ul li, .navigation nav.main ul li i,
	.navigation nav.main ul li.open ul,	.navigation nav.main ul li ul li.open ul {
		border-color:#ffffff; border-color:rgba(255,255,255,0.1);
		}	
		
	}
	
	

/*	--------------------------------------------------
	4.0 BUTTONS
	-------------------------------------------------- */
	
	span.button a,
	button.button {
		background-color: #f8de00; background-color:rgba(248,222,0,1);
		border-color:#f8de00; border-color:rgba(248,222,0,1);
		color:#252524; color:rgba(37,37,36,1);
		}
	span.button.gradient a,
	button.button.gradient {
		
		background:#f8de00; /* Old browsers */
		
		background: -moz-linear-gradient(top,  #f8de00 0%, #edc900 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8de00), color-stop(100%,#edc900)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f8de00 0%,#edc900 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f8de00 0%,#edc900 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f8de00 0%,#edc900 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f8de00 0%,#edc900 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8de00', endColorstr='#edc900',GradientType=0 ); /* IE6-9 */
		}
	span.button.green a,
	button.button.green {
		background-color:#7FAE00; background-color:rgba(127,174,0,1);
		border-color:#7FAE00; border-color:rgba(127,174,0,1);
		color:#ffffff; color:rgba(255,255,255,1);
		}
	span.button.amber a,
	button.button.amber {
		background-color:#F68B01; background-color:rgba(246,139,1,1);
		border-color:#F68B01; border-color:rgba(246,139,1,1);
		color:#ffffff; color:rgba(255,255,255,1);
		}
	span.button.red a,
	button.button.red {
		background-color:#C00000; background-color:rgba(192,0,0,1);
		border-color:#C00000; border-color:rgba(192,0,0,1);
		color:#ffffff; color:rgba(255,255,255,1);
		}
	span.button.grey a,
	button.button.grey {
		background-color:#999999; background-color:rgba(153,153,153,1);
		border-color:#999999; border-color:rgba(153,153,153,1);
		color:#ffffff; color:rgba(255,255,255,1);
		}
	span.button.black a,
	button.button.black {
		background-color:#000000; background-color:rgba(0,0,0,1);
		border-color:#000000; border-color:rgba(0,0,0,1);
		color:#ffffff; color:rgba(255,255,255,1);
		}
	span.button.white a,
	button.button.white {
		background-color:#ffffff; background-color:rgba(255,255,255,1);
		border-color:#ffffff; border-color:rgba(255,255,255,1);
		color:#000000; color:rgba(0,0,0,1);
		}
		
	span.button a,
	button.button {
		
		-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0);
		-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0);
		box-shadow: 0 0 3px 0 rgba(0,0,0,0);
		
		-webkit-transition: box-shadow 0.25s ease-in-out 0s;
		-moz-transition: box-shadow 0.25s ease-in-out 0s;
		transition: box-shadow 0.25s ease-in-out 0s;
		}
	span.button a:hover,
	button.button:hover {
		
		-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
		-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
		}
	.navigation span.button a:hover,
	.navigation button.button:hover {
		
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		}
		
		
	header .site_search span.button a,
	header .site_search button.button {
		background-color:#ffffff; background-color:rgba(255,255,255,1);
		border-color:#ffffff; border-color:rgba(255,255,255,1);
		color:#000000; color:rgba(0,0,0,1);
		}



/*	--------------------------------------------------
	END
	-------------------------------------------------- */