/* ./css/shared.css */
/* ./css/global.css */
/* ./css/frontend.css */
.f-right {
    float: right;
}

.f-left {
    float: left;
}

.modalCheckboxValue {
    display: block;
    margin: 2px 0;
}
.help-inline {
    font-size: 11px;
    color: #666;
    font-style: italic;
}

.orderStatus.large {
    font-size: 16px;
}

ul.orderStatusList {
    border: 1px solid #ccc;
    margin: 0;
    list-style: none;
    list-style-type: none;
}

ul.orderStatusList li {
    padding: 10px 5px;
    line-height: 30px;
    display: inline-block;
}

ul.orderStatusList li i.icon-ok, ul.orderStatusList li i.icon-cog {
    margin-right: 5px;
}

div.inlineFormError {
    color: #b94a48;
}

.slimCol {
    width: 1%;
    text-wrap: none;
}

/**
 * Twitter bootstrap fix
 * https://github.com/twitter/bootstrap/issues/5113
*/
ul.typeahead.dropdown-menu {
  z-index: 2050;
}

.formError {
    font-size: 10px;
    color: red;
}

.formErrorUnder {
    display: block;
    clear:both;
    margin-top: -7px;
}

ul.htmlSelectModalImageSelector,
ul.htmlSelectModalColourSelector {
    list-style: none;
    list-style-type: none;
}

ul.htmlSelectModalImageSelector li,
ul.htmlSelectModalColourSelector li {
    width: 130px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 2px solid #fff;
    text-align: center;
    padding: 3px;
    cursor: pointer;
    border-radius: 8px;
}

ul.htmlSelectModalImageSelector li:hover,
ul.htmlSelectModalColourSelector li:hover {
    box-shadow: 0 0 2px black;
}

ul.htmlSelectModalImageSelector li a img {
	max-width: 100%;
}
ul.htmlSelectModalImageSelector li.selected,
ul.htmlSelectModalColourSelector li:selected {
    border-color: #b94a48;
}

ul.htmlSelectModalColourSelector div.colourBlock {
    height: 50px;
}

/*
 * Cutter guide modal
 */

ul.htmlSelectModalImageSelector.cutterGuideModal {
    
}

ul.htmlSelectModalImageSelector.cutterGuideModal li {
    height: 180px;
    position: relative;
}

ul.htmlSelectModalImageSelector.cutterGuideModal img {
    max-height: 125px;
}

ul.htmlSelectModalImageSelector.cutterGuideModal .cg-label {
    position: absolute;
    bottom: 40px;
    width: 120px;
    left: 50%;
    margin-left: -60px;

}

ul.htmlSelectModalImageSelector .download-cutterguide {
    position: absolute;
    bottom: 5px;
    width: 80px;
    left: 50%;
    margin-left: -50px;
}

ul.htmlSelectModalImageSelector .download-cutterguide:hover {
     box-shadow: 0 0 3px black;
}


#attachmentsDiv {
margin: 15px 0;
}

/**   Large Modal   **/

#xigenModal.modal-large {
    width: 900px;
    margin-left: -450px;
}

#xigenModal.modal-large input[type="text"], #xigenModal.modal-large textarea {
    width: 90%;
}

/**   Large Modal   **/

.modal-large {
    width: 900px;
    margin-left: -450px;
}

.modal-large input[type="text"], .modal-large textarea {
    width: 90%;
}


body {
    font-family: 'Open Sans', Arial, sans-serif;
    -ms-overflow-style: scrollbar;
}

.alert > p {
    margin: 3px;
}

span.secondary {
    font-style: italic;
    color: #666;
    font-size: 12px;
}

div.searchContainer form {
    margin: 10px 0 0 0;
}

div.searchContainer input {
    margin-bottom: 0;
}

div.searchSelect  {
    margin-bottom: 10px;
}

div.searchSelect input {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: none;
}

div.searchSelect select {
    margin: 5px 0 0 0;
    float: right;
}


th.orderSelected {
    background-color: rgba(141, 192, 219, 0.25);
}

th[data-sortcol]:hover {
    cursor: pointer;
}

th[data-sortmode="asc"].orderSelected {
    background-image: url(/images/asc.png);
    background-position: 98% 50%;
    background-repeat: no-repeat;
}

th[data-sortmode="desc"].orderSelected {
    background-image: url(/images/desc.png);
    background-position: 98% 50%;
    background-repeat: no-repeat;
}

th.actions {
    width: 150px;
}

h1 {
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: normal;
    font-size: 40px;
    color: #444;
}

h2 {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 30px;
    line-height: 35px;
    padding-bottom: 5px;
}

fieldset {
    border: 1px solid #ccc;
    background: #fafafa;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
}

fieldset legend {
    padding: 10px;
    border-radius: 10px;
    font-weight: bold;
    background: #ccd6eb;
    font-size: 14px;
    width: auto;
    margin: 0;
    line-height: 20px;
    border: 1px solid #ccc;
    background: #D9EDF7;
}

dl.horizontal dt, div.productVariation dl dt, dl.horizontal .control-label {
    float: left;
    width: 130px;
}

dl.horizontal dd, div.productVariation dl dd {
    float: left;
    margin-right: 50px;
}

input[type="text"].narrow {
    width: 60px;
}

div.productVariationItem {
    float: left;
    margin-right: 20px;
}

textarea {
    height: 100px;
}

span.productFlag {
    margin-right: 5px;
    font-family: 'Inconsolata', monospace;
}

div.variationContainer .priceBreak:first-child a.removePriceBreak {
    display: none;
}

div.variationContainer .priceBreak:nth-child(n+2) a.removeVariation
{
    display: none;
}

.variationContainer .priceBreak:nth-child(n+2) div.productVariationItem:first-child {
    visibility: hidden;
}

.btn.margin-left, .btn-group.margin-left {
    margin-left: 3px;
}

.btn.margin-right, .btn-group.margin-right {
    margin-right: 3px;
}

.visibility_hidden {
    visibility: hidden;
}

label.error {
    color: #942a25;
    font-size: 10px;
    margin-top: -9px;
}

.input-prepend label.error {
    margin-top: 0
}

.table tbody tr.subheader td {
    background-color: #D9EDF7;
}

.table thead tr.header th {
    background-color: #DFF0D8;
}

.dropdown-menu a {
    padding: 3px 13px;
}

a i {
    margin-top: 3px !important;
}

a.btn i {
    margin-top: 1px !important;
}

a.btn-small i {
    margin-top: 1px !important;
}

label.inline {
    display: inline;
}

#productDimensions dt {
    width: 80px;
}

span.required {
    color: #d00;
}

.addressBlock {
    display: none;
}

/* FORM 1 COL */
form.form-horizontal-1col div.control-group {
    /*width: 510px;*/
    float: left;
}

form.form-horizontal-1col textarea {
    width: 565px;
    float: left;
}

/* FORM 2 COL */
form.form-horizontal-2col div.control-group {
    width: 380px;
    float: left;
}

/* FORM 3 COL */
form.form-horizontal-3col div.control-group {
    width: 290px;
    float: left;
}

form.form-horizontal-3col div.control-group:nth-child(4n+1),
form.form-horizontal-3col fieldset div.control-group:nth-child(4n+1)
{
    /*clear: left;*/
}

/* FORM 4 COL */
form.form-horizontal-4col div.control-group {
    width: 215px;
    float: left;
}

form.form-horizontal-4col div.control-group:nth-child(5n+1),
form.form-horizontal-4col fieldset div.control-group:nth-child(5n+1)
{
    clear: left;
}

/* FIELDSET 4 COL (override) */
.horizontal-4col div.control-group {
    width: 215px !important;
}

.horizontal-4col div.control-group:nth-child(5n+1)
{
    clear: left !important;
}

.horizontal-2col > div.control-group {
    width: 470px !important;
}

.horizontal-1col div.control-group {
    width: 940px !important;
}

.horizontal-description div.control-group {
    width: 800px !important;
    height: 250px !important;
}

form.form-filters {
    background-color: #FAFAFA;
    background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
    border: 1px solid #D4D4D4;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    padding: 10px;
}

form.form-filters div.control-group {
    float: left;
    margin-right: 15px;
    margin-bottom: 0;
}

form.form-filters select,
form.form-filters input {
    width: auto;
    margin-bottom: 0;
}

legend + .control-group {
    margin-top: 0px;
}

.multicheckbox {
    overflow: auto;
}

.multicheckbox .controls label {
    float: left;
    margin-right: 15px;
}

.multicheckbox .controls input {
    margin-right: 5px;
    margin-top: -2px;
}

.multicheckbox .control-label {
    margin-top: -4px;
}

#thumbnails {
    margin-top: 10px;
}

#thumbnails > li {
    margin-bottom: 0;
}

#templates {
    list-style: none outside none;
    margin: 0 0 20px;
    padding: 0;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.icon-btn-loading {
    background: url('/images/ajax-loader-btn.gif') no-repeat;
    display: inline-block;
    width: 43px;
    height: 11px;
    margin-left: 5px;
    margin-right: 5px;
    border-style: none;
}

div[id*=orderItemComment-] p {
    margin-top:5px;
    margin-bottom:0px;
}

.form-horizontal .zend_form .controls {
    float: left;
    margin-left: 20px;
}

#Order_Form_Quote textarea {
    width: 680px;
    height: 100px;
}

#quoteFormModal textarea {
    width: 500px;
}

.quote-frame {
    overflow-y:auto;
    overflow-x: hidden;
}

.quote-comment-form {
    position: relative;
    margin-top:20px;
}

.msg_read_icon_small, .msg_unread_icon_small {
    height: 24px;
    position: relative;
    top: -5px;
    width: 24px;
}

.msg_unread {
    font-weight: bold;
}

.msg_read_icon_small {
    background: url("/images/mail_small.jpg") repeat scroll 0 -24px transparent;
}

.msg_unread_icon_small {
    background: url("/images/mail_small.jpg") repeat scroll 0 0 transparent;
}

input.currency {
    width: 75px;
}

input.dateRange {
    width: 75px;
}

td.resultNotes {
    font-size: 11px;
}

td.key {
    font-weight: bold;
}

.statusMatrix td.key {
    font-size:10px;
}

input.faqQuestion {
    width: 600px;
}

textarea.faqAnswer {
    width: 600px;
    height: 130px;
}

.icon-mime-ai    { width: 16px; height:16px; margin-right: 5px; background: url('../images/css/icon-sprite.png') no-repeat 0 0; }
.icon-mime-indd  { width: 16px; height:16px; margin-right: 5px; background: url('../images/css/icon-sprite.png') no-repeat -36px 0; }
.icon-mime-psd   { width: 16px; height:16px; margin-right: 5px; background: url('../images/css/icon-sprite.png') no-repeat -72px 0; }
.icon-mime-qxp   { width: 16px; height:16px; margin-right: 5px; background: url('../images/css/icon-sprite.png') no-repeat -108px 0; }
.icon-mime-pdf   { width: 16px; height:16px; margin-right: 5px; background: url('../images/css/icon-sprite.png') no-repeat -145px 0; }
.icon-mime-image { width: 16px; height:16px; margin-right: 5px; background: url('../images/css/icon-sprite.png') no-repeat -181px 0; }

header.staffbar, div.staffbar {
    padding-top: 50px;
}

.public #staffBar .sort-by {
    margin-right: 20px;
}

#staffBar {
    padding: 5px 0;
    background: #eee;
    border-bottom: 1px solid #ccc;
    text-align: right;
    z-index: 900;
    font-size: 10px;
    position: fixed;
    width: 100%;
}

#staffBar .sb-container {
    margin-bottom: 5px;
    padding-right: 20px;
}

#staffBar a.btn:first-child {
    margin-left: 20px;
}

/* Open Chat */

.chat-tab {
    position: fixed;
    right: -280px;
    top: 56%;
    z-index: 999;
}

.chat-tab a {
    display: block;
    width: 31px;
    height: 138px;
    background: url('/images/css/master-sprite.png') no-repeat -107px 0;
    float: left;
}

#chatPanel {
    background: none repeat scroll 0 0 #783C9E;
    float: left;
    height: 255px;
    margin-top: -60px;
    width: 260px;
    padding: 10px;
}

#chatPanel .content {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 230px;
    padding: 10px;
}

#chatPanel div.messages {
    background: none repeat scroll 0 0 white;
    height: 203px;
    margin-bottom: 10px;
    padding: 5px;
    overflow: auto;
}

#chatPanel form.chatInputMessage {
    margin: 0;
}

#chatPanel form.chatInputMessage input {
    width: 164px;
}

#chatPanel a {
    background-image: none;
    height: auto;
    width: 120px;
}

.chat-mailto-link {
    display: block !important;
    width: auto !important;
    height: auto !important;
    float: none !important;
}

#chatQueue, #staffChatPanel {
    background: none repeat scroll 0 0 white;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    margin-left: 20px;
    padding: 10px 0;
    position: absolute;
    width: 322px;
    text-align: left;
    z-index: 50;
    font-size: 12px;
}

#chatQueue ul {
    margin: 0px;
}

#chatQueue ul li {
    cursor: pointer;
    padding: 0 10px;
}

#chatQueue .clickToChat:hover {
    background: #F9F9F9;
}

#staffChatPanel, #chatQueue {
    display: none;
}

#staffChatPanel .messages {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    margin: 0 10px;
    max-height: 160px;
    overflow: auto;
    padding: 5px;
    width: 290px;
}

#staffChatPanel form.staffChatInputMessage {
    margin: 10px 10px 0;
}
/* Staff Bar */


#staffBar #staff-tasks .pop-out
{
    width: 400px;

    font-size: 12px;

    position: absolute;
    z-index: 999;
    background-color: white;
    border: 1px solid #DDDDDD;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;

    max-height: 89vh;
    overflow-y: auto;

    box-shadow: 0 3px 5px black;
}

#staffBar #staff-tasks .pop-out-tasks
{
     left: 30px;
}

#staffBar #staff-tasks .pop-out-tasks-add
{
     left: 80px;
     display: none;
}

#staffBar #staff-tasks .pop-out header
{
    border-bottom: 1px solid #DDDDDD;
    padding: 10px;
    overflow: auto;
}

#staffBar #staff-tasks .pop-out header h5
{
   float: left;
}

#staffBar #staff-tasks .pop-out-tasks header select
{
   display: inline-block;
   float: right;
   margin-top: 10px;
   width: 100px;
}

#staffBar #staff-tasks .pop-out-tasks ul
{
    text-align: left;
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
    /*max-height: 500px;*/
    overflow: auto;
}


#staffBar #staff-tasks .task
{
    padding: 10px;
    border-bottom: 1px solid #DDDDDD;
}


#staffBar #staff-tasks .task:hover
{
    background-color: #F9F9F9;
}

#staffBar #staff-tasks .task:last-child
{
    border-bottom: none;
}

#staffBar #staff-tasks .task .task-text
{
    width: 300px;
    height: auto;
    overflow: auto;
}

#staffBar #staff-tasks .task .actions
{
    float: right;
}

#staffBar #staff-tasks .task .resolve
{
    display: none;
}

#staffBar #staff-tasks .task .resolve textarea
{
    width: 310px;
    height: 60px;
}

#staffBar #staff-tasks .task .icon-list-alt
{
    margin-right: 10px;
}

#staffBar #staff-tasks .group-task-pool
{
    border-top: 2px solid #CCC;
}

.rowClick {
    cursor: pointer;
}

td.currency, th.currency {
    text-align:right;
}

table.contextMenu tbody tr {
    cursor: pointer;
}

table.contextMenu tbody tr.selected td {
    background: #cfc
}

/* Grouping borders */

table tbody.group.border tr:first-child td {
    border-top: 2px solid;
}

table tbody.group.border tr:last-child td {
    border-bottom: 2px solid;
}

table tbody.group.border td:first-child {
    border-left: 2px solid;
}
table tbody.group.border td:last-child {
    border-right: 2px solid;
}

.pad-left {
    margin-left: 5px;
}

.pad-right {
    margin-right: 5px;
}

.pad {
    margin: 0 5px;
}

.pad-all
{
    margin: 5px;
}

#lineTable .select-line {
    width: 40px;
}

#line-group-actions
{
    margin: 20px 0;
    float: left;
}

.report-footer td {
    font-weight: bold;
    text-decoration: underline;
}

.report-footer span.totals {
    display: inline-block;
    margin-right: 50px;
    text-decoration: underline;
}

table.report-header {
    width: 100%;
    margin-bottom: 30px;
}

table.report-header td {
    vertical-align: top;
    font-size: 10px;
}

table.report-header h3 {
    font-size: 14px;
}

table.report-header h4 {
    font-size: 12px;
}

table.report-header h3,
table.report-header h4 {
    text-decoration: underline;
    margin: 0;
}

.small-font {
    font-size: 10px;
}

table.small-font.table-condensed td {
    padding: 0 4px;
}


.wide3 {
    float: left;
    height: 14em;
    padding: 5px;
    width: 220px;
    position: relative;
}

.addressBtn {
    position: absolute;
    top: 190px;
    left: 0px;
    padding: 0 5px;
}

.clearfix.deliveryAddresses {
    margin: 0;
}

#product-tabs .tab-content {
    overflow: visible;
}

#address-selection .deliveryAddresses, #address-selection .invoiceAddresses {
    width: 940px;
}

#address-selection .address-searchbar:after {
    clear: both;
    content: " ";
    display: block;
}

.pagination-controls .itemsPerPage {
   float: left;
   margin-left: 50px;
}

.pagination-controls .pagination-totals {
    float: left;
    font-size: 10px;
    margin-top: 8px;
    margin-left: 10px;
}

.form-inline .control-group {
    float: left;
    margin-left: 5px;
    line-height: 10px;
}

.form-inline:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


#ui-datepicker-div {
    z-index: 10000 !important;
}


/**
 *  Table sorting 2016
 */

.xigen-table th.xt-order-selected {
    background-color: rgba(141, 192, 219, 0.25);
}

.xigen-table th[data-xt-sortcol]:hover {
    cursor: pointer;
}

.xigen-table th[data-xt-sortmode="asc"].xt-order-selected {
    background-image: url(/images/asc.png);
    background-position: 98% 50%;
    background-repeat: no-repeat;
}

.xigen-table th[data-xt-sortmode="desc"].xt-order-selected {
    background-image: url(/images/desc.png);
    background-position: 98% 50%;
    background-repeat: no-repeat;
}

.btn-float-right {
    height: 20px;
    line-height: 17px;
    float: right;
}

.word-break-all {
    word-break: break-all;
}

/*

	Aubergine Print
	Main Stylesheet
	main.css
	Version: 1.0

	Author: Xigen
	Author URI: http://www.xigen.co.uk

	Contents:
		01 Layout
		02 Modules
		03 State
		04 Theme
		lides li .headings > span5 Media Queries
                06 Added by dev team

	Colours:
		Pink 		#E5179F
		Purple 		#8346A9
		Grey		#666
		DarkGray	#333
		White		#FFF

*/

@charset "utf-8";

/*
	01 Layout
=============================================== */

.container {
	max-width: 960px;
}

/* Header */

header {
	width: 100%;
	padding: 15px 0 0;
}

#site-header {
    min-width: 1010px;
}

header#site-header .logo {
	display: block;
	width: 340px;
	height: 138px;
	background: url('/images/css/logo.png') no-repeat 0 0;
}

header#site-header .top-nav {
	margin: 0 10px 0;
	position: relative;
	top: 3px;
}

header#site-header .tel-number {
	font: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 800;
	color: #E5179F;
	margin: 14px 0 10px;
}

header#site-header .cart {
	font: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 800;
	line-height: 24px;
	color: #333;
}

header#site-header .cart em {
	color: #8346A9;
	font-style: normal;
}

header#site-header .cart a:hover {
        text-decoration: none;
}

.icon-cart {
	width: 26px;
	height: 23px;
	margin-top: -2px;
	background: url('/images/css/master-sprite.png') no-repeat 0 0;
}

/* Footer */

footer#site-footer {
	width: 100%;
        min-width: 1010px;
	color: #415168;
	font-size: 13px;

}




footer .footer-line {
	border: 0;
	outline: none;
	width: 100%;
	height: 54px;
	background: url('/images/css/footer-border.png') repeat-x bottom;
}

footer .footer-inner {
	min-height: 300px;
	padding: 20px 10px;


	background: #2d3747;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkMzc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDE4MjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2d3747 0%, #101821 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d3747), color-stop(100%,#101821));
	background: -webkit-linear-gradient(top,  #2d3747 0%,#101821 100%);
	background: -o-linear-gradient(top,  #2d3747 0%,#101821 100%);
	background: -ms-linear-gradient(top,  #2d3747 0%,#101821 100%);
	background: linear-gradient(to bottom,  #2d3747 0%,#101821 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d3747', endColorstr='#101821',GradientType=0 );
}

footer hr {
	margin: 25px 0;
	border-top: 1px solid #39404a;
	border-bottom: 1px solid #0a0d10;
}

footer ul li a {
	color: #fff;
	font-size: 13px;
}

footer h3 a, footer h3 a:hover {
	color: #fff;
}

footer ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

footer .tel-number {
    font-size: 26px;
    font-weight: 800;
    color: #E5179F;
    display: block;
}

footer .tel-number-alt {
    color: #FFFFFF;
    display: block;
}

footer .address {
	margin-top: 1em;
    color: #FFFFFF;
    display: block;
}

/* Footer Logos */

footer .footer-logos {
	font-size: 12px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	margin: 30px 0;
}

footer .footer-logos ul li {
	padding: 0 7px;
}

footer .footer-logos ul li:last-child {
	padding-right: 0;
}

.icon-comodo {
	width: 57px;
	height: 38px;
	margin: -15px 0 0 15px;
	background: url('/images/css/master-sprite.png') no-repeat 0 -288px;
}

.icon-sagepay 	 { width: 78px; height: 18px; background: url('/images/css/master-sprite.png') no-repeat 0 -360px; margin-top: 3px; }
.icon-paypal 	 { width: 65px; height: 18px; background: url('/images/css/master-sprite.png') no-repeat -108px -360px; margin-top: 3px; }
.icon-delta 	 { width: 36px; height: 22px; background: url('/images/css/master-sprite.png') no-repeat 0 -396px; }
.icon-maestro 	 { width: 36px; height: 22px; background: url('/images/css/master-sprite.png') no-repeat -36px -396px; }
.icon-mastercard { width: 36px; height: 22px; background: url('/images/css/master-sprite.png') no-repeat -72px -396px; }
.icon-switch 	 { width: 36px; height: 22px; background: url('/images/css/master-sprite.png') no-repeat -108px -396px; }
.icon-solo 		 { width: 36px; height: 22px; background: url('/images/css/master-sprite.png') no-repeat -144px -396px; }
.icon-visa 		 { width: 36px; height: 22px; background: url('/images/css/master-sprite.png') no-repeat -180px -396px; }
.icon-electron	 { width: 36px; height: 22px; background: url('/images/css/master-sprite.png') no-repeat -216px -396px; }

/* Product Layout */

.product span.price {
	color: #E5179F;
	font: 34px/1 'Open Sans', sans-serif;
}

.product span.price > small {
	color: #666;
	font: 14px/1 'Open Sans', sans-serif;
}

/*
	02 Modules
=============================================== */

/* Spacing */

.section-padding {
	padding: 40px 0;
}

.padding-tb-20 {
	padding: 20px 0;
}

/* Alignment */

.l-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* Content Area */

.content-area {
	padding: 20px 0 0;
	background: url('../img/content-area-grad.jpg') repeat-x 0 0;
}

/* Lists */

.l-bulletless,
.l-bulletless li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.l-inline {
	display: inline-block;
}

.l-inline li {
	float: left;
	padding: 0 10px 0 0;
	line-height: 14px;
}

.l-inline li + li {
	padding-left: 10px;
}

.l-inline li a {
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	color: #333;
}

.l-inline-sep li + li {
	border-left: 1px solid #333;
}

.l-bulleted {
	list-style: disc outside none;
	margin: 0 0 0 20px;
	padding: 0;
}

/* Navigation */

nav.nav-main {
	position: relative;
	width: 100%;
	margin: 20px 0 0;
	border-top: 1px solid #18202a;
	border-bottom: 1px solid #11161f;
	font-size: 0; /* Fixes inline-block spacing */

	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5), inset 0px 1px 1px #4d5868;
	   -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5), inset 0px 1px 1px #4d5868;
		-ms-box-shadow: 1px 1px 2px rgba(0,0,0,0.5), inset 0px 1px 1px #4d5868;
		 -o-box-shadow: 1px 1px 2px rgba(0,0,0,0.5), inset 0px 1px 1px #4d5868;
		   	box-shadow: 1px 1px 2px rgba(0,0,0,0.5), inset 0px 1px 1px #4d5868;

	background: #394557;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5NDU1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDJkMzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #394557 0%, #242d38 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#394557), color-stop(100%,#242d38));
	background: -webkit-linear-gradient(top,  #394557 0%,#242d38 100%);
	background: -o-linear-gradient(top,  #394557 0%,#242d38 100%);
	background: -ms-linear-gradient(top,  #394557 0%,#242d38 100%);
	background: linear-gradient(to bottom,  #394557 0%,#242d38 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#394557', endColorstr='#242d38',GradientType=0 );
}

.lt-ie9 .nav-main {
	position: inherit;
}

.nav-main ul {
	float: left;
	border-right: 1px solid #4c5766;
}

.nav-main ul li {
	float: left;
	margin: 0;
	padding: 0;
}

.nav-main ul li a {
	display: block;
	padding: 14px 25px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	border-right: 1px solid #161d27;
	text-shadow: 0px 1px 2px #000;

	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
		   	transition: all 0.2s ease-in-out;
}

.nav-main ul li.has-dropdown ul li {
    height: 170px;
}

.nav-main ul li + li a {
	border-left: 1px solid #4c5766;
}

.nav-main ul li a:hover,
.nav-main ul li.is-active > a {
	text-decoration: none;
	color: #E5179F;
}

.nav-main ul li.is-active > a,
.nav-main ul:first-child > li > a:hover {
	background: #242d38;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0MmQzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTQ1NTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #242d38 0%, #394557 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#242d38), color-stop(100%,#394557));
	background: -webkit-linear-gradient(top,  #242d38 0%,#394557 100%);
	background: -o-linear-gradient(top,  #242d38 0%,#394557 100%);
	background: -ms-linear-gradient(top,  #242d38 0%,#394557 100%);
	background: linear-gradient(to bottom,  #242d38 0%,#394557 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242d38', endColorstr='#394557',GradientType=0 );
}

.nav-main ul li .icon-down-arrow {
	width: 16px;
	height: 12px;
	margin: 3px 0 0 5px;
	background: url('/images/css/master-sprite.png') no-repeat 0 -36px;
}

.nav-main ul li.is-active .icon-down-arrow { background-position: -36px -36px; }

/* Nav Dropdown */

.nav-main ul li > ul {
	display: block;
	visibility: hidden;
	position: absolute;
	z-index: 20;
	width: 628px;
	padding: 0 0 15px 15px;
	margin: 0;
	border: 1px solid #131b24;

	background: #394557;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5NDU1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDJkMzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #394557 0%, #242d38 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#394557), color-stop(100%,#242d38));
	background: -webkit-linear-gradient(top,  #394557 0%,#242d38 100%);
	background: -o-linear-gradient(top,  #394557 0%,#242d38 100%);
	background: -ms-linear-gradient(top,  #394557 0%,#242d38 100%);
	background: linear-gradient(to bottom,  #394557 0%,#242d38 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#394557', endColorstr='#242d38',GradientType=0 );

	-webkit-box-shadow: inset 1px -1px 1px #4d5868, inset -1px 1px 1px #4d5868;
	   -moz-box-shadow: inset 1px -1px 1px #4d5868, inset -1px 1px 1px #4d5868;
		-ms-box-shadow: inset 1px -1px 1px #4d5868, inset -1px 1px 1px #4d5868;
		 -o-box-shadow: inset 1px -1px 1px #4d5868, inset -1px 1px 1px #4d5868;
		   	box-shadow: inset 1px -1px 1px #4d5868, inset -1px 1px 1px #4d5868;

	-webkit-border-radius: 0px 0px 3px 3px;
	   -moz-border-radius: 0px 0px 3px 3px;
		-ms-border-radius: 0px 0px 3px 3px;
		 -o-border-radius: 0px 0px 3px 3px;
		   	border-radius: 0px 0px 3px 3px;
}

.nav-main ul li > ul li a {
	float: left;
	max-width: 142px;
	border: 0;
	padding: 0;
	margin: 10px 15px 0 0;
}

.nav-main ul li > ul li a span {
	float: left;
	text-align: left;
	text-transform: none;
	margin: 0 0 10px;
	display: block;
}

.nav-main ul li > ul li a img {
	float: left;
	background: #fff;
	padding: 3px;
	border: 1px solid #ddd;

	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
		-ms-border-radius: 2px;
		 -o-border-radius: 2px;
		   	border-radius: 2px;
}

.nav-main ul li > ul li a:hover span {
	color: #E5179F;

	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	    -ms-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	     	transition: all 0.2s linear;
}

.nav-main ul li > ul li a:hover img {
	border: 1px solid #E5179F;
	background: #E5179F;

	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	    -ms-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	     	transition: all 0.2s linear;
}

/* Header Search */

header .form-search {
	margin: 9px 0 0;
}

header .form-search input {
	width: 200px;
	font-size: 12px;
	margin-right: 14px;
	padding: 4px 10px;
	border: 1px solid #18202A;

	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
	   -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
		-ms-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
		 -o-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
		   	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
}

.lt-ie9 header .form-search input {
	width: 175px;
}

/* Newsletter Signup (Footer) */

footer .form-search input {
	width: 200px;
	font-size: 12px;
	padding: 4px 10px;
	border: 1px solid #18202A;

	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
	   -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
		-ms-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
		 -o-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
		   	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
}

/* Divider Pattern */

.divider-pattern {
	width: 100%;
	height: 10px;
	margin: 20px 0;
	border: 0;
	background: url('/images/css/divider-pattern.jpg') repeat-x;
}

/* Divider Shadows */

.divider-shadow-short {
	background: url('../images/css/divider-shadow-short.jpg') no-repeat center top;
	padding-top: 25px;
	margin-top: 15px;
}

.divider-shadow-med {
	background: url('../images/css/divider-shadow-med.jpg') no-repeat center top;
	padding-top: 25px;
	margin-top: 15px;
}

.divider-shadow-full  {
	background: url('../images/css/divider-shadow-full.jpg') no-repeat center top;
	padding-top: 25px;
	margin-top: 15px;
}

/* Hero Slider */

.hero-slider {
  width: 100%;
  min-width: 1010px;
  background-color: white;
  border-bottom: 1px solid #e0e2e4;
}

.slider-wrapper {
	position: relative;
	overflow: hidden;
	width: 940px;
}

.slides {
	display: inline-block;
	position: relative;
	width: 10000px; /* Combined with of slides */
	list-style: none;
	margin: 0;
	padding: 0;
}

.slides li {
	display: inline;
	float: left;
	width: 940px;
	height: auto;
	min-height: 400px;
	padding: 50px 0;
}

.slides li .headings {
	margin: 20px 0 40px;
}

.slides li .headings > span {
	display: inline-block;
	float: left;
	width: 100%;
	text-shadow: 0 1px 1px rgba(0,0,0,0.65);
	line-height: 1.1;
	color: #CCC;
}

.slides li span.largest {
	font-size: 110px;
	font-weight: 800;
	/* Fix 'P' overlapping with pink text */
    margin-bottom: 11px;
}

.slides li span.large {
	font-size: 50px;
	font-weight: 800;
}

.slides li span.pink {
	color: #E5179F;
	text-shadow: 0 2px 2px rgba(0,0,0,0.65);
}

.slides li .slide-img {
    max-height: 375px;
    max-width: 460px;
}

.slider-controls {
	float: left;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 15px;
	height: 40px;
	border: 1px solid #e6e7e9;
	border-bottom: 0;
	background: #bec0c6;

	border-radius: 5px 5px 0 0;

	-webkit-box-shadow: inset 1px 1px 1px #999;
	   -moz-box-shadow: inset 1px 1px 1px #999;
		-ms-box-shadow: inset 1px 1px 1px #999;
		 -o-box-shadow: inset 1px 1px 1px #999;
		    box-shadow: inset 1px 1px 1px #999;
}

.slider-controls ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px;
	border-left: 1px solid #e6e7e9;

	-webkit-box-shadow: inset 1px 1px 1px #999;
	   -moz-box-shadow: inset 1px 1px 1px #999;
		-ms-box-shadow: inset 1px 1px 1px #999;
		 -o-box-shadow: inset 1px 1px 1px #999;
		   	box-shadow: inset 1px 1px 1px #999;
}

.slider-controls li {
	display: inline-block;
	margin: 12px 2px;
	width: 15px;
	height: 15px;
	background: url('/images/css/master-sprite.png') no-repeat -36px -72px;
	cursor: pointer;
}

.slider-controls li:hover,
.slider-controls li.is-active {
	background-position: 0 -72px;
}

.slider-controls .play-btn {
	display: inline-block;
	margin: 12px 10px 12px 2px;
	cursor: pointer;
	width: 12px;
	height: 15px;
	background: url('/images/css/master-sprite.png') no-repeat -72px -72px;
}

.slider-controls .play-btn.is-active {
	background-position: -72px -108px;
}

/* Offers Carousel */

.carousel {
	display: inline-block;
	margin: 0;
	padding: 25px 15px 0 0;
	font-size: 12px;
	position: relative;
	width: 940px;
	overflow-x: hidden;
}

.carousel ul {
	position: relative;
}

.carousel > ul > li {
	width: 198px;
	margin: 0;
	padding: 0 24px;
}

.carousel ul li .thumbnail {
	margin-bottom: 15px;
}

.carousel ul li:hover .thumbnail {
	border: 1px solid #E5179F;
}

.carousel ul li span.sale {
	display: block;
	position: relative;
	margin: -25px 0 -46px 135px;
	width: 72px;
	height: 72px;
	background: url('/images/css/master-sprite.png') no-repeat -107px -179px;
}

.carousel ul li .caption h4,
.carousel ul li .caption ul,
.carousel ul li .caption > div {
	margin-bottom: 15px;
}

.carousel ul li span.price {
	font-size: 20px;
	font-weight: 700;
	color: #E5179F;
}

.carousel-prev {
	float: left;
	position: relative;
	z-index: 10;
	left: -35px;
	top: 125px;
	display: block;
	width: 15px;
	height: 22px;
	background: url('/images/css/master-sprite.png') no-repeat 0 -108px;
	cursor: pointer;
}

.carousel-next {
	float: right;
	position: relative;
	z-index: 10;
	top: 125px;
	left: 40px;
	display: block;
	width: 15px;
	height: 22px;
	background: url('/images/css/master-sprite.png') no-repeat -36px -108px;
	cursor: pointer;
}

.carousel-prev:active { background-position: 0 -144px; }
.carousel-next:active { background-position: -36px -144px; }

/* Thumbnails */

.thumbnails li .thumbnail {
	margin-bottom: 15px;
}

.thumbnails li:hover .thumbnail {
	border: 1px solid #E5179F;
}

.thumbnails li span.sale {
	display: block;
	position: relative;
	margin: -25px 0 -46px 135px;
	width: 72px;
	height: 72px;
	background: url('../images/css/master-sprite.png') no-repeat -107px -179px;
}

.thumbnails li .caption h4,
.thumbnails li .caption ul,
.thumbnails li .caption > div {
	margin-bottom: 15px;
}

.thumbnails li span.price {
	float: right;
	font-size: 20px;
	font-weight: 700;
	color: #E5179F;
}

span.oldprice {
    text-decoration: line-through;
}

/* Social Links */

.l-social,
.l-social li {
	display: inline-block;
	margin: 6px 0;
}

.l-social li + li {
	margin-left: 10px;
}

.l-social li a {
	display: block;
	width: 32px;
	height: 32px;
	border: 1px solid #3F4856;

	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
		   	transition: all 0.2s ease-in-out;
}

.l-social li a:hover {
	border: 1px solid #E5179F;
	background: rgba(255,255,255,0.05);
}

.icon-facebook { background: url('/images/css/master-sprite.png') no-repeat 0 -432px; width: 7px; height: 14px; margin: 8px 13px; }
.icon-twitter  { background: url('/images/css/master-sprite.png') no-repeat -36px -432px; width: 16px; height: 12px; margin: 9px 8px; }
.icon-gplus		 { background: url('/images/css/master-sprite.png') no-repeat -72px -432px; width: 15px; height: 13px; margin: 8px 10px; }

/* Product Layout */

.product-details > * {
	margin-bottom: 15px;
}

#pricingSets {
	margin-left: 5px;
	position: relative;
	top: 1px;
}

/* Product Image Gallery */

.image-gallery > * {
	margin-bottom: 20px;
}

.image-gallery > ul li {
	display: inline-block;
	margin-bottom: 20px;
	margin-left: 26px;
}

.image-gallery > ul li:nth-child(4n + 1) {
	margin-left: 0;
}

.image-gallery > ul li a {
	display: block;
	border: 1px solid #ccc;
	padding: 1px;
	cursor: pointer;
}

.image-gallery > ul li a:hover {
	border-color: #E5179F;

	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	   -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	    -ms-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	     -o-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	     	box-shadow: 0 0 5px rgba(0,0,0,0.2);

	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	     	transition: all 0.2s ease-in-out;
}


/* Sidebar */

#sidebar {
	float: left;
	width: 195px;
	margin-right: 25px;
}

#sidebar > * {
	margin-bottom: 25px;
}

/* Boxes */

.box {
	border: 1px solid #ddd;

	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	     -o-border-radius: 4px;
	     	border-radius: 4px;

	-webkit-box-shadow: 0px 1px 1px rgba(153,153,153,0.25);
	   -moz-box-shadow: 0px 1px 1px rgba(153,153,153,0.25);
	    -ms-box-shadow: 0px 1px 1px rgba(153,153,153,0.25);
	     -o-box-shadow: 0px 1px 1px rgba(153,153,153,0.25);
	     	box-shadow: 0px 1px 1px rgba(153,153,153,0.25);
}

.box header, .box footer {
	width: auto;
	padding: 10px;
}

.box header {
	border-bottom: 1px solid #ddd;
}

/* Filters */

.filters ul li {
	display: block;
	border-bottom: 1px dashed #ddd;
	color: #333;
}

.filters ul li:hover {
	background: #eee;
	color: #E5179F;

	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	    -ms-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	     	transition: all 0.2s linear;
}

.filters ul li.disabled {
	display: block;
	border-bottom: 1px dashed #ddd;
	color: #CCC;
}

.filters ul li.disabled {
	background: #FFF;
	color: #CCC;
}


.filters ul li label {
	font: 600 13px/1.6 'Open Sans', sans-serif;
	padding: 7px 10px;
	margin: 0;
	cursor: pointer;
}

.filters ul li label input {
	display: none;
}

.filters form
{
	margin: 0;
}

#sidebar .filters #clearFilters
{
	margin: 10px;
}

.filters .control-group:after
{
	display: block;
}

.filters ul li input[type="checkbox"] { float: right; }

.filters ul li label > .badge {
	display: none;
	margin-left: 6px;
	font-size: 10px;
}

/* Category Layout */

.category .thumbnails li {
	width: 195px;
	margin-left: 57px;
}

.category .thumbnails .divider-shadow-med + li, .category .thumbnails li:first-child {
	margin-left: 20px;
}
/*
.category .thumbnails li:nth-child(4n + 1) {
	margin-left: 20px;
}*/

.category .thumbnails li a {
	text-decoration: none;
}

.category .thumbnails li a h4:hover {
	text-decoration: underline;
}

/* Grid View */

.category .grid-view li p.description {
	display: none;
}

.category .grid-view .divider-shadow-med {
	float: left;
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0;
}

/* List View */

.category .list-view li {
	width: 100%;
	margin: 0 0 0 20px;
	padding-bottom: 60px;
	background: url('../images/css/divider-shadow-med.jpg') no-repeat bottom left;
}

.category .list-view li .thumbnail {
	float: left;
	width: 185px;
}

.category .list-view li .caption {
	float: left;
	margin: 10px 0 0 30px;
	width: 490px;
}

.category .list-view li p,
.category .list-view .details {
	cursor: text;
	user-select:
}

.category .list-view li span.price {
	float: none;
	margin-left: 20px;
}

.category .list-view .divider-shadow-med {
	display: none;
}

.btn-group > .btn.is-active {
	box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
}

/* Controls */

.cat-controls-top {
	height: 40px;
	padding-bottom: 60px;
	margin-top: 20px;
	background: url('../images/css/divider-shadow-med.jpg') no-repeat center bottom;
}

.cat-controls-bottom {
	float: right;
	margin-top: -20px;
	margin-bottom: 30px;
	padding: 0;
}

/* Pagination */

.paginate > * {
	margin: 0 5px;
}

.paginate > a {
	color: #333;
}

.paginate > .btn:last-child {
	margin-left: 20px;
	margin-right: 0;
}

/* Adverts */

.adverts {
	display: inline-block;
	margin-top: 20px;
}

/* TinyMCE */
#tinymce.mceContentBody {
    padding: 10px;
}

/*
	03 State
=============================================== */

.is-invisible {
	position: absolute;
	outline: none;
	clip: rect(1px,1px,1px,1px);
	clip: rect(1px 1px 1px 1px);
}

/*
	04 Theme
=============================================== */

.grad {
	min-height: 0;
}

:root .grad {
	filter: none;
}

.grad-white {
	background: #f7f7f7;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#f6f6f6 100%);
	background: -o-linear-gradient(top,  #f7f7f7 0%,#f6f6f6 100%);
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#f6f6f6 100%);
	background: linear-gradient(to bottom,  #f7f7f7 0%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f6f6f6',GradientType=0 );
}

.grad-blue {
	background: #394557;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5NDU1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDJkMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #394557 0%, #242d39 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#394557), color-stop(100%,#242d39));
	background: -webkit-linear-gradient(top,  #394557 0%,#242d39 100%);
	background: -o-linear-gradient(top,  #394557 0%,#242d39 100%);
	background: -ms-linear-gradient(top,  #394557 0%,#242d39 100%);
	background: linear-gradient(to bottom,  #394557 0%,#242d39 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#394557', endColorstr='#242d39',GradientType=0 );
}

/* Icons */

.icon-prices 	{ width: 14px; height: 16px; background: url('../images/css/icon-sprite.png') no-repeat 0 -36px; }
.icon-specs 	{ width: 12px; height: 11px; background: url('../images/css/icon-sprite.png') no-repeat -72px -36px;  margin-top: 4px; }
.icon-faqs 		{ width: 12px; height: 12px; background: url('../images/css/icon-sprite.png') no-repeat -144px -36px; margin-top: 3px; }
.icon-reviews   { width: 19px; height: 12px; background: url('../images/css/icon-sprite.png') no-repeat -216px -36px; margin-top: 3px; }
.icon-templates { width:  9px; height: 12px; background: url('../images/css/icon-sprite.png') no-repeat -288px -36px; margin-top: 3px; }

.active .icon-prices 	{ width: 14px; height: 16px; background: url('../images/css/icon-sprite.png') no-repeat -36px -36px; }
.active .icon-specs 	{ width: 12px; height: 11px; background: url('../images/css/icon-sprite.png') no-repeat -108px -36px;  margin-top: 4px; }
.active .icon-faqs 		{ width: 12px; height: 12px; background: url('../images/css/icon-sprite.png') no-repeat -180px -36px; margin-top: 3px; }
.active .icon-reviews   { width: 19px; height: 12px; background: url('../images/css/icon-sprite.png') no-repeat -252px -36px; margin-top: 3px; }
.active .icon-templates { width:  9px; height: 12px; background: url('../images/css/icon-sprite.png') no-repeat -324px -36px; margin-top: 3px; }

/*
	05 Media Queries
=============================================== */

/* Retina Display Styles */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) {

	header .logo {
		width: 680px;
		height: 96px;
		background-size: 340px 48px;
		background: url('/images/css/logo@2x.png') no-repeat 0 0;
	}

}

/* Target iPhone */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	body {
		min-width: 1050px;
	}
}

/*
	06 Added by dev team
=============================================== */

/* Supply Artwork */
.switcherContent {
    display: none;
}

.align-r, .table td.align-r, .table th.align-r {
    text-align: right;
}

.align-l, .table td.align-l, .table th.align-l {
    text-align: left;
}

.align-c, .table td.align-c, .table th.align-c {
    text-align: center;
}

.small {
    font-size: 10px;
}

.nowrap {
    white-space: nowrap;
}

.filesize {
    font-size: 10px;
    color: #888;
}

ul#storedAddresses {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

ul#storedAddresses > li {
    float: left;
    margin-right: 2%;
    width: 20%;
}

.well .selected {
    background-color: #fff;
}

div.contentBlock.editable {
    border: 1px dashed #555;
    min-height: 20px;
}

div.contentBlock.editable:hover {
    background: #eee;
    cursor: pointer;
    border-color: purple;
}

.btn-purple {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #9163c4;
  background-image: -moz-linear-gradient(top, #a178cd, #7a43b6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a178cd), to(#7a43b6));
  background-image: -webkit-linear-gradient(top, #a178cd, #7a43b6);
  background-image: -o-linear-gradient(top, #a178cd, #7a43b6);
  background-image: linear-gradient(to bottom, #a178cd, #7a43b6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa178cd', endColorstr='#ff7a43b6', GradientType=0);
  border-color: #7a43b6 #7a43b6 #552e7e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #7a43b6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  text-shadow: 0 2px 1px #000;
  font-weight: 500;
}

.btn-purple:hover,
.btn-purple:active,
.btn-purple.active,
.btn-purple.disabled,
.btn-purple[disabled] {
  color: #ffffff;
  background-color: #7a43b6;
  *background-color: #6e3ca3;
}

.btn-purple:active,
.btn-purple.active {
  background-color: #613591 \9;
}

.recaptcha #recaptcha_area
{
	float: left;
	margin: 0 0 15px 180px;
}

#artworkSelector li {
    text-align: left;
}

ul.cart-extras {
    font-size: 12px;
    font-style: italic;
    width: 200px;
    margin-top: 10px;
}

ul.cart-extras .price{

}

ul.cart-extras .value{

}

.frontEndMultiCheckboxTable {
    display: inline-block;
    margin: 10px 0px 20px 135px;
}

.frontEndMultiCheckboxTable td {
   padding: 5px 10px;
}

.frontEndMultiCheckboxTable td input, .frontEndMultiCheckboxTable td label {
  margin: 0;
}

.cutterguide {
   float: left;
   margin: 10px;
   text-align: center;
   height: 150px;
}

.cutterguide p{
    max-width: 150px;
}

#checkout-form label {
    margin: 5px;
}

#checkout-form input[type="checkbox"], #checkout-form input[type="radio"] {
    margin: 5px;
}


/*   Product page form    */

#Product_Form_Display_Product {
	position: relative;
}

#Product_Form_Display_Product select {
	width: 330px;
}

#Product_Form_Display_Product .form-loading-overlay {

	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;

	background-image: url(../images/aub-loader.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#customerEmail .form-wrapper {
    margin-bottom: 10px;
}

#emailList {
    margin: 20px 0;
}

#emailList button {
    display: block;
    margin: 20px 0;
}

#site-header .flashMessage {
    margin-bottom: 0px;
    margin-top: 20px;
}

.nav-list > li > a.selected {
    color: #e5179f;
}

.highlight-small {
	width: 290px;
	height: 100px;
	border: 1px solid #ddd;
	padding-right: 5px;
	position: relative;
    overflow: hidden;
}

.highlight-small > img{
	max-height: 100px;
	float: left;
	margin-right: 5px;

}

.highlight-small > .text1 {
	text-shadow: 0 1px 1px rgba(0,0,0,0.65);
	line-height: 1.1;
	color: #999;
	display: block;
}

.highlight-small > .text2 {
	text-shadow: 0 1px 1px rgba(0,0,0,0.65);
	line-height: 1.1;
	color: #CCC;
	display: block;
}

.highlight-small > .text3 {
	color: #E5179F;
	text-shadow: 0 2px 2px rgba(0,0,0,0.65);
	display: block;
}

.highlight-small > .btn {
	bottom: 5px;
	position: absolute;
	right: 5px;
}

.highlight-small > .btn:empty{
	display: none;
}

.highlight-regular {
	width: 450px;
	height: 202px;
	border: 1px solid #ddd;
	padding-right: 5px;
	position: relative;
    overflow: hidden;
}

.highlight-regular > img{
	max-height: 202px;
	float: left;
	margin-right: 5px;

}

.highlight-regular > .text1 {
	text-shadow: 0 1px 1px rgba(0,0,0,0.65);
	line-height: 1.5;
	font-size: 2em;
	color: #999;
	display: block;
}

.highlight-regular > .text1:empty {
	display:none;
}

.highlight-regular > .text2 {
	text-shadow: 0 1px 1px rgba(0,0,0,0.65);
	line-height: 1.5;
	font-size: 2em;
	color: #CCC;
    display: block;
}

.highlight-regular > .text2:empty {
	display:none;
}

.highlight-regular > .text3 {
	color: #E5179F;
	line-height: 1.5;
	font-size: 2em;
	text-shadow: 0 2px 2px rgba(0,0,0,0.65);
	display: block;
}

.highlight-regular > .text3:empty {
	display:none;
}

.highlight-regular > .btn {
	bottom: 5px;
	position: absolute;
	right: 5px;
}

.highlight-regular > .btn:empty{
	display: none;
}

.highlight-skyscraper {
	width: 195px;
	height: 489px;
	border: 1px solid #ddd;
	position: relative;
    overflow: hidden;
}

.highlight-skyscraper > img{
	max-width: 195px;
}

.highlight-skyscraper > .text1 {
	text-shadow: 0 1px 1px rgba(0,0,0,0.65);
	line-height: 1.5;
	color: #999;
	font-size: 2em;
	padding: 5px;
	display: block;
}

.highlight-skyscraper > .text2 {
	text-shadow: 0 1px 1px rgba(0,0,0,0.65);
	line-height: 1.5;
	color: #CCC;
	font-size: 2em;
	padding: 5px;
	display: block;
}

.highlight-skyscraper > .text3 {
	color: #E5179F;
	line-height: 1.5;
	text-shadow: 0 2px 2px rgba(0,0,0,0.65);
	font-size: 2em;
	padding: 5px;
	display: block;
}

.highlight-skyscraper > .btn {
	bottom: 5px;
	position: absolute;
	right: 5px;
}

.highlight-skyscraper > .btn:empty{
	display: none;
}

.flagcount {
	width:3px;
	float:right;
	padding-left:5px !important;
	margin-right:0px !important;
	font-size: 8px !important;
}

.unchecked {
	float:right;
	font-size: 16px;
}

.checked {
	float:right;
	font-size: 16px;
	color:#E5179F;
}

.recaptcha {
	margin: 10px 10px 10px 10px;
}

.quote-comment {
	position: relative;
}

.quote-comment .btnAddToCart::after {
	content: 'Quote is valid for 14 days';
	position: absolute;
	right: 0;
	color: #999;
	line-height: 30px;
	text-shadow: none;
}

.quote-comment-expired .btnAddToCart {
	display: none;
}