/* text */
html,body, input, select, textarea, a { font-family: opensans-regular, Calibri, Arial, sans-serif ; font-size: 14px; color: #666666; }
@font-face { font-family: opensans-light; src:url('../fonts/opensans-light.eot'); }
@font-face { font-family: opensans-light; src:url(http://:/) format("No-IE-404"),url('../fonts/opensans-light.ttf') format("truetype"); }
@font-face { font-family: opensans-regular; src:url('../fonts/opensans-regular.eot'); }
@font-face { font-family: opensans-regular; src:url(http://:/) format("No-IE-404"),url('../fonts/opensans-regular.ttf') format("truetype"); }
@font-face { font-family: opensans-bold; src:url('../fonts/opensans-bold.eot'); }
@font-face { font-family: opensans-bold; src:url(http://:/) format("No-IE-404"),url('../fonts/opensans-bold.ttf') format("truetype"); }
/*** fontello ***/
@font-face { font-family: 'fontello'; src: url('../fonts/fontello.eot?47726738'); src: url('../fonts/fontello.eot?47726738#iefix') format('embedded-opentype'), url('../fonts/fontello.woff?47726738') format('woff'), url('../fonts/fontello.ttf?47726738') format('truetype'), url('../fonts/fontello.svg?47726738#fontello') format('svg'); font-weight: normal; font-style: normal; }
.fontello { font-family: "fontello"; font-style: normal; font-weight: normal; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; }
p { margin: 0px 0px 20px 0px; line-height: 150%; }
p.columns { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 40px; -moz-column-gap: 40px; -webkit-column-gap: 40px }
h1 { font-family: opensans-light; font-weight: normal; font-size: 40px; line-height: 1; color: #0085A5; margin: 0px 0px 15px 0px; }
h2 { font-family: opensans-light; font-size: 24px; font-weight: normal; color: #0085A5; margin: 0px 0px 5px 0px; }
h3 { font-family: opensans-light; font-size: 24px; font-weight: normal; color: #FFFFFF; margin: 0px 0px 5px 0px; }
h4 { font-family: opensans-light; font-size: 18px; font-weight: normal; color: #FFFFFF; margin: 0px 0px 0px 0px; }
h5 { font-size: 24px; color: #0085A5; margin: 0px 0px 15px 0px; font-weight: normal; }
a, a:visited { text-decoration: none; outline: none; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s;-webkit-transition:.5s; transition:.5s; }
a:active, a:hover { text-decoration: none; outline: none; color: #0085A5 }
b { font-family: 'opensans-bold'; font-weight: normal }
/* BUTTONS */
.button.link { background: red; font-size: 20px}
.button.link1 { background: #0085A5 url('../img/buttons/button-link1.png') no-repeat right center; border: none; display: inline-block; font-family: opensans-light; font-size: 22px; padding: 14px 55px 15px 15px; color: #FFFFFF; text-transform: uppercase; }
.button.link1:hover { background: #1dcbff url('../img/buttons/button-link1.png') no-repeat right center; text-decoration: none }
.button.link2 { background: #666666 url('../img/buttons/button-link2.png') no-repeat right center; border: none; display: inline-block; font-family: opensans-light; font-size: 14px; padding: 5px 40px 5px 10px; color: #FFFFFF; }
.button.link2:hover { background: #1dcbff url('../img/buttons/button-link2.png') no-repeat right center; text-decoration: none }
.button.link3 { background: #666666; font-family: opensans-regular; font-size: 12px; padding: 3px 10px; color: #FFFFFF; }
.button.link3:hover { background: #888888; text-decoration: none }
.button.link3.active { background: #0085A5; color: #FFFFFF; text-decoration: none }
.button.square { background: #666666; display: inline-block; width: 60px; height: 60px; }
.button.square:hover { background: #888888; text-decoration: none }
.button.square.active { background: #C8087E }
.button.squaresmall { display: block; padding: 4px 12px; background: #666666; color: #FFFFFF; }
.button.squaresmall:hover { background: #888888; text-decoration: none }
.button.submit { display: inline-block; border: none; color: #666666; font-size: 14px; padding: 5px 10px; background: #DDDDDD; }
.button.submit:hover { background: #F1F1F1; color: #666666 }
a.button.close { display: block; position: absolute; top: 0px; right: 0px; padding: 4px 12px; background: #666666; color: #FFFFFF; }
a.button.close:before { content: "×";font-size: 22px; font-weight: bold; }
a.button.close:hover { background: #888888; text-decoration: none }
a.button.full { display: block; font-size: 12px; width: 100%; margin: 0px 0px 1px 0px; padding: 5px 10px; background: #222222; color: #FFFFFF; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; }
a.button.full:hover { background: #444444; }
.slider a.button.close:hover { background: #FFFFFF; color: #666666 }
a.button.yourpp { display: block; position: relative; background: #DDDDDD; width: 100%; margin: 0px 0px 5px 0px; padding: 15px }
a.button.yourpp span { font-family: opensans-light; font-size: 20px; float: right; display: block; position: absolute; padding: 12px 10px 0px 0px; right: 0px; top: 0px; bottom: 0px; width: 50px; text-align: center }
a.button.yourpp:hover { background: #CCCCCC; color: #666666 }
.followbutton { display: inline-block; background: #0085a5; color: #FFFFFF; padding: 5px 30px; position: absolute; top: 0; left: 0; right: 0 }
.followbutton:hover { background: #1dcbff; text-decoration: none !important; color: #FFFFFF }
.followbutton span { float: right; margin: 4px 0 0 0 }
/* FORMLAYOUT */
.input,
.select,
.textarea { padding: 10px; border: none; background: #DDDDDD; border-left: 5px solid #CCCCCC; margin: 0px 0px 15px 0px; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; }
.input:focus,
.select:focus,
.textarea:focus { border-left: 5px solid #0085A5; background: #DDDDDD; color: #666666 }
input[type="checkbox"] { display:none; }
input[type="checkbox"] + label { margin: 0px 0px 3px 0px; display: inline-block }
input[type="checkbox"] + label span { display:inline-block; width:14px; height:14px; margin:-2px 5px 0 0; vertical-align: middle; border: 1px solid #CCCCCC; padding: 1px; background: #FFFFFF; cursor:pointer; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s;-webkit-transition:.5s; transition:.5s; }
input[type="checkbox"]:checked + label span { background: #0085A5; padding: 1px }
input[type='submit'] { -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s;-webkit-transition:.5s; transition:.5s; }
.input.small, .select.small { width: 30%; max-width: 200px }
.input.medium, .select.medium { width: 50%; max-width: 400px }
.input.large, .select.large, .textarea.large { width: 100%; max-width: 600px }
.label { font-family: opensans-light; font-size: 24px; margin: 0px 0px 5px 0px; display: block; }
.errormessage { color: #CC0033}
.error { border-left: 5px solid #0085A5; outline: 1px solid #0085A5;}
.form-errors { display: none; color: #CC0000; font-family: opensans-bold; }
/* SUPERSIZED */
#ctr-specials { position: fixed; top: 0; right: 0; bottom: 0; left: 0 }
#ctr-specials .image { height: 100%; width: 100%; background-size: cover; background-position: center; }
#ctr-specialinfo { position: absolute; right: 10%; bottom: 15%; text-align: right; z-index: 0 }
#ctr-specialinfo #title { font-family: opensans-light; text-shadow: 0 0 3px rgba(0,0,0,0.4); font-size: 60px; color: #FFFFFF; font-weight: 200}
/* body.nospecial { background: url('../img/supersized/default.jpg'); background-repeat: no-repeat; background-position: center 0px; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized li { list-style-type: none }
#supersized .vale { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: url('../img/backgrounds/white-90.png') }
#supersized img { width:auto; height:auto; position:relative; outline:none; border:none; }
#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
#supersized a.image-loading { background: url('../img/supersized/progress.gif') no-repeat center center; width:100%; height:100%; }
#ctr-specialinfo { position: absolute; right: 10%; bottom: 15%; text-align: right; z-index: 0 }
#ctr-specialinfo #title { font-family: opensans-light; text-shadow: 0 0 3px rgba(0,0,0,0.4); font-size: 60px; color: #FFFFFF; font-weight: 200}
*/
/* GENERAL LAYOUT */
.horline { margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; height: 1px }
.horline.dashed { border-bottom: 1px dashed #CCCCCC }
.metrolabel { float: left; margin: 0px 30px 0px 0px }
.metrolabel span { font-size: 30px; line-height: 1.2; font-family: opensans-light;}
.metrolabel.inpage { margin: 0px 0px 20px 0px; float: none; display: block }
.block { background: url('../img/backgrounds/white-70.png'); z-index: 1000; position: absolute; top: 0px; left: 0px; padding: 30px; margin: 5% 5% 20% 5% }
.block a { text-decoration: none; outline: none; }
.block a:hover { text-decoration: underline; outline: none; }
.block #ctr-logo { float: none }
/* LAYOUT */
#ctr-wrapper { min-height: 100%; height: auto !important; height: 100%; }
#ctr-content { margin: 0px 0px 0px 0px }
.centered-content { padding: 0px 100px; position: relative; }
.wide-content { padding: 50px 100px 100px; position: relative; }
/* logo */
#ctr-logo { margin: 0px 0px 20px 0px; float: left }
.logo { height: 140px }
/* footer */
#ctr-footer { background: url('../img/backgrounds/black-80.png'); position: fixed; z-index: 99999; bottom: 0px; left: 0px; right: 0px; height: 20px; padding: 20px; color: #FFFFFF }
#ctr-footer .link { font-size: 18px; font-family: opensans-light; color: #FFFFFF; font-weight: normal }
#ctr-footer .link .icon { font-size: 36px; line-height: 0;display: inline; vertical-align: middle; padding: 0px 0px 5px 10px }
#ctr-footer a { color: #FFFFFF }
#ctr-footer a:hover { text-decoration: none; color: #999999 }
#ctr-footer .socialmediabuttons { float: right; display: inline-block; margin: -8px 40px 0px 0px }
#ctr-footer .twitter { background: url('../img/buttons/twitter.png'); height: 35px; width: 35px; display: inline-block }
#ctr-footer .twitter:hover { background: url('../img/buttons/twitter-ro.png'); }
#ctr-footer .facebook { background: url('../img/buttons/facebook.png'); height: 35px; width: 35px; margin: 0px 10px 0px 0px; display: inline-block }
#ctr-footer .facebook:hover { background: url('../img/buttons/facebook-ro.png');}
.popupmenu { background: url('../img/backgrounds/black-80.png'); position: absolute; bottom: 60px; display: none }
.popupmenu a { display: block; width: 200px; padding: 10px 20px; }
.popupmenu a:hover { background: url('../img/backgrounds/white-80.png');color: #333333 !important; text-decoration: none }
#ctr-personalmenu { left: 0px; }
#ctr-informationmenu { left: 30px; bottom: 46px}
/* basket & selectionlb button */
.selectionsbutton { float: right; margin: -20px 0px 0px 0px; padding: 0px 15px 0px 0px; text-align: right; }
.selectionsbutton:hover a { color: #0085A5 !important; text-decoration: none }
.selectionsbutton .counter { height: 100%; width: 100px; padding: 4px 0px 0px 0px; font-size: 40px; font-family: opensans-light;}
#basket-button { background: url('../img/buttons/basket.png') 15px center no-repeat; right: 20px;}
#basket-button:hover { background: #FFFFFF url('../img/buttons/basket-ro.png') 15px center no-repeat; }
#selectionlb-button { background: url('../img/buttons/link-selection.png') 0px 1px no-repeat; right: 175px; }
#selectionlb-button:hover { background: #FFFFFF url('../img/buttons/selectionlb-ro.png') 15px center no-repeat; }
/* selectionLB */
#ctr-selectionLB { z-index: 99999; }
#ctr-selectionLB .selectionLBthumbnail { margin: 0px 0px 10px 15px; overflow: hidden; float: left }
#ctr-selectionLB .selectionLBthumbnail a { }
#ctr-selectionLB .selectionLBthumbnail .image { height: 90px; width: 90px; position: relative; overflow: hidden; text-align: center; }
#ctr-selectionLB .selectionLBthumbnail .image img { position: absolute; top: 0; left: 0; max-height: 160px; max-width: 160px }
#ctr-selectionLB .thumbnails { margin: 0px 0px 0px -15px }
#ctr-selectionLB .thumbnails a.button.addtobasket { background: url('../img/buttons/inbasket.png'), url('../img/backgrounds/black-80.png'); background-repeat: no-repeat, repeat; background-position: center center, center; position:absolute; top: 70%; left: 0px; bottom: 0px; width: 50%; display:none; z-index: 9999 }
#ctr-selectionLB .thumbnails a.button.addtobasket:hover { background: url('../img/buttons/inbasket.png'), url('../img/backgrounds/black-50.png'); background-repeat: no-repeat, repeat; background-position: center center, center; }
#ctr-selectionLB .thumbnails a.button.delete { position: absolute; background: url('../img/backgrounds/black-80.png'); line-height: 1; font-size: 28px; font-weight: 200; top: 70%; right: 0px; bottom: 0px; width: 50%; display:none ; z-index: 9999}
#ctr-selectionLB .thumbnails a.button.delete:hover { background: url('../img/backgrounds/black-50.png'); color: #FFFFFF }
#ctr-selectionLB .options { position: absolute; bottom: 0px; left: 0px; width: 100% }
/* register */
#ctr-register { }
#ctr-register.block { margin: 5% }
#registerfeedback { color: #0085A5; font-weight: bold }
#ctr-registerform form { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap:40px; -moz-column-gap:40px; -webkit-column-gap:40px;}
/* yourdeliveries & selections */
.summarylist .listitem { position: relative; display: block; border-bottom: 1px solid #DDDDDD; width: 50%; min-width: 350px; margin: 0px 0px 0px 0px; padding: 10px 50px 10px 15px }
.summarylist .listitem:hover { background: url('../img/backgrounds/white-70.png'); color: #666666; cursor: pointer }
.summarylist .listitem .counter { font-family: opensans-light; font-size: 24px; float: right; display: block; position: absolute; padding: 3px 0px 0px 0px; right: 0px; top: 0px; bottom: 0px; width: 50px; text-align: center }
.summarylist .listitem a { position: absolute; top: 3px; right: 100px; font-size: 18px }
#page-yourdeliveries #ctr-thumbnails { margin: 0px 0px 0px -4px }
#page-yourselection #ctr-thumbnails { margin: 0px 0px 0px -4px }
.column-contentwithinfo { float: right; width: 400px;}
.column-contentinfo { margin: 0px 440px 0px 0px }
/* loginform */
#ctr-passwordform.block,
#ctr-loginform.block { display: none; max-width: 400px; min-width: 300px }
/* searchform */
#ctr-searchform-quick { }
#ctr-searchform-quick.block { min-width: 300px }
#ctr-searchform-quick .searchform-holder { margin: 0px 0px 10px 0px; max-width: 100%; position: relative }
#ctr-searchform-quick .searchform-holder .input { width: 100%; background: #FFFFFF; border-left: 5px solid #CCCCCC; margin: 0px; padding: 15px 55px 15px 10px; font-size: 18px }
#ctr-searchform-quick .searchform-holder .input:focus { border-left: 5px solid #0085A5; }
#ctr-searchform-quick .searchform-holder .submit { background: #0085A5 url('../img/buttons/button-search.png') no-repeat center center; position: absolute; width: 60px; right: 0px; margin: 0px; top: 0px; bottom: 0px; border: none; }
#ctr-searchform-quick .searchform-holder .submit:hover,
#ctr-searchform-quick .searchform-holder .submit:active { background: #1dcbff url('../img/buttons/button-search.png') no-repeat center center; color: #666666 }
#ctr-searchform-quick.next { float: right }
#ctr-searchform-quick.next .searchform-holder { width: 400px; }
#ctr-searchformadvanced { }
#ctr-searchformadvanced .input,
#ctr-searchformadvanced .select { padding: 5px }
.searchform-options { display: none; width: 370px; margin: -5px 0px 0px 0px; padding: 15px; position: absolute; background: #DDDDDD }
/* page-selection */
#page-selectionorder .column-left { width: 25%; float: left; margin: 0px 5% 0px 0px; }
#page-selectionorder .column-right { width: 60%; float: left }
/* SEARCHRESULTS */
/* navigation */
#ctr-navigation { float: right }
#ctr-navigation .button { font-size: 70px; line-height:0.8; display: block; padding: 0px 0px 0px 0px; color: #0085A5; }
#ctr-navigation .button:hover { color: #666666 }
#ctr-navigation .button.inactive { color: #F2F2F2 }
#ctr-navigation .button.inactive:hover { color: #F2F2F2 }
#ctr-navigation .button.previouspage { float: left; margin: 0px 20px 0px 0px }
#ctr-navigation .button.nextpage { float: left }
#ctr-navigation .button span { }
/* thumbnails per page */
.thumbsperpage .select { font-family: opensans-light; font-size: 30px; margin: -20px 0px 0px 0px; height: 40px;background: transparent; padding: 0px; border: none }
.thumbsperpage .select option { font-family: opensans-regular; font-size: 14px }
/* thumbnails */
#ctr-thumbnails { margin: 0px 0px 0px 0px; text-align: justify; position:relative}
#ctr-thumbnails .thumbnail { display:inline-block; margin: 0px 0px 2px 2px; border: 2px solid transparent; position: relative }
#ctr-thumbnails .thumbnail .thumbnailimage { display: block; background: url('../img/placeholder/thumbnail.png'); }
#ctr-thumbnails .thumbnail .image img { position: relative; height: 130px; }
#ctr-thumbnails .thumbnail .image { display: table-cell;}
#ctr-thumbnails .thumbnailoptions { display: none; padding: 0px; background: url('../img/backgrounds/black-70.png'); position: absolute; z-index: 5000; left: 0px; right: 0px; bottom: 0px }
#ctr-thumbnails .selectedbasket .thumbnailoptions { left: 1px; bottom: 1px; right: 1px }
#ctr-thumbnails .thumbnailoptions a { display: inline-block; font-size: 24px; padding: 0px; width: 33.333%; height: 34px; text-align: center; color: #FFFFFF; float: right }
#ctr-thumbnails .thumbnailoptions a:hover { background: url('../img/backgrounds/white-60.png') ;}
#ctr-thumbnails .thumbnailoptions .download a { font-size: 16px; padding: 5px 0px 0px 0px; height: 29px }
#ctr-thumbnails .thumbnailoptions .imagenumber { color: #FFFFFF; display: inline-block; padding: 10px 0px 0px 0px; font-size: 12px }
#ctr-thumbnails .selectedlb .thumbnailoptions .lbselector a
{ background: url('../img/backgrounds/pp-70.png'); color: #FFFFFF }
#ctr-thumbnails .selectedbasket { border: 1px solid #0085A5; padding: 1px }
#ctr-thumbnails .thumbnailoptions .basketselector a { margin: 0px 0px 0px 0px; background: url('../img/buttons/inbasket.png') no-repeat center center; }
#ctr-thumbnails .thumbnailoptions .basketselector a:hover { background: url('../img/buttons/inbasket.png'), url('../img/backgrounds/white-60.png'); background-repeat: no-repeat, repeat; background-position: center center, center }
#ctr-thumbnails .selectedbasket .thumbnailoptions .basketselector a
{ background: #0085A5 url('../img/buttons/inbasket.png') no-repeat center center; }
#page-yourdeliveries .basketselector a { display: none }
#page-yourdeliveries .thumbnailoptions .download a { width: 100% }
/* orderthumbnails */
#ctr-orderthumbnails .image { float: left; width: 230px }
#ctr-orderthumbnails .resolutions { margin: 0px 100px 0px 260px }
#ctr-orderthumbnails .resolutions a { display: block; margin: 0px 10px 0px 0px; border-bottom: 1px solid #DDDDDD; padding: 10px; }
#ctr-orderthumbnails .resolutions a:hover { color: #0085A5 }
#ctr-orderthumbnails .resolutions a.selected { background: #DDDDDD; }
#ctr-orderthumbnails .resolutions .info { float: right; display: block; }
#ctr-orderthumbnails .resolutions .info > span { display: inline-block; padding: 0px 0px 0px 20px }
/* previews */
#ctr-preview .column-left { float: left; width: 50%; max-width: 100%; margin: 0px 5% 0px 0px }
#ctr-preview .column-right { float: left; width: 45%; margin: 0px 0px 0px 0px }
#ctr-preview .preview-image { max-width: 100%;}
#ctr-preview .navigation { padding: 0px 0px 0px 0px}
#ctr-preview .navigation.formobiledevice { display: none }
#ctr-preview .navigation.forscreen { display: inline; }
#ctr-preview .navigation .button { font-size: 70px; line-height:0.8; display: block; padding: 0px 0px 0px 0px; color: #0085A5; }
#ctr-preview .navigation .button:hover { color: #666666 }
#ctr-preview .navigation .button.inactive:hover { color: #F2F2F2 }
#ctr-preview .navigation .button.previouspage { float: left; margin: 0px 20px 0px 0px }
#ctr-preview .navigation .button.nextpage { float: left }
#ctr-preview .actionbuttons { margin: 0px 0px 15px 0px; }
#ctr-preview .actionbuttons .button { margin: 0px 1px 0px 0px; float: left }
#ctr-preview #ctr-resolutions a { display: block; }
#ctr-preview #ctr-resolutions .resolution { margin-bottom: 5px; padding: 7px 0px 7px 10px; background: #DDDDDD; position: relative; }
#ctr-preview #ctr-resolutions .resolution .title { font-family: opensans-light; font-size: 20px; margin: 0px 0px 2px 0px; }
#ctr-preview #ctr-resolutions .resolution .price { font-family: opensans-light; display: block; float: right; font-size: 30px; padding: 10px 30px 0px 0px }
#ctr-preview #ctr-resolutions .resolution .img-info { font-size: 12px; font-weight: 200; text-align: left; }
#ctr-preview #ctr-resolutions .resolution .img-info span { display: inline-block; text-align: right; cursor: help}
#ctr-preview #ctr-resolutions .resolution .buttons { position: absolute; right: 0px; top: 0px;bottom: 0px; }
#ctr-preview #ctr-resolutions .resolution .buttons a { background: #CCCCCC; display: block; height: 100%; color: #FFFFFF; width: 60px; float: right; font-size: 30px; padding: 7px 0px 0px 0px; margin: 0px 0px 0px 1px; text-align: center; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; }
#ctr-preview #ctr-resolutions .resolution .buttons.selected a.basketbutton,
#ctr-preview #ctr-resolutions .resolution .buttons a:hover
{ background: #0085A5 }
#ctr-preview #ctr-resolutions .resolution .buttons.selected a.basketbutton,
#ctr-preview #ctr-resolutions .resolution .buttons a.basketbutton
{ background-image: url('../img/buttons/previewinbasket.png'); background-repeat: no-repeat; background-position: center center }
/* POPUPS & SlIDERS */
/* popups */
.popup-background { display: none; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 9500; background: url('../img/backgrounds/white-90.png') }
.popup-content { display: none; position: absolute; top: 10%; left: 10%; }
.popup-content .input { padding: 10px; background: #FFFFFF; }
.popup-content .buttonarea { text-align: right; position: absolute; bottom: 0px; left: 0px; right: 0px; border-top: 1px solid #DDDDDD; padding: 10px 30px; }
/* sliders */
.slider { display: none; background: url('../img/backgrounds/black-90.png'); position: fixed; bottom: 0px; right: 0px; top: 0px; padding: 0px; width: 300px; padding: 50px; color: #FFFFFF; z-index: 9000; }
.slider a:link { color: #FFFFFF }
/* AUTOCOMPLETE */
.ac_input { }
.ac_results { padding: 0px; position: absolute; z-index: 99999; }
.ac_results ul { list-style-type: none; padding:0; margin:0; width: 325px; background:#EEEEEE; }
.ac_results li { margin:0px; padding: 10px; cursor:pointer; display:block; }
.ac_over { background-color: #666666; color: #FFFFFF; }
/* TABLET LAYOUT */
@media
(min-device-width:1024px) and (max-width:989px),
screen and (max-device-width:480px),
(max-device-width:768px) and (orientation:landscape),
(min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {
.wide-content { padding: 50px 100px 100px; position: relative; }
.formobiledevice { display: inline !important; margin: 0px 0px 20px 0px }
.forscreen { display: none !important; }
p.columns { column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; column-gap: 0px; -moz-column-gap: 0px; -webkit-column-gap: 0px }
#ctr-logo { float: none; }
#ctr-registerform form { column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; column-gap: 0px; -moz-column-gap: 0px; -webkit-column-gap: 0px;}
#ctr-navigation { float: none; display: block; margin: 0px 0px 20px 0px;}
#ctr-navigation:after { clear: both }
#ctr-preview .navigation { margin: 20px 0px; }
#ctr-searchform-quick.next { float: none; margin: 10px 0px; }
#ctr-searchform-quick.next .searchform-holder { max-width: 100%; width: 100%;}
#ctr-preview .column-left { float: none; width: 100%; margin: 0px 0px 0px 0px }
#ctr-preview .column-right { float: none; width: 100%; margin: 0px 0px 0px 0px }
#ctr-preview .preview-image { max-width: 100%; }
#ctr-preview .actionbuttons { display: none }
#page-yourdeliveries .inpageinfo { float: none; width: 100%; }
#page-selection .column-left { width: 100%; float: none; margin: 0px 5% 0px 0px }
#page-selection .column-right { width: 100%; float: none }
}
@media
(min-device-width:1024px) and (max-width:509px),
(max-device-width:480px) and (orientation:portrait) {
#ctr-searchform-quick.next { float: none }
.button.link1 { background: #0085A5 url('../img/buttons/button-link1.png') no-repeat right center; border: none; display: inline-block; font-family: opensans-light; font-size: 16px; padding: 10px 55px 10px 15px; color: #FFFFFF; text-transform: uppercase; }
.button.link1:hover { background: #1dcbff url('../img/buttons/button-link1.png') no-repeat right center; text-decoration: none }
.button.link2 { background: #666666 url('../img/buttons/button-link2.png') no-repeat right center; border: none; display: inline-block; font-family: opensans-light; font-size: 12px; padding: 5px 40px 5px 10px; color: #FFFFFF; }
.button.link2:hover { background: #1dcbff url('../img/buttons/button-link2.png') no-repeat right center; text-decoration: none }
.button.link3 { background: #666666; font-family: opensans-regular; font-size: 12px; padding: 3px 10px; color: #FFFFFF; }
.button.link3:hover { background: #888888; text-decoration: none }
.button.link3.active { background: #0085A5; color: #FFFFFF; text-decoration: none }
}