@font-face {
    font-family: 'HarabaraBold';
    src: url('harabara-webfont.eot');
    src: url('harabara-webfont.eot?#iefix') format('embedded-opentype'),
         url('harabara-webfont.woff') format('woff'),
         url('harabara-webfont.ttf') format('truetype'),
         url('harabara-webfont.svg#HarabaraBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face { font-family: 'muli'; src: url('muli-bold-webfont.woff2') format('woff2'), url('muli-bold-webfont.woff') format('woff'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'muli'; src: url('muli-bolditalic-webfont.woff2') format('woff2'), url('muli-bolditalic-webfont.woff') format('woff'); font-weight: bold; font-style: italic; }
@font-face { font-family: 'muli'; src: url('muli-extralight-webfont.woff2') format('woff2'), url('muli-extralight-webfont.woff') format('woff'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'muli'; src: url('muli-extralightitalic-webfont.woff2') format('woff2'), url('muli-extralightitalic-webfont.woff') format('woff'); font-weight: 100; font-style: italic; }
@font-face { font-family: 'muli'; src: url('muli-italic-webfont.woff2') format('woff2'), url('muli-italic-webfont.woff') format('woff'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'muli'; src: url('muli-light-webfont.woff2') format('woff2'), url('muli-light-webfont.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'muli'; src: url('muli-lightitalic-webfont.woff2') format('woff2'), url('muli-lightitalic-webfont.woff') format('woff'); font-weight: 300; font-style: italic; }
@font-face { font-family: 'muli'; src: url('muli-semi-bolditalic-webfont.woff2') format('woff2'), url('muli-semi-bolditalic-webfont.woff') format('woff'); font-weight: 600; font-style: italic; }
@font-face { font-family: 'muli'; src: url('muli-semibold-webfont.woff2') format('woff2'), url('muli-semibold-webfont.woff') format('woff'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'muli'; src: url('muli-webfont.woff2') format('woff2'), url('muli-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

* { font-family: 'Helvetica Neu', Helvetica, Arial, sans-serif; }
body { background: #E6E6E6; margin: 0px; padding: 0px; text-align: center; }
div.acid { background: #ffffff; -moz-box-shadow: 0 0 10px #555555; -webkit-box-shadow: 0 0 10px #555555; box-shadow: 0 0 10px #555555; margin: 0px auto; position: relative; text-align: left; width: 970px; }

div.pad { height: 560px; width: 100%; }
div.pad.hide-banner { height: 220px; }
section { background: #f4f2ed; margin: 0px; padding: 20px 0px; } /* was f1f1f1 but was asked to be changed */
section article { margin: 0px 0px 0px 50px; width: 870px; }
section div.end { clear: both; }

section { margin: 0px; padding: 0px 0px 5px 0px; }  /* ---- NEW ---- */
section article { margin: 0px 0px 30px 50px; padding: 0px; }  /* ---- NEW ---- */

section article.head { margin-bottom: 0px; }

h1 { color: #000000; font-size: 18px; font-weight: bold; margin: 0px 0px 10px 0px; padding: 30px 0px 0px 0px; text-transform: uppercase; } /* was size 29px */
h1 a { color: #000000; text-decoration: none; }
h1 a:hover { text-decoration: underline; }
h1 i { font-size: 16px; font-weight: normal; font-style: normal; } /* was size 24px */
h2 { color: #000000;font-size: 16px; font-weight: normal; margin: 0px 0px 10px 0px; padding: 0px; text-transform: uppercase; } /* was size 24px */
h2 a { color: #000000; text-decoration: none; }
h2 a:hover { text-decoration: underline; }
h2 i { font-size: 12px; }
p { color: #555555; font-size: 12px; /* font-size: 14px; */ line-height: 20px; margin: 0px 0px 10px 0px; padding: 0px; }
p a { background: #fffdca; color: #303030; font-size: 14px; /* text-transform: uppercase; */ }
ul { margin: 0px 0px 10px 0px; }
ul li { color: #555555; font-size: 12px; /* font-size: 14px; */ line-height: 20px; padding: 0px; }
ol li { color: #555555; font-size: 12px; /* font-size: 14px; */ line-height: 20px; padding: 0px; }

form label { display: block; font-size: 12px; text-transform: capitalize; }
form label span { text-transform: none; }
form label.error { color: #a30000; }
form input.field, form select.field, form textarea { background: #ffffff; border: 0px; font-size: 12px; outline: 0px; margin: 0px 0px 5px 0px; outline: 0px; padding: 4px 8px; }
form input.field.error, form select.field.error, form textarea.error { background: #ffd1d1; color: #a30000; }
form input.field.warning, form select.field.warning, form textarea.warning { background: #ffc97b; color: #de9700; }
form textarea { height: 80px; }
form input.button { text-transform: capitalize; }

section.threecols { padding: 0px 15px 15px 15px; width: 940px; }
section.threecols h1 { margin: 0px 30px 10px 30px; }
section.threecols p { margin: 0px 30px 10px 30px; }
section.threecols aside { background: transparent; float: left; margin: 0px 0px 30px 30px; width: 270px; }
section.threecols aside p { margin: 0px 0px 10px 0px; }
section.threecols aside article { background: #dfded3; float: left; margin: 20px 30px 30px 0px; width: 270px; }
section.threecols article { background: #dfded3; float: left; margin: 0px 0px 30px 30px; width: 270px; }
section.threecols article.no-colour { background: transparent; }
section.threecols article.twospan { width: 570px; }
section.threecols article h2 { margin: 20px; }
section.threecols article.no-colour h2 { margin: 0px 0px 20px 0px; }
section.threecols article p { margin: 0px 20px 10px 20px; }
section.threecols article.no-colour p { margin: 0px 0px 10px 0px; }
section.threecols article form { margin: 0px 0px 10px 20px; width: 230px; }
section.threecols article form input.field { width: 214px; }

section.threecols { padding: 5px 20px 0px 20px; width: 930px; }  /* ---- NEW ---- */
section.threecols article { margin: 0px 0px 30px 30px; }  /* ---- NEW ---- */
section.threecols.no-pad article { margin-bottom: 0px; }

section.twocols { padding: 0px 15px 15px 15px; position: relative; width: 940px; }
section.twocols h1 { margin: 0px 30px 10px 30px; }
section.twocols p { margin: 0px 30px 10px 30px; }
section.twocols article { background: transparent; float: left; margin: 0px 0px 30px 30px; width: 570px; }
section.twocols article h2 { margin: 0px 0px 10px 0px; }
section.twocols article p { margin: 0px 0px 10px 0px; }
section.twocols aside { position: absolute; right: 0px; top: 0px; width: 301px; }
section.twocols aside article { background: #dfded3; float: left; margin: 20px 30px 30px 0px; width: 270px; }
section.twocols aside article h2 { margin: 20px; }
section.twocols aside article p { margin: 0px 20px 10px 20px; }

section.twocols { padding: 5px 20px 15px 20px; width: 930px; }  /* ---- NEW ---- */
section.twocols article { margin: 0px 0px 30px 30px; }  /* ---- NEW ---- */

section article div.login-form { background: #dfded3; float: right; margin: 0px 0px 20px 20px; width: 270px; }
section article div.login-form h2 { margin: 20px; }
section article div.login-form p { margin: 0px 20px 10px 20px; }
section article div.login-form form { margin: 0px 0px 10px 20px; width: 230px; }
section article div.login-form form input.field { width: 214px; }

section.banner-block { padding-bottom: 0px; }
section.banner-block h1 { margin: 0px 50px 10px 50px; }
section.banner-block article { float: right; margin: 0px 50px 0px 0px; width: 420px; }
section.banner-block article h1 { margin: 0px 0px 10px 0px; }
section.banner-block article.large-banner { background: #dfded3; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; float: left; margin: 0px 0px 0px 50px; width: 420px; }
section.banner-block article.large-banner div { background: #ffffff; height: 530px; margin: 20px 0px 20px 20px; width: 380px; }
section.banner-block article.large-banner div img { display: block; height: 530px; margin: 0px; width: 380px; }
section.banner-block article.small-banner { background: #dfded3; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; float: right; margin: 0px 50px 30px 0px; width: 420px; }
section.banner-block article.small-banner div { background: #ffffff; height: 130px; margin: 20px 0px 20px 20px; width: 380px; }
section.banner-block article.small-banner div img { display: block; height: 130px; margin: 0px; width: 380px; }
section.banner-block article.text-left { float: left; height: 570px; margin: 0px 0px 0px 50px; width: 420px; }

section.featured-block { margin: 0px; padding: 0px 0px 10px 0px; }
section.featured-block h2 { margin: 0px 50px 10px 50px; }
section.featured-block article { background: #dfded3; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; clear: both; margin-bottom: 10px; width: 870px; }
section.featured-block article div { background: transparent; float: left; margin: 10px 0px 10px 10px; width: 400px; }
section.featured-block article div h2 { font-size: 18px; margin: 0px; }
section.featured-block article div p { font-size: 11px; margin: 0px; }
section.featured-block article div p a { font-size: 11px; }
section.featured-block article div.links { float: left; margin: 10px 0px 10px 10px; width: 230px; }
section.featured-block article div.links a { clear: both; color: #303030; display: block; font-size: 14px; margin: 0px 0px 6px 0px; text-decoration: none; }
section.featured-block article div.links a.twitter { background: url('/images/twitter-icon.png') center center no-repeat transparent; clear: none; float: left; height: 24px; margin-right: 30px; width: 24px; }
section.featured-block article div.links a.facebook { background: url('/images/facebook-icon.png') center center no-repeat transparent; clear: none; float: left; height: 24px; margin-right: 30px; width: 24px; }
section.featured-block article div.links a.linkedin { background: url('/images/linkedin-icon.png') center center no-repeat transparent; clear: none; float: left; height: 24px; margin-right: 0px; width: 24px; }
section.featured-block article div.links a.website { background: url('/images/web-icon.png') left center no-repeat transparent; padding: 3px 0px 3px 29px; }
section.featured-block article div.links a.email { background: url('/images/email-icon.png') left center no-repeat transparent; padding: 3px 0px 3px 29px; }
section.featured-block article div.links a.website:hover, section.featured-block article div.links a.email:hover { text-decoration: underline; }
section.featured-block article img { background: #ffffff; float: right; height: 90px; margin: 10px 10px 10px 0px; width: 200px; }
section.featured-block article div.end { clear: both; float: none; margin: 0px; width: auto; }

section.regular-block { margin: 0px; padding: 0px 0px 50px 0px; }
section.regular-block h2 { margin: 0px 50px 10px 50px; }
section.regular-block article { background: #dfded3; border-top: 1px dashed #eeeeee;clear: both; width: 870px; }
section.regular-block article div { float: left; margin: 10px 0px 10px 10px; width: 400px; }
section.regular-block article div h2 { font-size: 18px; margin: 0px; }
section.regular-block article div.links { width: 440px; }
section.regular-block article div.links a { color: #303030; display: inline-block; float: left; font-size: 12px; text-decoration: none; width: 180px; }
section.regular-block article div.links a.website { background: url('/images/web-icon.png') left center no-repeat transparent; padding: 4px 0px 4px 29px; }
section.regular-block article div.links a.email { background: url('/images/email-icon.png') left center no-repeat transparent; margin-left: 10px; padding: 4px 0px 4px 29px; }
section.regular-block article div.links a.website:hover, section.regular-block article div.links a.email:hover { text-decoration: underline; }
section.regular-block article div.end { clear: both; float: none; margin: 0px; width: auto; }

section.regular-block article.featured div { background: transparent; float: left; margin: 10px 0px 10px 10px; width: 400px; }
section.regular-block article.featured div h2 { font-size: 18px; }
section.regular-block article.featured div p { font-size: 11px; margin: 0px; }
section.regular-block article.featured div p a { font-size: 11px; }
section.regular-block article.featured div.links { float: left; margin: 10px 0px 10px 10px; width: 230px; }
section.regular-block article.featured div.links a { clear: both; color: #303030; display: block; font-size: 14px; margin: 0px 0px 6px 0px; text-decoration: none; }
section.regular-block article.featured div.links a.twitter { background: url('/images/twitter-icon.png') center center no-repeat transparent; clear: none; float: left; height: 24px; margin-right: 30px; width: 24px; }
section.regular-block article.featured div.links a.facebook { background: url('/images/facebook-icon.png') center center no-repeat transparent; clear: none; float: left; height: 24px; margin-right: 30px; width: 24px; }
section.regular-block article.featured div.links a.linkedin { background: url('/images/linkedin-icon.png') center center no-repeat transparent; clear: none; float: left; height: 24px; margin-right: 0px; width: 24px; }
section.regular-block article.featured div.links a.website { background: url('/images/web-icon.png') left center no-repeat transparent; padding: 3px 0px 3px 29px; }
section.regular-block article.featured div.links a.email { background: url('/images/email-icon.png') left center no-repeat transparent; padding: 3px 0px 3px 29px; }
section.regular-block article.featured div.links a.website:hover, section.featured-block article div.links a.email:hover { text-decoration: underline; }
section.regular-block article.featured img { background: #ffffff; float: right; height: 90px; margin: 10px 10px 10px 0px; width: 200px; }
section.regular-block article.featured div.end { clear: both; float: none; margin: 0px; width: auto; }

section.regular-block div.message { border: 1px dashed #ff0000; margin: 0px 0px 0px 50px; padding: 20px 0px 10px 0px; width: 868px; }
section.regular-block div.message p { color: #ff0000; text-align: center; }
section article div.message { background: #c3e3bd; border: 1px dashed #47a136; margin: 0px 0px 30px 0px; padding: 20px 0px 10px 0px; width: 868px; }
section article div.message p { color: #47a136; text-align: center; }
section article div.error.message { background: #ffd1d1; border-color: #a30000; color: #a30000; }
section article div.error.message p { color: #a30000; }
form div.information.message { background: #c3e3bd; border: 1px dashed #47a136; margin: 0px 0px 30px 0px; padding: 20px 0px 10px 0px; width: 868px; }
form div.information.message h2 { color: #47a136 !important; text-align: center; }
form div.information.message p { color: #47a136; text-align: center; }

div.current-price { background: #dfded3; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; margin: 0px auto 10px auto; padding: 10px; width: 250px; }
div.current-price p { font-size: 11px; font-style: italic; line-height: 11px; margin: 0px; padding: 0px; }
div.current-price p span { display: block; font-size: 14px; text-align: center; }
div.current-price p span strong { font-size: 30px; }
div.current-price p i { display: block; text-align: right; }
form.buy-advert { margin: 0px auto; text-align: center; width: 250px; }

div.expiration-message { border: 1px solid red; padding-top: 10px; text-align: center; }
div.expiration-message p { color: red; }

section.buy-advert-details { padding: 20px; }
section.buy-advert-details article { float: left; margin: 0px 0px 0px 30px; padding: 30px 0px 0px 0px; width: 420px; }
section.buy-advert-details article.full { border: 0px; float: none; margin: 0px 0px 0px 30px; padding: 0px 0px 0px 0px; width: 870px; }
section.buy-advert-details article div { border: 1px dashed #dfded3; margin-bottom: 20px; padding: 10px; }
section.buy-advert-details form input.field, section.buy-advert-details form textarea { width: 382px; }
section.buy-advert-details form select.field { width: 398px; }
section.buy-advert-details article div.dissabled label { color: #999999; }
section.buy-advert-details article div div.current-logo { background: #ffffff; border: 0px; height: 90px; margin: 10px auto 10px auto; width: 200px; }
section.buy-advert-details article div div.current-banner { background: #ffffff; border: 0px; height: 86px; margin: 10px auto 10px auto; width: 200px; }

section.threecols aside { margin-bottom: 0px; position: relative; }
section.threecols aside div.invite-only-pic { position: relative; }
section.threecols aside div.invite-only-pic span { background: url('/images/invite-only.png') center center no-repeat transparent; height: 100%; left: 0px; opacity: 0.8; position: absolute; top: 0px; width: 100%; }
section.threecols aside img.design-preview-image { display: block; height: 180px; margin: 0px 0px 30px 0px; width: 270px; }
section.threecols aside div.preview-overlay { position: absolute; top: 0px; left: 0px; width: 270px; height: 180px; background: transparent; }
section.threecols aside div.invite-only-pic img.design-preview-image { opacity: 0.4; }
section.threecols aside div.design-info { background: #dfded3; margin: 0px 0px 30px 0px; padding: 20px 0px; }
section.threecols aside div.design-info h2 { margin: 0px 20px 20px 20px; }
section.threecols aside div.design-info p { font-size: 11px; /* font-style: italic; */ margin: 0px 20px 0px 20px; text-transform: capitalize; }
section.threecols aside div.design-info p strong { color: #000000; display: inline-block; padding-left: 5px; font-size: 14px; font-style: normal; }
section.threecols aside div.design-info p a { background: transparent; text-decoration: none; }
section.threecols aside div.design-info p a:hover { text-decoration: underline; }
section.threecols aside div.member-info { background: #dfded3; margin: 0px 0px 30px 0px; padding: 20px 0px; }
section.threecols aside div.member-info h2 { margin: 0px 20px 20px 20px; }
section.threecols aside div.member-info p { font-size: 11px; margin: 0px 20px 0px 20px; text-transform: capitalize; }
section.threecols aside div.member-info p strong { color: #000000; display: block; padding-left: 5px; font-size: 14px; font-style: normal; padding-left: 10px; }
section.threecols aside div.member-info p a { background: transparent; text-decoration: none; }
section.threecols aside div.member-info p a:hover { text-decoration: underline; }
section.threecols aside div.member-info p.link { margin-top: 10px; text-align: right; }
section.threecols aside div.member-info p.link a { background: #fffdca; color: #303030; font-size: 12px; text-decoration: underline; }
section.threecols article table { border-collapse: collapse; margin: 0px 0px 20px 0px; width: 100%; }
section.threecols article table tr td { border: 1px solid #dfded3; padding: 3px 5px; }
section.threecols article table thead tr td { color: #555555; font-size: 12px; font-style: normal; text-transform: capitalize; }
section.threecols article table tbody tr td { font-size: 13px; }
section.threecols article table tbody tr td a { background: url('/images/link-icon.png') left center no-repeat; color: #555555; display: inline-block; font-size: 14px; padding: 3px 3px 3px 25px; text-decoration: none; }
section.threecols article table tbody tr td a:hover { text-decoration: underline; }
section.threecols article table tbody tr td.nolines { border-width: 0px; }
section.threecols article table thead tr td.nolines { border-width: 0px; }
section.threecols article table tbody tr td.num { text-align: right; }
section.threecols article table tbody tr td.delete { text-align: center; width: 20px; }
section.threecols article table tbody tr td.delete a { background: transparent; color: #ff0000; padding-left: 0px; text-transform: uppercase; }

section.design-list { padding: 0px 20px; }
section.design-list div.col { float: left; margin: 0px 0px 10px 30px; width: 420px; }
section.design-list h2 { margin: 0px 30px 10px 30px; }
section.design-list div.col h2 { margin: 0px 0px 10px 0px; }
section.design-list article { border-top: 1px solid #dfded3; float: left; margin: 0px 0px 10px 30px; padding: 10px 0px 0px 0px; width: 420px; }
section.design-list div.col article { margin-left: 0px; }
section.design-list article.not-lodged { background: /* url('/images/building-design.png') */ bottom right no-repeat transparent; }
section.design-list article.not-lodged.fixed-height { height: 86px; }
section.design-list article.pending-payment { background: /* url('/images/pending-design.png') */ bottom right no-repeat transparent; }
section.design-list article a.img { display: block; float: left; height: 86px; margin: 0px 10px 0px 0px; position: relative; width: 130px; }
section.design-list article a img { display: block; height: 86px; margin: 0px; width: 130px; }
section.design-list article a span { background: center center no-repeat transparent; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
section.design-list article.invite-only a img { opacity: 0.4; }
section.design-list article.invite-only a span { background-image: url('/images/invite-only.png'); opacity: 0.8; }
section.design-list article h2 { font-size: 18px; margin: 0px 0px 10px 0px; }
section.design-list article p { font-size: 11px; /*font-style: italic; */ margin: 0px; /* text-transform: capitalize; */ }
section.design-list article p strong { color: #000000; display: inline-block; float:right; padding-left: 5px; font-size: 13px; font-style: normal; width: 205px; }
section.design-list article p a { background: transparent; display: inline-block; float: none; height: auto; margin: auto; position: static; text-decoration: none; width: auto; }
section.design-list article p a:hover { text-decoration: underline; }
section.design-list article.first { clear: both; }
section.design-list article.page-numbers { margin-bottom: 30px; text-align: center; width: 870px; }

section.member-list { padding: 0px 20px; }
section.member-list h2 { margin: 0px 30px 10px 30px; }
section.member-list article { border-top: 1px solid #dfded3; float: left; margin: 0px 0px 10px 30px; padding: 10px 0px 0px 0px; width: 420px; }
section.member-list article a.img { display: block; float: left; height: 86px; margin: 0px 10px 0px 0px; position: relative; width: 89px; }
section.member-list article a img { display: block; height: 86px; margin: 0px; width: 89px; }
section.member-list article a span { background: center center no-repeat transparent; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
section.member-list article h2 { font-size: 18px; margin: 0px 0px 10px 0px; }
section.member-list article p { font-size: 11px; font-style: italic; margin: 0px; text-transform: capitalize; }
section.member-list article p strong { color: #000000; display: inline-block; padding-left: 5px; font-size: 13px; font-style: normal; }
section.member-list article p a { background: transparent; display: inline-block; float: none; height: auto; margin: auto; position: static; text-decoration: none; width: auto; }
section.member-list article p a:hover { text-decoration: underline; }
section.member-list article.page-numbers { margin-bottom: 30px; text-align: center; width: 870px; }

/* section.threecols aside img.member-profile-image { display: block; height: 260px; margin: 0px 0px 30px 0px; width: 270px; } */
section.threecols aside div.member-profile-image { background: #ffffff; display: block; margin: 0px 0px 30px 0px; padding: 20px 0px; width: 270px; }  /* was 270 x 121 */
section.threecols aside div.member-profile-image img { display: block; height: 60px; margin: 0px 0px 0px 20px; width: 230px; }  /* was 270 x 121 then was 103 high*/
/* section.threecols aside img.affiliate-profile-image { display: block; height: 121px; margin: 0px 0px 30px 0px; width: 270px; }  /* was 270 x 121 */
section.threecols aside div.affiliate-profile-image { background: #ffffff; display: block; margin: 0px 0px 30px 0px; padding: 20px 0px; width: 270px; }  /* was 270 x 121 */
section.threecols aside div.affiliate-profile-image img { display: block; height: 60px; margin: 0px 0px 0px 20px; width: 230px; }  /* was 270 x 121  then was 103 high*/
section.threecols article.twospan div.contact-details { border: 1px dashed #dfded3; margin-top: -10px; padding-top: 10px; padding-bottom: 10px; }
section.threecols article.twospan div.contact-details p { float: left; font-size: 12px; margin: 0px 0px 0px 10px; text-transform: capitalize; width: 270px; } /* { float: left; font-size: 12px; font-style: italic; margin: 10px 0px 0px 10px; text-transform: capitalize; width: 270px; } */
section.threecols article.twospan div.contact-details p strong { display: inline-block; float: right; font-size: 12px; font-style: normal; padding-left: 5px; text-transform: none; width: 195px; } /* { display: inline-block; font-size: 18px; font-style: normal; padding-left: 5px; text-transform: none; } */
section.threecols article.twospan div.contact-details p strong a { background: transparent; color: #555555; font-size: 12px; font-style: normal; text-decoration: none; text-transform: none; } /* { background: transparent; color: #555555; font-size: 18px; font-style: normal; text-decoration: none; text-transform: none; } */
section.threecols article.twospan div.contact-details p strong a:hover { text-decoration: underline; }
section.threecols article.twospan div.contact-details h3 { font-weight: normal; : 0px; }
section.threecols article.twospan div.contact-details span { clear: both; display: block; }
section.threecols article.twospan form.contact-member-form { background: #dfded3; margin: 20px 0px 0px 0px; padding: 20px; width: 530px; }
section.threecols article.twospan form.contact-member-form input.field, section.threecols article.twospan form.contact-member-form textarea { width: 520px; }
section.threecols article.twospan form.contact-member-form p { font-size: 12px; text-transform: none; margin-bottom: 0px; }

section.threecols article.twospan div.service-details { border: 1px dashed #dfded3; margin-top: -10px; padding-top: 0px; padding-bottom: 10px; }
section.threecols article.twospan div.service-details p { float: left; font-size: 12px; margin: 0px 0px 0px 10px; width: 270px; } /* { float: left; font-size: 12px; font-style: italic; margin: 10px 0px 0px 10px; text-transform: capitalize; width: 270px; } */
section.threecols article.twospan div.service-details h3 { clear: both; font-size: 14px; font-weight: normal; margin: 0px 10px; padding: 10px 0px 10px 0px; }
section.threecols article.twospan div.service-details span { clear: both; display: block; }

section.threecols article.marketplace-subscription { background: url('/images/marketplace-subscription-bg.png') bottom right no-repeat #e0e1e3; }
aside div.marketplace-subscription { background: url('/images/marketplace-subscription-bg.png') bottom right no-repeat #e0e1e3; margin-bottom: 30px; padding: 20px 0px; }
aside div.marketplace-subscription h2 { margin: 0px 20px; }
aside div.marketplace-subscription p { margin: 0px 20px; }

/*
section.threecols article.marketplace-subscription p:nth-child(2), section.threecols article.marketplace-subscription p:nth-child(3) { font-size: 12px; margin: 0px 20px 0px 20px; text-transform: capitalize; }
section.threecols article.marketplace-subscription p:nth-child(2) strong, section.threecols article.marketplace-subscription p:nth-child(3) strong { color: #000000; display: block; padding-left: 5px; font-size: 14px; font-style: normal; padding-left: 10px; }
section.threecols article.marketplace-subscription p:nth-child(3) { margin-bottom: 10px; }
*/

section.category-icon-list { padding: 20px 30px 0px 30px; width: auto; }
section.category-icon-list h2 { margin-left: 20px; }
/* section.category-icon-list a { background: top center no-repeat #DFDEC3; color: #303030; float: left; height: 50px; margin: 0px 0px 20px 20px; padding-top: 135px; text-align: center; text-decoration: none; text-transform: capitalize; width: 158px; } */
/* section.category-icon-list a { background: top center no-repeat transparent; color: #303030; float: left; font-size: 14px; height: 35px; margin: 0px 0px 20px 20px; padding-top: 91px; text-align: center; text-decoration: none; text-transform: capitalize; width: 91px; } - 8 icons per row */
section.category-icon-list a { background: top center no-repeat transparent; color: #303030; float: left; font-size: 12px; height: 35px; margin: 0px 0px 20px 20px; padding-top: 91px; text-align: center; text-decoration: none; text-transform: none; width: 128px; }

section.branch-data { padding: 0px; }
section.branch-data h2 { margin: 0px 50px 10px 50px; }
section.branch-data article { border-top: 1px solid #dfded3; margin-bottom: 10px; }
section.branch-data article div.address { float: left; width: 265px; }
section.branch-data article div.contact-details { border: 1px dashed #dfded3; float: right; padding-top: 10px; padding-bottom: 10px; width: 568px; } /* { border: 1px dashed #dfded3; float: right; padding-bottom: 10px; width: 568px; } */
section.branch-data article div.contact-details p { float: left; font-size: 12px; margin: 0px 0px 0px 10px; text-transform: capitalize; width: 270px; }
section.branch-data article div.contact-details p strong { display: inline-block; float: right; font-size: 12px; font-style: normal; padding-left: 5px; text-transform: none; width: 195px; } /* { display: inline-block; font-size: 18px; font-style: normal; padding-left: 5px; text-transform: none; } */
section.branch-data article div.contact-details p strong a { background: transparent; color: #555555; font-size: 12px; font-style: normal; text-decoration: none; text-transform: none; }
section.branch-data article div.contact-details p strong a:hover { text-decoration: underline; }
section.branch-data article div.contact-details span { clear: both; display: block; }
section.branch-data article div.branch-contact-list { padding-bottom: 20px; }
section.branch-data article div.branch-contact-list div { background: #dfded3; float: left; margin: 20px 0px 0px 20px; padding: 10px 0px; width: 192px; }
section.branch-data article div.branch-contact-list div img { height: 120px; margin: 0px 0px 10px 10px; width: 172px; }
section.branch-data article div.branch-contact-list div p { margin: 0px 10px; }
section.branch-data article div.branch-contact-list span { clear: both; display: block; }
section.branch-data article div.edit-control { margin-bottom: -10px; }


div.edit-control { margin: 0px; padding: 0px 0px 10px 0px; text-align: right; }
div.design-info div.edit-control { margin: 0px 20px; padding: 0px; }
aside article div.edit-control { margin: 0px 20px 10px 0px; }
table div.edit-control { margin: 0px; padding: 0px; text-align: center; }
div.edit-control form { margin: 0px !important; padding: 0px !important; width: auto !important; }
div.edit-control form input { background: #c4d3db; border: 1px solid black; cursor: pointer; margin: 0px; padding: 3px 8px; text-align: center; text-transform: capitalize; }
table tr td.delete-file { text-align: center; width: 85px; }
div.edit-control.over-image { height: 0px; padding: 0px 20px 0px 0px; }
div.edit-control.over-image form { position: relative; top: -72px; }
div.edit-control.double-button form { float: right; width: 130px !important; }

form.edit-design { margin: 0px auto; width: 620px; }
form.edit-design input.field, form.edit-design textarea { width: 600px; }
form.edit-design div.checkboxes { }
form.edit-design div.checkboxes label { display: inline-block; width: 250px; }
form.edit-design div.checkboxes input { margin-left: 20px; margin-right: 10px; width: 20px; }

div.not-yet-lodged { background: bottom right no-repeat #fffccc; border-top: 1px solid #dfded3; border-bottom: 1px solid #dfded3; padding: 20px 0px 20px 0px; }
div.not-yet-lodged.not-lodged { /* background-image: url('/images/building-design.png'); */ border-top: 1px solid #dfded3; }
div.not-yet-lodged.pending-payment { /* background-image: url('/images/pending-design.png'); */ border-top: 1px solid #dfded3; }

div.submit-design-form { border: 1px solid #8ac168; margin: 20px 0px 0px 0px !important; width: 570px !important; }
div.submit-design-form h2 { margin: 20px 20px 0px 20px !important; }
div.submit-design-form div.checklist { float: left; padding: 20px 0px 20px 20px; width: 260px; }
div.submit-design-form div.checklist div { background: url('/images/cross.png') left center no-repeat transparent; color: red; padding: 7px 0px 7px 40px; text-transform: capitalize; }
div.submit-design-form div.checklist div.tick { background-image: url('/images/tick.png'); color: #56ad12; }
div.submit-design-form div.checklist div.warning { background-image: url('/images/warning.png'); color: #9c7b15; }
div.submit-design-form div.checklist div.warning span.info { color: #9c7b15; display: none; }
div.submit-design-form div.checklist div.warning:hover span { display: none; }
div.submit-design-form div.checklist div.warning:hover span.info { display: inline; }
div.submit-design-form div.continue { float: right; padding: 20px 20px 20px 0px; width: 250px; }
div.submit-design-form div.continue p { font-size: 12px; }
div.submit-design-form div.continue.disabled p { color: #999999; }
div.submit-design-form div.continue input { text-transform: capitalize; }
div.submit-design-form div.continue.disabled input { color: #999999; cursor: progress; }

article.member-info { }
article.member-info div { float: left; width: 275px; }
article.member-info div.second { float: right; }
article.member-info div.second p { padding-left: 75px; text-indent: -75px; }
article.member-info div.end { float: none; }
article.member-info div p { margin: 0px !important; }
article.member-info div p i { color: #555555; display: inline-block; font-size: 12px; font-style: normal; text-indent: 0px; text-transform: capitalize; width: 70px; }

section.marketplace-design-list { padding: 0px 0px 20px 30px; }
section.marketplace-design-list article { border: 1px solid #dfded3; float: left; margin: 20px 0px 0px 20px; position: relative; width: 156px; }

section.marketplace-design-list article div.invite-only-pic { position: relative; }
section.marketplace-design-list article div.invite-only-pic span { background: url('/images/invite-only.png') center center no-repeat transparent; height: 100%; left: 0px; opacity: 0.8; position: absolute; top: 0px; width: 100%; }

section.marketplace-design-list article img { display: block; margin: 14px 0px 14px 14px; }
section.marketplace-design-list article div.invite-only-pic img { opacity: 0.4; }
section.marketplace-design-list article div.thumb-overlay { position: absolute !important; top: 14px; left: 14px; width: 130px; height: 86px; }

section.marketplace-design-list article.page-numbers { border: 0px; border-top: 1px solid #dfded3; margin-bottom: 30px; text-align: center; width: 870px; }
section.marketplace-design-list div.start-anchor { clear: both; }
section.marketplace-design-list div.end-container { border: 0px solid #dfded3; float: left; height: 0px; margin: 0px 0px 0px 20px; overflow: hidden; position: relative; width: 868px; }
section.marketplace-design-list div.end-container div.content { opacity: 0.01; }

section.marketplace-design-list div.end-container div.arrow { border-top: 0px; border-right: 30px solid transparent; border-bottom: 30px solid #dfded3; border-left: 30px solid transparent; left: 49px; opacity: 0.01; position: absolute; top: -30px; }

section.marketplace-design-list div.end-container div div.image { background: center center no-repeat #ffffff; float: left; height: 427px; margin: 14px 0px 14px 14px; width: 570px; }
section.marketplace-design-list div.end-container div div.image.invite-only { opacity: 0.4; position: relative; }
section.marketplace-design-list div.end-container div div.image.invite-only span { background: url('/images/large-invite-only.png') center center no-repeat transparent; display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
/*
section.marketplace-design-list div.end-container div a.gallery-icon { background: top center no-repeat #ffffff; color: #000000; float: right; margin: 14px 14px 0px 0px; padding: 90px 0px 0px 0px; text-align: center; text-decoration: none; text-transform: capitalize; width: 250px; }

section.marketplace-design-list div.end-container div div.member-info { background: #dfded3; float: right; margin: 14px 14px 0px 0px; padding: 20px 0px; width: 250px; }
section.marketplace-design-list div.end-container div div.member-info h2 { font-size: 18px; margin: 0px 20px 10px 20px; }
section.marketplace-design-list div.end-container div div.member-info p { font-size: 11px; font-style: italic; margin: 0px 20px 0px 20px; text-transform: capitalize; }
section.marketplace-design-list div.end-container div div.member-info p strong { color: #000000; display: inline-block; padding-left: 5px; font-size: 14px; font-style: normal; }
section.marketplace-design-list div.end-container div div.member-info p a { background: transparent; text-decoration: none; }
section.marketplace-design-list div.end-container div div.member-info p a:hover { text-decoration: underline; }

section.marketplace-design-list div.end-container div div.design-info { background: #dfded3; float: right; margin: 14px 14px 0px 0px; padding: 20px 0px; width: 250px; }
section.marketplace-design-list div.end-container div div.design-info h2 { font-size: 18px; margin: 0px 20px 10px 20px; }
section.marketplace-design-list div.end-container div div.design-info p { font-size: 11px; font-style: italic; margin: 0px 20px 0px 20px; text-transform: capitalize; }
section.marketplace-design-list div.end-container div div.design-info p strong { color: #000000; display: inline-block; padding-left: 5px; font-size: 14px; font-style: normal; }
section.marketplace-design-list div.end-container div div.design-info p a { background: transparent; text-decoration: none; }
section.marketplace-design-list div.end-container div div.design-info p a:hover { text-decoration: underline; }
*/
section.marketplace-design-list div.end-container div div.design-info { background: #dfded3; float: right; height: 245px; margin: 14px 14px 0px 0px; padding: 20px 0px; width: 250px; }
section.marketplace-design-list div.end-container div div.design-info h2 { font-size: 18px; height: 38px; margin: 0px 20px 10px 20px; }
section.marketplace-design-list div.end-container div div.design-info p { font-size: 11px; font-style: italic; height: 50px; margin: 0px 20px 0px 20px; text-transform: none; }
section.marketplace-design-list div.end-container div div.design-info p.description { height: 151px; overflow: hidden; }
section.marketplace-design-list div.end-container div div.design-info p a { background: transparent; text-decoration: none; }
section.marketplace-design-list div.end-container div div.design-info p a:hover { text-decoration: underline; }
section.marketplace-design-list div.end-container div div.design-info p.moredetails { position: relative; } 
section.marketplace-design-list div.end-container div div.design-info p.moredetails a { display: inline-block; margin-top: 40px; }
section.marketplace-design-list div.end-container div div.design-info p.moredetails span.discount-badge { 
    background: url('/images/acid-discount-badge.png') center center no-repeat transparent;
    background-size: contain;
    border-radius: 50%;
    display: none;
    height: 100px;
    right: 0px;
    position: absolute;
    top: 0px;
    width: 100px; }
section.marketplace-design-list div.end-container div div.design-info p.moredetails span.discount-badge.show { display: block; }

section.marketplace-design-list div.end-container div div.member-info { background: #dfded3; float: right; margin: 14px 14px 0px 0px; padding: 20px 0px; width: 250px; }
section.marketplace-design-list div.end-container div div.member-info a.icon { background: center center no-repeat #ffffff; display: block; float: left; height: 86px; margin: 0px 0px 0px 20px; width: 89px; }
section.marketplace-design-list div.end-container div div.member-info p { font-size: 11px; margin: 7px 20px 7px 20px; text-align: right; text-transform: capitalize; }
section.marketplace-design-list div.end-container div div.member-info p strong { display: block; font-weight: normal; text-align: right; }
section.marketplace-design-list div.end-container div div.member-info p a { background: transparent; text-align: right; text-decoration: none; }
section.marketplace-design-list div.end-container div div.member-info p a:hover { text-decoration: underline; }

section.marketplace-design-list div.end-container div div.category-info { background: #dfded3; float: right; margin: 14px 14px 0px 0px; padding: 20px 0px; width: 250px; }
section.marketplace-design-list div.end-container div div.category-info a.icon { background: center center no-repeat #ffffff; display: block; float: left; height: 86px; margin: 0px 0px 0px 20px; width: 89px; }
section.marketplace-design-list div.end-container div div.category-info p { font-size: 11px; font-style: italic; margin: 7px 20px 7px 20px; text-align: right; text-transform: capitalize; }
section.marketplace-design-list div.end-container div div.category-info p a { background: transparent; text-align: right; text-decoration: none; }
section.marketplace-design-list div.end-container div div.category-info p a:hover { text-decoration: underline; }

div.not-done-yet { background: #f3dfdf; padding: 10px 10px 0px 10px; margin-bottom: 10px; }
div.not-done-yet.warning { background: #eae1be; }

aside div.contact-details { padding-top: 30px; }
aside div.contact-details p { font-size: 35px; }
aside div.contact-details p strong { display: block; font-size: 20px; font-weight: normal; padding: 20px 0px 5px 0px; text-transform: capitalize; }

aside div.side-menu-links { }
aside div.side-menu-links a { border-top: 1px dotted #555555; color: #555555; font-size: 12px; display: block; padding: 5px; text-decoration: none; }
aside div.side-menu-links a:first-letter { text-transform: uppercase; }
aside div.side-menu-links a:hover, aside div.side-menu-links a.selected { background: #fffdca; }
aside div.side-menu-links a.selected { color: #000000; }
/* aside div.side-menu-links a.sub { border-left: 10px solid #fffdca; } */

form.affiliates-search-form { background: #dfded3; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 20px 0px 10px 0px; }
form.affiliates-search-form div.left { float: left; margin: 0px 0px 0px 20px; width: 574px; }
form.affiliates-search-form div.left label { clear: both; display: inline-block; float: left; width: 150px; }
form.affiliates-search-form div.left input.field { float: left; width: 408px; }
form.affiliates-search-form div.left select { float: left; width: 424px; }
form.affiliates-search-form div.right { float: right; padding-right: 20px; width: 236px; }
form.affiliates-search-form div.right p { font-size: 12px; }
form.affiliates-search-form div.category-select-dropdown-container select.b-nb-select { width: 150px; }
form.affiliates-search-form div.category-select-dropdown-container select.cat-select { margin-left: 10px; width: 264px; }

form.marketplace-visibility { border: 1px solid #555555; margin: 0px 0px 10px 0px !important; padding: 10px; width: auto !important; /* width: 460px !important; */ }
form.marketplace-visibility input.field { width: 444px; }
form.marketplace-visibility select { width: 460px; }

header { left: 0px; position: absolute; top: 0px; width: 100%; }
header article { border-bottom: 1px solid #000000; margin: 0px 10px 0px 10px; }
header article a.acid-uk { background: url('/images/acid-uk-com.png') center center no-repeat transparent; float: left; height: 65px; margin: 10px 0px 10px 0px; width: 179px; }
div.acid.marketplace header article a.acid-uk { background-image: url('/images/acid-marketplace-com.png'); }
header article div { background: #fffccc; float: right; height: 53px; margin: 10px 0px 10px 0px; text-align: right; width: 764px; }
header article span { clear: both; display: block; }
header nav { background: #f1f1f1; clear: both; height: 39px; margin: 5px 10px 0px 10px; }
header nav a { background: transparent; color: #303030; display: block; float: left; font-size: 13px; margin: 0px; padding: 12px 21px; text-decoration: none; text-transform: capitalize; }
header nav a:hover { background: #ffff00; }
header article.banner { background: url('/images/banners/Gardening_Products_-_Burgon_and_Ball.jpg') center center no-repeat #f1f1f1; border: 0px; height: 340px; margin: 10px 0px 0px 0px; width: 970px; }
header nav.subnav { background: #dfded3; height: 80px; margin: 0px; overflow: hidden; position: relative; }
header nav.subnav.hide-banner { margin-top: 10px; }
header nav.subnav:before { background: transparent; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000; content: ""; height: 20px; top: -20px; left: 100px; position: absolute; width: 770px; }
header nav.subnav a { background: top center no-repeat transparent; border-left: 1px solid #cccccc; border-right: 1px solid #f1f1f1; color: #303030; margin: 10px 0px; padding: 45px 0px 0px 0px; text-align: center; text-transform: uppercase; width: 192px; }
header nav.subnav a:first-child { border-left: 0px; width: 193px; }
header nav.subnav a:last-child { border-right: 0px; width: 193px; }
header nav.subnav a:hover { background-color: transparent; }
header nav.subnav a.benefits { background-image: url('/images/menu-icons/member-benefits.png'); }
header nav.subnav a.members { background-image: url('/images/menu-icons/members.png'); }
header nav.subnav a.register { background-image: url('/images/menu-icons/register.png'); }
header nav.subnav a.databank, header nav.subnav a.marketplace { background-image: url('/images/menu-icons/databank.png'); }
header nav.subnav a.affiliates { background-image: url('/images/menu-icons/affiliates.png'); }
header nav.subnav a.profile { background-image: url('/images/menu-icons/profile.png'); }
header nav.subnav a.designs { background-image: url('/images/menu-icons/my-designs.png'); }
header nav.subnav a.logout { background-image: url('/images/menu-icons/logout.png'); }
header nav.subnav a.acid { background-image: url('/images/menu-icons/acid-site.png'); background-position: center center; text-indent: 800px; }

footer { clear: both; }
footer article { background: #f1f1f1; margin: 0px; padding: 20px; }
footer article p { color: #8A8C84; font-size: 11px; }
footer article.quotes { background: #fffdca; height: 80px; margin: 10px 0px 10px 0px; overflow: hidden; position: relative; }
footer article.quotes:before { background: transparent; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000; content: ""; height: 20px; top: -20px; left: 100px; position: absolute; width: 770px; }
footer article.quotes:after { background: transparent; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000; bottom: -20px; content: ""; height: 20px; left: 100px; position: absolute; width: 770px; }
footer article.links { padding: 0px; }
footer article.links div { background: transparent; float: left; margin: 10px 0px 20px 20px; padding: 10px 0px; width: 170px; }
footer article.links div h2 { color: #8A8C84; font-size: 14px; font-weight: normal; margin: 10px 0px 10px 0px; text-transform: uppercase; }
footer article.links div a { color: #8A8C84; display: block; font-size: 11px; text-decoration: none; text-transform: capitalize; }
footer article.links div a:hover { text-decoration: underline; }
footer article.links span { clear: both; display: block; }
footer article.copy { overflow: hidden; position: relative; }
footer article.copy:before { background: transparent; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 20px #000000; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000; content: ""; height: 20px; top: -20px; left: 100px; position: absolute; width: 770px; }

/* -- navigation button icons -- */
section.category-icon-list a.commercial-agreements { background-image: url('/images/category-icons/commercial-agreements.png'); }
section.category-icon-list a.company { background-image: url('/images/category-icons/company.png'); }
section.category-icon-list a.debt-recovery { background-image: url('/images/category-icons/debt-recovery.png'); }
section.category-icon-list a.employment { background-image: url('/images/category-icons/employment.png'); }
section.category-icon-list a.intellectual-property { background-image: url('/images/category-icons/intellectual-property.png'); }
section.category-icon-list a.information-technology { background-image: url('/images/category-icons/information-technology.png'); }
section.category-icon-list a.litigation { background-image: url('/images/category-icons/litigation.png'); }
section.category-icon-list a.agreements { background-image: url('/images/category-icons/agreements.png'); }
section.category-icon-list a.bridal { background-image: url('/images/category-icons/bridal.png'); }
section.category-icon-list a.ceramics { background-image: url('/images/category-icons/ceramics.png'); }
section.category-icon-list a.childrenswear { background-image: url('/images/category-icons/childrenswear.png'); }
section.category-icon-list a.commercial { background-image: url('/images/category-icons/commercial.png'); }
section.category-icon-list a.copyright { background-image: url('/images/category-icons/copyright.png'); }
section.category-icon-list a.debt { background-image: url('/images/category-icons/debt.png'); }
section.category-icon-list a.design { background-image: url('/images/category-icons/design.png'); }
section.category-icon-list a.design-agency { background-image: url('/images/category-icons/design-agency.png'); }
section.category-icon-list a.education { background-image: url('/images/category-icons/education.png'); }
section.category-icon-list a.employment { background-image: url('/images/category-icons/employment.png'); }
section.category-icon-list a.fabrics-and-textiles { background-image: url('/images/category-icons/fabrics-and-textiles.png'); }
section.category-icon-list a.family-law { background-image: url('/images/category-icons/family-law.png'); }
section.category-icon-list a.fashion { background-image: url('/images/category-icons/fashion.png'); }
section.category-icon-list a.fires-and-fireplaces { background-image: url('/images/category-icons/fires-and-fireplaces.png'); }
section.category-icon-list a.floor-coverings { background-image: url('/images/category-icons/floor-coverings.png'); }
section.category-icon-list a.franchising-and-licensing { background-image: url('/images/category-icons/franchising-and-licensing.png'); }
section.category-icon-list a.furniture { background-image: url('/images/category-icons/furniture.png'); }
section.category-icon-list a.garden-products { background-image: url('/images/category-icons/garden-products.png'); }
section.category-icon-list a.giftware { background-image: url('/images/category-icons/giftware.png'); }
section.category-icon-list a.graphics { background-image: url('/images/category-icons/graphics.png'); }
section.category-icon-list a.greetings-cards { background-image: url('/images/category-icons/greetings-cards.png'); }
section.category-icon-list a.insolvency { background-image: url('/images/category-icons/insolvency.png'); }
section.category-icon-list a.interior-accessories { background-image: url('/images/category-icons/interior-accessories.png'); }
section.category-icon-list a.interior-design { background-image: url('/images/category-icons/interior-design.png'); }
section.category-icon-list a.ip-valuation-and-audits { background-image: url('/images/category-icons/ip-valuation-and-audits.png'); }
section.category-icon-list a.it { background-image: url('/images/category-icons/it.png'); }
section.category-icon-list a.jewellery { background-image: url('/images/category-icons/jewellery.png'); }
section.category-icon-list a.kitchen-and-bathroom { background-image: url('/images/category-icons/kitchen-and-bathroom.png'); }
section.category-icon-list a.lighting { background-image: url('/images/category-icons/lighting.png'); }
section.category-icon-list a.litigation { background-image: url('/images/category-icons/litigation.png'); }
section.category-icon-list a.mediation-and-adr { background-image: url('/images/category-icons/mediation-and-adr.png'); }
section.category-icon-list a.other { background-image: url('/images/category-icons/other.png'); }
section.category-icon-list a.patents { background-image: url('/images/category-icons/patents.png'); }
section.category-icon-list a.photography { background-image: url('/images/category-icons/photography.png'); }
section.category-icon-list a.product-design { background-image: url('/images/category-icons/product-design.png'); }
section.category-icon-list a.property { background-image: url('/images/category-icons/property.png'); }
section.category-icon-list a.registrations-and-renewals { background-image: url('/images/category-icons/registrations-and-renewals.png'); }
section.category-icon-list a.the-arts { background-image: url('/images/category-icons/the-arts.png'); }
section.category-icon-list a.toys { background-image: url('/images/category-icons/toys.png'); }
section.category-icon-list a.trade-marks { background-image: url('/images/category-icons/trade-marks.png'); }
section.category-icon-list a.wills-and-probate { background-image: url('/images/category-icons/wills-and-probate.png'); }
/* -- -- */

/* marketplace only styling */
body.marketplace { background: url('/images/marketplace-background.jpg') top center no-repeat fixed #e0e1e2; }
body.marketplace .acid div.pad { height: 515px; }
body.marketplace .acid div.pad.hide-banner { height: 175px; }
body.marketplace .acid header article a.acid-uk { background-image: url('/images/acid-marketplace-com.png'); width: 361px; }
body.marketplace .acid header article div { background: #c4e6e9; width: 582px; }
body.marketplace .acid p a { background: #b0d6e1; }
body.marketplace .acid h1, body.marketplace .acid h2, body.marketplace .acid h3, body.marketplace .acid h1 a, body.marketplace .acid h2 a, body.marketplace .acid h3 a { color: #008da9 !important; font-family: 'HarabaraBold', 'Helvetica Neue', Arial, sans-serif; text-transform: lowercase; }
/* body.marketplace .acid section.threecols article, body.marketplace .acid div.login-form { background: #c4d3db; } */
body.marketplace .acid header nav.subnav { background: #c4d3db; }
body.marketplace .acid footer article.quotes { background: #c4e6e9; }
/* ----- */

/* affiliates only styling */
body.affiliates { }
body.affiliates .acid div.pad { height: 515px; }
body.affiliates .acid div.pad.hide-banner { height: 175px; }
body.affiliates .acid header article a.acid-uk { background-image: url('/images/acid-affiliates-com.png'); width: 127px; }
body.affiliates .acid header article div { width: 816px; }
body.affiliates .acid header article.banner { background-image: url('/images/banners/affiliates-default.jpg'); }
body.affiliates .acid p a { }
body.affiliates .acid h1, body.affiliates .acid h2, body.affiliates .acid h3, body.affiliates .acid h1 a, body.affiliates .acid h2 a, body.affiliates .acid h3 a { }
body.affiliates .acid section.threecols article, body.marketplace .acid div.login-form { }
body.affiliates .acid header nav.subnav { }
body.affiliates .acid footer article.quotes { }
/* ----- */

/* registration forms */
form.registration-form { }
form.registration-form label { margin-top: 5px; text-transform: none; }
form.registration-form label:first-letter { text-transform: uppercase; }
form.registration-form input.field { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 5px 15px; width: 840px; }
form.registration-form input.field.loading { background-image: url('/images/check-field.gif'); background-position: center right; background-repeat: no-repeat; }
form.registration-form select { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid white; padding: opx; width: 870px; }
form.registration-form table { border-collapse: collapse; width: 100%; }
form.registration-form table tr td { border: 1px solid #555555; padding: 3px 5px; }
form.registration-form table thead tr td { text-transform: capitalize; }
form.registration-form table tr td.num { text-align: right; }
form.registration-form table tr td.num.strikethrough { color: #555555; text-decoration: line-through; }
form.registration-form table tr td.num.no-right-border { border-right: 0px !important; }
form.registration-form table tr td.num.no-left-border { border-left: 0px !important; }
form.registration-form table tr td.tick { text-align: center; }
form.registration-form table.error tr td { background: #ffd1d1; border-color: #a30000; color: #a30000; }
form.registration-form table tr.disabled td { background: #dad9d8; color: #777777 !important; }
form.registration-form div.email-taken-message { background: #ffd1d1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #a30000; height: 0px; margin: 0px auto; opacity: 0; overflow: hidden; padding: 0px 15px 0px 15px; width: 740px; }

/* tag clouds */
article.tag-cloud { padding-bottom: 20px; }
article.tag-cloud h2 { margin-bottom: 0px !important; }
article.tag-cloud form { display: inline-block; float: left; margin: 20px 0px 0px 20px !important; padding: 0px; width: auto !important; }

section article.invoices { }
section article.invoices table { border-collapse: collapse; width: 100%; }
section article.invoices table tr td { border: 1px solid #dddddd; padding: 3px 5px; }
section article.invoices table tr td.num { text-align: right; }
section article.invoices table tr td.view { text-align: center; width: 110px; }
section article.invoices table thead tr td { text-transform: capitalize; }
section article.invoices table tr td a { color: #000000; text-decoration: none; }
section article.invoices table tr td a:hover { text-decoration: underline; }
section article.invoices.outstanding table tr td { background: #ffe3e3; border-color: #ddbebe; }

/* marketplace shop */
section.product-list { }
section.product-list article { background: transparent !important; border-top: 1px solid #008da9; margin: 0px 0px 10px 30px; padding-top: 10px; position: relative; width: 570px; }
section.product-list article.basket { border: 0px; padding-top: 0px; }
section.product-list article p, section.product-list article h2, section.product-list article form { margin: 0px 0px 10px 0px; }
section.product-list article p { font-size: 12px; }
section.product-list article p a { font-size: 12px; }
section.product-list article p.price { }
section.product-list article p.price span.member { color: #555555; display: inline-block; text-decoration: line-through; width: 250px; }
section.product-list article p.price span.non-member { color: #008da9; display: inline-block; font-size: 18px; width: 70px; }
section.product-list article p.price span.login { display: block; font-size: 12px; }
section.product-list article p.price span.login a { font-size: 12px; }
section.product-list article p.price.member span.member { color: #008da9; font-size: 20px; text-decoration: none; }
section.product-list article p.price.member span.non-member { color: #555555; font-size: 12px; text-decoration: line-through; }
section.product-list article img { float: left; height: 129px; margin: 0px 20px 10px 0px; width: 100px; }
section.product-list article div.already-purchased { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
section.product-list article div.already-purchased a.download { background: url('/images/download-document-icon.png') center center no-repeat transparent; float: left; height: 129px; margin: 0px 20px 10px 0px; position: relative; width: 100px; }
section.product-list article div.already-purchased p { color: #008da9; display: none; float: right; font-size: 30px; line-height: 32px; padding-top: 30px; position: relative; text-align: center; width: 450px; }
section.product-list article div.already-purchased span { background: transparent; height: 100%; left: 0px; opacity: 0.8; position: absolute; top: 0px; width: 100%; }
section.product-list article div.already-purchased:hover span { background: #f4f2ed; }
section.product-list article div.already-purchased:hover p { display: block; }
section.product-list article form { width: auto; }
section.product-list article form input.field { width: 100px; }
section.product-list article.full-width { border-top: 0px; width: 870px; }
section.product-list article.full-width form input.field { width: 840px; }
section.product-list aside { float: right; margin: 0px 30px 0px 0px; }
section.product-list aside div.box { background: #c4d3db !important; margin: 0px 0px 30px 0px; padding: 20px 0px 10px 0px; }
section.product-list aside div.box h2 { color: #000000 !important; margin: 0px 20px 10px 20px; }
section.product-list aside div.box p { margin: 0px 20px 10px 20px !important; }
section.product-list aside div.box p.basket { background: url('/images/cart-img.png') center center no-repeat transparent; text-align: center; }
section.product-list aside div.box p.basket a { background: transparent; display: block; padding: 20px 20px 40px 0px; text-decoration: none; }
section.product-list aside div.box p.basket a span { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: #ffffff; font-size: 30px; padding: 5px 15px 5px 15px; }
section.product-list article div.message { background: #e3dfbd; border-color: #a19b36; width: auto; }
section.product-list article div.message h2 { color: #a19b36 !important; text-align: center; }
section.product-list article div.message p { color: #a19b36; }
section.product-list article div.message form { text-align: center; }
section.product-list aside div.box.links a { background: #b0d6e1; color: #303030; font-size: 14px; margin: 0px 20px 0px 20px; text-transform: uppercase; }

div.download-list { margin: 0px 0px 10px 0px; }
div.download-list p a { background: url('/images/download-icon-file.png') 15px 15px no-repeat transparent; border-top: 1px solid #ffffff; border-bottom: 1px solid #dfded4; display: block; font-size: 14px; margin: 0px; padding: 10px 10px 10px 70px; text-decoration: none; text-transform: none; }
div.download-list p a:hover { background-color: #dfded4; }
div.download-list p a span { display: block; font-size: 12px; }
div.download-list p a.image { background-image: url('/images/download-icon-image.png'); }
div.download-list p a.pdf { background-image: url('/images/download-icon-pdf.png'); }
div.download-list p a.document { background-image: url('/images/download-icon-document.png'); }
div.download-list p a.zip { background-image: url('/images/download-icon-zip.png'); }
div.download-list p a.video { background-image: url('/images/download-icon-video.png'); }

/* new footer */
footer.newfoot { background: #c7cacd; clear: both; margin: 0px; padding: 20px 0px; }
footer.newfoot * { font-family: Muli,sans-serif; -webkit-font-smoothing: antialiased; }
footer.newfoot section { background: transparent; clear: both; margin: 0px auto; position: relative; width: 100%; max-width: 1300px; }
footer.newfoot section:after { clear: both; content: ''; display: block; }
footer.newfoot section article { background: transparent; float: left; margin: 15px 0px 0px 15px; padding: 0px; text-align: left; width: calc( ( 100% - 60px ) / 3 ); }
footer.newfoot section article.links { width: calc( ( 100% - 60px ) / 6 ); }
footer.newfoot section article.newsletter { margin-left: calc( ( ( 100% - 60px ) / 6 ) + 30px ); min-height: 235px; width: calc( ( 100% - 60px ) / 2 ); }
footer.newfoot section article.legal { clear: both; padding-top: 20px; width: calc( 100% - 30px ); }
footer.newfoot section article.links { position: absolute; top: 0px; left: 0px; }
footer.newfoot section article.social { position: absolute; top: 0px; right: 15px; }
footer.newfoot section article h2, footer.newfoot section article h2 a { color: #38373c; font-size: 13px; font-weight: bold; text-align: right; text-decoration: none; text-transform: none; }
footer.newfoot section article h2:first-letter { text-transform: uppercase; }
footer.newfoot section article h2 a:hover { color: #363636; }
footer.newfoot section article p { color: #38373c; font-size: 13px; line-height: 2.1; text-align: right; }
footer.newfoot section article p a { background: transparent; color: #38373c; font-size: 12px; font-weight: 700; text-decoration: none; }
footer.newfoot section article.links h2, footer.newfoot section article.links h2 a { text-align: left; }
footer.newfoot section article.links a { color: #38373c; display: block; font-size: 13px; height: 23px; margin-top: 3px; text-decoration: none; text-transform: capitalize; }
footer.newfoot section article.links a:hover { color: #363636; }
footer.newfoot section article.links p { color: #38373c; font-size: 13px; font-weight: 700; padding-top: 20px; text-align: left; }
footer.newfoot section article.newsletter h2, footer.newfoot section article.newsletter h2 a { text-align: left; }
footer.newfoot section article.newsletter form { background: #ffffff; border-radius: 4px; box-shadow: 0 15px 30px rgba(27,25,24,.12); color: #38373c; height: 50px; margin-top: 25px; overflow: hidden; width: 100%; }
footer.newfoot section article.newsletter form input[type=email] { background: transparent; border: 0px; color: #38373c; float: left; font-size: 11px; font-weight: 700; height: 50px; outline: 0px; padding: 0px 22px; width: calc( 100% - 94px ); }
footer.newfoot section article.newsletter form input[type=email]::-webkit-input-placeholder { color: #38373c; }
footer.newfoot section article.newsletter form input[type=email]:-ms-input-placeholder { color: #38373c; }
footer.newfoot section article.newsletter form input[type=email]::-moz-placeholder { color: #38373c; opacity: 1; }
footer.newfoot section article.newsletter form input[type=email]:-moz-placeholder  { color: #38373c; opacity: 1; }
footer.newfoot section article.newsletter form input[type=submit] { background: url('/images/btn-arrow-right.png') center center no-repeat #01aae5; border: 0px; color: transparent; cursor: pointer; float: left; height: 50px; width: 50px; }
footer.newfoot section article.newsletter p { margin: 0px; padding: 0px; text-align: left; }
footer.newfoot section article.newsletter p a { background: #ffffff; border-radius: 4px; box-shadow: 0 15px 30px rgba(27,25,24,.12); color: #38373c; cursor: pointer; display: block; height: 24px; margin: 30px 0px 0px 0px; overflow: hidden; padding: 12px 22px; transition: all ease .5s; width: calc( 100% - 44px ); }
footer.newfoot section article.newsletter p a:hover { background: #01aae5; color: #ffffff; }
footer.newfoot section article.legal h2, footer.newfoot section article.legal h2 a { text-align: left; }
footer.newfoot section article.legal p { color: #3a3a3e; font-size: 12px; line-height: 21px; margin: 0px; text-align: left; }
footer.newfoot section article p a.facebook, footer.newfoot section article p a.twitter, footer.newfoot section article p a.linkedin, footer.newfoot section article p a.youtube { border-radius: 5px; display: inline-block; height: 40px; margin: 0px 0px 0px 5px; width: 40px; }
footer.newfoot section article p a.facebook { background: url('/images/btn-fb-icon.png') center center no-repeat #3b579d; background-size: 11px; }
footer.newfoot section article p a.twitter { background: url('/images/btn-twitter-icon.png') center center no-repeat #2caae1; background-size: 21px; }
footer.newfoot section article p a.linkedin { background: url('/images/btn-linkedin-icon.png') center center no-repeat #0177b5; background-size: 21px; }
footer.newfoot section article p a.youtube { background: url('/images/btn-youtube-icon.png') center center no-repeat #e4291a; background-size: 21px; }
footer.newfoot section article p a.facebook:hover { background-color: #344d8a; }
footer.newfoot section article p a.twitter:hover { background-color: #1e9ed5; }
footer.newfoot section article p a.linkedin:hover { background-color: #01669c; }
footer.newfoot section article p a.youtube:hover { background-color: #cd2517; }

@media (max-width: 1336px){ 
    footer.newfoot section { max-width: 950px; } 
    footer.newfoot section article.newsletter { min-height: 285px; }
}

@media (max-width: 768px){
    footer.newfoot section article.newsletter { margin-left: 15px; min-height: auto; padding-bottom: 30px; width: calc( 100% - 30px ); }
    footer.newfoot section article.links { position: static; right: auto; top: auto; width: calc( ( 100% - 45px ) / 2 ); }
    footer.newfoot section article.social { left: auto; position: static; top: auto; width: calc( ( 100% - 45px ) / 2 ); }
}

body.marketplace.bannersize-fix div.acid div.pad.hide-banner { height: 220px; }


/* fix the declaration boxes on sign up form */
form.registration-form div.declaration label { clear: both; float: right; width: 820px; }
form.registration-form div.declaration input[type=checkbox] { float: left; margin-top: 5px; }
form.registration-form div.declaration:after { clear: both; content: ''; display: block; }