/* #Page Styles
================================================== */
	#header,
	#header .container {
		background: #000;
	}
	#header .logo {
		margin: 20px 0;
	}
	#header .logo img {
		display: block;
	}

	form .data-group {
		margin-bottom: 8px;
	}
	form label {
		padding: 7px 0 6px;
		margin-right: 6px;
		vertical-align: middle;
	}
	form label span.sub-title {
		display: block;
		line-height: 0;
		font-size: 10px;
		vertical-align: middle;
	}
	form #customer-info {
		margin: 0 0 20px;
		padding: 0;
		background: #ececec;
		color: #fff;
	}
	#customer-address,
	#customer-delivery-details {
		padding: 20px 10px 20px 20px;
		width: 600px;
		float: left;
	}
	#customer-address {
		background: #696565;
		margin-left: 10px;
	}
	#customer-delivery-details {
		background: #4a4747;
		margin-right: 10px;
	}
	form #customer-info input[type="text"] {
		width: 400px;
		padding: 7px 8px;
		vertical-align: middle;
		border: 0;
		border-radius: 3px;
	}
	form #customer-info select {
		width: 300px;
		padding: 7px 8px;
		vertical-align: middle;
		border: 0;
		border-radius: 3px;
	}
	form #customer-info .title {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 14px;
		color: #fff;
	}

	form table {
		table-layout: fixed;
		margin-bottom: 20px;
	}
	form table td:first-of-type,
	form table td.with-options + td {
		padding: 4px 8px 2px;
	}
	form table td.with-options {
		vertical-align: middle;
	}
	form table td.empty {
		background: #f1f1f1;
	}
	form table td {
		border: 1px solid #ddd;
		padding: 3px;
	}
	form table input[type="text"] {
		width: 100%;
		height: 27px;
		padding: 3px;
		border: 1px solid #60bce8;
		border-radius: 3px;
		box-sizing: border-box;
	}

	.not-available {
		position: relative;
		font-weight: bold;
		padding: 14px 8px 14px 50px;
	}
	.not-available:before {
		content: '';
		width: 41px;
		height: 34px;
		background: #f1f1f1;
		border: 1px solid #ddd;
		position: absolute;
		left: 0;
		top: 4px;
	}
	.title-category {
		font-size: 18px;
		margin-bottom: 10px;
	}
	table.other th {
		padding: 4px 8px 2px;
		background: #f1f1f1;
		border: 1px solid #ccc;
		text-align: left;
	}
	.table-group {
		padding: 14px 0 0;
		border-top: 1px solid #ddd;
	}
	.submit-now,
	.our-addresses {
		background: #ddd;
		padding: 14px;
		margin-bottom: 20px;
	}
	.our-addresses li {
		margin-bottom: 0;
	}
	.submit-now input[type="submit"] {
		border: 0;
		background: #e23330;
		color: #fff;
		padding: 14px 20px;
		font-weight: bold;
		cursor: pointer;
	}
	.submit-now input[type="submit"]:hover {
		background: #ad201e;
	}
	.submit-now textarea {
		width: 96%;
		min-width: 96%;
		min-height: 100px;
		padding: 2%;
	}
	.telephone-and-fax {
		margin: 49px 0;
		text-align: right;
		line-height: 1em;
	}
	.telephone-and-fax li {
		display: inline-block;
		margin-left: 30px;
		margin-bottom: 0;
		color: #fff;
		font-weight: bold;
		font-size: 26px;
		line-height: 1em;
	}
	.telephone-and-fax li img {
		display: inline-block;
		vertical-align: bottom;
	}

	/* Success*/
	.order-success {
		margin: 20px 0;
		padding: 20px;
		border-radius: 3px;
		background: #f1f1f5;
	}

    .trade-notification {
        background: #e23330;
        text-align: center;
    }
    .trade-notification h2 {
        color: #fff;
        font-size: 1.3em;
        margin-top: 0.8em;
    }

	/* Errors */
	label.error {
		display: block;
		width: 400px;
		margin-left: 139px;
		padding: 5px 8px 4px;
		text-align: left;
		color: #fff;
		margin-top: 7px;
		background: #e23330;
		border-radius: 3px;
	}

	/* Jump */
	a.float-btn {
		color: #fff;
		font-weight: bold;
		background: #e23330;
		padding: 3px;
		position: fixed;
		right: 0;
		bottom: 0;
		z-index: 9999;
	}
	a.float-btn:hover,
	a.float-btn:focus {
		color: #fff;
		background: #af1310;
	}

span.b-new {
	color: #fff;
	font-weight: bold;
	padding: 0.3em 0.5em;
	border-radius: 5px;
	background: green;
}



/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }