/*--------------------------------------------------
version: base.css - 1.2
created: 12-02-2014
author: Gareth James ~ GlobalGraphics Associates Ltd.
email: webmaster@globalgraphics.co.uk
website: http://www.globalgraphics.co.uk/
--------------------------------------------------*/

/*
	Based on Eric Meyer's reset.css - v1.0 | 20080212
	http://meyerweb.com/eric/tools/css/reset/
*/

html {
	overflow-x: hidden;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
	padding: 0;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Creates some basic type styling */

body {
	font-size: 0.625em;
}

body,
input,
textarea {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

p,
ul,
ol,
dl,
label {
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 1em;
}

li p,
dd p {
	font-size: 1em;
}

h1 {
	font-size: 4.8em;
}

h2 {
	font-size: 3.6em;
}

h3 {
	font-size: 2.4em;
}

h4 {
	font-size: 2.1em;
}

h5 {
	font-size: 1.8em;
}

h6 {
	font-size: 1.6em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 0.4em;
}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 1em;
}

code {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}

/* font-size in px because it is monospace */
input,
textarea {
	font-size: 1.2em;
}

/* Creates some basic form & table styling */

form.default fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
	background: #f8f8f8;
}

form.default fieldset legend {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0.5em;
	color: #000;
}

form.default fieldset label {
	float: left;
	width: 10em;
}

form.default fieldset input[type="text"],
form.default fieldset textarea {
	width: 200px;
	padding: 0.2em;
	border: 1px solid #bbb;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

form.default fieldset input[type="radio"] {
	float: left;
	margin-right: 1em;
}

form.default fieldset input[type="submit"] {
	float: left;
	clear: both;
	margin-top: 1em;
}

form.default fieldset input:focus,
form.default fieldset textarea:focus {
	background: #ffc;
}

table.default {
	border: 1px solid #bbb;
	margin-bottom: 1em;
}

table.default th,
table.default td {
	padding: 0.1em 1em;
}

table.default caption {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1em;
}

table.default col {
	border-right: 1px solid #ccc;
}

table.default thead {
	background: #ccc;
	border-top: 1px solid #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
}

table.default tr:nth-child(even) td {
	background: #edf5ff;
}

table.default tr:hover td {
	background: #9fc9ff;
	color: #fff;
}

table.default thead tr:hover td {
	background: transparent;
	color: inherit;
}

/* http://www.webtoolkit.info/css-clearfix.php */
.group:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.group {
	display: inline-block;
}

html[xmlns] .group {
	display: block;
}

* html .group {
	height: 1%;
}

/* Useful reusable classes */
.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.hidden {
	display: none !important;
	visibility: hidden !important;
}

img.left {
	margin: 0 .5em .5em 0;
}

img.right {
	margin: 0 0 .5em .5em;
}

img.border {
	background: #ddd;
	border: 1px solid #ccc;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* content - bullets in edit area text fields */
.client-text ul {
	list-style-type: disc;
	font-size: 1.2em;
}

.client-text ol {
	list-style-type: decimal;
	font-size: 1.2em;
}

.client-text ul,
.client-text ol {
	list-style-position: outside;
	margin-left: 30px;
}

.client-text ul ul,
.client-text ol ol,
.client-text ul ol,
.client-text ol ul {
	margin-bottom: 0px !important;
	font-size: 1em !important;
}

.client-text table,
.client-text caption,
.client-text tbody,
.client-text tfoot,
.client-text thead,
.client-text tr,
.client-text th,
.client-text td {
	vertical-align: top;
}

/*---------------------------------------------------------------------------*/
/* COOKIE NOTIFICATION */
/*---------------------------------------------------------------------------*/

#cookie_notification {
	background-color: #E1F095;
	color: #000;
	font: normal 12px/1.2em Arial, Helvetica, sans-serif;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

#cookie_notification a,
#cookie_notification a:link,
#cookie_notification a:visited {
	color: #03c;
	text-decoration: underline;
}

#cookie_notification a:hover,
#cookie_notification a:active {
	color: #099;
	text-decoration: none;
}

#cookie_notification .close {
	background: transparent url('../img/ui/close.png') no-repeat right center;
	cursor: pointer;
	display: block;
	height: 50px;
	line-height: 50px;
	padding-right: 30px;
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -999999px;
}

/* content - bullets in edit area text fields */
.client-text ul {
	list-style-type: disc;
	font-size: 1em;
}

.client-text ol {
	list-style-type: decimal;
	font-size: 1em;
}

.client-text ul,
.client-text ol {
	list-style-position: outside;
	margin-left: 30px;
}

.client-text ul ul,
.client-text ol ol,
.client-text ul ol,
.client-text ol ul {
	margin-bottom: 0px !important;
	font-size: 1em;
}

/* Alerts/Errors*/
p.alert {
	color: #c00;
	font-weight: 700;
}

p.alert-success {
	color: #0c0;
}

/* basic contact form */
.basic {}

.basic ul,
.basic li {
	width: 100%;
}

.basic fieldset {
	border: 1px solid #ddd;
	background-color: #eee;
	padding: 20px;
}

.basic ul {}

.basic li {
	position: relative;
	padding: 5px 0;
}

.basic input,
.basic textarea,
.basic select {
	margin: 0;
	display: block;
	width: 200px;
	font-size: 1em;
}

.basic select {
	width: auto;
}

.basic label {
	font-size: 1em;
}

.basic label.over {
	position: absolute;
	top: 11px;
	left: 6px;
	line-height: 1em;
	margin: 0;
}

.basic input.button {
	width: auto;
}

.basic input.button:hover {}

/* validation*/
.validation {
	margin-bottom: 10px;
}

.validation p {
	margin-bottom: 5px;
}

.validation label,
.basic .validation input[type="text"] {
	float: left !important;
}

.validation label {
	margin-bottom: 0;
	padding-top: 3px;
	width: auto !important;
}

.validation input {
	width: 60px !important;
	margin-left: 10px
}

/* forms */
input,
textarea,
select {
	padding: 4px;
	border: 1px solid #ddd;
	background-color: #fff;
	color: #111;
}

input.narrow {
	width: 50px;
}

input[type="submit"],
input.button {
	padding: 4px 10px;
	cursor: pointer;
	color: #fff;
	background-color: #000;
	border-color: #111;
}

input[type="submit"]:hover {
	background-color: #78D4EF;
	color: #fff;
}

input[type="checkbox"],
input.chkbox,
input.auto,
select.auto,
label.auto {
	width: auto;
}

input:focus,
textarea:focus,
select:focus {
	border-color: #78D4EF;
}

input.error,
textarea.error,
select.error {
	border-color: #f00;
}

input[type="radio"],
input[type="checkbox"],
input.checkbox,
input.radio {
	border: none;
}

/* breadcrumbs */
#breadcrumbs ul {
	font-size: 1em;
	overflow: hidden;
}

#breadcrumbs ul li {
	float: left;
	margin-right: 5px;
}

