/* Entypo pictograms by Daniel Bruce — www.entypo.com */
@charset "UTF-8";
@font-face { font-family: 'entypo'; font-style: normal; font-weight: normal; src: url('icons/entypo/entypo.eot'); src: url('icons/entypo/entypo.eot?#iefix') format('eot'), url('icons/entypo/entypo.woff') format('woff'), url('icons/entypo/entypo.ttf') format('truetype'), url('icons/entypo/entypo.svg#entypo') format('svg'); }
.entypo-note:before { content: "\266a"; }
.entypo-note-beamed:before { content: "\266b"; }
.entypo-music:before { content: "\1f3b5"; }
.entypo-search:before { content: "\1f50d"; }
.entypo-flashlight:before { content: "\1f526"; }
.entypo-mail:before { content: "\2709"; }
.entypo-heart:before { content: "\2665"; }
.entypo-heart-empty:before { content: "\2661"; }
.entypo-star:before { content: "\2605"; }
.entypo-star-empty:before { content: "\2606"; }
.entypo-user:before { content: "\1f464"; }
.entypo-users:before { content: "\1f465"; }
.entypo-user-add:before { content: "\e700"; }
.entypo-video:before { content: "\1f3ac"; }
.entypo-picture:before { content: "\1f304"; }
.entypo-camera:before { content: "\1f4f7"; }
.entypo-layout:before { content: "\268f"; }
.entypo-menu:before { content: "\2630"; }
.entypo-check:before { content: "\2713"; }
.entypo-cancel:before { content: "\2715"; }
.entypo-cancel-circled:before { content: "\2716"; }
.entypo-cancel-squared:before { content: "\274e"; }
.entypo-plus:before { content: "\2b"; }
.entypo-plus-circled:before { content: "\2795"; }
.entypo-plus-squared:before { content: "\229e"; }
.entypo-minus:before { content: "\2d"; }
.entypo-minus-circled:before { content: "\2796"; }
.entypo-minus-squared:before { content: "\229f"; }
.entypo-help:before { content: "\2753"; }
.entypo-help-circled:before { content: "\e704"; }
.entypo-info:before { content: "\2139"; }
.entypo-info-circled:before { content: "\e705"; }
.entypo-back:before { content: "\1f519"; }
.entypo-home:before { content: "\2302"; }
.entypo-link:before { content: "\1f517"; }
.entypo-attach:before { content: "\1f4ce"; }
.entypo-lock:before { content: "\1f512"; }
.entypo-lock-open:before { content: "\1f513"; }
.entypo-eye:before { content: "\e70a"; }
.entypo-tag:before { content: "\e70c"; }
.entypo-bookmark:before { content: "\1f516"; }
.entypo-bookmarks:before { content: "\1f4d1"; }
.entypo-flag:before { content: "\2691"; }
.entypo-thumbs-up:before { content: "\1f44d"; }
.entypo-thumbs-down:before { content: "\1f44e"; }
.entypo-download:before { content: "\1f4e5"; }
.entypo-upload:before { content: "\1f4e4"; }
.entypo-upload-cloud:before { content: "\e711"; }
.entypo-reply:before { content: "\e712"; }
.entypo-reply-all:before { content: "\e713"; }
.entypo-forward:before { content: "\27a6"; }
.entypo-quote:before { content: "\275e"; }
.entypo-code:before { content: "\e714"; }
.entypo-export:before { content: "\e715"; }
.entypo-pencil:before { content: "\270e"; }
.entypo-feather:before { content: "\2712"; }
.entypo-print:before { content: "\e716"; }
.entypo-retweet:before { content: "\e717"; }
.entypo-keyboard:before { content: "\2328"; }
.entypo-comment:before { content: "\e718"; }
.entypo-chat:before { content: "\e720"; }
.entypo-bell:before { content: "\1f514"; }
.entypo-attention:before { content: "\26a0"; }
.entypo-alert:before { content: "\1f4a5'"; }
.entypo-vcard:before { content: "\e722"; }
.entypo-address:before { content: "\e723"; }
.entypo-location:before { content: "\e724"; }
.entypo-map:before { content: "\e727"; }
.entypo-direction:before { content: "\27a2"; }
.entypo-compass:before { content: "\e728"; }
.entypo-cup:before { content: "\2615"; }
.entypo-trash:before { content: "\e729"; }
.entypo-doc:before { content: "\e730"; }
.entypo-docs:before { content: "\e736"; }
.entypo-doc-landscape:before { content: "\e737"; }
.entypo-doc-text:before { content: "\1f4c4"; }
.entypo-doc-text-inv:before { content: "\e731"; }
.entypo-newspaper:before { content: "\1f4f0"; }
.entypo-book-open:before { content: "\1f4d6"; }
.entypo-book:before { content: "\1f4d5"; }
.entypo-folder:before { content: "\1f4c1"; }
.entypo-archive:before { content: "\e738"; }
.entypo-box:before { content: "\1f4e6"; }
.entypo-rss:before { content: "\e73a"; }
.entypo-phone:before { content: "\1f4dE"; }
.entypo-cog:before { content: "\2699"; }
.entypo-tools:before { content: "\2692"; }
.entypo-share:before { content: "\e73c"; }
.entypo-shareable:before { content: "\e73e"; }
.entypo-basket:before { content: "\e73d"; }
.entypo-bag:before { content: "\1f45c'"; }
.entypo-calendar:before { content: "\1f4c5"; }
.entypo-login:before { content: "\e740"; }
.entypo-logout:before { content: "\e741"; }
.entypo-mic:before { content: "\1f3a4"; }
.entypo-mute:before { content: "\1f507"; }
.entypo-sound:before { content: "\1f50a"; }
.entypo-volume:before { content: "\e742"; }
.entypo-clock:before { content: "\1f554"; }
.entypo-hourglass:before { content: "\23f3"; }
.entypo-lamp:before { content: "\1f4a1"; }
.entypo-light-down:before { content: "\1f505"; }
.entypo-light-up:before { content: "\1f506"; }
.entypo-adjust:before { content: "\25d1"; }
.entypo-block:before { content: "\1f6ab"; }
.entypo-resize-full:before { content: "\e744"; }
.entypo-resize-small:before { content: "\e746"; }
.entypo-popup:before { content: "\e74c"; }
.entypo-publish:before { content: "\e74d"; }
.entypo-window:before { content: "\e74e"; }
.entypo-arrow-combo:before { content: "\e74f"; }
.entypo-down-circled:before { content: "\e758"; }
.entypo-left-circled:before { content: "\e759"; }
.entypo-right-circled:before { content: "\e75a"; }
.entypo-up-circled:before { content: "\e75b"; }
.entypo-down-open:before { content: "\e75c"; }
.entypo-left-open:before { content: "\e75d"; }
.entypo-right-open:before { content: "\e75e"; }
.entypo-up-open:before { content: "\e75f"; }
.entypo-down-open-mini:before { content: "\e760"; }
.entypo-left-open-mini:before { content: "\e761"; }
.entypo-right-open-mini:before { content: "\e762"; }
.entypo-up-open-mini:before { content: "\e763"; }
.entypo-down-open-big:before { content: "\e764"; }
.entypo-left-open-big:before { content: "\e765"; }
.entypo-right-open-big:before { content: "\e766"; }
.entypo-up-open-big:before { content: "\e767"; }
.entypo-down:before { content: "\2b07"; }
.entypo-left:before { content: "\2b05"; }
.entypo-right:before { content: "\27a1"; }
.entypo-up:before { content: "\2b06"; }
.entypo-down-dir:before { content: "\25be"; }
.entypo-left-dir:before { content: "\25c2"; }
.entypo-right-dir:before { content: "\25b8"; }
.entypo-up-dir:before { content: "\25b4"; }
.entypo-down-bold:before { content: "\e4b0"; }
.entypo-left-bold:before { content: "\e4ad"; }
.entypo-right-bold:before { content: "\e4ae"; }
.entypo-up-bold:before { content: "\e4af"; }
.entypo-down-thin:before { content: "\2193"; }
.entypo-left-thin:before { content: "\2190"; }
.entypo-right-thin:before { content: "\2192"; }
.entypo-up-thin:before { content: "\2191"; }
.entypo-ccw:before { content: "\27f2"; }
.entypo-cw:before { content: "\27f3"; }
.entypo-arrows-ccw:before { content: "\1f504"; }
.entypo-level-down:before { content: "\21b3"; }
.entypo-level-up:before { content: "\21b0"; }
.entypo-shuffle:before { content: "\1f500"; }
.entypo-loop:before { content: "\1f501"; }
.entypo-switch:before { content: "\21c6"; }
.entypo-play:before { content: "\25b6"; }
.entypo-stop:before { content: "\25a0"; }
.entypo-pause:before { content: "\2389"; }
.entypo-record:before { content: "\26ab"; }
.entypo-to-end:before { content: "\23ed"; }
.entypo-to-start:before { content: "\23ee"; }
.entypo-fast-forward:before { content: "\23e9"; }
.entypo-fast-backward:before { content: "\23ea"; }
.entypo-progress-0:before { content: "\e768"; }
.entypo-progress-1:before { content: "\e769"; }
.entypo-progress-2:before { content: "\e76a"; }
.entypo-progress-3:before { content: "\e76b"; }
.entypo-target:before { content: "\1f3af"; }
.entypo-palette:before { content: "\1f3a8"; }
.entypo-list:before { content: "\e005"; }
.entypo-list-add:before { content: "\e003"; }
.entypo-signal:before { content: "\1f4f6"; }
.entypo-trophy:before { content: "\1f3c6"; }
.entypo-battery:before { content: "\1f50b"; }
.entypo-back-in-time:before { content: "\e771"; }
.entypo-monitor:before { content: "\1f4bb"; }
.entypo-mobile:before { content: "\1f4f1"; }
.entypo-network:before { content: "\e776"; }
.entypo-cd:before { content: "\1f4bf"; }
.entypo-inbox:before { content: "\e777"; }
.entypo-install:before { content: "\e778"; }
.entypo-globe:before { content: "\1f30e"; }
.entypo-cloud:before { content: "\2601"; }
.entypo-cloud-thunder:before { content: "\26c8"; }
.entypo-flash:before { content: "\26a1"; }
.entypo-moon:before { content: "\263d"; }
.entypo-flight:before { content: "\2708"; }
.entypo-paper-plane:before { content: "\e79b"; }
.entypo-leaf:before { content: "\1f342"; }
.entypo-lifebuoy:before { content: "\e788"; }
.entypo-mouse:before { content: "\e789"; }
.entypo-briefcase:before { content: "\1f4bc"; }
.entypo-suitcase:before { content: "\e78e"; }
.entypo-dot:before { content: "\e78b"; }
.entypo-dot-2:before { content: "\e78c"; }
.entypo-dot-3:before { content: "\e78d"; }
.entypo-brush:before { content: "\e79a"; }
.entypo-magnet:before { content: "\e7a1"; }
.entypo-infinity:before { content: "\221e"; }
.entypo-erase:before { content: "\232b"; }
.entypo-chart-pie:before { content: "\e751"; }
.entypo-chart-line:before { content: "\1f4c8"; }
.entypo-chart-bar:before { content: "\1f4ca"; }
.entypo-chart-area:before { content: "\1f53e"; }
.entypo-tape:before { content: "\2707"; }
.entypo-graduation-cap:before { content: "\1f393"; }
.entypo-language:before { content: "\e752"; }
.entypo-ticket:before { content: "\1f3ab"; }
.entypo-water:before { content: "\1f4a6"; }
.entypo-droplet:before { content: "\1f4a7"; }
.entypo-air:before { content: "\e753"; }
.entypo-credit-card:before { content: "\1f4b3"; }
.entypo-floppy:before { content: "\1f4be"; }
.entypo-clipboard:before { content: "\1f4cb"; }
.entypo-megaphone:before { content: "\1f4e3"; }
.entypo-database:before { content: "\e754"; }
.entypo-drive:before { content: "\e755"; }
.entypo-bucket:before { content: "\e756"; }
.entypo-thermometer:before { content: "\e757"; }
.entypo-key:before { content: "\1f511"; }
.entypo-flow-cascade:before { content: "\e790"; }
.entypo-flow-branch:before { content: "\e791"; }
.entypo-flow-tree:before { content: "\e792"; }
.entypo-flow-line:before { content: "\e793"; }
.entypo-flow-parallel:before { content: "\e794"; }
.entypo-rocket:before { content: "\1f680"; }
.entypo-gauge:before { content: "\e7a2"; }
.entypo-traffic-cone:before { content: "\e7a3"; }
.entypo-cc:before { content: "\e7a5"; }
.entypo-cc-by:before { content: "\e7a6"; }
.entypo-cc-nc:before { content: "\e7a7"; }
.entypo-cc-nc-eu:before { content: "\e7a8"; }
.entypo-cc-nc-jp:before { content: "\e7a9"; }
.entypo-cc-sa:before { content: "\e7aa"; }
.entypo-cc-nd:before { content: "\e7ab"; }
.entypo-cc-pd:before { content: "\e7ac"; }
.entypo-cc-zero:before { content: "\e7ad"; }
.entypo-cc-share:before { content: "\e7ae"; }
.entypo-cc-remix:before { content: "\e7af"; }
.entypo-github:before { content: "\f300"; }
.entypo-github-circled:before { content: "\f301"; }
.entypo-flickr:before { content: "\f303"; }
.entypo-flickr-circled:before { content: "\f304"; }
.entypo-vimeo:before { content: "\f306"; }
.entypo-vimeo-circled:before { content: "\f307"; }
.entypo-twitter:before { content: "\f309"; }
.entypo-twitter-circled:before { content: "\f30a"; }
.entypo-facebook:before { content: "\f30c"; }
.entypo-facebook-circled:before { content: "\f30d"; }
.entypo-facebook-squared:before { content: "\f30e"; }
.entypo-gplus:before { content: "\f30f"; }
.entypo-gplus-circled:before { content: "\f310"; }
.entypo-pinterest:before { content: "\f312"; }
.entypo-pinterest-circled:before { content: "\f313"; }
.entypo-tumblr:before { content: "\f315"; }
.entypo-tumblr-circled:before { content: "\f316"; }
.entypo-linkedin:before { content: "\f318"; }
.entypo-linkedin-circled:before { content: "\f319"; }
.entypo-dribbble:before { content: "\f31b"; }
.entypo-dribbble-circled:before { content: "\f31c"; }
.entypo-stumbleupon:before { content: "\f31e"; }
.entypo-stumbleupon-circled:before { content: "\f31f"; }
.entypo-lastfm:before { content: "\f321"; }
.entypo-lastfm-circled:before { content: "\f322"; }
.entypo-rdio:before { content: "\f324"; }
.entypo-rdio-circled:before { content: "\f325"; }
.entypo-spotify:before { content: "\f327"; }
.entypo-spotify-circled:before { content: "\f328"; }
.entypo-qq:before { content: "\f32a"; }
.entypo-instagrem:before { content: "\f32d"; }
.entypo-dropbox:before { content: "\f330"; }
.entypo-evernote:before { content: "\f333"; }
.entypo-flattr:before { content: "\f336"; }
.entypo-skype:before { content: "\f339"; }
.entypo-skype-circled:before { content: "\f33a"; }
.entypo-renren:before { content: "\f33c"; }
.entypo-sina-weibo:before { content: "\f33f"; }
.entypo-paypal:before { content: "\f342"; }
.entypo-picasa:before { content: "\f345"; }
.entypo-soundcloud:before { content: "\f348"; }
.entypo-mixi:before { content: "\f34b"; }
.entypo-behance:before { content: "\f34e"; }
.entypo-google-circles:before { content: "\f351"; }
.entypo-vkontakte:before { content: "\f354"; }
.entypo-smashing:before { content: "\f357"; }
.entypo-sweden:before { content: "\f601"; }
.entypo-db-shape:before { content: "\f600"; }
.entypo-logo-db:before { content: "\f603"; }

[class*="entypo-"]:before { font-family: 'entypo', sans-serif; }

#slick * { margin: 0; padding: 0; outline: 0; vertical-align: baseline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#slick label { cursor: pointer; }
#slick input[type="checkbox"],
#slick input[type="radio"] { display: none; visibility: hidden; -moz-opacity: 0; opacity: 0; }
#slick a { text-decoration: none; color: #333; }
#slick { width: 100%; position: relative; float: left; }

#slick ol { overflow:visible; list-style:upper-roman; font-size:9px; padding-left:22px; }
#slick ol li { line-height: 16px; margin-bottom:10px;  }
#slick ol li span { font-size: 13px; }


    /*  ==================
    3. MAIN STYLES
    ==================  */

    #slick .forms { background: #fff; position: relative; width: 100%; height: auto; float: left; -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.7); -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.7); box-shadow: 0 0 8px 0 rgba(0,0,0,0.7); }
        #slick .forms > div { position: absolute; top: 0; left: 0; height: auto; width: 100%; background: #fff; z-index: 0; -moz-opacity: 0; opacity: 0; visibility: hidden; padding: 40px; float: left; }

    #slick input#login.login-selector:checked ~ .forms .login-form,
    #slick input#register.register-selector:checked ~ .forms .register-form,
    #slick input#reset.reset-selector:checked ~ .forms .reset-form { position: relative; z-index: 10; -moz-opacity: 1; opacity: 1; visibility: visible; }

    #slick input#chkStep1Buyer.step1Buyer-selector:checked ~ .forms .step1Buyer-form,
    #slick input#chkStep2Buyer.step2Buyer-selector:checked ~ .forms .step2Buyer-form,
    #slick input#chkStep3Buyer.step3Buyer-selector:checked ~ .forms .step3Buyer-form,
    #slick input#chkStep4Buyer.step4Buyer-selector:checked ~ .forms .step4Buyer-form,
    #slick input#chkStep5Buyer.step5Buyer-selector:checked ~ .forms .step5Buyer-form,
    #slick input#chkStep6Buyer.step6Buyer-selector:checked ~ .forms .step6Buyer-form,
    #slick input#chkStep7Buyer.step7Buyer-selector:checked ~ .forms .step7Buyer-form,
    #slick input#chkStep1Transport.step1Transport-selector:checked ~ .forms .step1Transport-form,
    #slick input#chkStep2Transport.step2Transport-selector:checked ~ .forms .step2Transport-form,
    #slick input#chkStep3Transport.step3Transport-selector:checked ~ .forms .step3Transport-form,
    #slick input#chkStep4Transport.step4Transport-selector:checked ~ .forms .step4Transport-form,
    #slick input#chkStep5Transport.step5Transport-selector:checked ~ .forms .step5Transport-form,
    #slick input#chkStep6Transport.step6Transport-selector:checked ~ .forms .step6Transport-form,
    #slick input#chkStep1Wholesale.step1Wholesale-selector:checked ~ .forms .step1Wholesale-form,
    #slick input#chkStep2Wholesale.step2Wholesale-selector:checked ~ .forms .step2Wholesale-form,
    #slick input#chkStep3Wholesale.step3Wholesale-selector:checked ~ .forms .step3Wholesale-form { position: relative; z-index: 10; -moz-opacity: 1; opacity: 1; visibility: visible; -webkit-transition: all ease 0.3s 0.1s; -moz-transition: all ease 0.3s 0.1s; -ms-transition: all ease 0.3s 0.1s; -o-transition: all ease 0.3s 0.1s; transition: all ease 0.3s 0.1s; }


    /*#slick .forms .step1Wholesale-form #wholesaleuser2, 
    #slick .forms .step1Wholesale-form #wholesaleuser3, 
    #slick .forms .step1Wholesale-form #wholesaleuser4, 
    #slick .forms .step1Wholesale-form #wholesaleuser5,
    #slick .forms .step1Wholesale-form #wholesaleuser6, 
    #slick .forms .step1Wholesale-form #wholesaleuser7,
    #slick .forms .step1Wholesale-form #wholesaleuser8, 
    #slick .forms .step1Wholesale-form #wholesaleuser9,
    #slick .forms .step1Wholesale-form #wholesaleuser10 { display:none; visibility:hidden; }*/
    /*#slick input[name='ctl00$cphMainContent$chkStep1Transport']:checked ~ .forms .step1Transport-form{ position: relative; z-index: 10; -moz-opacity: 1; opacity: 1; visibility: visible; -webkit-transition: all ease 0.3s 0.1s; -moz-transition: all ease 0.3s 0.1s; -ms-transition: all ease 0.3s 0.1s; -o-transition: all ease 0.3s 0.1s; transition: all ease 0.3s 0.1s; }*/

    #slick .w-100,
    #slick .w-75,
    #slick .w-65,
    #slick .w-47,
    #slick .w-35,
    #slick .w-30,
    #slick .w-25,
    #slick .w-20,
    #slick .w-16 { float: left; display: inline-block; position: relative; }
    #slick .w-100 { width: 100%; }
    #slick .w-75 { width: 75%; }
    #slick .w-65 { width: 65%; }
    #slick .w-47 { width: 47%; }
    #slick .w-35 { width: 35%; }
    #slick .w-30 { width: 30%; }
    #slick .w-25 { width: 25%; }
    #slick .w-20 { width: 20%; }
    #slick .w-16 { width: 16%; }
    #slick .mr-5 { margin-right: 5%; }
    #slick .mr-6 { margin-right: 6%; }
    #slick .mt-5 { margin-top: 5px; }
    #slick .mt-10 { margin-top: 10px; }
    #slick .mt-20 { margin-top: 20px; }
    #slick .mt-30 { margin-top: 30px; }
    #slick .mt-40 { margin-top: 40px; }
    #slick .mb-10 { margin-bottom: 10px; }
    #slick .mb-20 { margin-bottom: 20px; }
    #slick .mb-30 { margin-bottom: 30px; }
    #slick .mb-40 { margin-bottom: 40px; }
    #slick .bt { border-top: solid 1px #f0f0f0; }
    #slick .clrfx { clear: both; display: block; width: 100%; float: left; position: relative; }
        #slick .clrfx.merge { width: 100%; height: 12px; background: #fff; position: absolute; top: 46px; left: 0; z-index: 998; }
    #slick span.inner-title { position: absolute; top: -12px; left: 0; right: 0; margin: 0 auto; background: #fff; width: 140px; padding: 0 10px; text-transform: uppercase; font-size: 14px; color: #666; text-align: center; }


    /*  ==================
    4. NAV LABELS
    ==================  */

    /***** Tab labels *****/

    #slick label.tabs { background: #888; font-size: 20px; color: #666; line-height: 46px; width: 100px; height: 46px; position: relative; float: left; display: block; margin: 0 4px 0 0; text-align: center; }
    #slick .generalBtn { color: #fff; font-size: 12px; padding: 6px 12px; text-transform: uppercase; text-align: center; background: #C1D72F; white-space: nowrap; width: 80px; -webkit-text-shadow: none; text-shadow: none; border-bottom: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
        #slick input.generalBtn { padding: 8px 12px; }
        #slick .generalBtn.right { float: right; }
        #slick .generalBtn.left { float: left; }
    #slick label.tabs:hover { background: #999; color: #fff; }
    #slick input:checked + label.tabs { background: #fff; color: #C1D72F; z-index: 100; -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.7); -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.7); box-shadow: 0 0 8px 0 rgba(0,0,0,0.7); }


    /*  ==================
    5. TEXT ELEMENTS
    ==================  */

    /***** Headings *****/

    #slick .title { font-family: "Roboto Condensed", "Franklin Gothic Medium", Tahoma, sans-serif; font-weight: normal; font-size: 32px; color: #333; line-height: normal; display: inline-block; float: left; }

    /***** Paragraphs *****/

    #slick p { font-size: 12px; display: block; /*color: #bbb;*/ margin: 10px 0; float: left; clear: both; width: 100%; }
        #slick p.intro b { color: #C1D72F; }
        #slick p.small { color: #bbb; font-size: 10px; }
            #slick p.small span { padding-right: 4px; color: #333; }
        #slick p.tick-text { font-size: 10px; color: #999; display: inline-block; float: left; margin: 8px 0 0 10px; }
        #slick p.ratings { font-size: 12px; color: #999; display: inline-block; float: left; }
            #slick p.ratings span { font-size: 16px; color: #ddd; padding-right: 10px; }

    /***** Tooltip *****/

    #slick span.slick-tip { width: auto; height: auto; white-space: nowrap; padding: 10px; font-size: 10px; text-align: center; color: #fff; background: #333; position: absolute; -moz-opacity: 0; opacity: 0; visibility: hidden; z-index: -1; }
        #slick span.slick-tip.right { right: -30px; bottom: 36px; background: #fff; color: #222; }
        #slick span.slick-tip.left { left: 20px; top: -44px; }
        #slick span.slick-tip:before { content: ""; position: absolute; bottom: -6px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 6px solid rgba(51,51,51,1); }
        #slick span.slick-tip.right:before { right: 30px; margin-left: -10px; }
        #slick span.slick-tip.right:before { border-top: 6px solid rgba(255,255,255,1); }
        #slick span.slick-tip.left:before { left: 20px; margin-right: -10px; }
    #slick input:focus ~ .slick-tip,
    #slick .sb a:hover span.slick-tip { -moz-opacity: 1; opacity: 1; visibility: visible; z-index: 9999; }
    #slick input:required:valid ~ .slick-tip { -moz-opacity: 0; opacity: 0; visibility: hidden; z-index: -1; }

    /***** Social icons *****/

    #slick .sb { position: absolute; top: 46px; right: 40px; z-index: 999; }
        #slick .sb a { background: #ddd; color: #fff; font-size: 11px; text-align: center; display: inline-block; margin-left: 1px; position: relative; width: 24px; height: 24px; line-height: 24px; }
            #slick .sb a.fb:hover { background: #3B5998; }
            #slick .sb a.tw:hover { background: #4099FF; }
            #slick .sb a.gc:hover { background: #dd4b39; }


    /*  ==================
    6. INPUTS
    ==================  */

    /***** Main *****/

    #slick .field { position: relative; width: 100%; clear: both; float: left; margin-bottom: 20px; }
        #slick .field span.icon { position: absolute; top: 0; left: 0; color: #fff; background: #ddd; font-size: 16px; line-height: 40px; text-align: center; width: 38px; height: 100%; }
		#slick .field span.greenicon { position: absolute; top: 0; left: 0; color: #fff; background: #C1D72F; font-size: 16px; line-height: 40px; text-align: center; width: 38px; height: 100%; }
        #slick .field input { padding: 12px 20px 10px 50px; width: 100%; float: left; color: #333; font-size: 12px; border: solid 1px #ddd; }
        #slick .field > input:hover,
        #slick .field > input:focus,
        #slick .field > textarea:hover,
        #slick .field > textarea:focus { border: solid 1px #333; outline: none; }
    #slick input:hover ~ span.icon,
    #slick input:focus ~ span.icon,
    #slick textarea:hover ~ span.icon,
    #slick textarea:focus ~ span.icon { outline: none; background: #333; }

