	@font-face {
		font-family: MarkPro;
		src: url('/css/fonts/raleway/raleway-extrabold-webfont.eot');
		src: url('/css/fonts/raleway/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
			url('/css/fonts/raleway/raleway-extrabold-webfont.woff') format('woff'),
			url('/css/fonts/raleway/raleway-extrabold-webfont.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	/* SET DEFAULT FONTS */
	p, li, div, th, td, h1, h2, h3, h4, input, option, textarea { font-family: Arial, Helvetica, sans-serif; color: #000; font-weight: normal; }

	/* SET DEFAULT COLOURS */
	a, .default-colour { color: #f6851f; }
	a:hover, a:active { color: #d5731b; }

	* { outline: none !important; }

	/* OTHER DEFAULTS */

	html { overflow-y: scroll; }
	body { min-width: 1100px; position: relative; }

	input[type=text],input[type=password],input[type=email],input[type=search] { -webkit-appearance: none; }
	input, textarea, select { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

	.mobileonly { display: none !important; }

	img { max-width: 100% !important; }

	h1,h2,h3,h4 { font-family: MarkPro, Arial, Helvetica, sans-serif; }

	h1 { font-size: 32px; line-height: 1.25em; color: #000; font-weight: normal; margin: 0 0 0.75em 0; }
	h2 { font-size: 24px; line-height: 1.25em; color: #000; font-weight: normal; margin: 0.75em 0 0.75em 0; }
	h3 { font-size: 20px; line-height: 1.25em; color: #000; font-weight: normal; margin: 0.75em 0 0.75em 0; }
	h4 { font-size: 16px; line-height: 1.25em; color: #000; font-weight: normal; margin: 0.75em 0 0.75em 0; }

	p { font-size: 16px; line-height: 1.4em; margin: 0 0 1.4em 0; }
	li { font-size: 16px; line-height: 1.4em; margin: 0.7em 0 0.7em 0; }

	.orange { color: #f6851f; }

	br.breaker { clear: both; }

	.cf:before,
	.cf:after {
	    content: " "; /* 1 */
	    display: table; /* 2 */
	}

	.cf:after {
	    clear: both;
	}

	.cf {
	    *zoom: 1;
	}

	/* BASIC LAYOUT */

	#fixed_bar {
		width: 100%;
		margin: 0;
		background: #fff;
		z-index: 1001;
        background-color: #ffffff	}

		body.no-fixed-header #fixed_bar { position: relative; }

		#site_header {
			width: 1060px;
			height: 100px;
			padding: 0 20px;
			margin: 0 auto;
			position: relative;
			z-index: 1001;
		}

		#nav_bar_outer {
			display: block !important;
			clear: both;
			width: 100%;
			background: #f6851f;
		}

			#nav_bar {
				max-width: 1200px;
				height: 40px;
				padding: 0 10px;
				margin: 0 auto;
			}

			#mini_cart {}


	#site_torso {
		padding-top: 10px;
		padding-bottom: 20px;
		position: relative;
		z-index: 888;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		overflow: auto;
	}

		#site_torso_left {
			float: left;
			width: 74.5%;
			position: relative;
		}

		#site_torso_right {
			float: right;
			width: 23.5%;
		}


	#site_footer_outer {
		position: relative;
		z-index: 1;
		clear: both;
		width: 100%;
		background: #ddd;
	}
		#site_footer {
			width: 1060px;
			margin: 0 auto;
			padding: 10px 0;
		}

#category_head .category_matches    { padding-bottom: 20px; }
#category_head .category_matches p  { margin-bottom: 0px; line-height: 24px; float: left; width: 33%; }
#category_head .category_matches h3 { clear: both; padding-top: 20px; }


	/********************************************/
	/*											*/
	/*					HEADER					*/
	/*											*/
	/********************************************/

		#mobile_hamburger { display: none; }
		#mobile_call { display: none; }

		#header_logo { float: left; margin-right: 40px;}
			#header_logo img { float: left; height: 80px; margin: 10px 0; }
            #header_logo img.custom { height: 80px; margin: 10px 0; }

		#header_contact { display: flex; align-items: center; }
			#header_contact p { margin: 0; padding: 0; line-height: 1; }
			#header_contact p span:nth-child(1) { font-size: 12px; color: #000; display: block; }
			#header_contact p span:nth-child(2) { font-size: 16px; color: #f6851f; font-family: MarkPro, Helvetica, sans-serif; display: block; font-weight: bold; }

        #header_contact p:nth-child(2) {
            clear: both;
            float: none;
            font-size: 0.85em;
            margin: 15px 0 5px 0;
            text-align: right;
        }


	/********************************************/
	/*											*/
	/*					TOP NAV					*/
	/*											*/
	/********************************************/

	ul#top_nav {
		margin: 0;
		padding: 0;
		float: left;
		position: relative;
	}

		ul#top_nav > li {
			display: inline-block;
			margin: 0;
			padding: 0;
			list-style: none;
			height: 40px;
			line-height: 40px;

		}

			html.oldie ul#top_nav > li  { display: block; float: left;  }

			ul#top_nav > li > a {
				font-family: MarkPro, Arial, Helvetica, sans-serif;
				font-size: 17px;
				letter-spacing: -0px;
				color: #ffffff;
				text-decoration: none;
				display: block;
				padding: 0 10px;
				position: relative;
				z-index: 999;
			}


				ul#top_nav > li:hover > a, ul#top_nav > li > a:hover { background: #000; }

	.animated {
	    -webkit-animation-duration: 1s;
	    animation-duration: 1s;
	    -webkit-animation-fill-mode: both;
	    animation-fill-mode: both;
	}

	.pulse {
		-webkit-animation-name: pulse;
		animation-name: pulse;
	}

	@-webkit-keyframes pulse {
	    0% { -webkit-transform: scale(1); }
	    50% { -webkit-transform: scale(1.3); }
	    100% { -webkit-transform: scale(1); }
	}

	@keyframes pulse {
	    0% { transform: scale(1); }
	    50% { transform: scale(1.3); }
	    100% { transform: scale(1); }
	}

	#mini_cart {
		height: 40px;
		padding: 0 10px 0 4px;
		position: relative;
	}

		#mini_cart a:hover, #mini_cart a:active { text-decoration: none; }

		#mini_cart > a > p {
			font-size: 14px;
			line-height: 14px;
			color: #fff;
		}

			#mini_cart > a > p span {  }

		#mini_cart > a > span {
			display: block; float: left;
			background: #66bc29;
			font-size: 13px;
			line-height: 25px;
			height: 25px;
			padding: 0 10px;
			font-family: MarkPro, Arial, Helvetica, sans-serif;
			color: #ffffff;
			margin: 8px 0 0 30px;			
		}

		#mini_cart_popup {
			display: none;
			position: absolute;
			right: 0;
			top: 0;
			width: 280px;
			background: #f6851f;
			padding: 10px 20px 15px 20px;
			-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
			-moz-box-shadow:    0px 10px 20px 0px rgba(0, 0, 0, 0.2);
			box-shadow:         0px 10px 20px 0px rgba(0, 0, 0, 0.2);
		}

			#mini_cart_popup > span {
				position: absolute;
				display: block;
				width: 40px;
				height: 40px;
				line-height: 40px;
				text-align: center;
				top: 0;
				right: 0;
				color: #000;
				font-size: 20px;
				cursor: pointer;
			}
			#mini_cart_popup > span:hover { color: #fff; }

			#mini_cart_popup > span:after { content: '\2716'; }

			#mini_cart_popup > p.p1 {
				font-size: 20px;
				font-family: MarkPro, Arial, Helvetica, sans-serif;
				letter-spacing: 0px;
				color: #fff;
				margin: 0 0 20px 0;
			}

			#mini_cart_popup > p.p2 { margin: 0; color: #fff; font-size: 20px;  }
			#mini_cart_popup > p.p2 span { font-weight: bold; }
			#mini_cart_popup > p.p2 span small { font-size: 14px; }

			#mini_cart_popup > p.p3 { margin: 0 0 8px 0; color: #000; font-size: 12px; }

			#mini_cart_popup > div { overflow: auto; border-bottom: 1px solid #fff; margin-bottom: 10px; }

				#mini_cart_popup > div img { float: left; margin-bottom: 40px; }

				#mini_cart_popup > div p { float: right; width: 200px; margin: 0; font-size: 16px; line-height: 18px; font-weight: bold; }

				#mini_cart_popup table { float: right; border: 0px; width: 200px; margin-bottom: 10px; }
					#mini_cart_popup table td { vertical-align: top; font-size: 14px; }
					#mini_cart_popup table td:first-child { width: 50px; }
					#mini_cart_popup table td:last-child {  }
					#mini_cart_popup table tr:nth-child(odd) td { padding-top: 10px; }
					#mini_cart_popup table tr:nth-child(even) td {  padding-bottom: 0px; }

			#mini_cart_popup > a {
				color: #fff;
				background: #000;
				font-family: MarkPro, Arial, Helvetica, sans-serif;
				font-size: 14px;
				text-decoration: none;
				padding: 0px 10px;
				height: 28px;
				line-height: 30px;
			}

				#mini_cart_popup > a#popup-button-1 { float: left; }
					#mini_cart_popup > a#popup-button-1:after { content:  ' (' attr(data-qty) ')'; font-size: 12px; position: relative; top: -1px; }
				#mini_cart_popup > a#popup-button-2 { float: right; }




	/********************************************/
	/*											*/
	/*			GLOBAL CONTENT STYLES			*/
	/*											*/
	/********************************************/

	#reassurance { width: 1060px; margin: 0 auto; overflow: auto;
		padding-top: 140px;
		padding-bottom: 0px;
	}

	#breadcrumb { width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px 0 10px 0; overflow: auto; box-sizing: border-box; }
	#breadcrumb li { float: left; margin: 0; padding: 0; list-style: none; font-size: 12px; color: #999; }
	#breadcrumb li:nth-last-child(1n+2):after { content: '›'; padding: 0 5px; }
	#breadcrumb li a { color: #000; text-decoration: none; }
	#breadcrumb li a:hover, #breadcrumb li a:active { color: #f6851f; }



	.button_style, input.button_style, form.formstyle input.button_style, div.formstyle input.button_style {
		border: 0;
		background: #f6851f;
		text-align: center;
		font-size: 16px;
		color: #ffffff;
		line-height: 40px;

		padding: 0px 10px;
		box-sizing: border-box;
		text-decoration: none;

		text-align: center;
		display: block;
		float: left;
	}

		.button_style.call_to_action, input.buton_style.call_to_action, form.formstyle input.button_style.call_to_action, div.formstyle input.button_style.call_to_action {
			background: #66bc29;
			color: #ffffff;
		}

		.button_style_small, input.button_style_small, form.formstyle input.button_style_small, div.formstyle input.button_style_small {
			font-size: 16px;
			line-height: 30px;
		}

		.button_left_arrow:before, input.button_left_arrow:before {
			content: '\25c0';
			padding-right: 10px;
		}

		.button_right_arrow:after, input.button_right_arrow:after {
			content: '\25b6';
			padding-left: 10px;
			font-size: 0.9em;
		}

		.button_style:hover, input.button_style:hover, .button_style:active, input.button_style:active { text-decoration: none; color: #fff; }

	label { position: relative; overflow: hidden; width: 100%; display: block; font-size: 16px; font-weight: normal; }
	select.styledselect {
		width: 100%;
		border: 1px solid #ccc;
		background: #fff;
		-webkit-appearance: none;
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		border-radius: 0px !important;
		padding: 10px 10px;
		font-size: 16px;
		height: 40px;
		line-height: 18px !important;
		font-weight: bold;
		box-sizing: border-box;
		outline: none;
	}
		select.styledselect:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }

	select.styledselect + span {
		position: absolute;
		right: 1px;
		bottom: 1px;
		width: 38px;
		height: 38px;
		line-height: 40px;
		pointer-events: none;
		background: #ffffff;
		text-align: center;
		color: #f6851f;
	}
	select.styledselect + span:after { content: '\25bc'; }
	html.oldie select.styledselect + span { display: none; }




	form.formstyle, div.formstyle { }
	form.formstyle p, div.formstyle p { clear: both; width: 100%; margin-bottom: 10px !important; position: relative; overflow: auto; }
	form.formstyle p em, div.formstyle p em { color: #c00; font-size: 10px; letter-spacing: 0; }
	form.formstyle p label, div.formstyle p label { display: block; padding: 2px 0; }
	form.formstyle p label.inline, div.formstyle p label.inline { display: inline; font-size: 14px; }
	form.formstyle input, div.formstyle input { max-width: 100%; border: 1px solid #ccc; padding: 4px 6px; line-height: 18px; height: 40px; font-size: 16px; box-sizing: border-box; }
	form.formstyle .error, div.formstyle .error { border-color: #c00 !important; }
	form.formstyle input[type=checkbox], div.formstyle input[type=checkbox] { height: auto; margin-right: 5px; }
	form.formstyle input[type=radio], div.formstyle input[type=radio] { height: auto; margin-left: 1px; margin-right: 5px; }
	form.formstyle input[type=file], div.formstyle input[type=file] { border: 0; }
	form.formstyle textarea, div.formstyle textarea { max-width: 100%; border: 1px solid #ccc; padding: 4px 6px; font-size: 16px; box-sizing: border-box; }
	form.formstyle select, div.formstyle select { max-width: 100%; border: 1px solid #ccc; padding: 4px 6px; font-size: 16px; box-sizing: border-box; font-weight: normal !important; }
	form.formstyle .ambiguity, div.formstyle .ambiguity { display: none; }

	.ui-datepicker { background: #eee; width: 300px; border: 1px solid #ccc; margin-top: -1px; }
	.ui-datepicker-header { text-align: center; }
	.ui-datepicker-prev { position: absolute; left: 10px; font-size: 14px; line-height: 30px; cursor: pointer; }
	.ui-datepicker-next { position: absolute; right: 10px; font-size: 14px; line-height: 30px; cursor: pointer; }
	.ui-datepicker-title { text-align: center; font-size: 16px; line-height: 30px; font-weight: bold; }
	.ui-datepicker-calendar { width: 100%; }
	.ui-datepicker-calendar th { text-align: center; font-size: 14px; line-height: 30px; }
	.ui-datepicker-calendar td { text-align: center; border: 0px solid #eee; background: #fff; line-height: 30px; font-size: 16px; color: #ccc; }
	.ui-datepicker-calendar td a { text-decoration: none; color: #f6851f; }
	.ui-datepicker-calendar td:hover { background: #eee; }
	.ui-datepicker-calendar td.ui-datepicker-today { background: #f6851f; color: #ffffff; }
	.ui-datepicker-calendar td.ui-datepicker-today a { background: #f6851f; color: #ffffff; }
/*	.ui-datepicker-calendar td.ui-datepicker-today a { color: #fff; }*/

	/************ AUTOCOMPLETE ******************/

	.autocomplete-suggestions { width: 350px !important; max-height: 400px !important; border: 0px solid #999; background: #FFF; overflow: auto; font-size: 0.8em; margin: 2px 0 0 10px;
		-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:    0px 10px 20px 0px rgba(0, 0, 0, 0.3);
		box-shadow:         0px 10px 20px 0px rgba(0, 0, 0, 0.3);

	}
	.autocomplete-suggestion { padding: 7px 10px; white-space: nowrap; overflow: hidden; cursor: pointer; font-size: 14px; }
	.autocomplete-selected { background: #EEEEEE; }
	.autocomplete-suggestions strong { font-weight: normal; font-weight: bold; }
	.autocomplete-group { padding: 5px 10px; background: #f6851f; font-family: MarkPro, Arial, Helvetica, sans-serif; }
	.autocomplete-group strong { display: block; font-size: 14px; color: #FFFFFF; font-weight: normal; }

	/********************************************/
	/*											*/
	/*			BASKET + CHECKOUT				*/
	/*											*/
	/********************************************/

        .basket-textarea { max-width: 100%; border: 1px solid #ccc; padding: 4px 6px; font-size: 16px; box-sizing: border-box; }
        .basket-p { clear: both; width: 100%; margin-bottom: 10px !important; position: relative; overflow: auto; }
		#basket_summary { margin-bottom: 15px; }
		#basket_summary th { text-align: right; font-size: 14px; padding: 3px 0; }
		#basket_summary td { text-align: right;max-width: 60px; padding: 3px 0; padding-left: 15px; font-weight: bold; font-size: 16px; }
		#basket_summary tr:last-child > * { padding-top: 20px; }

		.basket_error * {
			color: #c33;
		}

        /*div.cart_items .error {*/
        /*    border: 1px solid #c33;*/
        /*}*/

        div.cart_item .text-error {
            color: #c33;
        }

			.button_style_error { background-color: #C33; }

		#card_number {
			background-image: url(/images/card_none.png);
			background-position: 97% center;
			background-repeat: no-repeat;
		}

		#card_number.amex { background-image: url(/images/card_error.png); background-position: 97% center; }
		#card_number.maestro { background-image: url(/images/card_error.png); background-position: 97% center; }
		#card_number.mastercard { background-image: url(/images/card_mastercard.png); }
		#card_number.visa {	background-image: url(/images/card_visa.png); }

		#pay_submit[disabled] { background: #ccc; }

	/********************************************/
	/*											*/
	/*					FOOTER					*/
	/*											*/
	/********************************************/



				#footer_info { clear: both; }
					#footer_info img { width: 70px; height: 70px; float: right; margin-left: 20px; }
					#footer_info p {
						padding-top: 10px;
						text-align: right;
						font-size: 12px;
						line-height: 18px;
					}

						#footer_info p a { color: #000; text-decoration: none; }
						#footer_info p a:hover, #footer_info a:active { text-decoration: underline; }



iframe { margin-bottom: 2%; width: 100%; }
img.fullwidth { width: 100%; height: auto; }

ul.span2,
ul.span3,
ul.span4,
ul.span6,
ul.span8 { width: 100%; margin: 0 0 2% 0; padding: 0; overflow: auto; }

ul.span2 li,
ul.span3 li,
ul.span4 li,
ul.span6 li,
ul.span8 li { float: left; width: 49%; margin: 0 2% 0 0; padding: 0; list-style: none; font-size: 14px; text-align: center; }

ul.span2 li img,
ul.span3 li img,
ul.span4 li img,
ul.span6 li img,
ul.span8 li img { max-width: 100%; margin-bottom: 2%; height: auto; }

ul.span2 li p,
ul.span3 li p,
ul.span4 li p,
ul.span6 li p,
ul.span8 li p { font-size: 14px; text-align: left; }

ul.span2 li { width: 49%; }
ul.span2 li:nth-child(2n) { margin-right: 0; }
ul.span2 li:nth-child(2n+1) { clear: both; }

ul.span3 li { width: 32%; }
ul.span3 li:nth-child(3n) { margin-right: 0; }
ul.span3 li:nth-child(3n+1) { clear: both; }

ul.span4 li { width: 23.5%; }
ul.span4 li:nth-child(4n) { margin-right: 0; }
ul.span4 li:nth-child(4n+1) { clear: both; }

ul.span6 li { width: 15%; }
ul.span6 li:nth-child(6n) { margin-right: 0; }
ul.span6 li:nth-child(6n+1) { clear: both; }

ul.span8 li { width: 10.75%; }
ul.span8 li:nth-child(8n) { margin-right: 0; }
ul.span8 li:nth-child(8n+1) { clear: both; }



/** LOGIN PAGE **/

.loginboxes {
	border: 1px solid #eee;
	box-sizing: border-box;
	overflow: hidden;
	float: left;
	width: 100%;
	padding: 0 0 10px 0;
}

 	.loginboxes h2 {
 		background: #eee;
 		color: #333;
 		font-size: 18px;
 		padding: 8px 15px;
 		margin-top: 0;
 	}

 	.loginboxes p { padding: 0 ; margin: 0 15px 1.75em 15px !important; width: calc(100% - 30px) !important; }
 	.loginboxes h3 { padding: 0 15px; margin: 1.75em 0 1.25em 0; }


#register_container p { margin-bottom: 10px !important; }
#register_show { margin-bottom: 10px !important; overflow: auto; }
#register_form { display: none; }

#forgot_container { display: none; float: right; }


/** HOMEPAGE **/

ul#home_options { margin: 0; padding: 0; width: 100%; float: left; }
	ul#home_options li {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		width: 22.9%;
		margin-right: 2.7%;
		margin-bottom: 2.7%;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
	}
	ul#home_options li:nth-child(4n) { margin-right: 0; }
	ul#home_options li a { text-decoration: none; color: #000; }
	ul#home_options li img { width: 100%; border: 1px solid #ccc; box-sizing: border-box; padding:35px; }
    ul#home_options li:nth-of-type(-n+2) img { padding: 25px; }
	ul#home_options li:hover img { border-color: #f6851f; }

ul#home_budget { margin: 0; padding: 0; border: 1px solid #CECECE; width: 100%; float: left; }
	ul#home_budget li { margin: 0; padding: 4% 0; list-style: none; float: left; width: 50%; text-align: center; }
	ul#home_budget li h2 { font-size: 24px; margin: 0; }
	ul#home_budget li p { font-size: 50px; color: #f6851f; margin: 0; line-height: 1.0em; font-family: MarkPro, Arial, Helvetica, sans-serif; }

#welcome_back { border: 1px solid #CECECE; padding: 5%; overflow: auto; margin-bottom: 8%; }

	#welcome_back p { font-weight: bold; font-size: 16px; margin-bottom: 0.5em; }
	#welcome_back a {
		color: #ffffff;
		font-size: 16px;
		text-align: center;
		background: #000;
		text-decoration: none;
		padding: 2% 5%;
		width: 100%;
		display: block;
		box-sizing: border-box;
	}
	#welcome_back a:first-of-type { background: #f6851f; margin-bottom: 0.5em; }
	#welcome_back a:first-of-type:hover { background: #333; }
	#welcome_back a:last-of-type { color: #fff; }
	#welcome_back a:last-of-type:hover { background: #333; }

    .company-buttonstyle {
        color: #ffffff;
        background-color: #f6851f;
        font-size: 15px;
        font-weight: bold;
        text-align: center;
        float: left;
        text-decoration: none;
        padding: 1% 3%;
        margin-right: 10px;
        border: 0 !important;
    }

    .company-buttonstyle:hover {
        color: #fff;
        background: #333;
        text-decoration: none;
    }

#rhs_contact { border: 1px solid #CECECE; padding: 5%; overflow: auto; margin-bottom: 8%; }
	#rhs_contact p { font-size: 14px;margin-bottom: 0.5em; }

#product_container {
	float: left;
	width: 100%;
}

	#product_container div.product {
		float: left;
		width: 28%;
		margin-right: 8%;
	}

	#product_container div.product:nth-of-type(3n) { margin-right: 0; }
	#product_container div.product:nth-of-type(3n+1) { clear: both; }

	#product_container div.product img, #product_container div.search-product img { width: 100%; border: 1px solid #ccc; box-sizing: border-box; }
	#product_container div.product p, #product_container div.search-product p {
		font-size: 14px;
	}

		div.product p select, div.search-product p select {
			border: 1px solid #cccccc;
			box-sizing: border-box;
		}

		div.product p select[name^='size'], div.search-product p select[name^='size'] {
			box-sizing: border-box;
			float: left;
			width: 79%;
		}

        div.search-product p select.colours-picker {
            box-sizing: border-box;
            float: left;
            width: 44%;
            margin-right: 5%;
        }

        div.search-product p select.sizes-picker {
            box-sizing: border-box;
            float: left;
            width: 30%;
        }

		div.product p select[name^='qty'], div.search-product p select[name^='qty'] {
			box-sizing: border-box;
			float: right;
			width: 20%;
		}

		div.product p input[type=submit], div.search-product p input[type=submit] {
			border: 0;
			background: #f6851f;
			width: 100%;
			text-align: center;
			font-size: 16px;
			color: #ffffff;
			line-height: 22px;
			margin: 5px 0;
			padding: 12px 20px;
		}

.order-history { clear: both; }

#cart_items { float: left; width: 100%; margin-bottom: 3%; }
	div.cart_item { clear: both; float: left; width: 100%; border-top: 1px solid #ddd; padding: 2% 0; display: table; }
		div.cart_item > div.cart_image { width: 15%; display: table-cell; vertical-align: middle;}
		div.cart_item > div.cart_image img { width: 90%; height: auto; }

		div.cart_item > div.cart_details { display: table-cell; vertical-align: middle; }
			div.cart_item p { margin: 0; font-size: 0.8em; }

				div.cart_item p.remove { color: #f6851f; margin: 10% 0 0 0; font-size: 14px;}
					div.cart_item p.remove a { color: inherit; text-decoration: none; }
					div.cart_item p.remove a:hover, div.cart_item p.remove a:active { text-decoration: underline; }

		div.cart_item > div.cart_quantity { width: 15%; color: #f6851f; display: table-cell; vertical-align: middle; text-align: center; }
			div.cart_quantity span { color: #f6851f; font-size: 3em; font-weight: bold; }

			div.cart_item > div.cart_quantity input { display: inline-block; vertical-align: top;  }
			div.cart_item > div.cart_quantity input.quantity_button {
				border: 0;
				margin: 0; padding: 0;
				font-size: 14px;
				font-weight: normal;
				width: 2.0em;
				height: 2.0em;
				background: #eee;
				color: #666;
				border: 1px solid #ccc;
				box-sizing: border-box;
				-webkit-border-radius: 0px;
				-moz-border-radius: 0px;
				border-radius: 0px;
			}
			div.cart_item > div.cart_quantity input.quantity_input {
				border: 0;
				margin: 0; padding: 0;
				font-size: 14px;
				font-weight: normal;
				width: 2.0em;
				height: 2.0em;
				line-height: 2.0em;
				background: #fff;
				color: #666;
				text-align: center;
				border-top: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
				box-sizing: border-box;
				-webkit-border-radius: 0px;
				-moz-border-radius: 0px;
				border-radius: 0px;
			}

		.wearer {
			margin: 0;
		}

		.qty_mod:link, .qty_mod:visited {
			box-sizing: border-box;
			color: #000;
			display: inline-block;
			font-size: 1.5em;
			font-weight: bold;
/*			padding-left: 5px;*/
			margin: 0 7px;
			position: relative;
			text-align: center;
			text-decoration: none;
			top: 3px;
		}

		.qty_mod:hover {
			color: #999;
		}

			.qty_down:link, .qty_down:visited {

			}

		button.round_style {
			background: transparent;
			border: 0;
			color: #f6851f;
			height: 35px;
			line-height: 30px;
			text-align: center;
		}

			button.round_style span {
				background: #f6851f;
				border-radius: 50%;
				display: inline-block;
				color: #ffffff;
				font-size: 1.5em;
				height: 30px;
				line-height: 30px;
				margin-right: 5px;
				position: relative;
				top: 2xpx;
				width: 30px;
			}


/*** USER MANAGEMENT ***/

.user {
	padding: 1% 2%;
}
	.user p {
		margin: 0.5em 0;
	}

	.user-name {
		font-weight: bold;
		padding-right: 40px;
		position: relative;
	}

	.user-name a { text-decoration: none; }

	.user-dropdown { text-decoration: none; position: absolute; right: 0; top: 0px;  }
	.user-details { font-size: 0.75em; color: #999; }

	.user-1 {
		background: #CCC;
        clear: both;
        width: 96%;
	}
		.user-1 p { color: #FFF; }
		.user-1 a { color: #EEE; }
		.user-1 a:hover { color: #DDD; }

	.user-5 {
		background: #EEE;
        clear: both;
	}

	.user-10, .no-parent {
		float: left; width: 29%;
		border: 0;
	}

	.user-10:nth-of-type(3n) {
		clear: both;
	}


/*** USER FORM ***/

.buttonstyle{
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	float: left;
	background: #b80000;
	text-decoration: none;
	padding: 1% 3%;
	margin-right: 10px;
	border: 0 !important;
}
.buttonstyle:hover{
	color: #fff;
	background: #c90000;
}

.buttonstyle.green{
	background:#77b800;
}
.buttonstyle.green:hover{
	background:#88c900;
}
form.useredit > label{
	display: block;
	padding:1% 0;
	font-weight: bold;
	font-size: 14px;
}
form.useredit > label:after{
	content: ':';
}

form.useredit > input[type="text"],form.useredit > input[type="password"], form.useredit > select{
	border: 1px solid #ddd;
	width:50%;
	padding: 1% 1%;
	margin-bottom: 10px;
}

form.useredit > select { width: auto; }

form.useredit > table.varianteditor input,
form.useredit > table.varianteditor select {
	width:95%;
	padding: 0% 1%;
	border: 1px solid #ddd;
	height: 32px;
}

form.useredit > table.varianteditor  { margin-top: 1em;  }
form.useredit > table.varianteditor th { font-weight: bold; text-align: left; padding: 1% }
form.useredit > table.varianteditor tr td { padding-bottom: 1%; height: 100%;  }
form.useredit > table.varianteditor tr td:last-child { text-align: right; padding-right: 0;  }
form.useredit > table.varianteditor tr td:last-child input { width: 100%;  }

/*** ORDER HISTORY ***/

h2.order-history {
	font-size: 1.2em;
	border-top: 1px solid #DDD;
	padding-top: 0.6em;
}

p.floatright {
	float: right;
}

#onbrand {
    text-align: center;
}

.download-subheader {
	margin: -1em 0 1em 0;
	font-size: 0.8em;
}





.report-date-range {
	position: absolute;
	right: 0px;
	top: -8px;
	font-size: 0.8em;
	width: 100%;
	text-align: right;
	z-index: 100;
}

 #ui-datepicker-div {
	z-index: 1003 !important;
}

.report-date-range input { border: 1px solid #999; }

.report-date-range h3 {
	display: block;
	text-align: right;
	padding: 0;
	margin: 0 0 5px 0;
	font-weight: normal;
	font-size: 1em;
	color: #1A85B2
}

.report-date-range label {
	color: #ffffff;
}

.report-date-range p {

	padding: 4px 0px;
	margin: 0px;
}

#comparison {
	background: #f6851f;
	padding: 10px;
	color: #ffffff;
}

#comparison input, #comparison select {
	border: 1px solid #ffffff;
	background: #ffffff;
}

#custom-period {
	padding-top: 10px;
}

/* ############################################## */
/* # 											# */
/* #				DASHBOARD					# */
/* # 											# */
/* ############################################## */

.report-header h1 {
	border-bottom-color: #f6851f;
	color: #f6851f;
}

.report-date-range {
	top: 20px;
}

.report-date-range h3 {
	color: #f6851f;
}

.report-date-range input[type=submit] {
	background: #f6851f;
	border: 0;
	color: #ffffff;
}

.report-boxes {
	width: 100%;
}

.report-box {
	background: #66bc29;
	float: left;
	height: 100px;
	margin: 100px 1.25% 20px 0;
	position: relative;
	width: 32.5%;
}

.smaller .report-box {
	width: 15.6%;
}

.report-box p {
	bottom: 0;
	color: #ffffff;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: right;
	width: 100%;
	z-index: 2;
	/*font-size: 0.8em;*/
}

.report-box p b {
	font-weight: normal;
	/*font-size: 1.9em;*/
}

.report-box p i {
	font-style: normal;
	font-size: 0.8em;
}

.report-box p:first-line {
	font-size: 1.9em;
	line-height: 1.3em;
}

.report-box p span {
	background: #f6851f;
	display: inline-block;
	width: 100%;
}

.report-box:last-child {
	margin-right: 0;
}

.report-box div {
	position: absolute;
	width: 100%;
	z-index: 1;
}

.report-table {
	border: 1px solid #f6851f;
	float: left;
	margin-bottom: 20px;
	width: 49%;
}


.report-table > a, .report-table h2 a {
	color: #ffffff;
	text-decoration: none;
}
.report-table h2 {
	background: #f6851f;
	color: #fff;
	margin: 0;
	padding: 10px;
	font-size: 18px;
}


.report-table h2 b {
	color: #ffffff;
	font-weight: normal;
}

.bundles-table, .customers-table, .year-table {
	clear: both;
}

.site-table, .affiliate-table, .brands-table, .month-table, .wearer-table {
	float: right;
}

.report-table table {
	width: 100%;
}

.report-table table tr:nth-child(odd) {
	background: #f9f9f9;
}

.report-table table th {
	font-size: 0.9em;
}

.report-table table td {
	font-size: 0.9em;
	padding: 5px 10px;
}

.report-table table td:last-child {
	text-align: right;
}

.report-table table td.center {
	text-align: center;
}

.report-table table td a {
	color: #000000;
	text-decoration: none;
}

a.expand-rows {

	text-align: center;
	display: block;
	padding: 10px;
	margin: 10px;
	background: #f6851f;
	color: #ffffff;
	font-weight: bold;
}

@media screen and (max-width: 600px) {
	#assign_to, #assign_value {
		display: block;
		margin: 5px 0;
	}

}

@media screen and (max-width: 450px) {

	#page_header { padding-left: 10px; padding-right: 10px; }
	#breadcrumb { padding-left: 10px; padding-right: 10px; margin-bottom: 15px; }
	#breadcrumb * { font-size: 12px !important; }
	h1 { font-size: 20px; line-height: 40px; }
	h1 a { font-size: 12px !important; line-height: 30px !important; height: 30px !important; }
	h2 { font-size: 16px; margin: 20px 0; }
	form.formstyle, div.formstyle { padding-left: 10px; padding-right: 10px; }
	h3.divider { font-size: 20px; }
	span.help_button { display: none; }

	input[name="submit_save"] { width: 100% !important; }
	input[name="submit_saveexit"] { width: 100% !important; margin-top: 0 !important; }
	input[name="submit_delete"] { width: 100% !important; margin-top: 40px !important; }


	.tagged-cats {  width: 100%; }


}

div.cart_item p.logo_uploader {
    background: #eee;
    border: 1px solid #999;
    clear: both;
    margin: 1em 0;
    padding: 1em;
}

.basket-bundle-table {
    font-size: 0.8em;
    width: 100%;
}

.basket-bundle-table select {
    font-size: 16px;
}

.basket-bundle-table tr {
    padding-bottom: 20em;
}

div.cart_item table .size-picker {
    width:60%;
}