#breadcrumbs ul li a,
#breadcrumbs ul li span {
	font-size: 13px;
}

#breadcrumbs ul li a {
	font-weight: 400;
}

#breadcrumbs ul li span {
	font-weight: 600;
}

#breadcrumbs ul li a:hover {}

/* entry listings */
.entries,
.entries li {
	float: left;
}

.entries.full {
	width: 100%;
}

.entries li {
	padding: 0 0 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.entries li:last-child {
	border-bottom: 0;
}

.entries li img,
.entries li div {
	float: left;
}

.entries li a,
.entries li img,
.entries li span {
	display: block;
}

.entries.full li img {
	margin-right: 20px;
}

.entries li div {
	width: 75%;
}

/* PAGINATION */
.pagination {
	clear: both;
	float: left;
	margin: 10px 0;
	width: 100%;
	margin-bottom: 20px;
}

.pagination ol {
	float: right;
	font-size: 1.1em;
	margin-bottom: 0;
}

.pagination ol li {
	float: left;
}

.pagination .extend {
	display: block;
	padding: 5px 5px 0 5px;
}

.pagination ol li a {
	display: block;
	padding: 0 5px;
	margin-right: 5px;
	background: #f00;
	color: #fff;
	min-width: 20px !important;
	line-height: 30px;
	height: 30px;
	text-align: center !important;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

.pagination span {
	line-height: 20px;
	color: #666;
}

.pagination ol li a:hover {
	background-color: #c00;
	color: #fff;
}

.pagination ol li a.active {
	background: #e9e9e9;
	color: #666;
}

.pagination p {
	float: left;
	font-size: 1.1em;
	color: #333;
	margin-bottom: 0;
}

/* gallery */
.gallery {
	margin-top: 15px;
}

.gallery,
.gallery li {
	float: left;
}

.gallery li a,
.gallery li img,
.gallery li span {
	display: block;
}

.gallery li {
	margin-bottom: 33px;
	text-align: center;
}

.row4 li {
	margin-right: 24px;
}

.row5 li:nth-child(5n),
.row4 li:nth-child(4n),
.row3 li:nth-child(3n),
.row2 li:nth-child(2n),
.row1 li:nth-child(1n) {
	margin-right: 0 !important;
}

.row5 li:nth-child(5n+1),
.row4 li:nth-child(4n+1),
.row3 li:nth-child(3n+1),
.row2 li:nth-child(2n+1),
.row1 li:nth-child(1n+1) {
	clear: both !important;
}

.row3 li {
	margin-right: 40px;
}

/* checkout form */
#checkout,
#checkout fieldset ol,
#checkout fieldset ol li {
	float: left;
}

#checkout fieldset ol,
#checkout fieldset ol li {
	width: 100%;
}

#checkout fieldset {
	margin-bottom: 20px;
}

#checkout fieldset legend {
	font-size: 1.4em;
	color: #EE501C;
	margin-bottom: 10px;
}

#checkout ol {
	margin: 0;
}

#checkout ol li {
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
}

#checkout ol li:last-child {
	border: 0;
	padding-bottom: 0;
}

#checkout label {
	width: 160px;
	display: block;
	float: left;
	font-size: 1em;
	margin: 0;
}

#checkout label.auto {
	width: auto;
}

#checkout em {
	font-size: 1em;
	color: #EE501C;
	float: none;
}

#checkout input,
#checkout textarea,
#checkout select {
	width: 250px;
}

#checkout input,
#checkout textarea,
#checkout select {
	float: left;
	margin-right: 10px;
}

#checkout textarea {
	margin-right: 0;
	width: 698px
}

#checkout input[type="submit"] {
	width: auto;
	float: right;
	margin: 0;
}

#checkout input[type="submit"]:hover {
	background-position: 0 0;
}

#checkout input.chkbox {
	width: auto;
	margin-top: 3px;
}

#checkout select.auto {
	width: auto;
}

#checkout li.multiple label {
	margin-bottom: 70px;
}

#checkout li.multiple input {
	margin-bottom: 5px;
}

#checkout span {
	font-size: .8em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#checkout #maskcc {
	float: right;
	display: block;
	width: 150px;
	height: 100px;
	margin: 0 0 20px 20px;
	text-indent: -99999px;
	background: url(../img/cc.gif) 0 0 no-repeat;
}

#checkout .toggle {
	cursor: pointer;
}

#checkout .terms a {
	color: #333;
	font-weight: 600;
}

#checkout .terms a:hover {
	color: #EE501C;
}

#security_info {
	clear: both;
	padding-top: 15px;
	display: none;
}

#security_info p {
	font-size: 1em;
}

#security_info h4 {
	font-size: 1.2em;
	margin-bottom: 10px;
	color: #f00;
}

#security_info img {
	border: 0;
	padding: 0;
	background: none;
	float: right;
	margin: 0 0 15px 15px;
}

/* basket */
#basketform table,
#orderHistory table {
	border: 1px solid #a5a5a5;
	margin-bottom: 2em;
	font-size: 1.2em;
}

#basketform table th,
#basketform table td,
#orderHistory table th,
#orderHistory table td {
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}

#basketform table th,
#orderHistory table th {
	padding: 8px;
}

#basketform table thead,
#orderHistory table thead {
	font-size: 1.2em;
	background: #ccc;
	border-top: 1px solid #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
}

#basketform table col,
#orderHistory table col {
	border-right: 1px solid #ccc;
}

#basketform table tr:nth-child(even) td,
#orderHistory table tr:nth-child(even) td {
	background: #eee;
}

#basketform table td.price-label {
	text-align: right;
}

#basketform table tr.grand-total td {
	font-weight: 600;
	font-size: 1.2em;
}

#basketform input,
#orderHistory input {
	padding: 4px;
	border: none;
}

#basketform input.q {
	width: 62px;
}

#basketform table td span {
	display: block;
}

#delivery-estimate {
	margin: 1em 0;
	margin-bottom: 2em;
	min-height: 93px;
}

#delivery-estimate h3,
#delivery-estimate span {
	text-align: center
}

#delivery-estimate span {
	display: block;
	margin-bottom: 1em;
}

#delivery-estimate label {
	clear: both;
	padding: 0 25px;
}

#delivery-estimate select {
	width: 220px;
}

#delivery-estimate label span {
	display: inline;
}

#payments,
.summary,
#delivery-estimate,
#discount-code,
#actions {
	width: 50%;
	float: left;
}

.summary {
	float: right;
}

#payments {
	text-align: center;
}

#payments p {
	font-size: .9em;
	margin-bottom: 0;
}

#payments img {
	margin: 2px;
}

#accepted-label {
	margin-bottom: 10px;
}

#actions {
	padding-top: 10px;
}

#actions.full {
	clear: both;
	width: 100%;
}

#actions div {
	width: auto;
	float: right;
}

#actions li {
	float: left;
}

#actions input {
	padding: 0 4px;
}