/***** Select input *****/
#plcOrganizationTypeOther, #plcBusinessTypeOther, #plcLeaseExpiryDate { visibility: hidden; }
#slick .field select { width: 100%; background: none; background-color: rgba(0,0,0,0); height: 41px; z-index: 2; padding-left: 47px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#slick select.grayed { color: #999; }
#slick .field select.no-icon { padding-left: 12px; }
.arrow-select,
.arrow-select-svg { background: #fff url('img/select.png') no-repeat 0 11px; width: 44px; height: 35px; position: absolute; right: 1px; top: 1px; pointer-events: none; vertical-align: middle; outline: none; border: none; z-index: 3; }
#slick select:hover ~ .arrow-select,
#slick select:focus ~ .arrow-select,
#slick select:hover ~ .arrow-select-svg,
#slick select:focus ~ .arrow-select-svg { background: #fff url('img/select-focus.png') no-repeat 0 11px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .arrow-select-svg { display: none; /* <-- Hide svg arrow in webkit browsers and IE9/10 (pointer events don't work in those IE) */ }
}

x:-o-prefocus, .arrow-select { display: none; /* <-- Hack for Opera 12 */ }





/***** Placeholders *****/

/*-- Webkit --*/
#slick input::-webkit-input-placeholder { color: #999; }
#slick input:focus::-webkit-input-placeholder { color: #ccc; }
/*-- Firefox 19 down --*/
#slick input:-moz-placeholder { color: #999; }
#slick input:focus:-moz-placeholder { color: #ccc; }
/*-- Firefox 19 up --*/
#slick input::-moz-placeholder { color: #999; }
#slick input:focus::-moz-placeholder { color: #ccc; }
/*-- IE 10+ --*/
#slick input:-ms-input-placeholder { color: #999; }
#slick input:focus:-ms-input-placeholder { color: #ccc; }
/*-- IE 9 --*/
#slick .ie9-placeholder { color: #999 !important; }
    #slick .ie9-placeholder:focus { color: #ccc !important; }

/***** Validations *****/

#slick .field input:required { background: #fff url(img/required.png) no-repeat 100% 15px; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#slick .field input:hover:invalid { background: #fff url(img/focused.png) no-repeat 100% 15px; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#slick .field input:required:valid { background: #fff url(img/valid.png) no-repeat 100% 15px; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#slick .field input:focus:invalid { background: #fff url(img/invalid.png) no-repeat 100% 15px; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#slick .field input.required { background: #fff url(img/required.png) no-repeat 100% 15px; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#slick .field input.requiredInvalid { background: #fff url(img/required-red.png) no-repeat 100% 15px; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#slick .field input.requiredEntered { background: #fff url(img/valid.png) no-repeat 100% 15px; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#slick .field textarea.required { background: #fff url(img/required.png) no-repeat 100% 15px; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#slick .field textarea.requiredInvalid { background: #fff url(img/required-red.png) no-repeat 100% 15px; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#slick .field textarea.requiredEntered { background: #fff url(img/valid.png) no-repeat 100% 15px; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
             /*/**/
/***** Send button *****/

#slick input.send { display: inline-block; background: #FF2424; text-transform: uppercase; text-align: center; font-size: 12px; color: #fff; width: auto; padding: 6px 28px; border: none; outline: none; float: right; clear: none; }
    #slick input.send:hover,
    #slick input.send:focus { border: none; outline: none; background: #333; cursor: pointer; }

/***** Tick checkboxes *****/

#slick label.tick { width: auto; position: relative; display: inline-block; float: left; }
    #slick label.tick:before { position: absolute; display: inline-block; content: ""; width: 16px; height: 16px; background: #fff; border: solid 2px #ddd; }
    #slick label.tick:after { -moz-opacity: 0; opacity: 0; visibility: hidden; content: ""; position: absolute; width: 8px; height: 4px; background: transparent; top: 6px; left: 5px; border: 2px solid #333; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#slick input:checked + label.tick:after { -moz-opacity: 1; opacity: 1; visibility: visible; }
#slick label.tick span { font-size: 11px; color: #999; padding-left: 26px; }
#slick label.tick:hover span { color: #333; }

/***** Sliding checkboxes *****/

#slick .slide-chk { height: 26px; line-height: 26px; background: #f0f0f0; position: relative; float: left; margin-top: 5px; }
    #slick .slide-chk:after,
    #slick .slide-chk:before { font-size: 10px; text-align: center; position: absolute; z-index: 0; width: 50%; text-transform: uppercase; }
    #slick .slide-chk:before { content: 'Yes'; left: 0; color: #222; }
    #slick .slide-chk:after { content: 'No'; right: 0; color: #999; }
    #slick .slide-chk label { display: block; width: 50%; height: 26px; position: absolute; top: 0; left: 0; z-index: 10; background: #C1D72F; content: ""; }
        #slick .slide-chk label:hover { background: #333; }
    #slick .slide-chk input[type=checkbox]:checked + label { left: 50%; background: #333; }

/*Message Box*/
#slick .field textarea { max-height: 146px; height: 146px; resize: none; overflow: auto; }
    #slick .field textarea.message { height: 162px; max-height: 162px; }
    #slick .field textarea:focus { height: 200px; max-height: 200px; }
#slick .field input,
#slick .field textarea,
#slick .field select { padding: 12px 20px 10px 50px; width: 100%; float: left; color: #333; font-size: 12px; border: solid 1px #ddd; }


/*rad control Calendar*/
#slick .field table.rcTable td:nth-child(2) { position:absolute; }


/*User Agreement*/
#slick .userAgreementBlock {border: solid 1px #ddd; padding: 12px 20px 10px 50px !important; height: 500px;  overflow:auto; }
#slick .userAgreementBlock ol {list-style-type:upper-alpha; font-size:12px; margin-top:10px; }
#slick .userAgreementBlock ul {list-style-type:disc; font-size:12px; margin-top:10px; }
#slick .userAgreementBlock li { line-height: 22px; }


#slick .invalidMessage { color: red; margin-top:-15px; display:inline-block; float:right; }
#slick .async div input[type="file"] { float:none; padding:0; cursor:pointer; }
#slick .async div div input { background-color: #ffffff !important; color: #ffffff !important; padding-top:15px; margin-top:-1px; }
#slick .fileTable {border-collapse: collapse; border-left: solid 1px #ddd; border-top: solid 1px #ddd; }
#slick .fileTable tr td { width: 100%; display:block; border-color: #dddddd !important;  }
    #slick .fileTable tr td:first-child {text-align:left; border-bottom:none !important; padding: 5px 5px 0; }
    #slick .fileTable tr td:last-child {text-align:right; color: #C1D72F !important; padding: 0 5px 5px; }
#slick .async #cphMainContent_transportstep3_AsyncFileUpload1_ctl01 { background-image: none !important; background-color: #C1D72F !important; height:27px !important; }
#slick .async #cphMainContent_transportstep3_AsyncFileUpload1_ctl01:after { content:"Add Files"; padding-right:25px; color:#ffffff; }

/*  ==================
    7. MODALS
    ==================  */

/***** Terms window *****/

#slick .terms { position: relative; float: left; margin: 10px 0 0 0; font-size: 10px; color: #bbb; }
    #slick .terms a { color: #333; }
#slick .terms-window { position: fixed; width: 100%; height: 100%; overflow: auto; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); -moz-opacity: 0; opacity: 0; visibility: hidden; z-index: -1; }
    #slick .terms-window:target { -moz-opacity: 1; opacity: 1; visibility: visible; z-index: 9999; }
    #slick .terms-window > div { width: 750px; height: auto; overflow: auto; position: relative; margin: 10% auto; padding: 40px; background: #fff; }
    #slick .terms-window a.close { color: #ddd; font-size: 18px; position: absolute; top: 50px; right: 30px; }
        #slick .terms-window a.close:hover { color: #333; }


/*  ==================
    8. TRANSITIONS
    ==================  */

#slick a,
#slick label,
#slick input,
#slick .terms-window,
#slick span.slick-tip,
#slick input ~ span.icon { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
/*#slick input#login.login-selector:checked ~ .forms .login-form,
#slick input#register.register-selector:checked ~ .forms .register-form,
#slick input#reset.reset-selector:checked ~ .forms .reset-form {
	-webkit-transition: all ease 0.3s 0.1s;
	-moz-transition: all ease 0.3s 0.1s;
	-ms-transition: all ease 0.3s 0.1s;
	-o-transition: all ease 0.3s 0.1s;
	transition: all ease 0.3s 0.1s;
}*/

.placeholder { color: #ccc !important; }



/*  ==================
    9. MEDIA QUERIES
    ==================  */

/***** Max width 480px *****/

@media screen and (max-width:480px) {
    #slick,
    #slick .w-75,
    #slick .w-47,
    #slick .w-30,
    #slick label.tabs,
    #slick .terms-window > div { width: 100%; }
        #slick input.send { float: left; clear: both; font-size: 16px; width: 100%; padding: 12px; }
        #slick .terms,
        #slick .mr-5 { margin-bottom: 20px; }
        #slick .mr-5 { margin-right: 0; }
        #slick .terms-window > div { margin: 5% 0; }
        #slick p.ratings,
        #slick .field input { font-size: 16px; }
        #slick p.intro { font-size: 14px; line-height: 20px; }
        #slick .forms { margin-top: -12px; }
            #slick .forms > div { padding-bottom: 50px; }
        #slick .clrfx.merge { position: relative; float: left; top: 0; }
        #slick .sb { top: auto; bottom: 0; left: 0; right: 0; margin: 0 auto; text-align: center; }
        #slick span.slick-tip.right { background: #222; color: #fff; }
            #slick span.slick-tip.right:before { border-top: 6px solid rgba(51,51,51,1); }
        #slick .slide-chk { clear: both; height: 30px; line-height: 30px; }
            #slick .slide-chk label { height: 30px; }
        #slick .w-20 { width: 30%; }
        #slick p.small { margin-bottom: 20px; }
}