#discount-code {
	width: 100%;
	clear: both;
	margin: 5px 0;
	margin-bottom: 2em;
	padding: 10px 0;
	border: 1px solid #A5A5A5;
	border-left: none;
	border-right: none;
}

#discount-code label span {
	font-size: 1.2em;
	font-weight: 600;
	padding: 0 10px;
}

#shoppingCart input,
#discount-code input {
	border: 1px solid #DDDDDD;
}

#canada_post_deliveries th {
	background: #ccc;
}

#canada_post_deliveries tfoot td {
	padding-right: 0;
}

#canada_post_deliveries tr:nth-child(2n) td {
	background: #eee;
}

#canada_post_deliveries input[type="submit"] {
	float: right
}

/* SHOPPING CART / ORDER HISTORY */
#basketform table,
#orderHistory table {
	border-color: #111;
}

#basketform table th,
#orderHistory table th {
	background: #111;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
}

#basketform table td,
#orderHistory table td {
	font-size: 12px;
}

#basketform table tr:nth-child(2n) td,
#orderHistory table tr:nth-child(2n) td {
	background: #f9f9f9;
}

#basketform table td.price-label {
	border-right: 1px solid #ddd;
}

#basketform .summary {
	border-color: #ddd;
	width: 330px;
}

#basketform table tr.grand-total td,
#discount-code label span {
	font-size: 13px;
	font-weight: normal;
}

#basketform img,
#orderHistory img {
	border: 1px solid #ccc;
	float: left;
	margin-right: 8px;
}

#basketform div,
#orderHistory div {
	line-height: 14px
}

#discount-code {
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}

#discount-code div {
	width: auto;
	float: right;
}

#discount-code label span {
	height: 23px;
	line-height: 23px;
	padding: 0;
	margin: 0;
}

#discount-code span,
#discount-code input {
	float: left;
	margin-left: 10px;
}

#discount-code input {}

#actions input,
#actions a {
	float: left;
	margin-left: 20px;
	width: 110px;
}

#actions.full {
	clear: both;
	width: 100%;
}

#orderHistory table td b {
	display: block;
}

#orderHistory table th.ar span,
#orderHistory table td.ar a {
	text-align: right;
	margin-right: 5px;
}

#orderHistory a.more {
	margin-bottom: 1px;
}

#orderHistory a.more:hover {
	margin-bottom: 0;
	border-bottom: 1px dotted #666;
}

/* CHECKOUT */
#checkout fieldset {
	border: none;
	padding: 0;
	background: none;
}

#checkout fieldset legend {
	color: #111;
	text-transform: uppercase;
	font-size: 19px;
}

#checkout fieldset li {
	border-bottom: 1px dotted #ccc;
}

#checkout .terms a {
	font-weight: normal;
	font-size: 13px;
}

#checkout .terms a:hover {
	color: #111;
}

#checkout #delivery_instructions {
	width: 730px;
	height: 100px;
	margin-right: 0;
}

#canada_post_deliveries,
#ups_deliveries {}

#canada_post_deliveries th,
#ups_deliveries th {
	background: #B4975A;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: normal;
}

#canada_post_deliveries th,
#canada_post_deliveries td,
#ups_deliveries th,
#ups_deliveries td {
	padding: 8px;
}

#canada_post_deliveries tr:nth-child(2n) td,
#ups_deliveries tr:nth-child(2n) td {
	background: #F9F9F9;
}

#canada_post_deliveries tfoot td,
#ups_deliveries tfoot td {
	padding-right: 0;
}

#canada_post_deliveries input[type="submit"],
#ups_deliveries input[type="submit"] {
	float: right
}

#actions #secured {
	float: left;
}

#secured span {
	line-height: 50px;
	padding-right: 10px;
}

#secured span,
#secured img {
	float: left;
}

/* product */
/* .breadcrumb { font-size: .9em; }
.breadcrumb li { display: inline; }
.breadcrumb li.here { font-style: italic; } */

#product-detail {
	margin-bottom: 1em;
}

#product-detail,
#product-gallery {
	float: left;
	width: 50%;
}

#product-gallery li.focus {
	margin-bottom: 0.5em;
}

.product-info li.price {
	font-weight: 600;
	font-size: 1.2em;
}

.product-info li.old-price {
	text-decoration: line-through;
	color: #666;
}

.product-downloads {
	padding-left: 3%;
	width: 97%;
}

.product-options li {
	min-height: 3em
}

.product-options label,
.product-options option {
	font-size: 0.9em;
}

.product-options option {
	line-height: 1.4em;
	padding-right: 16px;
}

.product-options select {}

#pricebreaks {}

#pricebreaks li.head {
	background: #f1f1f1;
}

#pricebreaks li {
	overflow: hidden;
}

#pricebreaks li span {
	float: left;
	width: 50px;
	padding: 5px 10px;
}

#pricebreaks li span.label-left {
	text-align: center;
}

#detail {
	float: left;
}

#detail address {
	font-size: 1.2em;
	line-height: 1.8em;
	font-style: normal;
}

#map {
	float: right;
}

/* Social Network */
.addthis_toolbox {
	width: auto;
}

/*--------------------------------------------------
version: screen.css - 1.6
created: 02-05-2014
author: Michael Eccleston ~ GlobalGraphics Associates Ltd.
email: webmaster@globalgraphics.co.uk
website: http://www.globalgraphics.co.uk/
--------------------------------------------------*/

@import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("//fonts.googleapis.com/css?family=Noto+Sans");


/* LAYOUT  - overriding wireframes/2b.css */
.container {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 1030px;
}

#content {
	margin: 15px 45px 45px;
	width: 940px;
	min-height: 500px;
}

#content.semi {
	width: 680px;
	margin: 15px 20px 0 45px;
}

#aside {
	width: 240px;
	margin: 15px 45px 0 0;
}

#page-home #content {
	min-height: inherit;
}

#footer {
	border-top: 1px solid #0074C7;
	margin: 0 45px 45px;
	padding-top: 30px;
	width: 940px;
}


/* GENERIC - overridding base.css, generic.css */
body,
input,
textarea {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

p,
ul,
ol,
dl,
label {
	color: #525252;
	font-size: 1.4em;
	margin-bottom: 25px;
}

/*li p, dd p { font-size: 1em; }*/
h1 {
	font-size: 3.6em;
}

h2 {
	font-size: 2.6em;
}

h3 {
	font-size: 2.4em;
}

h4 {
	font-size: 2.1em;
}

h5 {
	font-size: 1.8em;
}

h6 {
	font-size: 1.6em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #006495;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 300;
	margin-bottom: 15px;
}

/*blockquote { font-family: Georgia, "Times New Roman", Times, serif; margin: 0 1em; }*/
/*input, textarea { font-size: 1.2em; }*/
a {
	color: #006495;
	text-decoration: none;
}

a:active,
a:hover {
	color: #0074C7;
	text-decoration: none;
}

.button {
	background-color: #F69270;
	border: none;
	color: #fff;
	font: 13px/30px "Open Sans", Arial, Helvetica, sans-serif;
	display: inline-block;
	height: 30px;
	min-width: 60px;
	padding: 0 35px;
	text-decoration: none;
	width: auto;
}

.button:hover {
	background-color: #0074C7;
	color: #fff;
}


/* basic contact form - overrides generic.css */
.basic fieldset {
	border: none;
	background: none;
	padding: 0;
}

.basic ul {
	margin: 0;
}

.basic ul p {
	font-size: 13px;
}

.basic input,
.basic textarea,
.basic select {
	color: #666;
	font-size: 13px;
	height: 20px;
	line-height: 14px;
	width: 228px;
	padding-left: 6px;
}

.basic textarea {
	height: 148px;
}

.basic input:focus,
.basic textarea:focus,
.basic select:focus {
	border-color: #F07E41;
}

.basic select {
	height: 30px;
	width: 240px;
	padding-left: 2px;
}

.basic span {
	display: block;
	margin-bottom: 5px;
}

.basic label {
	color: #666;
	font-size: 13px;
}

.basic label.over {
	left: 7px;
	top: 13px;
	cursor: text;
}

.basic label em {
	font-style: normal;
	padding-left: 2px;
	color: #c00;
}

.basic input.button {
	background-color: #F69270;
	border: none;
	color: #fff;
	font: 700 13px/30px "Open Sans", Arial, Helvetica, sans-serif;
	height: 30px;
	padding: 0 35px;
	text-transform: uppercase;
	width: auto;
}

.basic input.button:hover {
	background-color: #f60;
}

.basic .validation img {
	float: left;
	margin-right: 10px;
}

.basic .validation input {
	margin-top: 10px;
}

.basic .validation label {
	margin-bottom: 0 !important;
	margin-top: 19px !important;
	padding-top: 0 !important;
	position: static !important;
	text-indent: 0 !important;
}


/* content - bullets in edit area text fields */
.client-text ul,
.client-text ul ul,
.client-text ol,
.client-text ol ol,
.client-text ul ol,
.client-text ol ul {
	list-style-position: inside
}

.client-text ul {
	font-size: 1.4em;
}

.client-text ol {
	font-size: 1.4em;
}

.client-text th,
.client-text td {
	color: #555;
	font-size: 1.4em;
}

.client-text ul p,
.client-text ol p,
.client-text th p,
.client-text td p {
	font-size: 1em;
}


/*----------------------------------------------------------------------------------------------------*/
/* HEADER */
/*----------------------------------------------------------------------------------------------------*/

#header {
	float: left;
	padding: 10px 45px 0;
	width: 940px;
}

#page-home #header {
	background: transparent url('../img/ui/header.png') repeat-x 0 0;
	height: 243px;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 2000;
	/* must be above #banner */
}

#logo {
	background: url('logo.png') no-repeat 0 0;
	float: left;
	height: 120px;
	text-indent: -5000px;
	width: 160px;
}

#info {
	float: right;
}

#info span {
	background: url('call.png') no-repeat left center;
	padding-left: 25px;
	font: 600 24px "Open Sans", Arial, Helvetica, sans-serif;
	color: #F69270;
	margin-bottom: 10px;
	display: block;
}


/* NAVIGATION */
/*#navbox { background: #333 url('../img/ui/nav.png') repeat-x 0 0; border: 1px solid #222; float: right; height: 36px; width: 740px; }*/
#navbox {
	background: #0074C7;
	border: 1px solid #0074C7;
	float: right;
	height: 36px;
	width: 740px;
}

#nav {
	float: left;
	height: 36px;
	margin: 0;
	width: auto;
	position: relative;
	z-index: 1000;
}

#nav>li {
	float: left;
	position: relative;
	z-index: 2;
	margin-left: 15px;
	height: 37px;
}

#nav li li {
	z-index: 1;
}

#nav>li a {
	color: #fff;
	display: block;
	font: 400 13px/36px "Open Sans", Arial, Helvetica, sans-serif;
	padding: 0 10px;
	text-decoration: none;
}

#nav a.active,
#nav>li:hover,
#nav>a:hover {
	color: #006495;
	background: #F69270;
}

#navbox span {
	color: #F69270;
	display: block;
	float: right;
	font: 700 13px/36px "Open Sans", Arial, Helvetica, sans-serif;
	margin-right: 17px;
}

#nav>li>ul {
	background: rgba(0, 118, 190, 0.95);
	left: -999em;
	position: absolute;
	top: 36px;
	width: 245px;
	z-index: 2000;
}

#nav>li>a:hover,
#nav>li:hover>a {
	color: #006495;
	z-index: 10000
}

#nav>li:hover>ul {
	left: auto;
	top: 37px;
}

#nav>li>ul li:hover,
#nav>li>ul li a:hover {
	background: #F69270;
	color: #006495;
}

#nav>li>ul li a {
	line-height: 40px;
}


/*----------------------------------------------------------------------------------------------------*/
/* BANNER */
/*----------------------------------------------------------------------------------------------------*/
#banner,
#fader,
#fader ul,
#fader ul li a,
#fader ul li a img {
	display: block;
}

#banner {
	position: relative;
	width: 1030px;
	z-index: 1000;
	/* must be below #header */
}

#fader ul {
	margin-bottom: 10px;
}

#banner a.prev,
#banner a.next {
	background: url('../img/ui/arrows.png') no-repeat 0 0;
	height: 59px;
	position: absolute;
	text-indent: -9999px;
	top: 290px;
	width: 30px;
}

#banner a.prev {
	left: -75px;
}

#banner a.prev:hover {
	background-position: 0 -59px;
}

#banner a.next {
	background-position: -30px 0;
	right: -75px;
}

#banner a.next:hover {
	background-position: -30px -59px;
}


/*----------------------------------------------------------------------------------------------------*/
/* CONTENT */
/*----------------------------------------------------------------------------------------------------*/

.feature {
	width: 100%;
	margin-bottom: 40px;
}

.feature li {
	float: left;
	overflow: hidden;
	/**/
}

.feature.row1 li {
	width: 226px;
	margin-left: 402px;
	margin-right: 0;
}

.feature.row2 li {
	width: 226px;
	margin-left: 185px;
	margin-right: 0;
}

.feature.row3 li {
	width: 226px;
	margin-right: 176px;
}

.feature.row4 li {
	width: 226px;
	margin-right: 42px;
}

.feature.row5 li {
	width: 185px;
	margin-right: 26px;
}

.feature.row6 li {
	width: 158px;
	margin-right: 16px;
}

.feature.row7 li {
	width: 136px;
	margin-right: 13px;
}

.row1 li:nth-child(1n),
.row2 li:nth-child(2n),
.row3 li:nth-child(3n),
.row4 li:nth-child(4n),
.row5 li:nth-child(5n),
.row6 li:nth-child(6n),
.row7 li:nth-child(7n) {
	margin-right: 0 !important;
}

.feature li a,
.feature li img,
.feature li span {
	display: block;
}

.feature li span.image {
	overflow: hidden;
	background: url(../img/ui/placeholder.png) center center no-repeat;
	background-size: cover;
	text-indent: -99999px
}

.feature li span.image img {
	width: 100%;
	height: auto;
}

.feature.row1 li span.image {
	width: 226px;
	height: 226px;
}

.feature.row2 li span.image {
	width: 226px;
	height: 226px;
}

.feature.row3 li span.image {
	width: 226px;
	height: 226px;
}

.feature.row4 li span.image {
	width: 226px;
	height: 226px;
}

.feature.row5 li span.image {
	width: 185px;
	height: 185px;
}

.feature.row6 li span.image {
	width: 158px;
	height: 158px;
}

.feature.row7 li span.image {
	width: 136px;
	height: 136px;
}

.feature li span.text-outer {
	background-color: #0074C7;
	padding: 5px 5px 10px;
	min-height: 66px;
	text-align: center;
}

.feature li span.text-outer span {
	font: 600 15px/22px "Open Sans", Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.feature li a:hover span {
	color: #FFBD9F;
}

#content .primary {
	float: left;
	width: 700px;
}

#content .secondary {
	float: right;
	width: 220px;
}

#page-contact #content .primary,
#page-contact #content .secondary {
	float: left;
	width: 300px;
}

#page-contact #content .tertiary {
	float: right;
	width: 300px;
}

#sub-nav a {
	color: #808585;
	display: block;
	font: 400 16px/40px "Open Sans", Arial, Helvetica, sans-serif;
}

#sub-nav a:hover {
	color: #F69270;
}


/* GALLERY / PRODUCTS - overrides generic.css */
.gallery,
.sections,
.products {
	margin: 0;
	margin-top: 20px;
	display: block;
}

.gallery li,
.sections li,
.products li {
	margin-bottom: 30px;
	text-align: left;
	width: 220px;
	float: left;
}

.gallery a,
.sections a,
.products a {
	color: #262626;
}

.gallery a:hover,
.sections a:hover,
.products a:hover {
	color: #F69270;
}

.gallery strong,
.sections strong,
.products strong {
	font-weight: 400;
}

.gallery span,
.sections span,
.products span {
	line-height: 1.2em;
	margin-bottom: 10px;
}

.row3 li {
	margin-right: 20px;
}

.gallery span,
.sections span,
.products span,
.gallery span img,
.sections span.image img,
.products span.image img {
	display: block;
}

/* product overrides */
#products li,
.sections li,
.products li,
.gallery-large li {
	width: 300px;
}

.sections span.image,
.products span.image,
.sections span.image img,
.products span.image img,
.gallery-large img {
	width: 300px;
	height: 200px;
	text-indent: -99999px;
}

.sections span.image,
.products span.image,
.gallery-large span.image {
	background: url(../img/ui/placeholder.png) 0 0 no-repeat;
	background-size: cover;
}

#products strong.title,
.sections strong.title,
.products strong.title,
.gallery-large span.title strong {
	font-size: 18px;
	font-weight: 300;
}


/* PRODUCT GALLERY MAIN (PIKA) STAGE IMAGE */
.pika-stage {
	position: relative;
	width: 440px;
	margin-bottom: 15px;
}

.pika-stage img {
	display: block;
}

.pika-imgnav {
	display: none !important;
}

.pika-textnav {
	position: relative;
}


/* PRODUCT VERTICAL PREV/NEXT */
.pika-textnav a.previous,
.pika-textnav a.next {
	background: transparent url('../img/ui/prev-next.png') no-repeat 0px 0px;
	cursor: pointer;
	display: block;
	top: 60px;
	height: 29px;
	left: 815px;
	position: absolute;
	text-indent: -99999px;
	width: 15px;
	z-index: 3000;
	left: 0;
}

.pika-textnav a.previous:hover {
	background-position: 0px -29px;
}

.pika-textnav a.next {
	background-position: -15px 0px;
	left: auto;
	right: 0px;
}

.pika-textnav a.next:hover {
	background-position: -15px -29px;
}


/* PRODUCT GALLERY SLIDESHOW (JCAROUSEL) */
#slideshow2 li {
	float: left;
	margin-right: 15px;
	width: 120px;
	height: 120px;
	margin-bottom: 0;
}

#slideshow2 li a,
#slideshow2 li img,
#slideshow2 li span {
	display: block;
}

#slideshow2 li,
#slideshow2 li img {
	height: 120px;
	width: 120px !important;
}

#slideshow2 li.jcarousel-item {
	cursor: pointer;
}

.jcarousel-clip {
	width: 390px;
	height: 120px;
	overflow: hidden;
	margin: 0 25px;
}


/* PRODUCT GALLERY SLIDESHOW (JCAROUSEL) - VERTICAL */
.jcarousel-container-vertical {
	float: right;
	height: 480px;
	width: 220px;
	padding: 30px 0 40px;
	margin-top: 0 !important;
}

.jcarousel-clip-vertical {
	width: 220px;
	height: 480px;
}

.jcarousel-clip-vertical ul {
	height: auto !important;
}

.jcarousel-item-vertical {
	margin-right: 0;
	clear: both;
}

#page-product .client-text {
	clear: both;
}

/* PRODUCT FABRICS accordion */
#product-fabric-accordion {
	width: 100%;
	clear: both;
	margin-bottom: 75px;
}

#product-fabric-accordion #accordion {
	padding-top: 20px;
}

#product-fabric-accordion h2 {
	margin-bottom: 40px;
}

#product-fabric-accordion #accordion>h3,
#product-fabric-accordion #accordion>div {
	display: block;
	clear: both;
}

#product-fabric-accordion #accordion h3 {
	background: none;
	font: 600 18px "Open Sans", Arial, Helvetica, sans-serif;
	color: #7f8585;
	padding: 0 0 30px;
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #ccc;
	margin: 0 0 30px;
	line-height: 30px;
	position: relative;
	cursor: pointer
}

#product-fabric-accordion #accordion h3.ui-state-active {
	margin: 0;
	border: none;
	color: #555
}

#product-fabric-accordion #accordion>div {
	border: none;
	padding: 0;
}

#product-fabric-accordion #accordion>div.ui-accordion-content-active {
	display: block;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#product-fabric-accordion #accordion .ui-icon {
	background: url(../img/ui/arrow-top-bottom.png) no-repeat 0 0;
	right: 0px;
	left: auto;
	height: 11px;
	width: 17px;
	top: 15px;
	position: absolute;
	display: block;
}

#product-fabric-accordion #accordion h3.ui-state-active .ui-icon {}

#product-fabric-accordion #accordion .ui-icon-triangle-1-e {
	background-position: 0 -11px;
	cursor: pointer;
}

#product-fabric-accordion #accordion ul {
	/*border-top: 1px dotted #cccccc;*/
	font-size: 1em;
	padding-top: 20px;
	margin-bottom: 0;
}

#product-fabric-accordion #accordion ul li.icon-pdf {
	background: url(../img/ui/pdf-icon.png) 0 0 no-repeat;
	border-bottom: 1px dotted #cccccc;
	width: 620px;
	padding: 15px 0 25px 60px;
}

#product-fabric-accordion #accordion ul li.last,
#product-fabric-accordion #accordion ul li:nth-last-child(1) {
	border-bottom: none;
	margin-bottom: 0;
}

#product-fabric-accordion #accordion ul li a.button {
	float: right;
	font-weight: 700;
	padding: 0 25px;
	color: #ffffff;
	text-transform: uppercase;
}

#product-fabric-accordion #accordion ul li a.button:hover {
	color: #ffffff;
}

#product-fabric-accordion #accordion #specification-data {
	padding-top: 20px;
	margin-top: 20px;
}

/* FOOTER */
#footer .primary img {
	float: left;
	margin-right: 20px;
}

#footer .primary span {
	display: inline-block;
}

#footer .primary,
#footer .secondary,
#footer .tertiary {
	float: left;
	margin-bottom: 45px;
}

#footer .primary {
	width: 340px;
}

#footer .secondary {
	margin-left: 20px;
	width: 300px;
}

#footer .secondary ul {
	float: left;
	line-height: 16px;
	margin: 0 0 0 -20px;
	width: 640px;
}

#footer .secondary li {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 15px 20px;
	width: 180px;
}

#footer .secondary ul a {
	color: #666;
	font-size: 13px;
}

#footer .secondary ul a:hover {
	color: #F69270;
	font-size: 13px;
}

#footer .tertiary {
	margin-left: 20px;
	width: 380px;
}

#footer span {
	color: #666;
	display: block;
	font: 400 13px/16px "Open Sans", Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}

#footer span.title {
	color: #282927;
	font-size: 18px;
}

#footer p.copyright {
	float: left;
	clear: left;
	width: 70%;
}

#footer p.copyright {
	float: left;
	font: 400 12px Arial, Helvetica, sans-serif;
	line-height: 24px;
	color: #666666;
}

#footer p.copyright a {
	color: #666666;
}

#footer p.copyright a:hover {
	color: #F69270;
}

#footer .social {
	float: left;
	width: 30%;
}

#footer .social ul {
	margin: 0;
	float: right;
	width: auto;
}

#footer .social li {
	float: left;
	margin-left: 10px;
}

#footer .social li img {
	display: block;
}

#subform legend {
	display: none;
}

#subform ul {
	margin: -5px 0 0 -10px;
	width: 390px;
}

#subform li {
	float: left;
	margin-left: 10px;
	width: 185px;
}

#subform input,
#subform textarea,
#subform select {
	width: 171px;
}

#subform input.button {
	background: #F69270 url('../img/ui/button.png') no-repeat right center;
	padding: 0 45px 0 15px;
	width: auto;
}

#subform input.button:hover {
	background-color: #f60;
}


/* DEALERS PAGE */
#order-forms {
	width: 100%;
	clear: both;
	margin-bottom: 75px;
}

#order-forms h2 {
	margin-bottom: 40px;
}

#order-forms #accordion>h3,
#order-forms #accordion>div {
	display: block;
	clear: both;
}

#order-forms #accordion h3 {
	background: none;
	font: 600 18px "Open Sans", Arial, Helvetica, sans-serif;
	color: #7f8585;
	padding: 0 0 30px;
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #ccc;
	margin: 0 0 30px;
	line-height: 30px;
	position: relative;
}

#order-forms #accordion h3.ui-state-active {
	margin: 0;
	border: none;
}

#order-forms #accordion>div {
	border: none;
	padding: 0;
}

#order-forms #accordion>div.ui-accordion-content-active {
	display: block;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#order-forms #accordion .ui-icon {
	background: url(../img/ui/arrow-top-bottom.png) no-repeat 0 0;
	right: 0px;
	left: auto;
	height: 11px;
	width: 17px;
	top: 15px;
	position: absolute;
	display: block;
}

#order-forms #accordion h3.ui-state-active .ui-icon {}

#order-forms #accordion .ui-icon-triangle-1-e {
	background-position: 0 -11px;
	cursor: pointer;
}

#order-forms #accordion ul {
	border-top: 1px dotted #cccccc;
	padding-top: 20px;
	margin-bottom: 0;
}

#order-forms #accordion ul li.icon-pdf {
	background: url(../img/ui/pdf-icon.png) 0 0 no-repeat;
	border-bottom: 1px dotted #cccccc;
	width: 620px;
	padding: 15px 0 25px 60px;
}

#order-forms #accordion ul li.last,
#order-forms #accordion ul li:nth-last-child(1) {
	border-bottom: none;
	margin-bottom: 0;
}

#order-forms #accordion ul li span {
	float: left;
	font: 600 15px "Open Sans", Arial, Helvetica, sans-serif;
	line-height: 15px;
	color: #7f8585;
}

#order-forms #accordion ul li a.button {
	float: right;
	font-weight: 700;
	padding: 0 25px;
	color: #ffffff;
	text-transform: uppercase;
}

#order-forms #accordion ul li a.button:hover {
	color: #ffffff;
}


/* Breadcrumbs */
#breadcrumbs {
	margin-bottom: 20px;
}

#breadcrumbs ul {
	margin-bottom: 0;
}

#breadcrumbs ul li {
	font: 400 12px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #7f8585;
}

#breadcrumbs ul li,
#breadcrumbs ul li a,
#breadcrumbs ul li span {
	font-size: 12px;
	font-weight: 400;
}

/*
.news { margin-bottom: 5px; }
.news li { float: left; margin-bottom: 35px; margin-right: 20x; width: 300px; }
.news li span { display: block; }
.news li span.date-meta, .news li div { float: left; }
.news li span.date-meta { margin-right: 20px; width: 50px; }
.news li span.date-meta > span { background: #f07e41; color: #ffffff; padding: 8px 0; text-align: center; font: 700 13px "Open Sans", Arial, Helvetica, sans-serif; }
.news li span.date-meta span.month { text-transform: uppercase; line-height: 13px; }
.news li span.date-meta span.day { font-size: 19px; line-height: 19px; }
.news li span.date-meta span.year { background: #e5e5e5; color: #808585; }
.news li div span.image { margin-bottom: 10px; }
.news li div { width: 220px; }
.news li div a, .news li div a img { display: block; }
.news li div p { font: 400 13px 'Open Sans', Arial, Helvetica, sans-serif; color: #666666; line-height: 20px; margin-bottom: 5px; }
.news li div p.more a { font-weight: 700; text-transform: uppercase; line-height: 13px; }
*/
.news {
	clear: both;
	margin: 20px 0;
}

.news li {
	float: left;
	margin-right: 35px;
	width: 290px;
	margin-bottom: 40px;
}

.news li span.date-meta,
.news li div {
	float: left;
}

.news li span.date-meta {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	width: 50px;
	margin-right: 20px;
}

.news li span.date-meta span {
	display: block;
	text-align: center;
	font-weight: 700;
}

.news li span.date-meta>span {
	background: #f07e41
		/*url("../img/ui/nav-bg.png") 0 0 repeat-x*/
	;
	color: #fff;
	padding: 5px 0;
}

.news li span.date-meta span.year {
	background: #e5e5e5;
	color: #999;
}

.news li span.date-meta span.month {
	text-transform: uppercase;
}

.news li span.date-meta span.day {
	font-size: 18px;
}

.news li span.date-meta span.day,
.news li span.date-meta span.month {
	line-height: 1.2em;
}

.news li span.image {
	width: 220px;
	height: 145px;
	margin-bottom: 15px;
	display: block;
	background: url("../img/ui/placeholder.png") center center no-repeat;
	background-size: cover;
}

.news li div {
	width: 220px;
}

.news li div.no-news {
	margin-left: 70px;
}

.news li div p.more {
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 700;
}

.news li div p.more a {
	color: #F07E41;
	border: none;
}

.news li div p.more a:hover {
	color: #F07E41;
	border-bottom: 1px dotted #F07E41;
}

#news-article h1 {
	text-transform: none
}

#news-article p.date {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-weight: 700;
	margin-bottom: 20px;
}


/* Pagination */
.pagination {
	margin: 0;
}

.pagination ol li {
	margin-left: 10px;
}

.pagination ol li a {
	background: #f07e41;
	margin-right: 0;
	font: 700 13px 'Open Sans', Arial, Helvetica, sans-serif;
	line-height: 30px;
}

.pagination ol li a.active,
.pagination ol li a:hover {
	background: #aaa;
	color: #ffffff;
}

.pagination ol li a.next_previous {
	background: none;
	color: #f07e41;
	font-weight: 400;
	padding: 0;
	margin: 0;
	text-transform: capitalize;
}

.pagination ol li a.next_previous:hover {
	color: #f07e41;
}


/* PRODUCTS DETAIL */
#page-product #wrap .primary {
	width: 940px;
	padding-top: 30px;
	border-top: 1px dotted #c0c2c2;
}

#page-product #wrap .primary.semi {
	width: 460px;
	margin-bottom: 40px;
	border: none;
	padding: 0;
}

#page-product #wrap .secondary {
	width: 460px;
}

#page-product #wrap .secondary.full {
	width: 100%;
	clear: both;
	float: none;
}

#page-product .secondary h2 {
	margin-bottom: 25px;
}


/* solarScreenFabricsForm */
#solarScreenFabricsForm select {
	width: 260px;
	height: 30px;
	border: 1px solid #cccccc;
	font: 400 13px 'Noto Sans', Arial, Helvetica, sans-serif;
	color: #666666;
}


#product-fabric-icons {
	width: 100%;
}

#product-fabric-icons ul {
	width: auto;
}

#product-fabric-icons .right li {
	float: left;
	margin-left: 10px;
}

#product-fabric-icons li span,
#product-fabric-icons li a {
	text-indent: -99999px;
}

#product-fabric-icons li img,
#product-fabric-icons .right li img {
	display: block;
}

#product-fabrics {
	min-height: 465px;
}

#product-fabrics ul.product-fabrics,
#product-fabrics .client-text {
	clear: both;
	display: block;
}

#product-fabrics .client-text {
	margin-top: 20px;
	border-top: 1px dotted #c0c2c2;
	padding-top: 20px;
}

#product-fabrics h3 {
	font-size: 26px;
}

.product-fabrics {
	margin-bottom: 0;
}

.product-fabrics li {
	float: left;
	margin-right: 20px;
	width: 140px;
	margin-bottom: 20px;
}

.product-fabrics.row6 li:nth-child(6n) {
	margin-right: 0 !important;
}

.product-fabrics.row6 li:nth-child(6n+1) {
	clear: both !important;
}

.product-fabrics li strong,
.product-fabrics li span,
.product-fabrics li span img {
	display: block;
}

.product-fabrics li span.image {
	margin-bottom: 15px;
}

.product-fabrics li span.title-outer {
	font: 400 12px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #262626;
	text-align: center;
}

.product-fabrics li strong.title {
	font-weight: 600;
}

/* payment pages */
/*#container_address_state { display: none; }*/
#container_address_county {
	display: none;
}

.paymentpages fieldset.first {
	width: 45%;
	float: left;
}

.paymentpages fieldset li {
	margin-bottom: 10px;
}

.paymentpages fieldset.second {
	width: 45%;
	float: right;
}

.paymentpages fieldset.second li.title {
	font-family: 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial, sans-serif;
	color: #F69270;
	font-size: 18px !important;
}

.paymentpages fieldset.second li input.amount {
	width: 100px !important;
}

.paymentpages fieldset.second li span {
	display: block;
	float: left;
	margin-right: 5px;
}

.paymentpages fieldset.second input.button {
	float: right;
}

#quickEnquiryForm fieldset {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	padding: 0;
	color: #333333
}

#quickEnquiryForm fieldset ul>li {
	font-size: 12px;
	float: left;
	clear: left;
	width: 100%;
}

#quickEnquiryForm fieldset ul ul {
	margin-bottom: 0;
}

#quickEnquiryForm fieldset ul li li {
	width: 322px;
	clear: none;
	margin: 0;
	padding: 0;
}

#quickEnquiryForm fieldset ul li li.info,
#quickEnquiryForm fieldset ul li li.textension {
	width: 210px;
}

#quickEnquiryForm fieldset input[type="text"],
#quickEnquiryForm fieldset input[type="number"],
#quickEnquiryForm fieldset input[type="email"],
#quickEnquiryForm fieldset select {
	width: 200px;
	height: 14px;
	color: #000000;
	border: #999999 solid 1px;
	font: 12px Arial, Helvetica, sans-serif;
	float: left;
	margin-right: 10px
}

#quickEnquiryForm fieldset input[type=number]::-webkit-inner-spin-button,
#quickEnquiryForm fieldset input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

#quickEnquiryForm fieldset ul li li.textension label {
	width: 35px;
}

#quickEnquiryForm fieldset ul li li.textension input[type="text"] {
	width: 60px;
}

#quickEnquiryForm fieldset select {
	width: 210px;
	height: 24px
}

#quickEnquiryForm label,
#quickEnquiryForm span.label {
	cursor: text;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 24px;
	color: #000000;
	float: left;
	width: 160px;
	margin-bottom: 0
}

#quickEnquiryForm .second label {
	width: 80px;
}

#quickEnquiryForm label em,
#quickEnquiryForm span.label em {
	color: #c00;
}

#quickEnquiryForm label.over,
#quickEnquiryForm span.label.over {
	position: absolute;
	top: 0;
	left: 5px;
	width: 200px;
	color: #666;
}

#quickEnquiryForm fieldset textarea {
	width: 422px;
	height: 92px;
	overflow: auto;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	border: #999999 solid 1px;
}

#quickEnquiryForm fieldset li.sum p {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 16px;
	margin: 0;
	color: #333333;
}

#quickEnquiryForm li.validation {
	margin: 0;
}

#quickEnquiryForm li.validation img {
	float: left;
	margin-right: 15px;
	border: #ddd 1px dashed;
}

#quickEnquiryForm li.validation label {
	padding-top: 4px;
	font-size: 12px
}

#quickEnquiryForm li.validation label,
#quickEnquiryForm li.validation input {
	margin-top: 10px;
}

#quickEnquiryForm fieldset input.button {
	width: 100px;
	height: 30px;
	font: 14px 'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial, sans-serif;
	line-height: 30px;
	text-transform: uppercase;
	border: none;
	padding: 0;
}

#quickEnquiryForm fieldset input.button:hover {
	color: #ccffff;
}

.validation input {
	margin-left: 10px;
	width: 52px !important;
}

#quickEnquiryForm li.tel {
	float: left;
	width: 280px;
}

#quickEnquiryForm li.tel input {
	width: 100px;
}

#quickEnquiryForm li.ext {
	float: left;
	width: 120px;
	clear: none;
}

#quickEnquiryForm li.ext input {
	width: 55px;
	margin: 0;
}

#quickEnquiryForm li.ext label {
	width: 25px;
}

#quickEnquiryForm li.addressdetails p {
	margin: 10px 0 0 0;
}

#quickEnquiryForm .second p {
	font-size: 12px;
}

span.steps {
	float: right;
	margin-right: 20px;
	line-height: 34px;
}

/* ITEMS SUMMARY / BASKET */
#basketForm {
	width: 50%;
	display: block;
	margin: auto;
}

#basketForm input.q,
#basketForm span.q {
	display: block;
	width: 60px;
	text-align: center;
}

table.itemSummary {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}

table.itemSummary th,
table.itemSummary td {
	padding: 8px 10px;
	vertical-align: top;
}

table.itemSummary th {
	background: #000;
	color: #fff;
}

table.itemSummary td {
	background: #fff;
}

table.itemSummary tr:nth-child(even) td {
	background: #f2f2f2;
}

table.itemSummary th.product-cell,
table.itemSummary td.product-cell {
	width: 45%;
	text-align: left;
}

table.itemSummary th.price-cell,
table.itemSummary td.price-cell {
	text-align: right;
}

table.itemSummary th.action-cell,
table.itemSummary td.action-cell {
	text-align: center;
}

table.itemSummary td.action-cell i {
	font-size: 1.4em;
}

table.itemSummary td a.product-image {
	display: block;
	width: 38px;
	height: 38px;
	max-width: 8%;
	margin-bottom: 5px;
	margin-right: 5px;
}

table.itemSummary td a.product-image img {
	display: block;
	width: 100%;
	height: auto;
}

table.itemSummary td a.product-image,
table.itemSummary td div.product-info {
	display: inline-block;
	zoom: 1;
	/* *display: inline; */
	overflow: hidden;
	max-width: 85%;
}

table.itemSummary td div.product-info {
	vertical-align: top;
}

table.itemSummary td div.product-info strong,
table.itemSummary td div.product-info span {
	display: block;
}

table.itemSummary td div.product-info strong.title-text {
	margin-bottom: 5px;
}

table.itemSummary td div.product-info span.option-text,
table.itemSummary td div.product-info span.question-text {
	padding-top: 5px;
}

#discountCode {
	float: left;
	width: 65%;
	margin-bottom: 20px;
}

#discountCode label span {
	font-size: 1.2em;
	display: block;
	margin-bottom: 5px;
	font-weight: 700;
	padding-right: 10px;
}

#discountCode input[type="text"] {
	width: 192px;
	height: 12px;
	padding: 10px 4px;
	margin-right: 10px;
}

table.basketPriceBreakdown {
	width: 30%;
	float: right;
	border-collapse: collapse;
	margin-bottom: 20px;
}

table.basketPriceBreakdown td {
	background: #fff;
	padding: 5px 10px;
}

table.basketPriceBreakdown tr:nth-child(even) td {
	background: #f2f2f2;
}

table.basketPriceBreakdown td.price-value {
	width: 15%;
	text-align: right;
}

table.basketPriceBreakdown tr.grand-total td {
	font-size: 1.2em;
	font-weight: 700;
}

#page-checkout2 table.basketPriceBreakdown {
	margin-top: 2.4em;
}

#delivery_container {
	float: left;
	width: 65%;
	margin-bottom: 20px;
}

table.basketDelivery {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}

table.basketDelivery th,
table.basketDelivery td {
	padding: 8px 10px;
	vertical-align: top;
}

table.basketDelivery th {
	background: #000;
	color: #fff;
}

table.basketDelivery td {
	background: #fff;
}

table.basketDelivery tr:nth-child(even) td {
	background: #f2f2f2;
}

table.basketDelivery .title-cell,
table.basketDelivery .date-cell,
table.basketDelivery .price-cell {
	text-align: left;
}

table.basketDelivery td .delivery-info strong,
table.basketDelivery td .delivery-info span {
	display: block;
}

#payment-options {
	width: 100%;
	display: block;
	clear: both;
	margin-bottom: 20px;
}

#payment-options p {
	margin: 0;
	padding-right: 10px;
	line-height: 38px;
}

#payment-options p,
#payment-options img {
	float: left;
	display: inline-block;
	zoom: 1;
	/* *display: inline; */
}

#actions {
	width: 100%;
	display: block;
	clear: both;
	margin-bottom: 20px;
}

#actions div {
	float: right;
	width: auto;
}

#actions div a.button,
#actions div input.button {
	margin-left: 10px;
}

.ccdetails {
	width: 50%;
	display: block;
	margin: auto;
}

.ccdetails li {
	margin-bottom: 10px;
	display: block;
}

#page-payment .terms {
	margin: 30px 0 20px 0;
}

#page-payment .terms input {
	display: inline-block;
	margin-right: 10px;
}

#page-payment .terms p {
	display: inline;
	font-size: 12px;
}

#page-payment p.instruct {
	display: block;
	clear: both;
	font-size: 12px;
}

#proceedtext,
p.instruct {
	line-height: 1.6em;
}

#add_invoice {
	font-size: 16px;
	line-height: 50px;
}

.second .terms {
	margin-bottom: 20px;
}

.second .terms p {
	display: inline;
}

#actions input,
#actions a {
	width: auto;
}

#basketForm .button {
	text-align: center;
}

.client-text form.basic ul {
	list-style: none;
}

.leftform,
.rightform {
	padding: 20px;
	width: 240px;
	border: 1px solid #F69270;
	background: #f8f8f8;
}

.leftform {
	float: left;
	margin: 0 20px 20px 0;
}

.rightform {
	float: right;
	margin: 0 0 20px 20px;
}