@font-face{font-family:'Glyphicons Halflings';src:url('https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/megamenu/fonts/glyphicons-halflings-regular.eot');src:url('https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/megamenu/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/megamenu/fonts/glyphicons-halflings-regular.woff2') format('woff2'),url('https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/megamenu/fonts/glyphicons-halflings-regular.woff') format('woff'),url('https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/megamenu/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/megamenu/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.glyphicon-asterisk:before{content:"\2a";}.small{font-size:70%;top:4px;}.glyphicon-plus:before{content:"\2b";}.glyphicon-euro:before,.glyphicon-eur:before{content:"\20ac";}.glyphicon-minus:before{content:"\2212";}.glyphicon-cloud:before{content:"\2601";}.glyphicon-envelope:before{content:"\2709";}.glyphicon-pencil:before{content:"\270f";}.glyphicon-glass:before{content:"\e001";}.glyphicon-music:before{content:"\e002";}.glyphicon-search:before{content:"\e003";}.glyphicon-heart:before{content:"\e005";}.glyphicon-star:before{content:"\e006";}.glyphicon-star-empty:before{content:"\e007";}.glyphicon-user:before{content:"\e008";}.glyphicon-film:before{content:"\e009";}.glyphicon-th-large:before{content:"\e010";}.glyphicon-th:before{content:"\e011";}.glyphicon-th-list:before{content:"\e012";}.glyphicon-ok:before{content:"\e013";}.glyphicon-remove:before{content:"\e014";}.glyphicon-zoom-in:before{content:"\e015";}.glyphicon-zoom-out:before{content:"\e016";}.glyphicon-off:before{content:"\e017";}.glyphicon-signal:before{content:"\e018";}.glyphicon-cog:before{content:"\e019";}.glyphicon-trash:before{content:"\e020";}.glyphicon-home:before{content:"\e021";}.glyphicon-file:before{content:"\e022";}.glyphicon-time:before{content:"\e023";}.glyphicon-road:before{content:"\e024";}.glyphicon-download-alt:before{content:"\e025";}.glyphicon-download:before{content:"\e026";}.glyphicon-upload:before{content:"\e027";}.glyphicon-inbox:before{content:"\e028";}.glyphicon-play-circle:before{content:"\e029";}.glyphicon-repeat:before{content:"\e030";}.glyphicon-refresh:before{content:"\e031";}.glyphicon-list-alt:before{content:"\e032";}.glyphicon-lock:before{content:"\e033";}.glyphicon-flag:before{content:"\e034";}.glyphicon-headphones:before{content:"\e035";}.glyphicon-volume-off:before{content:"\e036";}.glyphicon-volume-down:before{content:"\e037";}.glyphicon-volume-up:before{content:"\e038";}.glyphicon-qrcode:before{content:"\e039";}.glyphicon-barcode:before{content:"\e040";}.glyphicon-tag:before{content:"\e041";}.glyphicon-tags:before{content:"\e042";}.glyphicon-book:before{content:"\e043";}.glyphicon-bookmark:before{content:"\e044";}.glyphicon-print:before{content:"\e045";}.glyphicon-camera:before{content:"\e046";}.glyphicon-font:before{content:"\e047";}.glyphicon-bold:before{content:"\e048";}.glyphicon-italic:before{content:"\e049";}.glyphicon-text-height:before{content:"\e050";}.glyphicon-text-width:before{content:"\e051";}.glyphicon-align-left:before{content:"\e052";}.glyphicon-align-center:before{content:"\e053";}.glyphicon-align-right:before{content:"\e054";}.glyphicon-align-justify:before{content:"\e055";}.glyphicon-list:before{content:"\e056";}.glyphicon-indent-left:before{content:"\e057";}.glyphicon-indent-right:before{content:"\e058";}.glyphicon-facetime-video:before{content:"\e059";}.glyphicon-picture:before{content:"\e060";}.glyphicon-map-marker:before{content:"\e062";}.glyphicon-adjust:before{content:"\e063";}.glyphicon-tint:before{content:"\e064";}.glyphicon-edit:before{content:"\e065";}.glyphicon-share:before{content:"\e066";}.glyphicon-check:before{content:"\e067";}.glyphicon-move:before{content:"\e068";}.glyphicon-step-backward:before{content:"\e069";}.glyphicon-fast-backward:before{content:"\e070";}.glyphicon-backward:before{content:"\e071";}.glyphicon-play:before{content:"\e072";}.glyphicon-pause:before{content:"\e073";}.glyphicon-stop:before{content:"\e074";}.glyphicon-forward:before{content:"\e075";}.glyphicon-fast-forward:before{content:"\e076";}.glyphicon-step-forward:before{content:"\e077";}.glyphicon-eject:before{content:"\e078";}.glyphicon-chevron-left:before{content:"\e079";}.glyphicon-chevron-right:before{content:"\e080";}.glyphicon-plus-sign:before{content:"\e081";}.glyphicon-minus-sign:before{content:"\e082";}.glyphicon-remove-sign:before{content:"\e083";}.glyphicon-ok-sign:before{content:"\e084";}.glyphicon-question-sign:before{content:"\e085";}.glyphicon-info-sign:before{content:"\e086";}.glyphicon-screenshot:before{content:"\e087";}.glyphicon-remove-circle:before{content:"\e088";}.glyphicon-ok-circle:before{content:"\e089";}.glyphicon-ban-circle:before{content:"\e090";}.glyphicon-arrow-left:before{content:"\e091";}.glyphicon-arrow-right:before{content:"\e092";}.glyphicon-arrow-up:before{content:"\e093";}.glyphicon-arrow-down:before{content:"\e094";}.glyphicon-share-alt:before{content:"\e095";}.glyphicon-resize-full:before{content:"\e096";}.glyphicon-resize-small:before{content:"\e097";}.glyphicon-exclamation-sign:before{content:"\e101";}.glyphicon-gift:before{content:"\e102";}.glyphicon-leaf:before{content:"\e103";}.glyphicon-fire:before{content:"\e104";}.glyphicon-eye-open:before{content:"\e105";}.glyphicon-eye-close:before{content:"\e106";}.glyphicon-warning-sign:before{content:"\e107";}.glyphicon-plane:before{content:"\e108";}.glyphicon-calendar:before{content:"\e109";}.glyphicon-random:before{content:"\e110";}.glyphicon-comment:before{content:"\e111";}.glyphicon-magnet:before{content:"\e112";}.glyphicon-chevron-up:before{content:"\e113";}.glyphicon-chevron-down:before{content:"\e114";}.glyphicon-retweet:before{content:"\e115";}.glyphicon-shopping-cart:before{content:"\e116";}.glyphicon-folder-close:before{content:"\e117";}.glyphicon-folder-open:before{content:"\e118";}.glyphicon-resize-vertical:before{content:"\e119";}.glyphicon-resize-horizontal:before{content:"\e120";}.glyphicon-hdd:before{content:"\e121";}.glyphicon-bullhorn:before{content:"\e122";}.glyphicon-bell:before{content:"\e123";}.glyphicon-certificate:before{content:"\e124";}.glyphicon-thumbs-up:before{content:"\e125";}.glyphicon-thumbs-down:before{content:"\e126";}.glyphicon-hand-right:before{content:"\e127";}.glyphicon-hand-left:before{content:"\e128";}.glyphicon-hand-up:before{content:"\e129";}.glyphicon-hand-down:before{content:"\e130";}.glyphicon-circle-arrow-right:before{content:"\e131";}.glyphicon-circle-arrow-left:before{content:"\e132";}.glyphicon-circle-arrow-up:before{content:"\e133";}.glyphicon-circle-arrow-down:before{content:"\e134";}.glyphicon-globe:before{content:"\e135";}.glyphicon-wrench:before{content:"\e136";}.glyphicon-tasks:before{content:"\e137";}.glyphicon-filter:before{content:"\e138";}.glyphicon-briefcase:before{content:"\e139";}.glyphicon-fullscreen:before{content:"\e140";}.glyphicon-dashboard:before{content:"\e141";}.glyphicon-paperclip:before{content:"\e142";}.glyphicon-heart-empty:before{content:"\e143";}.glyphicon-link:before{content:"\e144";}.glyphicon-phone:before{content:"\e145";}.glyphicon-pushpin:before{content:"\e146";}.glyphicon-usd:before{content:"\e148";}.glyphicon-gbp:before{content:"\e149";}.glyphicon-sort:before{content:"\e150";}.glyphicon-sort-by-alphabet:before{content:"\e151";}.glyphicon-sort-by-alphabet-alt:before{content:"\e152";}.glyphicon-sort-by-order:before{content:"\e153";}.glyphicon-sort-by-order-alt:before{content:"\e154";}.glyphicon-sort-by-attributes:before{content:"\e155";}.glyphicon-sort-by-attributes-alt:before{content:"\e156";}.glyphicon-unchecked:before{content:"\e157";}.glyphicon-expand:before{content:"\e158";}.glyphicon-collapse-down:before{content:"\e159";}.glyphicon-collapse-up:before{content:"\e160";}.glyphicon-log-in:before{content:"\e161";}.glyphicon-flash:before{content:"\e162";}.glyphicon-log-out:before{content:"\e163";}.glyphicon-new-window:before{content:"\e164";}.glyphicon-record:before{content:"\e165";}.glyphicon-save:before{content:"\e166";}.glyphicon-open:before{content:"\e167";}.glyphicon-saved:before{content:"\e168";}.glyphicon-import:before{content:"\e169";}.glyphicon-export:before{content:"\e170";}.glyphicon-send:before{content:"\e171";}.glyphicon-floppy-disk:before{content:"\e172";}.glyphicon-floppy-saved:before{content:"\e173";}.glyphicon-floppy-remove:before{content:"\e174";}.glyphicon-floppy-save:before{content:"\e175";}.glyphicon-floppy-open:before{content:"\e176";}.glyphicon-credit-card:before{content:"\e177";}.glyphicon-transfer:before{content:"\e178";}.glyphicon-cutlery:before{content:"\e179";}.glyphicon-header:before{content:"\e180";}.glyphicon-compressed:before{content:"\e181";}.glyphicon-earphone:before{content:"\e182";}.glyphicon-phone-alt:before{content:"\e183";}.glyphicon-tower:before{content:"\e184";}.glyphicon-stats:before{content:"\e185";}.glyphicon-sd-video:before{content:"\e186";}.glyphicon-hd-video:before{content:"\e187";}.glyphicon-subtitles:before{content:"\e188";}.glyphicon-sound-stereo:before{content:"\e189";}.glyphicon-sound-dolby:before{content:"\e190";}.glyphicon-sound-5-1:before{content:"\e191";}.glyphicon-sound-6-1:before{content:"\e192";}.glyphicon-sound-7-1:before{content:"\e193";}.glyphicon-copyright-mark:before{content:"\e194";}.glyphicon-registration-mark:before{content:"\e195";}.glyphicon-cloud-download:before{content:"\e197";}.glyphicon-cloud-upload:before{content:"\e198";}.glyphicon-tree-conifer:before{content:"\e199";}.glyphicon-tree-deciduous:before{content:"\e200";}.glyphicon-cd:before{content:"\e201";}.glyphicon-save-file:before{content:"\e202";}.glyphicon-open-file:before{content:"\e203";}.glyphicon-level-up:before{content:"\e204";}.glyphicon-copy:before{content:"\e205";}.glyphicon-paste:before{content:"\e206";}.glyphicon-alert:before{content:"\e209";}.glyphicon-equalizer:before{content:"\e210";}.glyphicon-king:before{content:"\e211";}.glyphicon-queen:before{content:"\e212";}.glyphicon-pawn:before{content:"\e213";}.glyphicon-bishop:before{content:"\e214";}.glyphicon-knight:before{content:"\e215";}.glyphicon-baby-formula:before{content:"\e216";}.glyphicon-tent:before{content:"\26fa";}.glyphicon-blackboard:before{content:"\e218";}.glyphicon-bed:before{content:"\e219";}.glyphicon-apple:before{content:"\f8ff";}.glyphicon-erase:before{content:"\e221";}.glyphicon-hourglass:before{content:"\231b";}.glyphicon-lamp:before{content:"\e223";}.glyphicon-duplicate:before{content:"\e224";}.glyphicon-piggy-bank:before{content:"\e225";}.glyphicon-scissors:before{content:"\e226";}.glyphicon-bitcoin:before{content:"\e227";}.glyphicon-btc:before{content:"\e227";}.glyphicon-xbt:before{content:"\e227";}.glyphicon-yen:before{content:"\00a5";}.glyphicon-jpy:before{content:"\00a5";}.glyphicon-ruble:before{content:"\20bd";}.glyphicon-rub:before{content:"\20bd";}.glyphicon-scale:before{content:"\e230";}.glyphicon-ice-lolly:before{content:"\e231";}.glyphicon-ice-lolly-tasted:before{content:"\e232";}.glyphicon-education:before{content:"\e233";}.glyphicon-option-horizontal:before{content:"\e234";}.glyphicon-option-vertical:before{content:"\e235";}.glyphicon-menu-hamburger:before{content:"\e236";}.glyphicon-modal-window:before{content:"\e237";}.glyphicon-oil:before{content:"\e238";}.glyphicon-grain:before{content:"\e239";}.glyphicon-sunglasses:before{content:"\e240";}.glyphicon-text-size:before{content:"\e241";}.glyphicon-text-color:before{content:"\e242";}.glyphicon-text-background:before{content:"\e243";}.glyphicon-object-align-top:before{content:"\e244";}.glyphicon-object-align-bottom:before{content:"\e245";}.glyphicon-object-align-horizontal:before{content:"\e246";}.glyphicon-object-align-left:before{content:"\e247";}.glyphicon-object-align-vertical:before{content:"\e248";}.glyphicon-object-align-right:before{content:"\e249";}.glyphicon-triangle-right:before{content:"\e250";}.glyphicon-triangle-left:before{content:"\e251";}.glyphicon-triangle-bottom:before{content:"\e252";}.glyphicon-triangle-top:before{content:"\e253";}.glyphicon-console:before{content:"\e254";}.glyphicon-superscript:before{content:"\e255";}.glyphicon-subscript:before{content:"\e256";}.glyphicon-menu-left:before{content:"\e257";}.glyphicon-menu-right:before{content:"\e258";}.glyphicon-menu-down:before{content:"\e259";}.glyphicon-menu-up:before{content:"\e260";}.ms-megamenu *{box-sizing:border-box;transition:background-color 250ms ease-out;-webkit-transition:background-color 250ms ease-out;-moz-transition:background-color 250ms ease-out;-ms-transition:background-color 250ms ease-out;-o-transition:background-color 250ms ease-out;}.ms-megamenu button *{box-sizing:content-box;}.ms-megamenu .row{margin-right:-10px;margin-left:-10px;}.ms-megamenu .container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}@media (min-width: 768px) {.ms-megamenu .container{width:750px;}}@media (min-width: 992px) {.ms-megamenu .container{width:970px;}}@media (min-width: 1200px) {.ms-megamenu .container{width:1170px;}}.ms-megamenu .col-xs-24,.ms-megamenu .col-xs-14,.ms-megamenu .col-xs-125,.ms-megamenu .col-xs-111,.ms-megamenu .col-xs-100,.col-xs-909,.ms-megamenu .col-xs-1,.ms-megamenu .col-xs-2,.ms-megamenu .col-xs-3,.ms-megamenu .col-xs-4,.ms-megamenu .col-xs-5,.ms-megamenu .col-xs-6,.ms-megamenu .col-xs-7,.ms-megamenu .col-xs-8,.ms-megamenu .col-xs-9,.ms-megamenu .col-xs-10,.ms-megamenu .col-xs-11,.ms-megamenu .col-xs-12{float:left;position:relative;min-height:1px;padding-right:10px;padding-left:10px;}.ms-megamenu .col-xs-24,.ms-megamenu .col-xs-14,.ms-megamenu .col-xs-125,.ms-megamenu .col-xs-111,.ms-megamenu .col-xs-100,.ms-megamenu .col-xs-909,.ms-megamenu .col-xs-1,.ms-megamenu .col-sm-1,.ms-megamenu .col-md-1,.ms-megamenu .col-lg-1,.ms-megamenu .col-xs-2,.ms-megamenu .col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}.col-xs-12{width:100%;}.col-xs-11{width:91.66666667%;}.col-xs-10{width:83.33333333%;}.col-xs-9{width:75%;}.col-xs-8{width:66.66666667%;}.col-xs-7{width:58.33333333%;}.col-xs-6{width:50%;}.col-xs-5{width:41.66666667%;}.col-xs-4{width:33.33333333%;}.col-xs-3{width:25%;}.col-xs-2{width:16.66666667%;}.col-xs-1{width:8.33333333%;}.ms-megamenu .col-xs-24{width:20%;}.ms-megamenu .col-xs-14{width:14%;}.ms-megamenu .col-xs-125{width:12.5%;}.ms-megamenu .col-xs-111{width:11.11111111%;}.ms-megamenu .col-xs-100{width:10%;}.ms-megamenu .col-xs-909{width:9.090909090%;}.col-xs-pull-12{right:100%;}.col-xs-pull-11{right:91.66666667%;}.col-xs-pull-10{right:83.33333333%;}.col-xs-pull-9{right:75%;}.col-xs-pull-8{right:66.66666667%;}.col-xs-pull-7{right:58.33333333%;}.col-xs-pull-6{right:50%;}.col-xs-pull-5{right:41.66666667%;}.col-xs-pull-4{right:33.33333333%;}.col-xs-pull-3{right:25%;}.col-xs-pull-2{right:16.66666667%;}.col-xs-pull-1{right:8.33333333%;}.col-xs-pull-0{right:auto;}.col-xs-push-12{left:100%;}.col-xs-push-11{left:91.66666667%;}.col-xs-push-10{left:83.33333333%;}.col-xs-push-9{left:75%;}.col-xs-push-8{left:66.66666667%;}.col-xs-push-7{left:58.33333333%;}.col-xs-push-6{left:50%;}.col-xs-push-5{left:41.66666667%;}.col-xs-push-4{left:33.33333333%;}.col-xs-push-3{left:25%;}.col-xs-push-2{left:16.66666667%;}.col-xs-push-1{left:8.33333333%;}.col-xs-push-0{left:auto;}.col-xs-offset-12{margin-left:100%;}.col-xs-offset-11{margin-left:91.66666667%;}.col-xs-offset-10{margin-left:83.33333333%;}.col-xs-offset-9{margin-left:75%;}.col-xs-offset-8{margin-left:66.66666667%;}.col-xs-offset-7{margin-left:58.33333333%;}.col-xs-offset-6{margin-left:50%;}.col-xs-offset-5{margin-left:41.66666667%;}.col-xs-offset-4{margin-left:33.33333333%;}.col-xs-offset-3{margin-left:25%;}.col-xs-offset-2{margin-left:16.66666667%;}.col-xs-offset-1{margin-left:8.33333333%;}.col-xs-offset-0{margin-left:0;}@media (min-width: 768px) {.col-sm-1,.col-sm-14,.col-sm-2,.col-sm-24,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left;}.col-sm-12{width:100%;}.col-sm-11{width:91.66666667%;}.col-sm-10{width:83.33333333%;}.col-sm-9{width:75%;}.col-sm-8{width:66.66666667%;}.col-sm-7{width:58.33333333%;}.col-sm-6{width:50%;}.col-sm-5{width:41.66666667%;}.col-sm-4{width:33.33333333%;}.col-sm-3{width:25%;}.col-sm-24{width:20%;}.col-sm-2{width:16.66666667%;}.col-sm-14{width:14%;}.col-sm-125{width:12.5%;}.col-sm-111{width:11.11111111%;}.col-sm-100{width:10%;}.col-sm-909{width:9.090909090%;}.col-sm-1{width:8.33333333%;}.col-sm-pull-12{right:100%;}.col-sm-pull-11{right:91.66666667%;}.col-sm-pull-10{right:83.33333333%;}.col-sm-pull-9{right:75%;}.col-sm-pull-8{right:66.66666667%;}.col-sm-pull-7{right:58.33333333%;}.col-sm-pull-6{right:50%;}.col-sm-pull-5{right:41.66666667%;}.col-sm-pull-4{right:33.33333333%;}.col-sm-pull-3{right:25%;}.col-sm-pull-2{right:16.66666667%;}.col-sm-pull-1{right:8.33333333%;}.col-sm-pull-0{right:auto;}.col-sm-push-12{left:100%;}.col-sm-push-11{left:91.66666667%;}.col-sm-push-10{left:83.33333333%;}.col-sm-push-9{left:75%;}.col-sm-push-8{left:66.66666667%;}.col-sm-push-7{left:58.33333333%;}.col-sm-push-6{left:50%;}.col-sm-push-5{left:41.66666667%;}.col-sm-push-4{left:33.33333333%;}.col-sm-push-3{left:25%;}.col-sm-push-2{left:16.66666667%;}.col-sm-push-1{left:8.33333333%;}.col-sm-push-0{left:auto;}.col-sm-offset-12{margin-left:100%;}.col-sm-offset-11{margin-left:91.66666667%;}.col-sm-offset-10{margin-left:83.33333333%;}.col-sm-offset-9{margin-left:75%;}.col-sm-offset-8{margin-left:66.66666667%;}.col-sm-offset-7{margin-left:58.33333333%;}.col-sm-offset-6{margin-left:50%;}.col-sm-offset-5{margin-left:41.66666667%;}.col-sm-offset-4{margin-left:33.33333333%;}.col-sm-offset-3{margin-left:25%;}.col-sm-offset-2{margin-left:16.66666667%;}.col-sm-offset-1{margin-left:8.33333333%;}.col-sm-offset-0{margin-left:0;}}@media (min-width: 992px) {.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left;}.col-md-12{width:100%;}.col-md-11{width:91.66666667%;}.col-md-10{width:83.33333333%;}.col-md-9{width:75%;}.col-md-8{width:66.66666667%;}.col-md-7{width:58.33333333%;}.col-md-6{width:50%;}.col-md-5{width:41.66666667%;}.col-md-4{width:33.33333333%;}.col-md-3{width:25%;}.col-md-2{width:16.66666667%;}.col-md-1{width:8.33333333%;}.col-md-pull-12{right:100%;}.col-md-pull-11{right:91.66666667%;}.col-md-pull-10{right:83.33333333%;}.col-md-pull-9{right:75%;}.col-md-pull-8{right:66.66666667%;}.col-md-pull-7{right:58.33333333%;}.col-md-pull-6{right:50%;}.col-md-pull-5{right:41.66666667%;}.col-md-pull-4{right:33.33333333%;}.col-md-pull-3{right:25%;}.col-md-pull-2{right:16.66666667%;}.col-md-pull-1{right:8.33333333%;}.col-md-pull-0{right:auto;}.col-md-push-12{left:100%;}.col-md-push-11{left:91.66666667%;}.col-md-push-10{left:83.33333333%;}.col-md-push-9{left:75%;}.col-md-push-8{left:66.66666667%;}.col-md-push-7{left:58.33333333%;}.col-md-push-6{left:50%;}.col-md-push-5{left:41.66666667%;}.col-md-push-4{left:33.33333333%;}.col-md-push-3{left:25%;}.col-md-push-2{left:16.66666667%;}.col-md-push-1{left:8.33333333%;}.col-md-push-0{left:auto;}.col-md-offset-12{margin-left:100%;}.col-md-offset-11{margin-left:91.66666667%;}.col-md-offset-10{margin-left:83.33333333%;}.col-md-offset-9{margin-left:75%;}.col-md-offset-8{margin-left:66.66666667%;}.col-md-offset-7{margin-left:58.33333333%;}.col-md-offset-6{margin-left:50%;}.col-md-offset-5{margin-left:41.66666667%;}.col-md-offset-4{margin-left:33.33333333%;}.col-md-offset-3{margin-left:25%;}.col-md-offset-2{margin-left:16.66666667%;}.col-md-offset-1{margin-left:8.33333333%;}.col-md-offset-0{margin-left:0;}}@media (min-width: 1200px) {.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left;}.col-lg-12{width:100%;}.col-lg-11{width:91.66666667%;}.col-lg-10{width:83.33333333%;}.col-lg-9{width:75%;}.col-lg-8{width:66.66666667%;}.col-lg-7{width:58.33333333%;}.col-lg-6{width:50%;}.col-lg-5{width:41.66666667%;}.col-lg-4{width:33.33333333%;}.col-lg-3{width:25%;}.col-lg-2{width:16.66666667%;}.col-lg-1{width:8.33333333%;}.col-lg-pull-12{right:100%;}.col-lg-pull-11{right:91.66666667%;}.col-lg-pull-10{right:83.33333333%;}.col-lg-pull-9{right:75%;}.col-lg-pull-8{right:66.66666667%;}.col-lg-pull-7{right:58.33333333%;}.col-lg-pull-6{right:50%;}.col-lg-pull-5{right:41.66666667%;}.col-lg-pull-4{right:33.33333333%;}.col-lg-pull-3{right:25%;}.col-lg-pull-2{right:16.66666667%;}.col-lg-pull-1{right:8.33333333%;}.col-lg-pull-0{right:auto;}.col-lg-push-12{left:100%;}.col-lg-push-11{left:91.66666667%;}.col-lg-push-10{left:83.33333333%;}.col-lg-push-9{left:75%;}.col-lg-push-8{left:66.66666667%;}.col-lg-push-7{left:58.33333333%;}.col-lg-push-6{left:50%;}.col-lg-push-5{left:41.66666667%;}.col-lg-push-4{left:33.33333333%;}.col-lg-push-3{left:25%;}.col-lg-push-2{left:16.66666667%;}.col-lg-push-1{left:8.33333333%;}.col-lg-push-0{left:auto;}.col-lg-offset-12{margin-left:100%;}.col-lg-offset-11{margin-left:91.66666667%;}.col-lg-offset-10{margin-left:83.33333333%;}.col-lg-offset-9{margin-left:75%;}.col-lg-offset-8{margin-left:66.66666667%;}.col-lg-offset-7{margin-left:58.33333333%;}.col-lg-offset-6{margin-left:50%;}.col-lg-offset-5{margin-left:41.66666667%;}.col-lg-offset-4{margin-left:33.33333333%;}.col-lg-offset-3{margin-left:25%;}.col-lg-offset-2{margin-left:16.66666667%;}.col-lg-offset-1{margin-left:8.33333333%;}.col-lg-offset-0{margin-left:0;}}@media (max-width: 460px) {.col-tn-1,.col-tn-2,.col-tn-3,.col-tn-4,.col-tn-5,.col-tn-6,.col-tn-7,.col-tn-8,.col-tn-9,.col-tn-10,.col-tn-11,.col-tn-12{float:left;}.col-tn-12{width:100%;}.col-tn-11{width:91.66666667%;}.col-tn-10{width:83.33333333%;}.col-tn-9{width:75%;}.col-tn-8{width:66.66666667%;}.col-tn-7{width:58.33333333%;}.col-tn-6{width:50%;}.col-tn-5{width:41.66666667%;}.col-tn-4{width:33.33333333%;}.col-tn-3{width:25%;}.col-tn-2{width:16.66666667%;}.col-tn-1{width:8.33333333%;}.col-tn-offset-12{margin-left:100%;}.col-tn-offset-11{margin-left:91.66666667%;}.col-tn-offset-10{margin-left:83.33333333%;}.col-tn-offset-9{margin-left:75%;}.col-tn-offset-8{margin-left:66.66666667%;}.col-tn-offset-7{margin-left:58.33333333%;}.col-tn-offset-6{margin-left:50%;}.col-tn-offset-5{margin-left:41.66666667%;}.col-tn-offset-4{margin-left:33.33333333%;}.col-tn-offset-3{margin-left:25%;}.col-tn-offset-2{margin-left:16.66666667%;}.col-tn-offset-1{margin-left:8.33333333%;}}@media (max-width: 460px) {.hidden-tn{display:none!important;}}@media (max-width: 767px) and (min-width: 461px) {.hidden-xs{display:none!important;}}@media (min-width: 768px) and (max-width: 991px) {.hidden-sm{display:none!important;}}@media (min-width: 992px) and (max-width: 1199px) {.hidden-md{display:none!important;}}@media (min-width: 1200px) {.hidden-lg{display:none!important;}}.ms-megamenu input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.ms-megamenu input[type="radio"],.ms-megamenu input[type="checkbox"]{margin:3px 0 0;margin-top:1px \9;line-height:normal;}.ms-megamenu input[type="file"]{display:block;}.ms-megamenu input[type="range"]{display:block;width:100%;}.ms-megamenu select[multiple],.ms-megamenu select[size]{height:auto;}.ms-megamenu input[type="file"]:focus,.ms-megamenu input[type="radio"]:focus,.ms-megamenu input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}.ms-megamenu output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555;}.ms-megamenu .form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}.ms-megamenu .form-control:focus{border-color:#66afe9;outline:none;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}.ms-megamenu .form-control::-moz-placeholder{color:#999;opacity:1;}.ms-megamenu .form-control:-ms-input-placeholder{color:#999;}.ms-megamenu .form-control::-webkit-input-placeholder{color:#999;}.ms-megamenu .form-control[disabled],.ms-megamenu .form-control[readonly],.ms-megamenu textarea.form-control{height:173px;}input[type="search"]{-webkit-appearance:none;}.ms-megamenu input[type="date"],.ms-megamenu input[type="time"],.ms-megamenu input[type="datetime-local"],.ms-megamenu input[type="month"]{line-height:34px;line-height:1.42857143 \0;}.ms-megamenu input[type="date"].input-sm,.ms-megamenu input[type="time"].input-sm,.ms-megamenu input[type="datetime-local"].input-sm,.ms-megamenu input[type="month"].input-sm{line-height:30px;line-height:1.5 \0;}.ms-megamenu input[type="date"].input-lg,.ms-megamenu input[type="time"].input-lg,.ms-megamenu input[type="datetime-local"].input-lg,.ms-megamenu input[type="month"].input-lg{line-height:46px;line-height:1.33 \0;}_:-ms-fullscreen,:root input[type="date"],_:-ms-fullscreen,:root input[type="time"],_:-ms-fullscreen,:root input[type="datetime-local"],_:-ms-fullscreen,:root input[type="month"]{line-height:1.42857143;}_:-ms-fullscreen.input-sm,:root input[type="date"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="time"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="datetime-local"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="month"].input-sm{line-height:1.5;}_:-ms-fullscreen.input-lg,:root input[type="date"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="time"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="datetime-local"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="month"].input-lg{line-height:1.33;}.ms-megamenu .form-group{margin-bottom:10px;float:left;width:100%;}.ms-megamenu .radio,.ms-megamenu .checkbox{position:relative;display:block;margin-top:5px;margin-bottom:5px;}.ms-megamenu .radio label,.ms-megamenu .checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer;}.ms-megamenu .radio input[type="radio"],.ms-megamenu .radio-inline input[type="radio"],.ms-megamenu .checkbox input[type="checkbox"],.ms-megamenu .checkbox-inline input[type="checkbox"]{position:absolute;numbermargin-top: 4px \9;margin-left:-19px;}.radio+.radio,.checkbox+.checkbox{margin-top:-5px;}.ms-megamenu .radio-inline,.ms-megamenu .checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:normal;vertical-align:middle;cursor:pointer;}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px;}.ms-megamenu .form-group label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700;}.ms-megamenu .hide{display:none;}.ms-megamenu .disabled{opacity:0.3;filter:alpha(opacity=30);cursor:default;}.ms-megamenu .text-left{text-align:left;}.ms-megamenu .text-right{text-align:right;}.ms-megamenu .text-center{text-align:center;}.ms-megamenu .text-justify{text-align:justify;}.ms-megamenu .text-nowrap{white-space:nowrap;}.ms-megamenu .text-lowercase{text-transform:lowercase;}.ms-megamenu .text-uppercase{text-transform:uppercase;}.ms-megamenu .text-capitalize{text-transform:capitalize;}.ms-megamenu .btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;}.ms-megamenu .btn:hover,.ms-megamenu .btn:focus,.ms-megamenu .btn.focus{color:#333;text-decoration:none;}.ms-megamenu .btn-default{color:#333;background-color:#fff;border-color:#ccc;}.ms-megamenu .btn-default:hover,.ms-megamenu .btn-default:focus,.ms-megamenu .btn-default.focus,.ms-megamenu .btn-default:active,.ms-megamenu .btn-default.active,.ms-megamenu .open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad;}.ms-megamenu .btn-default:active,.ms-megamenu .btn-default.active,.ms-megamenu .open>.dropdown-toggle.btn-default{background-image:none;}.ms-megamenu .btn-default.disabled,.ms-megamenu .btn-default[disabled],.ms-megamenu fieldset[disabled] .btn-default,.ms-megamenu .btn-default.disabled:hover,.ms-megamenu .btn-default[disabled]:hover,.ms-megamenu fieldset[disabled] .btn-default:hover,.ms-megamenu .btn-default.disabled:focus,.ms-megamenu .btn-default[disabled]:focus,.ms-megamenu fieldset[disabled] .btn-default:focus,.ms-megamenu .btn-default.disabled.focus,.ms-megamenu .btn-default[disabled].focus,.ms-megamenu fieldset[disabled] .btn-default.focus,.ms-megamenu .btn-default.disabled:active,.ms-megamenu .btn-default[disabled]:active,.ms-megamenu fieldset[disabled] .btn-default:active,.ms-megamenu .btn-default.disabled.active,.ms-megamenu .btn-default[disabled].active,.ms-megamenu fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc;}.ms-megamenu .btn-default .badge{color:#fff;background-color:#333;}.ms-megamenu .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4;}.ms-megamenu .btn-primary:hover,.ms-megamenu .btn-primary:focus,.ms-megamenu .btn-primary.focus,.ms-megamenu .btn-primary:active,.ms-megamenu .btn-primary.active,.ms-megamenu .open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74;}.ms-megamenu .btn-primary:active,.ms-megamenu .btn-primary.active,.ms-megamenu .open>.dropdown-toggle.btn-primary{background-image:none;}.ms-megamenu .btn-primary.disabled,.ms-megamenu .btn-primary[disabled],.ms-megamenu fieldset[disabled] .btn-primary,.ms-megamenu .btn-primary.disabled:hover,.ms-megamenu .btn-primary[disabled]:hover,.ms-megamenu fieldset[disabled] .btn-primary:hover,.ms-megamenu .btn-primary.disabled:focus,.ms-megamenu .btn-primary[disabled]:focus,.ms-megamenu fieldset[disabled] .btn-primary:focus,.ms-megamenu .btn-primary.disabled.focus,.ms-megamenu .btn-primary[disabled].focus,.ms-megamenu fieldset[disabled] .btn-primary.focus,.ms-megamenu .btn-primary.disabled:active,.ms-megamenu .btn-primary[disabled]:active,.ms-megamenu fieldset[disabled] .btn-primary:active,.ms-megamenu .btn-primary.disabled.active,.ms-megamenu .btn-primary[disabled].active,.ms-megamenu fieldset[disabled] .btn-primary.active{background-color:#337ab7;border-color:#2e6da4;}.ms-megamenu .btn-primary .badge{color:#337ab7;background-color:#fff;}.ms-megamenu .btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c;}.ms-megamenu .btn-success:hover,.ms-megamenu .btn-success:focus,.ms-megamenu .btn-success.focus,.ms-megamenu .btn-success:active,.ms-megamenu .btn-success.active,.ms-megamenu .open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439;}.ms-megamenu .btn-success:active,.ms-megamenu .btn-success.active,.ms-megamenu .open>.dropdown-toggle.btn-success{background-image:none;}.ms-megamenu .btn-success.disabled,.ms-megamenu .btn-success[disabled],.ms-megamenu fieldset[disabled] .btn-success,.ms-megamenu .btn-success.disabled:hover,.ms-megamenu .btn-success[disabled]:hover,.ms-megamenu fieldset[disabled] .btn-success:hover,.ms-megamenu .btn-success.disabled:focus,.ms-megamenu .btn-success[disabled]:focus,.ms-megamenu fieldset[disabled] .btn-success:focus,.ms-megamenu .btn-success.disabled.focus,.ms-megamenu .btn-success[disabled].focus,.ms-megamenu fieldset[disabled] .btn-success.focus,.ms-megamenu .btn-success.disabled:active,.ms-megamenu .btn-success[disabled]:active,.ms-megamenu fieldset[disabled] .btn-success:active,.ms-megamenu .btn-success.disabled.active,.ms-megamenu .btn-success[disabled].active,.ms-megamenu fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c;}.ms-megamenu .btn-success .badge{color:#5cb85c;background-color:#fff;}.ms-megamenu .btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da;}.ms-megamenu .btn-info:hover,.ms-megamenu .btn-info:focus,.ms-megamenu .btn-info.focus,.ms-megamenu .btn-info:active,.ms-megamenu .btn-info.active,.ms-megamenu .open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc;}.ms-megamenu .btn-info:active,.ms-megamenu .btn-info.active,.ms-megamenu .open>.dropdown-toggle.btn-info{background-image:none;}.ms-megamenu .btn-info.disabled,.ms-megamenu .btn-info[disabled],.ms-megamenu fieldset[disabled] .btn-info,.ms-megamenu .btn-info.disabled:hover,.ms-megamenu .btn-info[disabled]:hover,.ms-megamenu fieldset[disabled] .btn-info:hover,.ms-megamenu .btn-info.disabled:focus,.ms-megamenu .btn-info[disabled]:focus,.ms-megamenu fieldset[disabled] .btn-info:focus,.ms-megamenu .btn-info.disabled.focus,.ms-megamenu .btn-info[disabled].focus,.ms-megamenu fieldset[disabled] .btn-info.focus,.ms-megamenu .btn-info.disabled:active,.ms-megamenu .btn-info[disabled]:active,.ms-megamenu fieldset[disabled] .btn-info:active,.ms-megamenu .btn-info.disabled.active,.ms-megamenu .btn-info[disabled].active,.ms-megamenu fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da;}.ms-megamenu .btn-info .badge{color:#5bc0de;background-color:#fff;}.ms-megamenu .btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236;}.ms-megamenu .btn-warning:hover,.ms-megamenu .btn-warning:focus,.ms-megamenu .btn-warning.focus,.ms-megamenu .btn-warning.active,.ms-megamenu .open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512;}.ms-megamenu .btn-warning:active,.ms-megamenu .btn-warning.active,.ms-megamenu .open>.dropdown-toggle.btn-warning{background-image:none;}.ms-megamenu .btn-warning.disabled,.ms-megamenu .btn-warning[disabled],.ms-megamenu fieldset[disabled] .btn-warning,.ms-megamenu .btn-warning.disabled:hover,.ms-megamenu .btn-warning[disabled]:hover,.ms-megamenu fieldset[disabled] .btn-warning:hover,.ms-megamenu .btn-warning.disabled:focus,.ms-megamenu .btn-warning[disabled]:focus,.ms-megamenu fieldset[disabled] .btn-warning:focus,.ms-megamenu .btn-warning.disabled.focus,.ms-megamenu .btn-warning[disabled].focus,.ms-megamenu fieldset[disabled] .btn-warning.focus,.ms-megamenu .btn-warning.disabled:active,.ms-megamenu .btn-warning[disabled]:active,.ms-megamenu fieldset[disabled] .btn-warning:active,.ms-megamenu .btn-warning.disabled.active,.ms-megamenu .btn-warning[disabled].active,.ms-megamenu fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236;}.ms-megamenu .btn-warning .badge{color:#f0ad4e;background-color:#fff;}.ms-megamenu .btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a;}.ms-megamenu .btn-danger:hover,.ms-megamenu .btn-danger:focus,.ms-megamenu .btn-danger.focus,.ms-megamenu .btn-danger:active,.ms-megamenu .btn-danger.active,.ms-megamenu .open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925;}.ms-megamenu .btn-danger:active,.ms-megamenu .btn-danger.active,.ms-megamenu .open>.dropdown-toggle.btn-danger{background-image:none;}.ms-megamenu .btn-danger.disabled,.ms-megamenu .btn-danger[disabled],.ms-megamenu fieldset[disabled] .btn-danger,.ms-megamenu .btn-danger.disabled:hover,.ms-megamenu .btn-danger[disabled]:hover,.ms-megamenu fieldset[disabled] .btn-danger:hover,.ms-megamenu .btn-danger.disabled:focus,.ms-megamenu .btn-danger[disabled]:focus,.ms-megamenu fieldset[disabled] .btn-danger:focus,.ms-megamenu .btn-danger.disabled.focus,.ms-megamenu .btn-danger[disabled].focus,.ms-megamenu fieldset[disabled] .btn-danger.focus,.ms-megamenu .btn-danger.disabled:active,.ms-megamenu .btn-danger[disabled]:active,.ms-megamenu fieldset[disabled] .btn-danger:active,.ms-megamenu .btn-danger.disabled.active,.ms-megamenu .btn-danger[disabled].active,.ms-megamenu fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a;}.ms-megamenu .btn-danger .badge{color:#d9534f;background-color:#fff;}.ms-megamenu .btn-link{font-weight:normal;color:#337ab7;border-radius:0;}.ms-megamenu .btn-link,.ms-megamenu .btn-link:active,.ms-megamenu .btn-link.active,.ms-megamenu .btn-link[disabled],.ms-megamenu fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;}.ms-megamenu .btn-link,.ms-megamenu .btn-link:hover,.ms-megamenu .btn-link:focus,.ms-megamenu .btn-link:active{border-color:transparent;}.ms-megamenu .btn-link:hover,.ms-megamenu .btn-link:focus{color:#23527c;text-decoration:underline;background-color:transparent;}.ms-megamenu .btn-link[disabled]:hover,.ms-megamenu fieldset[disabled] .btn-link:hover,.ms-megamenu .btn-link[disabled]:focus,.ms-megamenu fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none;}.ms-megamenu .btn-lg,.ms-megamenu .btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px;}.ms-megamenu .btn-sm,.ms-megamenu .btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;}.ms-megamenu .btn-xs,.ms-megamenu .btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px;}.ms-megamenu .btn-block{display:block;width:100%;}.ms-megamenu .btn-block+.btn-block{margin-top:5px;}.ms-megamenu{box-sizing:border-box;text-align:left;}.ms-featured{padding-left:20px;}.ms-megamenu img{display:inline;vertical-align:middle;max-width:100%;}.ms-megamenu .ms-topmenu{position:relative;background:#175271;float:left;width:100%;z-index:199;margin:10px 0 0;}.ms-megamenu .ms-topmenu.no-responsive .mb-submenu{display:none!important;}.ms-megamenu .ms-level0{float:left;}.ms-level0.item_relative{position:relative;}.ms-megamenu .ms-level0.active .ms-label{background:#206B91;}.ms-topmenu .ms-submenu a{outline:none;}.ms-topmenu .ms-submenu a.form-group{margin:3px 0;font-size:13px;text-decoration:none;}.ms-topmenu .ms-submenu a.form-group:hover{color:#921d80;}.ms-topmenu .ms-label{float:left;padding:15px;color:#fff;font-size:15px;opacity:0.9;filter:alpha(opacity=90);outline:none!important;cursor:pointer;line-height:1.5;}.ms-megamenu .ms-iconmega{vertical-align:top;position:relative;}.ms-megamenu .ms-submenu{display:none;position:absolute;top:52px;z-index:200;padding:15px;background:#fff;border:1px solid #ddd;max-width:100%;border-top:0;min-width:160px;}.ms-topmenu .mb-submenu{display:none;}.ms-header,.mb-header{float:left;width:100%;padding:10px 0;margin-bottom:15px;border-bottom:1px solid #ddd;}.ms-footer,.mb-footer{float:left;width:100%;padding:10px 0;margin-top:15px;}.col-category .level1{font-weight:700;font-size:14px;}.col-category .level2{font-weight:400;font-size:13px;}.col-sub{display:none;-moz-transition:all ease-in-out 100ms;-webkit-transition:all ease-in-out 100ms;-o-transition:all ease-in-out 100ms;transition:all ease-in-out 100ms;}.ms-category-level .col-sub{display:none;position:absolute;left:150px;width:16em;background-color:#fff;z-index:201;padding:12px;min-width:12em;-webkit-box-shadow:0px 1px 10px rgb(153,153,153);box-shadow:0px 2px 12px rgb(153,153,153);}.ms-category-level a.form-group{text-indent:5px;font-weight:600;}.ms-category-level .parent.active>a.form-group{color:#921d80;}.ms-megamenu .parent .small{float:right;top:4px;}.active>.col-sub{display:block;}.level2 small{font-size:50%;top:-2px;}.level2.active .level2{text-indent:5px;-moz-transition:all ease-in-out 100ms;-webkit-transition:all ease-in-out 100ms;-o-transition:all ease-in-out 100ms;transition:all ease-in-out 100ms;}.mb-version .col-category .sub-level3{width:100%;float:left;z-index:201;padding:0 10px;}.mb-submenu .parent .col-sub,.lmb-submenu .parent .col-sub{padding:0 0 0 10px;position:static;width:100%;box-shadow:none;background-color:transparent;}.mb-submenu .parent .form-group a{float:left;}.mb-submenu .ms-category-level .col-category a.form-group{border-bottom:1px solid #ddd;padding:5px 0;}.ms-category-dynamic .col-level{padding:0px;}.ms-category-dynamic .col-level .col-xs-12.form-group{border-bottom:1px solid #ddd;border-right:1px solid #ddd;margin:0;text-indent:10px;-moz-transition:all ease-in-out 100ms;-webkit-transition:all ease-in-out 100ms;-o-transition:all ease-in-out 100ms;transition:all ease-in-out 100ms;background-color:#fff;}.ms-category-dynamic .col-level .col-xs-12.form-group.active{border-right-color:rgba(0,0,0,0);background-color:transparent;}.ms-category-dynamic .col-level .col-xs-12.form-group a{font-weight:600;float:left;width:100%;padding:10px 0;font-size:13px;}.ms-category-dynamic .col-level .col-xs-12.form-group.active a{color:#921d80;}.ms-category-dynamic .col-level .col-xs-12.form-group a:hover{color:#921d80;text-decoration:none;}.ms-category-dynamic .col-level .col-xs-12.form-group.active a .small{opacity:0;filter:alpha(opacity=0);}.ms-category-dynamic .col-dynamic{display:none;padding-top:10px;}.ms-category-dynamic .active.col-dynamic{display:block;}.ms-category-dynamic .col-dynamic .col-category-image img{outline:0;transition:all 200ms ease-in-out;-ms-transform:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;}small.glyphicon.glyphicon-th-large{font-size:50%;margin-left:-6px;padding-right:5px;top:-2px;}.ms-category-dynamic .col-dynamic a span{font-weight:600;font-size:12px;}.ms-category-dynamic .col-dynamic a:hover span{color:#921d80;font-weight:600;}.ms-category-dynamic .col-dynamic a:hover img{transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-tranform:translateY(-10px);-webkit-transform:translateY(-10px);}.ms-category-dynamic .col-category{padding:0 5px;}.ms-category-dynamic .dynamic-viewall{text-align:center;text-transform:uppercase;color:#175271!important;font-weight:600;font-size:13px;-ms-transform:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;}.ms-category-dynamic .dynamic-viewall small{padding-left:6px;}.ms-category-dynamic .dynamic-viewall:hover{text-decoration:none;color:#860F0F!important;border-color:#860F0F;}.ms-productgrid .item .product-image,.ms-megamenu .f-product .product-image,.ms-megamenu .f-category .product-image{border:none;}.ms-productgrid .item .product-image:hover,.ms-megamenu .f-category .product-image:hover,.ms-megamenu .f-product .product-image:hover{transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-tranform:translateY(-10px);-webkit-transform:translateY(-10px);transition:all 200ms ease-in-out;-ms-transform:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;}.ms-megamenu .f-product .product-image img{max-width:100%;}.mb-content .item,.mb-content .col-productlist,.mb-content .col-category,.mb-featured .f-product,.mb-featured .f-category{padding-top:10px;padding-bottom:10px;}.ms-megamenu .anchor_mbmenu{background:rgb(7,70,102);padding:8px 0;display:none;}.ms-megamenu .anchor_mbmenu .anchor_mbmenu_text{outline:0;text-decoration:none;font-size:20px;color:#fff;}.megamenu-mobile .mb-topmenu{display:none;position:relative;float:left;width:100%;}.ms-megamenu .mb-submenu{position:absolute;left:100%;top:0;z-index:-1;background:#fff;display:none;float:left;width:100%;}.ms-megamenu .mb-submenu.blind{position:static;}.ms-megamenu .mb-submenu.blind .mb-return,.ms-megamenu .lmb-submenu.blind .mb-return{display:none;}.ms-megamenu .mb-submenu .mb-return span,.ms-megamenu .lmb-submenu .mb-return span{float:left;}.ms-megamenu .mb-label{padding:10px 5px 10px 20px;border-top:0;color:#2f2f2f;text-decoration:none;outline:none;display:none!important;position:absolute;right:1px;top:0;height:42px;line-height:21px;}.ms-megamenu .mb-return{border:0;z-index:200;}.ms-megamenu .mb-submain{padding:15px;border:1px solid #ddd;border-top:0;}#header-nav{display:block;}.skip-nav{display:none;}.item_relative{position:relative;}.ms-leftmenu{position:relative;z-index:200;text-align:left;float:left;width:100%;border-top:1px solid #ddd;margin:10px 0;}.ms-leftmenu .msl-level0{float:left;width:100%;}.ms-leftmenu .msl-submenu{display:none;position:absolute;top:0px;left:239px;z-index:200;padding:15px;background:#fff;border:1px solid #ddd;min-width:160px;}.ms-leftmenu .msl-label{padding:12px 25px 8px;background:#FFFFFF;border:1px solid #ddd;border-top:0;color:#2f2f2f;text-decoration:none;outline:none;cursor:pointer;line-height:1.5;float:left;width:100%;}.ms-leftmenu .msl-label.first{border-top:1px solid #ddd;}.ms-leftmenu .msl-label.flag{background:#EBEDED;}.ms-leftmenu .msl-label span.small{float:right;margin-right:-15px;}.lmegamenu-mobile{display:none;}.ms-megamenu .anchor_lmbmenu{background:rgb(7,70,102);padding:8px 0;}.ms-megamenu .anchor_lmbmenu .anchor_lmbmenu_text{outline:0;text-decoration:none;font-size:20px;color:#fff;}.lmegamenu-mobile .lmb-leftmenu{display:none;position:relative;text-align:left;float:left;width:100%;}.ms-megamenu .lmb-submenu{position:absolute;left:100%;top:0;z-index:-1;background:#fff;display:none;float:left;width:100%;}.ms-megamenu .lmb-submenu.blind{position:static;}.ms-megamenu .lmb-label{padding:12px 25px 8px;background:#FFFFFF;border:1px solid #ddd;border-top:0;color:#2f2f2f;text-decoration:none;outline:none;}.ms-megamenu .lmb-label.flag{background:#EBEDED;}.ms-megamenu .lmb-label.lmb-return{border:0;}.ms-megamenu .lmb-label span{float:left;}.ms-megamenu .lmb-click span{float:right;margin-right:-15px;}.ms-megamenu .mb-submain{padding:15px;border:1px solid #ddd;border-top:0;}@media (max-width: 768px){}.ms-megamenu .ms-topmenu{text-align:left;}.ms-topmenu .ms-label{float:left;}.ms-topmenu .ms-level0{float:left;}.ms-megamenu .ms-topmenu{background:#175271;}.ms-topmenu .ms-label{font-size:15px;text-transform:none;color:#FFFFFF;padding:14.75px 15px;}.ms-topmenu .ms-label .ms-iconmega{height:15px;top:3.75px;}.ms-topmenu .ms-level0.active .ms-label,.ms-topmenu .ms-level0:hover .ms-label,.ms-topmenu .ms-level0:active .ms-label,.ms-topmenu .ms-level0:focus .ms-label{color:#FFFFFF;}.ms-topmenu .ms-level0.active .ms-label,.ms-topmenu .ms-level0:hover .ms-label,.ms-topmenu .ms-level0:active .ms-label,.ms-topmenu .ms-level0:focus .ms-label{background-color:#1D475E;}.ms-topmenu .ms-submenu,.ms-topmenu .col-sub{background-color:#f5f5f5;color:#636363;}.ms-topmenu .ms-submenu a{color:#636363;}.ms-topmenu .ms-boxtitle{color:#636363;}.ms-topmenu .col-category .sub-level3{background-color:#FFFFFF;}.ms-leftmenu .msl-label{font-size:15px;text-transform:none;color:#2F2F2F;background:#FFFFFF;}.ms-leftmenu .msl-label .ms-iconmega{height:15px;top:3.75px;}.ms-leftmenu .msl-level0.active .msl-label,.ms-leftmenu .msl-level0:hover .msl-label,.ms-leftmenu .msl-level0:active .msl-label,.ms-leftmenu .msl-level0:focus .msl-label{color:#2F2F2F;background-color:#DEDEDE;}.ms-leftmenu .msl-submenu,.ms-leftmenu .col-sub{background-color:#FFFFFF;color:#636363;}.ms-leftmenu .msl-submenu a{color:#636363;}.ms-leftmenu .ms-boxtitle{color:#636363;}.ms-leftmenu .col-category .sub-level3{background-color:#FFFFFF;}@media (min-width: 940px){.ms-topmenu .mb-submenu{display:none!important;}}@media (max-width: 939px){.ms-megamenu .ms-topmenu{background-color:transparent;}.ms-megamenu .anchor_mbmenu,.ms-megamenu .mb-label{display:block!important;}.ms-topmenu .ms-level0{float:left;width:100%;display:none;position:relative;}.ms-topmenu.active .ms-level0{display:block;}.ms-topmenu .ms-label{background:#FFFFFF;border:1px solid #ddd;border-top:0;color:#2f2f2f;text-decoration:none;outline:none;width:100%;float:left;min-height:43px;}.ms-topmenu .ms-submenu{display:none!important;}.ms-topmenu .mbactive .mb-submenu{z-index:201;display:inline;}.ms-level0 .ms-label,.ms-megamenu .mb-label{font-size:15px;text-transform:none;background-color:#FFFFFF;color:#2F2F2F;}.ms-topmenu .ms-level0.active .ms-label,.ms-topmenu .ms-level0:hover .ms-label,.ms-topmenu .ms-level0:active .ms-label,.ms-topmenu .ms-level0:focus .ms-label,.ms-topmenu .ms-level0:hover .mb-label,.ms-topmenu .ms-level0:active .mb-label,.ms-topmenu .ms-level0:focus .mb-label,.ms-megamenu .mbactive .ms-label,.ms-megamenu .mbactive .mb-return,.ms-megamenu .mbactive .mb-label{background-color:#EBEDED;color:#2F2F2F;}.ms-megamenu .anchor_mbmenu{background-color:#074666;}.ms-megamenu .anchor_mbmenu .anchor_mbmenu_text{color:#FFFFFF;}.ms-megamenu .mb-submenu{background-color:#FFFFFF;color:#636363;}.ms-megamenu .ms-boxtitle{color:#636363;}.ms-megamenu .mb-submenu a{color:#636363;}}@media (min-width: 941px){.ms-leftmenu .lmb-submenu{display:none!important;}}@media (max-width: 940px){.ms-megamenu .ms-leftmenu{background-color:transparent;}.ms-megamenu .anchor_mbmenu,.ms-megamenu .mb-label{display:block!important;}.ms-leftmenu .msl-level0{float:left;width:100%;display:none;position:relative;}.ms-leftmenu.active .msl-level0{display:block;}.ms-leftmenu .msl-label{padding:12px 15px 8px!important;background:#FFFFFF;border:1px solid #ddd;border-top:0;color:#2f2f2f;text-decoration:none;outline:none;width:100%;float:left;min-height:43px;}.ms-leftmenu .msl-submenu{display:none!important;}.ms-leftmenu .mbactive .lmb-submenu{z-index:201;display:inline;}.msl-level0 .msl-label,.ms-megamenu .mb-label{font-size:15px;text-transform:none;background-color:#FFFFFF;color:#2F2F2F;}.ms-leftmenu .msl-level0.active .msl-label,.ms-leftmenu .msl-level0:hover .msl-label,.ms-leftmenu .msl-level0:active .msl-label,.ms-leftmenu .msl-level0:focus .msl-label,.ms-leftmenu .msl-level0:hover .mb-label,.ms-leftmenu .msl-level0:active .mb-label,.ms-leftmenu .msl-level0:focus .mb-label,.ms-megamenu .mbactive .ms-label,.ms-megamenu .mbactive .mb-return,.ms-megamenu .mbactive .mb-label{background-color:#EBEDED;color:#2F2F2F;}.ms-megamenu .anchor_mbmenu,.ms-megamenu .anchor_lmbmenu{background-color:#074666;}.ms-megamenu .anchor_mbmenu .anchor_mbmenu_text,.ms-megamenu .anchor_lmbmenu_text{color:#FFFFFF;}.ms-megamenu .lmb-submenu{background-color:#FFFFFF;color:#636363;}.ms-megamenu .ms-boxtitle{color:#636363;}.ms-megamenu .lmb-submenu a{color:#636363;}}@charset "UTF-8";@font-face{font-family:'proxima_nova_softbold';src:url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/font/proximanovasoft-bold-webfont.eot");src:url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/font/proximanovasoft-bold-webfont.eot?#iefix") format("embedded-opentype"),url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/font/proximanovasoft-bold-webfont.woff") format("woff"),url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/font/proximanovasoft-bold-webfont.ttf") format("truetype"),url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/font/proximanovasoft-bold-webfont.svg#proxima_nova_softbold") format("svg");font-weight:normal;font-style:normal;}.clearfix:after,.main:after,.col-wrapper:after,.col2-set:after,.add-to-links:after,.page:after,.wrapper:after,.header-container .header-utility-menu:after,.opc .section .step-title:after,.opc .section .step:after,.gift-message-form .gift-wrapping-form .gift-wrapping-design:after,.cms-page-container:after{content:"";display:table;clear:both;}.main-page-title,.page .category-view h1{font-family:"proxima_nova_softbold",Arial,sans-serif;font-size:21px;color:#921d80;}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;}body{background:#FFFFFF;color:#000000;line-height:1;}html,body,img,fieldset,abbr,acronym{border:0;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}th,code,cite,caption{font-weight:normal;font-style:normal;text-align:left;}address{font-style:normal;}fieldset{margin:0;padding:0;border:0;}img{display:block;}ol,ul{list-style:none;}q:before,q:after{content:'';}input:focus,input[type="search"]:focus{outline-offset:-2px;}input[type="search"]{-webkit-appearance:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}@-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } a, button { -ms-touch-action: manipulation; touch-action: manipulation; } body, button, input, select, table, textarea { font-family: Verdana, "Helvetica Neue", Arial, sans-serif; color: #3b3b3b; font-size: 12px; line-height: 1.5; } a { color: #009fdb; text-decoration: none; } a:hover, a.touched { color: #008cc2; text-decoration: underline; } a:focus { color: #003042; outline: none; } ol, ul { list-style: none; margin: 0; padding: 0; } /* ============================================ * * Typography * ============================================ */ h1, .h1 { margin: 0; margin-bottom: 0.7em; color: #009fdb; font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 28px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; } h2, .h2 { margin: 0; margin-bottom: 0.5em; color: #444444; font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; } h3, .h3 { margin: 0; margin-bottom: 10px; color: #444444; font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; } h4, .h4 { margin: 0; margin-bottom: 10px; color: #444444; font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; } h5, .h5 { margin: 0; margin-bottom: 10px; color: #444444; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; font-size: 13px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; } h6, .h6 { margin: 0; margin-bottom: 5px; color: #444444; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; } .widget h1, .widget .h1 { margin: 0; margin-bottom: 0.7em; color: #009fdb; font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 28px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; } .widget h2, .widget .h2 { margin: 0; margin-bottom: 0.5em; color: #444444; font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; } .widget h3, .widget .h3 { margin: 0; margin-bottom: 10px; color: #444444; font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; } .widget h4, .widget .h4 { margin: 0; margin-bottom: 10px; color: #444444; font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; } .widget h5, .widget .h5 { margin: 0; margin-bottom: 10px; color: #444444; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; font-size: 13px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; } .widget h6, .widget .h6 { margin: 0; margin-bottom: 5px; color: #444444; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; } /* ============================================ * * Shared Classes * ============================================ */ .address-list address { margin-bottom: 1em; } .availability { margin-bottom: 0; font-size: 13px; text-transform: uppercase; } .availability .label { display: none; } .availability.in-stock { color: #01b15d; } .availability.available-soon { color: #DF280A; } .availability.out-of-stock { color: #921d80; font-family: "proxima_nova_softbold", Arial, sans-serif; } .availability-only { color: #DF280A; margin-bottom: 10px; } /* -------------------------------------------- * * Page Titles */ .page-title h1, .page-title h2, .product-name h1, .product-name .h1 { text-transform: uppercase; font-size: 24px; font-weight: 600; color: #921d80; padding-bottom: 3px; margin-bottom: 15px; text-transform: uppercase; } .products-grid .product-name { line-height: 16px; margin: 15px 0 0; } .products-grid .product-name a { font-size: 14px; color: #444444; font-family: "proxima_nova_softbold", Arial, sans-serif; text-transform: uppercase; } body iframe[name=google_conversion_frame] { display: none; } /* -------------------------------------------- * * Block Module */ .block, .col-left-first { margin-bottom: 20px; } .col-left-first .block:last-of-type { margin-bottom: 0; } .block-title { position: relative; padding: 10px 0 0; margin-bottom: 5px; border-top: 1px solid #d7d7d7; } .block-title h2, .block-title h3, .block-title strong { margin: 0; margin-bottom: 10px; color: #444444; font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; color: #009fdb; margin-bottom: 0; text-transform: uppercase; font-weight: 600; } .block-title small { font-size: 100%; font-weight: normal; color: #777777; } body:not(.customer-account) .block:first-child .block-title { border-top: none; } .block-content { margin-top: 5px; } .block-content.unpad { padding: 0; } .block-content li.item { margin: 0 0 10px 9px; } .block-content li.item:last-child { margin-bottom: 0; } .block .actions { margin: 10px 0 0; } .block .actions:after { content: ''; display: table; clear: both; } .block .actions a { float: left; } .block .actions .button { float: right; } .col-left .block .actions .button ~ a, .col-right .block .actions .button ~ a { line-height: 33px; margin-right: 5px; } @media only screen and (max-width: 770px) { .sidebar .block:not(.block-layered-nav) { margin-bottom: 0; } .sidebar .block:not(.block-layered-nav) .block-title { padding: 0; margin-top: 0; border-bottom: none; border-top: none; margin-bottom: 0; } .sidebar .block:not(.block-layered-nav) .block-title > strong { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; position: relative; display: block; width: 100%; cursor: pointer; border-bottom: 0; } .sidebar .block:not(.block-layered-nav) .block-title > strong:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #009fdb; border-right: none; left: 10px; top: 50%; margin-top: -3px; } .sidebar .block:not(.block-layered-nav) .block-title.active > strong { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; position: relative; } .sidebar .block:not(.block-layered-nav) .block-title.active > strong:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #009fdb; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; } .sidebar .block:not(.block-layered-nav) .block-content { padding: 10px; margin-top: 0; border-width: 0 1px; border-style: solid; border-color: #d7d7d7; } .sidebar .block:last-of-type { border-bottom: 1px solid #d7d7d7; } } /* -------------------------------------------- * * Secondary Navigation */ .block-account .block-title, .block-cms-menu .block-title { padding-top: 0; border-top: none; } .block-account li, .block-cms-menu li { text-transform: uppercase; font-family: "proxima_nova_softbold", Arial, sans-serif; margin: 7px 0; padding-left: 15px; padding-right: 15px; } .block-account li strong, .block-cms-menu li strong { color: #921d80; } .block-account li a, .block-cms-menu li a { color: #444444; } .block-account li a:hover, .block-cms-menu li a:hover { color: #009fdb; } /* ============================================ * * Buttons * ============================================ */ /* Secondary Buttons */ .cart .buttons-set .button, .cart-table .button, .sidebar .actions .button, .button.button-secondary { background: #DDDDDD; color: #444444; padding: 7px 15px; } .cart .buttons-set .button:hover, .cart-table .button:hover, .sidebar .actions .button:hover, .button.button-secondary:hover { background: #d0d0d0; cursor: pointer; } .cart .buttons-set .button:active, .cart-table .button:active, .sidebar .actions .button:active, .button.button-secondary:active { background: #c4c4c4; color: #444444; } .cart .buttons-set .button:focus, .cart-table .button:focus, .sidebar .actions .button:focus, .button.button-secondary:focus { color: #444444; background: #c4c4c4; outline: none; } .sidebar .actions button.button { white-space: normal; } /* Primary Buttons */ .button { background-color: #01b15d; padding: 0px 25px; border-radius: 100px; width: auto; min-width: auto; cursor: pointer; outline: none; position: relative; border: none; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; font-size: 14px; line-height: 32px; color: #fff; font-weight: normal; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .button:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .button:hover, .button:focus, .button.touched { background-color: #01ca6a; text-decoration: none; color: #fff; } .button:active, .button.touched { -webkit-transform: scale(0.92); -moz-transform: scale(0.92); -ms-transform: scale(0.92); -o-transform: scale(0.92); transform: scale(0.92); } @media only screen and (max-width: 770px) { .button { width: auto; } } a.button { text-decoration: none; display: inline-block; } /* Disabled - class for anchor, state for form elements */ .button.disabled, .button:disabled { background: #C8C8C8; opacity: 0.6; cursor: not-allowed; } /* Adjacent buttons */ .button + .button { margin-left: 5px; } .button2 { border: 0; padding: 0 5px; margin: 0; background: transparent; cursor: pointer; vertical-align: middle; } .button2:focus { outline: none; } .button2 span, .button2 span span { line-height: 30px; height: 30px; text-decoration: underline; text-transform: uppercase; display: inline-block; color: #009fdb; font-family: "proxima_nova_softbold", Arial, sans-serif; } .button2 span:hover, .button2 span span:hover { text-decoration: none; color: #00678f; } @media only screen and (max-width: 770px) { .buttons-set { text-align: center; } .col2-set .buttons-set .button, .col2-set .buttons-set .button2 { float: none; } .col2-set .buttons-set .back-link { display: none; } .col2-set .buttons-set .required { display: none; } } @media only screen and (max-width: 479px) { .buttons-set .button { float: none; } .buttons-set .back-link { display: none; } .buttons-set .required { display: none; } } /* -------------------------------------------- * * Paypal Button */ .paypal-logo.paypal-after { float: left; } .paypal-after .paypal-or { float: left; } .paypal-or { line-height: 34px; margin: 0px 10px 5px; } .paypal-after .paypal-button { float: left; } .paypal-button { line-height: 0px; } .paypal-button img { display: inline; } @media only screen and (max-width: 740px) { .paypal-or { line-height: 20px; } .paypal-logo, .paypal-or, .paypal-button { text-align: center; width: 100%; display: block; margin-right: 0; margin-left: 0; float: none; } } /* -------------------------------------------- * * Button Sets */ .buttons-set { clear: both; margin: 10px 0 0; padding-top: 10px; text-align: right; } .buttons-set p.required { margin: 0; margin-left: 10px; line-height: 33px; float: right; } .buttons-set .back-link { float: left; margin: 0; line-height: 33px; } .buttons-set a:not(.button) { line-height: 20px; display: inline-block; padding: 5px; } .buttons-set .button { float: right; min-width: 140px; } .buttons-set:after { content: ''; display: table; clear: both; } /* -------------------------------------------- * * Icons */ .icon-sprite, .btn-remove2, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid, .sorter > .view-mode .list, .product-view .sharing-links a { background-image: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/icon_sprite.png); background-repeat: no-repeat; text-indent: -9999px; } @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .icon-sprite, .btn-remove2, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid, .sorter > .view-mode .list, .product-view .sharing-links a { background-image: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/icon_sprite@2x.png); background-size: 100px 1000px; } } /* -------------------------------------------- * * Breadcrumbs */ .breadcrumbs { overflow: hidden; display: block; line-height: 28px; padding-bottom: 10px; padding-top: 10px; } .breadcrumbs li { float: left; color: #535353; font-size: 12px; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; } .breadcrumbs a { float: left; color: #444444; } .breadcrumbs a:hover { color: #009fdb; } .breadcrumbs strong { color: #444444; } .breadcrumbs span { float: left; padding: 0 7px; } @media only screen and (max-width: 770px) { .breadcrumbs { display: none; } } /* -------------------------------------------- * * Button - Remove / Previous */ .btn-remove, .btn-previous { display: inline-block; width: 20px; height: 20px; border: 1px solid #EDEDED; text-align: center; /* Hide text */ font: 0/0 a; text-shadow: none; color: transparent; position: relative; } .btn-remove:hover, .btn-previous:hover { background-color: #009fdb; border-color: #009fdb; } .btn-remove:after { content: 'X'; color: #009fdb; height: 20px; line-height: 20px; width: 100%; font-size: 10px; font-family: Arial, Verdana, "Helvetica Neue", Arial, sans-serif; font-weight: bold; } .btn-remove:hover:after { color: #FFFFFF; text-decoration: none; } .btn-remove2 { background-position: 4px -648px; border: none; vertical-align: top; } .btn-remove2:after { display: none; } .btn-remove2:hover { background-color: transparent; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .btn-previous:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #009fdb; border-left: none; position: absolute; top: 50%; left: 50%; margin-left: -2px; margin-top: -4px; } .btn-previous:hover:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #FFFFFF; border-left: none; } .block-layered-nav .currently .btn-remove, .block-layered-nav .currently .btn-previous, .mini-products-list .btn-remove, .mini-products-list .btn-previous, #compare-items .btn-remove, #compare-items .btn-previous { float: right; margin-left: 6px; } /* -------------------------------------------- * * Checkout Agreements */ .checkout-agreements li { margin-bottom: 20px; } .checkout-agreements .agreement-content { overflow-y: auto; max-width: 670px; max-height: 125px; margin-bottom: 10px; padding: 10px; border: 1px solid #d7d7d7; background: #F4F4F4; } /* -------------------------------------------- * * CVV Security Code */ .cvv-what-is-this { margin-left: 10px; font-size: 13px; line-height: 24px; } /* -------------------------------------------- * * Container */ @media only screen and (max-width: 770px) { .main { padding-left: 0; } } .main-container { position: relative; max-width: 1240px; margin: 0 auto; padding: 15px; } .main-container:after { content: ''; display: table; clear: both; } @media only screen and (min-width: 480px) { .main-container { padding: 30px; } } /* -------------------------------------------- * * Column Layouts */ .col-left { float: left; width: 25%; padding-left: 0; /* Remove the 15px padding */ clear: left; } .col-left img { max-width: 100%; } .col-right { float: right; width: 25%; padding-right: 0; /* Remove the 15px padding */ } .col-right img { max-width: 100%; } .col-main { float: left; width: 75%; } .col1-layout .col-main { float: none; width: auto; padding: 0; /* Remove the 15px padding */ } .col2-left-layout .col-main { float: right; padding-right: 0; /* Remove the 15px padding */ } .col2-right-layout .col-main { padding-left: 0; /* Remove the 15px padding */ } .col3-layout .col-right { width: 20.8333333333%; } .col3-layout .col-wrapper { float: left; width: 79.1666666667%; } .col3-layout .col-wrapper .col-main { float: right; width: 73.6842105263%; } .col3-layout .col-wrapper .col-left { width: 26.3157894737%; } @media only screen and (max-width: 1000px) { .col3-layout .col-right { float: left; clear: left; padding-left: 0; padding-right: 10px; width: 25%; } .col3-layout .col-wrapper { float: right; width: 100%; } .col3-layout .col-wrapper .col-main { float: right; width: 75%; } .col3-layout .col-wrapper .col-left { width: 25%; } } @media only screen and (max-width: 770px) { .col-left, .col-right, .col-main, .col1-layout .col-left, .col1-layout .col-right, .col1-layout .col-main, .col2-left-layout .col-left, .col2-left-layout .col-right, .col2-left-layout .col-main, .col2-right-layout .col-left, .col2-right-layout .col-right, .col2-right-layout .col-main, .col3-layout .col-wrapper .col-left, .col3-layout .col-right, .col3-layout .col-wrapper .col-main { padding: 0; margin-bottom: 10px; float: none; width: auto; } .col3-layout .col-wrapper { float: none; width: auto; } .col-main { float: none; width: auto; } .col-main .col-left { padding: 0; /* On product listing pages, the left column gets moved inside col-main on small viewports */ } } /* Content Columns */ .col2-set { max-width: 100%; margin-left: auto; margin-right: auto; } .col2-set:after { content: " "; display: block; clear: both; } .col2-set .col-1, .col2-set .col-2 { width: 49.3606138107%; float: left; margin-right: 1.2787723785%; padding: 20px; } @media only screen and (max-width: 770px) { .col2-set .col-1, .col2-set .col-2 { padding: 10px; } } .col2-set .col-2 { float: right; margin-right: 0; } @media only screen and (max-width: 770px) { .col2-set .col-1, .col2-set .col-2 { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } } .col2-set .narrow { width: 32.4808184143%; float: left; margin-right: 1.2787723785%; } .col2-set .wide { width: 66.2404092072%; float: left; margin-right: 1.2787723785%; } /* -------------------------------------------- * * Top Container */ @media only screen and (min-width: 771px) { .top-container { max-width: 1240px; margin: 0 auto; padding: 0 30px; } } /* -------------------------------------------- * * Global Site Notice */ .global-site-notice { background: #676157; color: #E6E6E6; font-size: 11px; } .global-site-notice .notice-inner { padding-left: 120px; width: 100%; max-width: 1210px; margin-left: auto; margin-right: auto; line-height: 11px; min-height: 40px; padding-top: 14.5px; padding-bottom: 14.5px; background-image: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/demo-logo.png"); background-position: left; background-repeat: no-repeat; } .global-site-notice p { margin-bottom: 0; } /* -------------------------------------------- * * Promotional Message Banner */ .promo-msg { color: #009fdb; text-align: center; margin: 10px; text-transform: uppercase; font-family: "proxima_nova_softbold", Arial, sans-serif; } /* -------------------------------------------- * * Grid */ .grid:after { content: ''; display: table; clear: both; } /* -------------------------------------------- * * Messages */ .success { color: #01b15d; } .error { color: #DF280A; font-weight: bold; } .notice { color: #E26703; font-weight: bold; } /* -------------------------------------------- * * Messages */ ul#admin_messages { color: #000000; border-left: 5px solid #921D80; background-color: rgba(146, 29, 128, 0.08); padding: 10px 15px; margin-left: 15px; } @media only screen and (max-width: 770px) { ul#admin_messages { margin-left: 0; } } .std ul.messages, ul.messages { margin-bottom: 10px; } .std ul.messages li, ul.messages li { list-style: none; margin-left: 0; } .messages li li { position: relative; margin-bottom: 5px; padding: 7px 10px 7px 20px; background: #F4F4F4; font-size: 15px; } .messages li li:before { top: 50%; left: 0; margin-top: -6px; } .messages .error-msg li { color: #000000; border-left: 5px solid #DF280A; background-color: #FAEBE7; } .messages .error-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #DF280A; border-right: none; } .messages .notice-msg li { color: #000000; border-left: 5px solid #E26703; background-color: #F9EBE6; } .messages .notice-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #E26703; border-right: none; } .messages .success-msg li { color: #000000; border-left: 5px solid #01b15d; background-color: #EFF5EA; } .messages .success-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #01b15d; border-right: none; } @media only screen and (min-width: 915px) { .order-list-grid .col-1 { width: 30%; } .order-list-grid .col-2 { width: 50%; padding-right: 20px; } .order-list-grid .col-3 { clear: none; width: 20%; padding-top: 0; } } /* -------------------------------------------- * * Page Popup */ .page-popup { padding: 20px; background: #FFFFFF; height: auto; } .page-popup h1 { margin: 0 0 0.5em; font-size: 36px; } #fancybox-content { width: 100% !important; } #product_sendtofriend_form .left { width: 49.3606138107%; float: left; margin-right: 1.2787723785%; } #product_sendtofriend_form .right { width: 49.3606138107%; float: right; margin-right: 0; } .sendfriend-product-send { padding: 40px 40px 60px 40px !important; } .sendfriend-product-send .top-banner { display: none; } .sendfriend-product-send h3 { color: #921d80; font-size: 22px; } .sendfriend-product-send button.form-button { color: #921d80; background: transparent; padding: 0px 25px; line-height: 32px; border: 0; font-size: 14px; font-weight: normal; font-family: "proxima_nova_softbold"; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; border-radius: 100px; width: auto; min-width: auto; margin-top: 0; max-width: 130px; width: 100%; padding: 0; float: left; } .sendfriend-product-send button.form-button.right { background: #009fdb; float: right; color: #fff; } .sendfriend-product-send h1 { font-size: 24px; } .catalog-product-view #fancybox-wrap { box-sizing: content-box; } .catalog-product-view #fancybox-frame { width: 100%; } /* -------------------------------------------- * * Payment Methods */ .payment-methods { margin-bottom: 20px; } .payment-methods dt { padding: 5px 0; } .payment-methods dd { padding-top: 10px; } .payment-methods .form-list { position: relative; display: inline-block; max-width: 100%; margin: 5px 15px 15px; padding: 15px; border: 1px solid #d7d7d7; background: #F4F4F4; } .payment-methods .form-list:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #d7d7d7; border-top: none; top: -11px; left: 30px; } .payment-methods .form-list:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #F4F4F4; border-top: none; top: -10px; left: 30px; } .payment-methods .form-list li:last-child { margin-bottom: 0; } /* -------------------------------------------- * * Please Wait (Loading Indicator) */ .please-wait { display: inline-block; margin-left: 10px; margin-top: 5px; line-height: 24px; height: 24px; white-space: nowrap; /* Prevent the linebreak in the HTML from causing layout issues */ } .please-wait img { float: left; margin-right: 5px; width: 24px; } .product-shop .no-rating { padding: 0 0 10px; } .listing-online-instock, .listing-instore-instock, .listing-online-outofstock { font-size: 10px; line-height: 1.4; text-transform: uppercase; color: #444444; } .listing-online-instock:before, .listing-instore-instock:before, .listing-online-outofstock:before { content: '\f00c'; font-family: FontAwesome; font-size: 13px; margin-right: 5px; } .listing-online-instock.link:before, .listing-instore-instock.link:before, .listing-online-outofstock.link:before { color: #009fdb; } .listing-online-instock:hover, .listing-instore-instock:hover, .listing-online-outofstock:hover { text-decoration: underline; } .listing-online-outofstock { color: #ec1c3c; } .listing-online-outofstock:before { content: ''; } .listing-online-instock a, .listing-online-instock { color: #46B43F; } .listing-online-instock a:hover, .listing-online-instock:hover { text-decoration: none; } /* -------------------------------------------- * * Price Box - Standard */ .price-box { margin: 7px 0; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; font-size: 14px; } .price-box p { margin-bottom: 0; } .price-notice { color: #777777; } .price-box .regular-price .price, .price-box .special-price .price { color: #921d80; font-weight: bold; } .price-box .price { color: #009fdb; } .price-box .price-label { color: #777777; white-space: nowrap; font-family: "proxima_nova_softbold", Arial, sans-serif; } .price-box .minimal-price-link { padding-left: 1em; color: #009fdb; display: block; /* We want this to show on its own line, otherwise the layout looks funky */ } .price-box .minimal-price-link .label { color: #777777; } /* -------------------------------------------- * * Price Box - Special */ .price-box .old-price, .price-box .special-price { display: inline-block; } .price-box .old-price .price-label, .price-box .special-price .price-label { display: none; } .price-box .old-price .price, .price-box .special-price .price { display: inline-block; } .price-box .old-price .price { color: #cdcdcd; text-decoration: line-through; } .price-box .special-price { padding-left: 1em; } .price-box .special-price .price-label { color: #D84D3C; } /* -------------------------------------------- * * Price Box - Taxes */ .price-box .price-excluding-tax, .price-box .price-including-tax { display: block; } span.weee { display: block; } /* -------------------------------------------- * * Tier Prices */ .product-pricing, .tier-prices, .tier-prices-grouped { display: inline-block; padding: 4px 8px; background: #FBF4DE; border: 1px solid #E2D4C7; margin-top: 7px; } .product-pricing li, .tier-prices li, .tier-prices-grouped li { font-size: 12px; } .product-pricing .benefit, .tier-prices .benefit, .tier-prices-grouped .benefit { font-style: italic; } .product-pricing .price, .tier-prices .price, .tier-prices-grouped .price { font-weight: bold; } /* ============================================ * * Item Options * ============================================ */ .item-options { font-size: 14px; font-family: "proxima_nova_softbold", Arial, sans-serif; } .item-options:after { content: ''; display: table; clear: both; } .item-options dt { float: left; clear: left; font-weight: 600; padding-right: 5px; font-style: italic; } .item-options dt:after { content: ': '; } .item-options dd { float: left; padding-left: 10px; margin: 0 0 6px; } .truncated, .truncated a.dots { cursor: help; } .truncated a.details { cursor: help; height: 16px; line-height: 16px; } .truncated a.details:hover { text-decoration: none; } .truncated .truncated_full_value { position: relative; z-index: 300; } .truncated .truncated_full_value .item-options { display: none; position: absolute; z-index: 300; width: 200px; padding: 8px; border: 1px solid #009fdb; background-color: #F6F6F6; top: 21px; left: -100px; } .truncated .truncated_full_value .item-options:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #009fdb; border-top: none; left: 97px; top: -7px; } .truncated .truncated_full_value .item-options > p { font-weight: bold; text-transform: uppercase; margin-bottom: 8px; } .truncated .show .item-options { display: block; } @media only screen and (max-width: 479px) { .truncated { cursor: inherit; } .truncated a.details { display: none; } .truncated .truncated_full_value .item-options { display: block; position: static; z-index: 1; width: 100%; border: none; background-color: transparent; } .truncated .truncated_full_value .item-options p { float: none; } .truncated .truncated_full_value .item-options:after { display: none; } } /* -------------------------------------------- * * Printer Friendly Page */ .page-print { width: 6.5in; margin: 20px; background: #FFFFFF; } /* -------------------------------------------- * * Add to links */ .add-to-links { margin: 7px 0; display: block; } .add-to-links a { display: inline-block; padding: 0px 3px 3px; } .add-to-links .separator { display: none; } /* -------------------------------------------- * * Product Image */ .product-image, .no-touch .product-img-box .product-image:not(.zoom-available):hover { position: relative; display: block; } @media only screen and (max-width: 770px) { body .product-img-box .product-image:hover { border-color: #EDEDED; } } .no-touch .product-image:hover { border-color: #009fdb; } /* -------------------------------------------- * * Ratings */ .ratings { width: 100%; clear: both; } .ratings .rating-box, .ratings .rating-links, .ratings-table .rating-box, .ratings-table .rating-links { margin: 5px 0; } .ratings .amount, .ratings-table .amount { display: block; margin: 5px auto; } .ratings .rating-links .separator, .ratings-table .rating-links .separator { margin: 0 3px; } .ratings .rating-box, .ratings-table .rating-box { width: 106px; height: 16px; font-size: 0; line-height: 0; overflow: hidden; margin: 0 0 3px; background-repeat: repeat-x; background: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/bkg_rating.png"); background-position: -3px -51px; background-size: 22px; padding: 0; } .ratings .rating-box .rating, .ratings-table .rating-box .rating { float: left; height: 16px; background-repeat: repeat-x; background: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/bkg_rating.png"); background-position: -3px -29px; background-size: 22px; } /* -------------------------------------------- * * Standard Formatted Text Block */ .std p { margin: 0 0 1.5em; } .std ol { list-style: decimal outside; margin-bottom: 1.5em; } .std ol li { margin-left: 2em; } .std ul { list-style: disc outside; margin-bottom: 1.5em; } .std ul li { margin-left: 2em; } .std .note { color: #777777; font-size: 13px; } /* -------------------------------------------- * * Tabs */ .tabs { margin-bottom: 10px; background: #fff; } /* -------------------------------------------- * * Toolbar */ .toolbar { margin-top: 10px; margin-bottom: 15px; border-bottom: 1px solid #d7d7d7; padding: 5px 10px 0px 10px; max-width: 100%; margin-left: auto; margin-right: auto; } .toolbar:after { content: " "; display: block; clear: both; } .toolbar .pager { width: 15.6010230179%; float: left; margin-right: 1.2787723785%; } .toolbar .sorter { width: 49.3606138107%; float: left; margin-right: 1.2787723785%; } .pager-no-toolbar { margin-bottom: 10px; } .pager-no-toolbar ~ .pager-no-toolbar { margin-top: 10px; } .toolbar, .pager { font-family: "proxima_nova_softbold", Arial, sans-serif; color: #444444; line-height: 37px; font-size: 12px; } .toolbar select { width: auto; } .toolbar label, .pager-no-toolbar label { font-weight: normal; text-transform: uppercase; } .sorter { margin-bottom: 5px; } .sorter label { display: inline-block; margin-right: 5px; text-transform: none; color: #921d80; } .sorter label:after { content: ':'; } .sorter .custom-select { max-width: 250px; width: 100%; } .sorter .custom-select:after { top: 1px; left: auto; color: #921d80; } .sorter .custom-select select { height: 35px; line-height: 33px; } .sorter > .sort-by a > img { display: inline-block; } .sorter > .sort-by .sort-by-switcher { width: 30px; height: 30px; display: inline-block; } .sorter > .sort-by .sort-by-switcher--asc { background-position: 4px -542px; } .sorter > .sort-by .sort-by-switcher--asc:hover { background-position: -46px -542px; } .sorter > .sort-by .sort-by-switcher--desc { background-position: 4px -567px; } .sorter > .sort-by .sort-by-switcher--desc:hover { background-position: -46px -567px; } .sort-by { max-width: 325px; margin: 0 auto; } .sorter > .view-mode { float: right; } .sorter > .view-mode .grid, .sorter > .view-mode .list { float: left; width: 30px; height: 30px; } .sorter > .view-mode .grid { margin-right: 5px; background-position: 8px -492px; } .sorter > .view-mode strong.grid, .sorter > .view-mode a.grid:hover { background-position: -42px -492px; } .sorter > .view-mode .list { background-position: 11px -517px; } .sorter > .view-mode strong.list, .sorter > .view-mode a.list:hover { background-position: -39px -517px; } .sorter .limiter { float: right; } .pager { float: right; overflow: hidden; } .pager > .count-container { float: left; } .pager .amount { float: left; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; color: #921d80; white-space: nowrap; margin: 0 15px 0 0; } .pager .limiter { float: right; height: 30px; line-height: 30px; } .pager .limiter > label { padding-right: 5px; } .pager .limiter > label:after { content: ':'; } .pager .amount, .pager .limiter, .pager .pages { margin-bottom: 5px; } .pages { float: right; overflow: hidden; margin-left: 15px; } .pages strong { display: none; } .pages li { float: left; } .pages a, .pages .current { display: inline-block; border: 0; font-size: 11px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; line-height: 23px; width: 25px; height: 25px; padding: 0; color: #921d80; border: 1px solid #921d80; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; border-radius: 50%; margin: 0 2px; } .pages .current, .pages .current:hover { color: #fff; margin-top: 7px; background-color: #921d80; cursor: default; } .pages .next, .pages .previous { text-shadow: none; color: transparent; background-color: transparent; position: relative; } .pages .next { border: 0; } .pages .next:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #333333; color: #921d80; content: "\f054"; top: 50%; margin-top: 6px; left: 50%; margin-left: 9px; font-size: 16px; } .pages .previous { border: 0; } .pages .previous:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #333333; color: #921d80; content: "\f053"; top: 50%; margin-top: 6px; left: 50%; margin-left: 9px; font-size: 16px; } @media only screen and (max-width: 479px) { .pager .amount--has-pages { display: none; } .pages { float: left; } .limiter label { display: none; } } @media only screen and (max-width: 770px) { .col1-layout .sorter, .col1-layout .pager { width: 100%; } .col1-layout .pager { float: left; clear: both; } .col1-layout .pager .pages { float: left; margin-left: 0; } .col1-layout .pager .count-container { float: right; } } @media only screen and (max-width: 979px) { .col2-left-layout .toolbar, .col2-left-layout .toolbar-bottom, .col2-right-layout .toolbar, .col2-right-layout .toolbar-bottom, .col3-layout .toolbar, .col3-layout .toolbar-bottom { position: relative; } .col2-left-layout .sorter, .col2-left-layout .pager, .col2-right-layout .sorter, .col2-right-layout .pager, .col3-layout .sorter, .col3-layout .pager { width: 100%; } .col2-left-layout .pager, .col2-right-layout .pager, .col3-layout .pager { float: left; clear: both; } .col2-left-layout .pager .pages, .col2-right-layout .pager .pages, .col3-layout .pager .pages { float: left; margin-left: 0; } .col2-left-layout .pager .count-container, .col2-right-layout .pager .count-container, .col3-layout .pager .count-container { float: right; } .col2-left-layout .pages, .col2-right-layout .pages, .col3-layout .pages { position: absolute; right: 0; top: 5px; } .col2-left-layout .sort-by, .col2-right-layout .sort-by, .col3-layout .sort-by { margin: 0; } } @media only screen and (max-width: 380px) { .col2-left-layout .pages, .col2-right-layout .pages, .col3-layout .pages { position: relative; float: none; clear: both; left: auto; top: auto; right: auto; margin: 0 0 10px 0; } } @media only screen and (max-width: 1279px) { .toolbar .view-mode > label { display: none; } } /* ============================================ * * Tax - Full Tax Summary * ============================================ */ #checkout-review-table .summary-collapse, #shopping-cart-totals-table .summary-collapse, body.customer-account .data-table .summary-collapse { position: relative; cursor: pointer; } #checkout-review-table .summary-collapse:before, #shopping-cart-totals-table .summary-collapse:before, body.customer-account .data-table .summary-collapse:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #009fdb; border-bottom: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .summary-collapse:hover:before, #shopping-cart-totals-table .summary-collapse:hover:before, body.customer-account .data-table .summary-collapse:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #00678f; border-bottom: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .show-details .summary-collapse:before, #shopping-cart-totals-table .show-details .summary-collapse:before, body.customer-account .data-table .show-details .summary-collapse:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #009fdb; border-top: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .show-details .summary-collapse:hover:before, #shopping-cart-totals-table .show-details .summary-collapse:hover:before, body.customer-account .data-table .show-details .summary-collapse:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #00678f; border-top: none; position: static; display: inline-block; margin-right: 5px; } #shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before { margin-bottom: 5px; } /* ============================================ * * Magento Helpers * ============================================ */ .a-center { text-align: center; } .a-right, .align-right { text-align: right; } .no-display { display: none !important; } .nobr, .nowrap { white-space: nowrap; } .width-full { width: 100%; } /* ============================================ * * Custom Helpers * ============================================ */ .hidden { display: none; } /* ============================================ * * Print Styles * ============================================ */ .page-print .print-head { margin: 0 0 15px; } .page-print .print-head .logo { float: none; max-height: 50px; width: auto; } .catalog-category-view .sub-header-container { display: none; } /* -------------------------------------------- * * Lightbox styles */ #fancybox-tmp + .clear_b { display: none; } /* -------------------------------------------- * * ISSUUE embedded styles */ .issuuembed.issuu-isrendered { width: 100% !important; } /* ============================================ * * FORMS - COMMON * ============================================ */ /* -------------------------------------------- * * Fieldsets */ .fieldset p { margin-bottom: 7px; } .fieldset p.required { margin-bottom: 5px; float: right; font-size: 12px; margin-top: 0px; } p.required { display: none; } .fieldset + .fieldset { margin-top: 30px; } @media only screen and (max-width: 770px) { .fieldset + .fieldset { margin-top: 15px; } } form .legend, h2.legend { margin: 0; margin-bottom: 10px; color: #444444; font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 7px; font-size: 16px; color: #921d80; } /* -------------------------------------------- * * Input Box */ *:focus { outline: none; } .input-box:after { content: ''; display: table; clear: both; } li.centinel-logos div.input-box img { display: inline; vertical-align: middle; } .form-list > li:not(.fields) { max-width: 100%; margin-left: auto; margin-right: auto; } .form-list > li:not(.fields):after { content: " "; display: block; clear: both; } .form-list li { list-style: none; } .form-list li .field { max-width: 100%; margin-left: auto; margin-right: auto; } .form-list li .field:after { content: " "; display: block; clear: both; } @media only screen and (min-width: 771px) { .form-list li.control, .form-list #captcha-image-box-user_create { margin-left: 25.3196930946%; } .form-list li label { width: 24.0409207161%; float: left; margin-right: 1.2787723785%; } .form-list li .input-box { width: 40.9207161125%; float: left; margin-right: 1.2787723785%; } .form-list li .input-box.custom-select:after { padding: 6px; } } /* For adjacent select inputs. */ /* Example: credit card expiration month and year. */ .input-box .v-fix { float: left; margin-right: 5px; max-width: 100%; } /* -------------------------------------------- * * Labels */ label { display: inline-block; font-size: 13px; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } label.required:after, span.required:after { content: ' *'; color: #DF280A; font-weight: normal; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; font-size: 12px; } label.required em, span.required em { display: none; } /* -------------------------------------------- * * Hints */ .input-hint { color: #777777; font-size: 12px; } /* -------------------------------------------- * * Select */ select { font-size: 14px; padding: 0 30px 0 10px; border: 1px solid #e0e0e0; border-radius: 3px; line-height: 30px; height: 30px; width: 100%; background: #fff; margin: 0 5px 5px 0; position: relative; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } select + select { margin-left: 5px; } select[multiple] { width: 270px; border: 1px solid #d7d7d7; font-size: 15px; padding: 5px; } .catalog-category-view .custom-select:before, .catalog-product-view .custom-select:before, .catalogsearch-result-index .custom-select:before { left: auto; right: 12px; } .catalog-category-view .custom-select:after, .catalog-product-view .custom-select:after, .catalogsearch-result-index .custom-select:after { left: auto; right: 12px; } .custom-select { position: relative; display: inline-block; width: 100%; } .custom-select:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #333333; content: "\f078"; position: absolute; right: 1px; top: 1px; z-index: 2; border: 0; font-size: 16px; color: #009fdb; pointer-events: none; background: #fff; padding: 8.5px; } .custom-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 40px; height: 40px; width: 100%; background: #fff; margin: 0 5px 5px 0; } .custom-select select::-ms-expand { display: none; } .custom-select.input-box { width: auto; } @media only screen and (max-width: 770px) { .custom-select.input-box { width: 100%; } } /* -------------------------------------------- * * Textarea */ textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 450px; padding: 5px; } /* -------------------------------------------- * * Inputs */ .input-text { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border: 1px solid #d7d7d7; background: #FFFFFF; font-size: 13px; } .input-text:focus { border: 1px solid #009fdb; outline: 0; } .input-text.validation-failed { border-color: #DF280A; } .input-text.validation-failed:focus { outline-color: #ef9485; } input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] { height: 30px; padding: 0 8px; } input[type=file], input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] { width: 365px; max-width: 100%; } /* Only show on iPhones (not iPads or any other device) */ @media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) { input[type=file], input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text], select { font-size: 16px; /* Prevent from zooming on focus */ } } .ie8 .input-text { max-width: none; } /* -------------------------------------------- * * Inputs - Quantity */ input[type=number].qty, input[type=text].qty { width: 3em; text-align: center; vertical-align: middle; } /* -------------------------------------------- * * Placeholder */ ::-webkit-input-placeholder { color: #777777; } input:-moz-placeholder { color: #777777; } /* -------------------------------------------- * * Checkbox And Radio */ .checkbox, .radio { position: relative; display: inline-block; } .checkbox + label, .radio + label { width: auto; max-width: 85%; padding: 0 0 0 8px; font-size: 14px; font-weight: normal; vertical-align: top; } /* -------------------------------------------- * * Validation */ p.required, .validation-advice { margin: 5px 0 0; color: #DF280A; font-size: 13px; } /* ============================================ * * Form List * ============================================ */ .form-list > li { margin-bottom: 10px; } .form-list select { margin: 0; width: 365px; max-width: 100%; } .form-list .input-range .input-text { width: 74px; } .form-list .field, .form-list .wide, .form-list .control { margin-bottom: 15px; } input[type="checkbox"].checkbox, input[type="radio"].radio { -webkit-appearance: none; position: relative; cursor: pointer; } input[type="checkbox"].checkbox:after, input[type="radio"].radio:after { content: ''; position: absolute; left: 0; display: inline-block; vertical-align: middle; background-image: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/sprites-res1.png); background-repeat: no-repeat; text-indent: -9999px; cursor: pointer; } input[type="radio"].radio { width: 21px; height: 21px; } input[type="radio"].radio:after { width: 21px; height: 21px; background-position: -530px -425px; } input[type="radio"].radio:after:checked, input[type="radio"].radio:after .validation-passed { background-position: -530px -453px; } input[type="checkbox"].checkbox { width: 23px; height: 23px; } input[type="checkbox"].checkbox:after { width: 23px; height: 23px; background-position: -528px -271px; } input[type="checkbox"]:checked.checkbox:after { background-position: -528px -230px; } input[type="radio"]:checked.radio:after { background-position: -530px -453px; } .control label.label-checkbox:before, .control label.label-radio:before { content: ''; display: inline-block; margin: -1px 10px 0 0; vertical-align: middle; background-image: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/sprites-res1.png); background-repeat: no-repeat; text-indent: -9999px; cursor: pointer; } /* Turn the label of controls (radio/checkbox) into a button style that wraps the input */ .form-list .control, #checkout-shipping-method-load .sp-methods dd, #co-shipping-method-form .sp-methods dd, .product-options ul.options-list { /* When a label is next to an input that is set to not display, we should style the label in a non-clickable state */ } .form-list .control .input-box, #checkout-shipping-method-load .sp-methods dd .input-box, #co-shipping-method-form .sp-methods dd .input-box, .product-options ul.options-list .input-box { display: inline-block; float: left; } .form-list .control .input-box:after, #checkout-shipping-method-load .sp-methods dd .input-box:after, #co-shipping-method-form .sp-methods dd .input-box:after, .product-options ul.options-list .input-box:after { display: none; } .form-list .control label, #checkout-shipping-method-load .sp-methods dd label, #co-shipping-method-form .sp-methods dd label, .product-options ul.options-list label { color: #444444; padding: 5px 10px; display: inline-block; width: auto; max-width: none; min-width: 250px; float: none; padding: 6px 10px 6px 15px; } .form-list .control .no-display + label, #checkout-shipping-method-load .sp-methods dd .no-display + label, #co-shipping-method-form .sp-methods dd .no-display + label, .product-options ul.options-list .no-display + label { padding-left: 10px; background-color: transparent; } .form-list .control .no-display + label:hover, #checkout-shipping-method-load .sp-methods dd .no-display + label:hover, #co-shipping-method-form .sp-methods dd .no-display + label:hover, .product-options ul.options-list .no-display + label:hover { background-color: transparent; } .product-options ul.options-list label, .col2-set .form-list .control label { min-width: inherit; max-width: 100%; } .col2-set .form-list li#remember-me-box a.link-tip { float: right; /* height: 31px; */ padding-right: 30px; line-height: 33px; } @media only screen and (max-width: 1199px) { .col2-set .form-list li#remember-me-box a.link-tip { padding-right: 0; } } @media only screen and (max-width: 770px) { .col2-set .form-list li#remember-me-box a.link-tip { padding-right: 0; float: left; padding-left: 30px; } } @media only screen and (max-width: 599px) { .col2-set .form-list li#remember-me-box a.link-tip { float: right; padding-left: 0; } } .form-list .control.remember-me-box label { width: auto; max-width: none; min-width: inherit; } .form-list .control { margin-top: 10px; } .form-list .control label { float: none; } .form-list .control .input-box { clear: none; width: auto; padding: 4px 0 0; } form .form-instructions { font-style: italic; font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 13px; color: #777777; } form.webforms-store_ownership_form_nz { margin-bottom: 15px; } form.webforms-store_ownership_form_nz textarea { width: 365px; max-width: 100%; min-height: 84px; } form.webforms-store_ownership_form_nz label { font-weight: bold; font-size: 12px; } /* ============================================ * * Table Helpers * ============================================ */ .hide-th { text-indent: -9999px; } /* ============================================ * * Data Table * ============================================ */ .data-table { width: 100%; } .data-table .btn-remove { float: right; display: block; margin: 0 auto; width: 15px; height: 15px; font-size: 0; line-height: 0; background: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/btn_remove.gif") 0 0 no-repeat; text-indent: -999em; overflow: hidden; cursor: pointer; } .data-table td, .data-table th { padding: 10px; vertical-align: top; } .data-table th { background: #F4F4F4; text-transform: uppercase; font-family: "proxima_nova_softbold", Arial, sans-serif; line-height: 1.4; white-space: nowrap; } .data-table thead th, .data-table tbody td { border-bottom: 1px solid #C0C0C0; } .data-table tbody td, .data-table tfoot td { font-family: Verdana, "Helvetica Neue", Arial, sans-serif; } .data-table tfoot tr { background: #F4F4F4; } .data-table tbody td .item-options { margin-left: 20px; margin-top: 10px; } .data-table tbody td .item-options dt:after { content: ':'; } /* ============================================ * * Generic Info Table * ============================================ */ .info-box { padding: 12px 15px; margin: 0 0 15px; } .info-table th, .info-table td { vertical-align: top; } .info-table th { font-weight: bold; padding: 4px 20px 4px 0; } .info-table td { padding: 4px 0; } /* ============================================ * * Zebra-Stripe Table * ============================================ */ .zebra-table tr:first-child, .zebra-table th:first-child { border-top: 1px solid #C0C0C0; } .zebra-table td, .zebra-table th { border-bottom: 1px solid #C0C0C0; padding: 6px; background-color: transparent; } .zebra-table tr { background-color: #EEEDED; } .zebra-table tr:nth-child(odd) { background-color: #F8F7F5; } /* ============================================ * * Linearize Table * ============================================ */ @media only screen and (max-width: 479px) { .linearize-table { /* Helpers */ } .linearize-table tr, .linearize-table th, .linearize-table td { display: block; } .linearize-table thead th { border-right: 0; border-left: 0; } .linearize-table thead th.lin-hide { display: none; } .linearize-table thead th:nth-child(1n+2) { display: none; } .linearize-table tbody tr { position: relative; border-bottom: 1px solid #d7d7d7; } .linearize-table tbody td { padding: 0 10px 4px; border-right: 0; border-bottom: 0; } .linearize-table tbody td.lin-hide { display: none; } .linearize-table tbody td:first-child { padding-top: 10px; } .linearize-table tbody td:first-child, .linearize-table tbody td:first-child h3 { font-weight: bold; } .linearize-table tbody td[data-rwd-label] { text-align: left; padding-left: 30px; } .linearize-table tbody td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; font-family: "proxima_nova_softbold", Arial, sans-serif; padding-right: 5px; text-transform: uppercase; } .linearize-table tfoot tr { display: block; text-align: right; } .linearize-table tfoot tr:after { content: ''; display: table; clear: both; } .linearize-table tfoot td { display: block; float: left; } .linearize-table tfoot td.lin-hide { display: none; } .linearize-table tfoot td:nth-child(odd) { clear: left; width: 60%; } .linearize-table tfoot td:nth-child(even) { text-align: left; width: 40%; } .linearize-table .linearize-hide { display: none; } .linearize-table .linearize-unpad { padding: 0; } .linearize-table .linearize-show { display: block; } } @media only screen and (max-width: 599px) { .linearize-table-large { /* Helpers */ } .linearize-table-large tr, .linearize-table-large th, .linearize-table-large td { display: block; } .linearize-table-large thead th { border-right: 0; border-left: 0; } .linearize-table-large thead th.lin-hide { display: none; } .linearize-table-large thead th:nth-child(1n+2) { display: none; } .linearize-table-large tbody tr { position: relative; border-bottom: 1px solid #d7d7d7; } .linearize-table-large tbody td { padding: 0 10px 4px; border-right: 0; border-bottom: 0; } .linearize-table-large tbody td.lin-hide { display: none; } .linearize-table-large tbody td:first-child { padding-top: 10px; } .linearize-table-large tbody td:first-child, .linearize-table-large tbody td:first-child h3 { font-weight: bold; } .linearize-table-large tbody td[data-rwd-label] { text-align: left; padding-left: 30px; } .linearize-table-large tbody td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; font-family: "proxima_nova_softbold", Arial, sans-serif; padding-right: 5px; text-transform: uppercase; } .linearize-table-large tfoot tr { display: block; text-align: right; } .linearize-table-large tfoot tr:after { content: ''; display: table; clear: both; } .linearize-table-large tfoot td { display: block; float: left; } .linearize-table-large tfoot td.lin-hide { display: none; } .linearize-table-large tfoot td:nth-child(odd) { clear: left; width: 60%; } .linearize-table-large tfoot td:nth-child(even) { text-align: left; width: 40%; } .linearize-table-large .linearize-hide { display: none; } .linearize-table-large .linearize-unpad { padding: 0; } .linearize-table-large .linearize-show { display: block; } } @media only screen and (min-width: 600px) { .linearize-table .linearize-collapse { display: none; } } /* ============================================ * * Global * ============================================ */ html, body { height: 100%; } body { background-image: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/TW_BG_new.jpg); background-color: #fff; background-origin: padding-box; background-clip: border-box; background-size: cover; background-position: 50% 0%; background-repeat: no-repeat no-repeat; } .wrapper { min-width: 320px; min-height: 100%; margin: 0 auto; } .page { max-width: 1240px; margin: 0 auto; padding: 0 15px; } @media only screen and (max-width: 770px) { .page { padding: 0; } } .inner-page { max-width: 1210px; margin: 0 auto; padding: 0 15px; background: #ffffff; } .main, .breadcrumbs { background-color: #fff; padding: 0; } .col1-layout .col-main { width: 100%; float: left; margin-left: 0; margin-right: 0; } .col2-left-layout .col-main { width: 74.6803069054%; float: right; margin-right: 0; } .col2-left-layout .col-left { width: 24.0409207161%; float: left; margin-right: 1.2787723785%; clear: left; } .col2-right-layout .col-main { width: 74.6803069054%; float: left; margin-right: 1.2787723785%; } .col2-right-layout .col-right { width: 24.0409207161%; float: right; margin-right: 0; } @media only screen and (max-width: 979px) { .col2-right-layout .col-main { width: 70.4603580563%; float: left; margin-right: 1.2787723785%; } .col2-right-layout .col-right { width: 28.2608695652%; float: right; margin-right: 0; } } .col3-layout .col-wrapper { width: 91.5601023018%; float: left; margin-right: 1.2787723785%; } .col3-layout .col-wrapper .col-left { width: 18.7692307692%; float: left; margin-right: 1.5384615385%; clear: left; } .col3-layout .col-wrapper .col-main { width: 79.6923076923%; float: right; margin-right: 0; } .col3-layout .col-right { width: 7.1611253197%; float: right; margin-right: 0; } .mobile_img { width: 100%; height: auto; max-width: 100%; } @media only screen and (max-width: 770px) { .main .col-main, .main .col-left { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } } .block_of_2 { max-width: 100%; margin-left: auto; margin-right: auto; } .block_of_2:after { content: " "; display: block; clear: both; } .block_of_2 div, .block_of_2 li { width: 49.3606138107%; float: left; margin-right: 1.2787723785%; } .block_of_2 div:nth-child(2n+2), .block_of_2 li:nth-child(2n+2) { float: right; margin-right: 0; } @media only screen and (max-width: 680px) { .block_of_2 div, .block_of_2 li { width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 10px; } } .block_of_3 { max-width: 100%; margin-left: auto; margin-right: auto; } .block_of_3:after { content: " "; display: block; clear: both; } .block_of_3 div, .block_of_3 li { width: 32.4808184143%; float: left; margin-right: 1.2787723785%; } .block_of_3 div:nth-child(3n+3), .block_of_3 li:nth-child(3n+3) { float: right; margin-right: 0; } @media only screen and (max-width: 680px) { .block_of_3 div, .block_of_3 li { width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 10px; } } .block_of_4 { max-width: 100%; margin-left: auto; margin-right: auto; } .block_of_4:after { content: " "; display: block; clear: both; } .block_of_4 div, .block_of_4 li { width: 24.0409207161%; float: left; margin-right: 1.2787723785%; } .block_of_4 div:nth-child(4n+4), .block_of_4 li:nth-child(4n+4) { float: right; margin-right: 0; } @media only screen and (max-width: 680px) { .block_of_4 div, .block_of_4 li { width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 10px; } } .m_block_of_2 { max-width: 100%; margin-left: auto; margin-right: auto; } .m_block_of_2:after { content: " "; display: block; clear: both; } @media only screen and (max-width: 680px) { .m_block_of_2 div, .m_block_of_2 li { width: 49.3606138107%; float: left; margin-right: 1.2787723785%; } .m_block_of_2 div:nth-child(2n+2), .m_block_of_2 li:nth-child(2n+2) { float: right; margin-right: 0; } } .m_block_of_3 { max-width: 100%; margin-left: auto; margin-right: auto; } .m_block_of_3:after { content: " "; display: block; clear: both; } @media only screen and (max-width: 680px) { .m_block_of_3 div, .m_block_of_3 li { width: 32.4808184143%; float: left; margin-right: 1.2787723785%; } .m_block_of_3 div:nth-child(3n+3), .m_block_of_3 li:nth-child(3n+3) { float: right; margin-right: 0; } } .m_block_of_4 { max-width: 100%; margin-left: auto; margin-right: auto; } .m_block_of_4:after { content: " "; display: block; clear: both; } @media only screen and (max-width: 680px) { .m_block_of_4 div, .m_block_of_4 li { width: 24.0409207161%; float: left; margin-right: 1.2787723785%; } .m_block_of_4 div:nth-child(4n+4), .m_block_of_4 li:nth-child(4n+4) { float: right; margin-right: 0; } } .main { max-width: 100%; margin-left: auto; margin-right: auto; position: relative; } .main:after { content: " "; display: block; clear: both; } /* ============================================ * * Header * ============================================ */ .header-container { width: 100%; } .header-container .header, .header-container .utility-menu { max-width: 1240px; width: 100%; margin: 0 auto; position: relative; } .header-container .header { padding: 25px 15px 0; } .header-container .header .branding { width: 100%; float: left; max-width: 270px; padding-left: 10px; } .header-container .header .branding h1.logo, .header-container .header .branding a.logo { margin-bottom: 0; padding: 0; } .header-container .header .branding h1.logo strong, .header-container .header .branding a.logo strong { display: none; } .header-container .header .branding h1.logo img, .header-container .header .branding a.logo img { width: 100%; height: auto; } .header-container .header .quick-access { max-width: 330px; width: 100%; padding-right: 15px; margin-top: 17px; text-align: right; float: right; } .header-container .header .welcome-msg { text-align: right; margin-right: 20px; margin-bottom: -12px; } .header-container .header:after { content: ''; display: table; clear: both; } .header-container .header form#search_mini_form { width: 24.0409207161%; float: left; } @media only screen and (max-width: 970px) { .header-container .header { display: inline-block; width: 100%; } .header-container .header .quick-access { margin-top: 5px; max-width: 184px; } .header-container .header .welcome-msg { right: 27px; top: 8px; position: absolute; } } @media only screen and (max-width: 940px) { .header-container .header { padding: 35px 30px 60px; } .header-container .header .quick-access { margin-top: 0; padding-right: 0; } .header-container .header .branding { max-width: 230px; padding-left: 0; } .header-container .header .welcome-msg { right: 15px; } } @media only screen and (max-width: 599px) { .header-container .header { padding: 15px 15px 51px; } .header-container .header .branding { max-width: 145px; } .header-container .header .welcome-msg { right: 65px; top: 16px; position: absolute; margin-right: 0; display: flex; justify-content: center; flex-direction: column; text-align: center; min-height: 40px; width: 100px; } } .header-container .header-utility-menu { max-width: 100%; margin-left: auto; margin-right: auto; background-color: #ffffff; padding: 3px 0; } .header-container .header-utility-menu:after { content: " "; display: block; clear: both; } .header-container .header-utility-menu .um-items { text-transform: uppercase; color: #009fdb; font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 16px; text-align: center; float: right; margin-right: 30px; } .header-container .header-utility-menu .um-items.um-items-4 { width: 60%; } .header-container .header-utility-menu .um-items.um-items-3 { width: 50%; } .header-container .header-utility-menu .um-items > div { height: 30px; line-height: 30px; position: relative; } .header-container .header-utility-menu .um-items > div > p, .header-container .header-utility-menu .um-items > div > a { display: inline-block; } .header-container .header-utility-menu .um-items > div a { text-decoration: none; color: #009fdb; } .header-container .header-utility-menu .um-items > div a:hover, .header-container .header-utility-menu .um-items > div a:focus, .header-container .header-utility-menu .um-items > div a:active { color: #009fdb; } .header-container .header-utility-menu .um-items > div:last-child:after { display: none; } .header-container .header-utility-menu .um-items > div:after { content: ''; border-right: 1px solid #009fdb; height: 20px; width: 1px; display: inline-block; position: absolute; top: 5px; right: -30px; } @media only screen and (max-width: 1199px) { .header-container .header-utility-menu .um-items > div:after { display: none; } } .header-container .header-utility-menu .um-items i { display: inline-block; float: left; margin-right: 7px; line-height: 30px; } .header-container .header-utility-menu .um-items i:before { content: ''; display: block; width: 30px; height: 30px; background-image: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/um-sprite.png"); background-repeat: no-repeat; } .header-container .header-utility-menu .um-items i.um-locator:before { background-position: -74px -7px; } .header-container .header-utility-menu .um-items i.um-delivery:before { background-position: -8px -63px; } .header-container .header-utility-menu .um-items i.um-stores:before { background-position: -8px -97px; } .header-container .header-utility-menu .um-items i.um-contact:before { background-position: -8px -34px; } @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .header-container .header-utility-menu .um-items i:before { background-image: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/um-sprite@2x.png"); background-size: 150px 150px; } } @media only screen and (max-width: 1199px) { .header-container .header-utility-menu .um-items, .header-container .header-utility-menu .um-items.um-items-4, .header-container .header-utility-menu .um-items.um-items-3 { width: 100%; float: left; margin-right: 0; padding: 0 15px; } } @media only screen and (min-width: 750px) { .header-container .header-utility-menu .um-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 749px) { .header-container .header-utility-menu .um-items > div, .header-container .header-utility-menu .um-items.um-items-3 > div, .header-container .header-utility-menu .um-items.um-items-4 > div { margin: 0; display: none; } .header-container .header-utility-menu .um-items > div#locationSearcher, .header-container .header-utility-menu .um-items.um-items-3 > div#locationSearcher, .header-container .header-utility-menu .um-items.um-items-4 > div#locationSearcher { display: block; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } .header-container .header-utility-menu .um-items > div a, .header-container .header-utility-menu .um-items.um-items-3 > div a, .header-container .header-utility-menu .um-items.um-items-4 > div a { font-size: 13px; } .header-container .header-utility-menu .um-items > div:nth-child(2n+2), .header-container .header-utility-menu .um-items.um-items-3 > div:nth-child(2n+2), .header-container .header-utility-menu .um-items.um-items-4 > div:nth-child(2n+2) { border-width: 0 0 1px 0; } .header-container .header-utility-menu .um-items > div:first-child, .header-container .header-utility-menu .um-items.um-items-3 > div:first-child, .header-container .header-utility-menu .um-items.um-items-4 > div:first-child { border-top: none; } } @media only screen and (max-width: 940px) { .header-container { padding-bottom: 20px; position: relative; display: inline-block; } } @media only screen and (max-width: 599px) { .header-container { padding-bottom: 0; } } .sub-header-container { max-width: 1240px; padding: 0 15px; margin: 0 auto; } @media only screen and (max-width: 770px) { .sub-header-container { padding: 0; } } .header-menu-banner { max-width: 1210px; background: #fff; margin: 0 auto; padding: 0 15px; } .header-menu-banner:after { content: ''; display: table; clear: both; } .header-menu-banner .col4 { width: 24.0409207161%; float: left; margin-right: 1.2787723785%; padding: 0; } .header-menu-banner .col4:last-child { margin-right: 0; } .header-menu-banner .col4 img { width: 100%; height: 100%; } @media only screen and (max-width: 770px) { .header-menu-banner .col4 { width: 32.4808184143%; float: left; margin-right: 1.2787723785%; } .header-menu-banner .col4:last-child { display: none; } .header-menu-banner .col4:nth-child(3) { margin-right: 0; } } @media only screen and (max-width: 749px) { .header-menu-banner .col4 { width: 49.3606138107%; float: left; margin-right: 1.2787723785%; } .header-menu-banner .col4:nth-child(n+3) { display: none; } .header-menu-banner .col4:nth-child(2) { margin-right: 0; } } @media only screen and (max-width: 479px) { .header-menu-banner .col4 { width: 100%; float: left; margin-left: 0; margin-right: 0; } .header-menu-banner .col4 img { max-width: 260px; margin: 0 auto; } .header-menu-banner .col4:nth-child(n+2) { display: none; } } /* ============================================ * * Nav - Skip Link * ============================================ */ .ms-megamenu { max-width: 1240px; width: 100%; margin: 0 auto; padding: 0 15px; } .ms-megamenu .age img { display: inline; vertical-align: middle; max-width: 120px; width: 100%; } .ms-megamenu .ms-topmenu { float: none; background: #921d80; border-top-left-radius: 10px; border-top-right-radius: 10px; } .ms-megamenu .ms-topmenu:after { content: ''; display: table; clear: both; } .ms-megamenu .ms-topmenu a.ms-label { font-family: "proxima_nova_softbold", Arial, sans-serif; text-shadow: 1px 1px 1px #000; text-transform: uppercase; padding: 0 15px; font-size: 17px; line-height: 50px; position: relative; } .ms-megamenu .ms-topmenu a.ms-label:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #333333; content: "\f005"; color: #FEFA00; right: -23px; position: absolute; top: 16px; } .ms-megamenu .ms-topmenu .form-group a span { display: inline-block; } .ms-megamenu .ms-topmenu .ms-level0:nth-child(1) .ms-submenu a.level1 { margin-top: 15px; } .ms-megamenu .ms-topmenu .ms-level0:nth-child(2) .ms-submenu, .ms-megamenu .ms-topmenu .ms-level0:nth-child(5) .ms-submenu, .ms-megamenu .ms-topmenu .ms-level0:nth-child(4) .ms-submenu { padding: 0 0 15px; } .ms-megamenu .ms-topmenu .ms-level0:nth-child(2) .ms-submenu .ms-content, .ms-megamenu .ms-topmenu .ms-level0:nth-child(2) .ms-submenu .ms-footer, .ms-megamenu .ms-topmenu .ms-level0:nth-child(5) .ms-submenu .ms-content, .ms-megamenu .ms-topmenu .ms-level0:nth-child(5) .ms-submenu .ms-footer, .ms-megamenu .ms-topmenu .ms-level0:nth-child(4) .ms-submenu .ms-content, .ms-megamenu .ms-topmenu .ms-level0:nth-child(4) .ms-submenu .ms-footer { padding: 0 15px; } .ms-megamenu .ms-topmenu .ms-level0:nth-child(2) .ms-submenu .ms-header, .ms-megamenu .ms-topmenu .ms-level0:nth-child(5) .ms-submenu .ms-header, .ms-megamenu .ms-topmenu .ms-level0:nth-child(4) .ms-submenu .ms-header { padding: 15px; background-color: #fff; border-bottom: none; } .ms-megamenu .ms-topmenu .ms-level0:nth-child(2) .ms-submenu img { max-width: 100%; border-radius: 50%; width: 100%; padding: 10px; } .ms-megamenu .ms-topmenu .ms-level0:nth-child(2) .ms-submenu .form-group a { color: #921d80; } .ms-megamenu .ms-topmenu .ms-level0:nth-child(3) .ms-submenu { background-color: #fff; } .ms-megamenu .ms-topmenu .ms-level0:nth-child(3) .col-level { padding-top: 10px; } .ms-megamenu .ms-topmenu .ms-level0:nth-child(3) .col-level:after { content: ''; display: table; clear: both; } .ms-megamenu .ms-topmenu .ms-level0:nth-child(3) .col-level .col-xs-12.form-group { width: 11.7647058824%; float: left; margin-right: 2.9411764706%; text-align: center; border: none; text-indent: 0; list-style: none; background: transparent; } .ms-megamenu .ms-topmenu .ms-level0:nth-child(3) .col-level .col-xs-12.form-group:last-child { margin-right: 0; } .ms-megamenu .ms-topmenu .ms-level0:nth-child(3) .col-level .col-xs-12.form-group a { color: "proxima_nova_softbold", Arial, sans-serif; font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 15px; } .ms-megamenu .ms-topmenu .ms-level0:nth-child(3) .col-level .col-xs-12.form-group a small { display: none; } @media only screen and (max-width: 940px) { .ms-megamenu .ms-topmenu .ms-level0 .specials .mb-submain .level1 { padding: 10px 15px; color: #921d80; font-size: 14px; font-weight: bold; } .ms-megamenu .ms-topmenu .ms-level0 .specials .mb-submain .level2 { border-top: 1px solid #dddddd; font-weight: 300; position: relative; font-size: 13px; padding: 10px 25px; } .ms-megamenu .ms-topmenu .ms-level0 .specials .mb-submain .level2:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f054"; color: #636363; position: absolute; right: 21px; top: 14px; } } .ms-megamenu .ms-topmenu .ms-level0 .character a.level1 { font-size: 14px; letter-spacing: 0.5px; color: #636363; text-transform: none; margin-top: 0; } .ms-megamenu .ms-topmenu .ms-level0 .character a.level1:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #333333; content: "\f054"; color: #333333; margin-right: 5px; font-size: 11px; } .ms-megamenu .ms-topmenu .ms-level0 .character a.level1:hover { color: #921d80; } .ms-megamenu .ms-topmenu .ms-level0:nth-child(3) .ms-submenu a.level1, .ms-megamenu .ms-topmenu .ms-level0:nth-child(4) .ms-submenu a.level1 { font-size: 14px; letter-spacing: 0.5px; color: #636363; text-transform: none; margin-top: 0; } .ms-megamenu .ms-topmenu .ms-level0:nth-child(3) .ms-submenu a.level1:before, .ms-megamenu .ms-topmenu .ms-level0:nth-child(4) .ms-submenu a.level1:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #333333; content: "\f054"; color: #333333; margin-right: 5px; font-size: 11px; } .ms-megamenu .ms-topmenu .ms-level0:nth-child(3) .ms-submenu a.level1:hover, .ms-megamenu .ms-topmenu .ms-level0:nth-child(4) .ms-submenu a.level1:hover { color: #921d80; } .ms-megamenu .ms-topmenu .ms-level0:nth-child(3) .ms-submenu .ms-footer a.brand-link, .ms-megamenu .ms-topmenu .ms-level0:nth-child(4) .ms-submenu .ms-footer a.brand-link { background: #fff; display: inline-block; font-size: 14px; text-transform: uppercase; text-align: center; max-width: 259px; width: 100%; line-height: 50px; font-family: "proxima_nova_softbold", Arial, sans-serif; color: #921d80; } .ms-megamenu .ms-topmenu .ms-level0 ul.ms-store-links a { font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 15px; text-transform: uppercase; } @media only screen and (max-width: 480px) { .ms-megamenu .ms-topmenu .ms-level0 ul.ms-store-links a { font-size: 13px; } } .ms-megamenu .ms-topmenu .ms-submenu { max-width: 100%; margin-left: auto; margin-right: auto; border-right: 2px solid #921d80; border-left: 2px solid #921d80; border-bottom: 2px solid #921d80; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-top: 0; } .ms-megamenu .ms-topmenu .ms-submenu a.form-group { font-family: "proxima_nova_softbold", Arial, sans-serif; } .ms-megamenu .ms-topmenu .ms-submenu a.form-group:hover { color: #921d80; } .ms-megamenu .ms-topmenu .ms-submenu a.level1 { color: #921d80; font-size: 14px; text-transform: uppercase; margin-top: 15px; } .ms-megamenu .ms-topmenu .ms-submenu a.level2 { font-size: 14px; letter-spacing: 0.5px; margin: 1px 0; } .ms-megamenu .ms-topmenu .ms-submenu a.level2:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #333333; content: "\f054"; color: #333333; margin-right: 5px; font-size: 11px; } .ms-megamenu .ms-topmenu .ms-submenu .ms-featured img { width: 100%; border: 2px solid #fff; } .ms-megamenu .ms-topmenu .ms-submenu .ms-header ul.ms-header-list { width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; } .ms-megamenu .ms-topmenu .ms-submenu .ms-header ul.ms-header-list:after { content: " "; display: block; clear: both; } .ms-megamenu .ms-topmenu .ms-submenu .ms-header ul.ms-brands li { width: 15.6010230179%; float: left; text-align: center; } .ms-megamenu .ms-topmenu .ms-submenu .ms-header ul.ms-brands li:nth-child(6n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .ms-megamenu .ms-topmenu .ms-submenu .ms-header ul.ms-brands li:nth-child(6n + 2) { margin-left: 16.8797953964%; margin-right: -100%; clear: none; } .ms-megamenu .ms-topmenu .ms-submenu .ms-header ul.ms-brands li:nth-child(6n + 3) { margin-left: 33.7595907928%; margin-right: -100%; clear: none; } .ms-megamenu .ms-topmenu .ms-submenu .ms-header ul.ms-brands li:nth-child(6n + 4) { margin-left: 50.6393861893%; margin-right: -100%; clear: none; } .ms-megamenu .ms-topmenu .ms-submenu .ms-header ul.ms-brands li:nth-child(6n + 5) { margin-left: 67.5191815857%; margin-right: -100%; clear: none; } .ms-megamenu .ms-topmenu .ms-submenu .ms-header ul.ms-brands li:nth-child(6n + 6) { margin-left: 84.3989769821%; margin-right: -100%; clear: none; } .ms-megamenu .ms-topmenu .ms-submenu .ms-header ul.ms-brands li img { width: auto; max-height: 50px; } .ms-megamenu .ms-topmenu .ms-submenu .ms-header ul.ms-store-links li { width: 24.0409207161%; float: left; margin-right: 1.2787723785%; } .ms-megamenu .ms-topmenu .ms-submenu .ms-header ul.ms-store-links li a img { max-width: 60px; border-radius: 0; width: auto; padding: 0; margin-right: 8px; } .ms-megamenu .ms-topmenu .ms-submenu .ms-header ul.ms-store-links li:nth-child(4n+4) { float: right; margin-right: 0; } .ms-megamenu .ms-topmenu .ms-submenu .ms-footer a.full-cat-link { background-color: #fff; font-size: 14px; display: inline-block; text-transform: uppercase; text-align: center; max-width: 259px; width: 100%; line-height: 50px; font-family: "proxima_nova_softbold", Arial, sans-serif; color: #921d80; } @media only screen and (min-width: 940px) { .ms-megamenu .ms-topmenu .ms-submenu.category .ms-header ul { display: table; width: 100%; } .ms-megamenu .ms-topmenu .ms-submenu.category .ms-header ul li { display: table-cell; float: none; text-align: left; width: 25.4%; } .ms-megamenu .ms-topmenu .ms-submenu.category .ms-header ul li:last-child { float: none; } } .ms-megamenu .ms-topmenu .ms-level0 { margin: 0 1.2%; } .ms-megamenu .ms-topmenu .ms-level0:hover > a.ms-label, .ms-megamenu .ms-topmenu .ms-level0.active > a.ms-label { background: transparent; position: relative; text-decoration: none; } .ms-megamenu .ms-topmenu .ms-level0:hover > a.ms-label:after, .ms-megamenu .ms-topmenu .ms-level0.active > a.ms-label:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #fff; border-top: none; bottom: 0; left: 50%; margin-left: -10px; } .ms-megamenu .ms-topmenu .ms-level0:last-child .ms-label:before { content: ''; display: none; } @media only screen and (max-width: 940px) { .ms-megamenu .ms-topmenu { background: transparent; margin-top: 0; } .ms-megamenu .ms-topmenu li.anchor_mbmenu { position: absolute; bottom: 18px; left: 30px; width: 115px; height: 40px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; background-color: #8d1c7c; background: -moz-linear-gradient(top, #b461a8 0%, #921d80 5%); background: -webkit-gradient(linear, left top, left bottom, left, right); background: -webkit-linear-gradient(top, #b461a8, #921d80); background: -ms-linear-gradient(top, #b461a8, #921d80); background: -o-linear-gradient(top, #b461a8, #921d80); -webkit-transition: compact(compact(all, 0.1s, false, false, false, false, false, false, false, false) false false); -moz-transition: compact(compact(all, 0.1s, false, false, false, false, false, false, false, false) false false false); -o-transition: compact(compact(all, 0.1s, false, false, false, false, false, false, false, false) false false false); transition: compact(all, 0.1s, false, false, false, false, false, false, false, false); text-align: center; } .ms-megamenu .ms-topmenu li.anchor_mbmenu .anchor_mbmenu_text { line-height: 40px; font-size: 17px; text-transform: uppercase; font-family: "proxima_nova_softbold", Arial, sans-serif; } .ms-megamenu .ms-topmenu li.anchor_mbmenu .fa-bars:before { content: "\f0c9"; } .ms-megamenu .ms-topmenu.active { position: absolute; top: calc(100% - 25px); } .ms-megamenu .ms-topmenu.active li.anchor_mbmenu { top: -58px; bottom: auto; } .ms-megamenu .ms-topmenu span.mb-label.glyphicon { background: #921d80; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 25px; height: 25px; text-align: center; color: #fff; font-weight: bold; font-size: 24px; padding: 0px 3px; margin-top: 12px; margin-right: 12px; } .ms-megamenu .ms-topmenu li.ms-level0 { margin: 0; } .ms-megamenu .ms-topmenu li.ms-level0.nav-1 { border-top: 2px solid #921d80; } .ms-megamenu .ms-topmenu li.ms-level0:hover > a.ms-label, .ms-megamenu .ms-topmenu li.ms-level0.active > a.ms-label { background: #EBEDED; } .ms-megamenu .ms-topmenu li.ms-level0:hover > a.ms-label:after, .ms-megamenu .ms-topmenu li.ms-level0.active > a.ms-label:after { content: ''; display: none; } .ms-megamenu .ms-topmenu li.ms-level0.mbactive span.mb-label.glyphicon { padding: 0px 3px; } .ms-megamenu .ms-topmenu li.ms-level0:nth-child(2) ul.ms-store-links li { width: 49.3606138107%; float: left; padding: 10px; } .ms-megamenu .ms-topmenu li.ms-level0:nth-child(2) ul.ms-store-links li:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .ms-megamenu .ms-topmenu li.ms-level0:nth-child(2) ul.ms-store-links li:nth-child(2n + 2) { margin-left: 50.6393861893%; margin-right: -100%; clear: none; } .ms-megamenu .ms-topmenu li.ms-level0:nth-child(7) .ms-category .col-content { padding: 0; } .ms-megamenu .ms-topmenu li.ms-level0:nth-child(7) .ms-category .col-content a.form-group { padding: 10px 35px; font-weight: 300; position: relative; font-size: 13px; border-bottom: 1px solid #ddd; } .ms-megamenu .ms-topmenu li.ms-level0:nth-child(7) .ms-category .col-content a.form-group:last-child { border-bottom: 0; } .ms-megamenu .ms-topmenu li.ms-level0:nth-child(7) .ms-category .col-content a.form-group:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #333333; content: "\f054"; color: #636363; position: absolute; right: 21px; top: 14px; } .ms-megamenu .ms-topmenu li.ms-level0 .ms-brands li { width: 32.4808184143%; float: left; text-align: center; padding: 10px; } .ms-megamenu .ms-topmenu li.ms-level0 .ms-brands li:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .ms-megamenu .ms-topmenu li.ms-level0 .ms-brands li:nth-child(3n + 2) { margin-left: 33.7595907928%; margin-right: -100%; clear: none; } .ms-megamenu .ms-topmenu li.ms-level0 .ms-brands li:nth-child(3n + 3) { margin-left: 67.5191815857%; margin-right: -100%; clear: none; } .ms-megamenu .ms-topmenu li.ms-level0 .ms-brands li img { max-height: 30px; } .ms-megamenu .ms-topmenu a.ms-label { opacity: 1; color: #921d80; text-shadow: none; } .ms-megamenu .ms-topmenu .mb-maincontent, .ms-megamenu .ms-topmenu .mb-featured { width: 100% !important; } .ms-megamenu .ms-topmenu .mb-featured { text-align: center; max-height: 280px; overflow: hidden; } .ms-megamenu .ms-topmenu .mb-featured img { width: 100%; } .ms-megamenu .ms-topmenu .mb-footer a.brand-link { background: #fff; display: inline-block; font-size: 14px; text-transform: uppercase; text-align: center; max-width: 100%; width: 100%; line-height: 50px; font-family: "proxima_nova_softbold", Arial, sans-serif; color: #921d80; } } @media only screen and (max-width: 599px) { .ms-megamenu .ms-topmenu li.anchor_mbmenu { width: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; bottom: 78px; left: 15px; } .ms-megamenu .ms-topmenu li.anchor_mbmenu .anchor_mbmenu_text { line-height: 45px; } .ms-megamenu .ms-topmenu li.anchor_mbmenu .anchor_mbmenu_text span { display: none; } .ms-megamenu .ms-topmenu li.anchor_mbmenu .anchor_mbmenu_text i { font-size: 22px; } .ms-megamenu .ms-topmenu.active li.anchor_mbmenu { top: -98px; } .ms-megamenu .ms-topmenu.active li.anchor_mbmenu .fa-bars:before { content: "\f00d"; } } @media only screen and (max-width: 940px) { .ms-megamenu { padding: 0; display: inline-block; width: auto; } .ms-megamenu .mb-content .col-category { padding-top: 0; } .ms-megamenu .mb-submain { padding: 0; } .ms-megamenu .form-group { margin-bottom: 0; } .ms-megamenu .col-xs-12 { padding: 0; } .ms-megamenu .ms-category-level .col-level { padding: 0 35px; border-bottom: 1px solid #999; } .ms-megamenu .ms-category-level .col-level p { line-height: 40px; } .ms-megamenu .ms-category-level .col-level p .small { float: right; top: 4px; font-size: 18px; background: #cdcdcd; width: 22px; height: 22px; text-align: center; border-radius: 50%; margin-top: 6px; padding: 1px 4px; } .ms-megamenu .ms-category-level .col-level p a { color: #921d80; font-size: 14px; font-weight: bold; } .ms-megamenu .ms-category-level .col-level .col-sub { padding: 0; } .ms-megamenu .ms-category-level .col-level .col-sub .row { margin: 0 -15px; } .ms-megamenu .ms-category-level .col-level .col-sub a.form-group { padding: 10px 15px; font-weight: 300; position: relative; font-size: 13px; } .ms-megamenu .ms-category-level .col-level .col-sub a.form-group:first-child { border-top: 1px solid #ddd; } .ms-megamenu .ms-category-level .col-level .col-sub a.form-group:last-child { border-bottom: 0; } .ms-megamenu .ms-category-level .col-level .col-sub a.form-group:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #333333; content: "\f054"; color: #636363; position: absolute; right: 21px; top: 14px; } .ms-megamenu .ms-category-level .col-category a.form-group { padding: 10px 0; border-bottom: 0; } } /* ============================================ * * Search - Skip Link * ============================================ */ .header-container .header form#search_mini_form { margin-left: 15%; margin-top: 15px; } @media only screen and (max-width: 1100px) { .header-container .header form#search_mini_form { margin-left: 11%; } } @media only screen and (max-width: 940px) { .header-container .header form#search_mini_form { width: calc(100% - 220px); z-index: 200; position: absolute; bottom: 0; right: 30px; margin-left: 0; margin-top: 0; } } @media only screen and (max-width: 599px) { .header-container .header form#search_mini_form { width: calc(100% - 55px); position: relative; float: right; margin: 20px 0; right: 0; } } .header-container .form-search .search-autocomplete { z-index: 999; position: relative !important; top: 19px !important; left: 0 !important; height: 0 !important; overflow: visible !important; } .header-container .form-search .search-autocomplete ul { border-top: 0; padding-left: 0; width: 253px; background-color: #fff; position: absolute; top: -15px; left: 15px; border: 1px solid #FEFA00; } .header-container .form-search .search-autocomplete ul li { padding: 0 10px; border-bottom: 1px dashed #d7d7d7; font-size: 12px; line-height: 20px; cursor: pointer; width: 100%; } .header-container .form-search .search-autocomplete ul li .amount { float: right; font-weight: bold; } .header-container .form-search .search-autocomplete ul li:last-child { border-bottom: none; } .form-search { position: relative; line-height: 0; } .form-search input { border: 2px solid #F2F3D9; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; height: 40px; line-height: 40px; font-size: 13px; width: 100%; max-width: 100%; padding-left: 20px; padding-right: 45px; } .form-search input:focus { border: 2px solid #F2F3D9; outline: none; } .form-search .button { position: absolute; background: #921d80; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 40px; width: 40px; color: #fff; top: 0; right: 0; font-size: 17px; text-align: center; padding: 0; } .form-search .button span { font-size: 0; } .form-search .button:before { content: '\f002'; font-family: FontAwesome; line-height: 40px; } .form-search .button:hover { background: #67155b; } /* ============================================ * * Header - Account * ============================================ */ .links { float: left; line-height: 18px; white-space: nowrap; padding: 10px 0 0 0; } .links li { float: left; border-right: 1px solid #000; padding: 6px 14px; } .links li:last-child { border-right: 0; } .links li a { float: left; line-height: 0.1; margin: 0; color: #000; text-decoration: none; font-size: 12px; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; } @media only screen and (max-width: 970px) { .links { float: left; width: 100%; padding: 0; margin-bottom: 10px; } } @media only screen and (max-width: 940px) { .links { margin-bottom: 10px; } .links li { float: none; display: inline-block; } .links li.last { padding-right: 6px; } } @media only screen and (max-width: 599px) { .links { position: absolute; top: 55px; right: 15px; max-width: 145px; border: 2px solid #921d80; z-index: 10001; display: none; transition: all 0.1s ease; } .links.skip-active { display: block; } .links li { float: none; border: 0; padding: 0; width: 100%; text-align: center; background: #f1f1f1; display: block; } .links li:first-child { border-bottom: 1px solid #921d80; } .links li a { float: none; line-height: 36px; font-size: 14px; color: #921d80; text-transform: uppercase; font-family: "proxima_nova_softbold", Arial, sans-serif; } } .anchor_link_account { display: none; float: right; width: 42px; height: 42px; border: 2px solid #921d80; text-align: center; line-height: 36px; font-size: 20px; color: #921d80; border-radius: 50%; transition: all 0.1s ease; } @media only screen and (max-width: 599px) { .anchor_link_account { display: block; position: absolute; right: 15px; top: 15px; } } .anchor_link_account.skip-active, .anchor_link_account:active, .anchor_link_account.active { border-bottom-right-radius: 0; border-bottom-left-radius: 0; color: #921d80; } .anchor_link_account:hover, .anchor_link_account:focus { color: #921d80; } /* ============================================ * * Header - Cart * ============================================ */ .top-cart { float: right; } .top-cart .block-title { background-color: #8d1c7c; white-space: nowrap; cursor: pointer; height: 33px; width: 146px; padding: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; background: -moz-linear-gradient(top, #b461a8 0%, #921d80 5%); background: -webkit-gradient(linear, left top, left bottom, left, right); background: -webkit-linear-gradient(top, #b461a8, #921d80); background: -ms-linear-gradient(top, #b461a8, #921d80); background: -o-linear-gradient(top, #b461a8, #921d80); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); behavior: url(http://staging.toyworld.co.nz/skin/frontend/enterprise/toyworld/PIE/PIE.php); position: relative; } .top-cart .block-title a:hover { text-decoration: none; } .top-cart .block-title strong { text-decoration: none; font-family: 'proxima_nova_softbold'; font-size: 16px; text-transform: uppercase; line-height: 32px; color: #fff; font-weight: normal; background: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/sprites-res1.png) no-repeat 10px -2px; background-size: 240px; width: 100%; display: block; } .top-cart .block-title strong:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #333333; content: "\f078"; color: #fff; margin: 0 8px; background: #7d196d; border-radius: 50%; text-align: center; padding: 2px 3px; } .top-cart .block-content { position: absolute; z-index: 998; right: 15px; top: 67px; padding-top: 35px; width: 320px; border: none; } .top-cart .block-content .inner-wrapper { background-color: #f2f2f2; position: relative; padding: 20px 10px 10px 10px; } .top-cart .block-content .block-subtitle { display: none; } @media only screen and (max-width: 970px) { .top-cart { float: left; width: 100%; } } @media only screen and (max-width: 940px) { .top-cart .block-title { float: right; margin-right: 1px; margin-bottom: 0; } } @media only screen and (max-width: 599px) { .top-cart .block-title { height: 40px; border-radius: 19px; } .top-cart .block-title strong { line-height: 38px; background-position: 10px 3px; } .top-cart .block-content { top: 50px; max-width: 298px; width: 100%; padding: 10px; right: -9px; text-align: left; } } .top-cart .top-cart-close { font-size: 20px; padding-bottom: 5px; position: absolute; top: 0; right: 10px; } /* ============================================ * * Footer * ============================================ */ /* -------------------------------------------- * * Footer */ .footer-container { background: #009fdb; width: 100%; padding-top: 30px; padding-bottom: 0px; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } .footer-container .footer-content { max-width: 1240px; padding: 0 15px; margin: 0 auto; } .footer-container .footer-content:after { content: ''; display: table; clear: both; } .footer-container .footer-content .footer-nav-col { width: 24.0409207161%; float: left; margin-right: 1.2787723785%; } .footer-container .footer-content .footer-nav-col h3 { color: #FEFA00; font-size: 14px; text-transform: capitalize; } .footer-container .footer-content .footer-nav-col a { font-size: 13px; color: #fff; display: block; margin-bottom: 5px; } .footer-container .footer-content .footer-nav-col img { width: 100%; height: auto; } .footer-container .footer-content div.footer-nav-col { margin-right: 0; } @media only screen and (max-width: 479px) { .footer-container .footer-content .footer-nav-col { width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 15px; } .footer-container .footer-content .footer-nav-col li { background: #00b2f5; border-bottom: 1px solid #fff; padding: 6px 5px; } .footer-container .footer-content .footer-nav-col li:last-child { border-bottom: 0; } .footer-container .footer-content .footer-nav-col li:first-child { background: #007aa8; padding: 7px 5px; } .footer-container .footer-content .footer-nav-col li:first-child h3 { margin: 0; } } .links-wrapper:after { content: ''; display: table; clear: both; } .footer .block-subscribe { background: #01b15d; border: 2px solid #fff; border-radius: 15px; } .footer .block-subscribe:after { content: ''; display: table; clear: both; } .footer .block-subscribe .block-title { position: relative; width: 57.800511509%; float: left; margin-right: 1.2787723785%; padding: 19px 0 28px 192px; } .footer .block-subscribe .block-title span { color: #fff; font-family: "proxima_nova_softbold", Arial, sans-serif; display: block; } .footer .block-subscribe .block-title span.sub { letter-spacing: 0.7px; font-size: 14px; } .footer .block-subscribe .block-title span.large { font-size: 35px; } .footer .block-subscribe .block-title:before { background: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/giftcard_icon_lg.jpg) no-repeat; background-size: 125px; content: ''; width: 125px; display: block; height: 79px; position: absolute; top: 23px; left: 33px; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); border-radius: 10px; } .footer .block-subscribe form { width: 40.9207161125%; float: right; margin-right: 0; padding: 33px 0; } .footer .block-subscribe form:after { content: ''; display: table; clear: both; } .footer .block-subscribe form .input-box { width: 74.6803069054%; float: left; margin-right: 1.2787723785%; } .footer .block-subscribe form .actions { width: 24.0409207161%; float: right; margin-right: 0; margin-top: 0; } .footer .block-subscribe form .actions .button { float: none; border: 1px solid #fff; border-radius: 21px; line-height: 40px; padding: 0; max-width: 95px; width: 100%; background: #009fdb; } .footer .block-subscribe form .actions .button span span { color: #FEFA00; font-size: 14px; letter-spacing: 0.5px; } .footer .block-subscribe form input { height: 40px; border-radius: 100px; font-size: 13px; padding: 0 10px; } @media only screen and (max-width: 1000px) { .footer .block-subscribe .block-title { padding: 23px 0 28px 160px; background-position: -94px -2454px; } .footer .block-subscribe .block-title span.large { font-size: 28px; } .footer .block-subscribe .block-title:before { top: 26px; left: 16px; } } @media only screen and (max-width: 940px) { .footer .block-subscribe .block-title { width: 49.3606138107%; float: left; margin-right: 1.2787723785%; padding: 16px 0 8px 160px; } .footer .block-subscribe .block-title span.large { line-height: 27px; } } @media only screen and (max-width: 740px) { .footer .block-subscribe .block-title { width: 100%; float: left; padding: 25px 0 25px 160px; max-width: 580px; margin: 0 auto; float: none; background-position: -94px -2463px; } .footer .block-subscribe form { width: 100%; float: none; margin-right: 0; padding: 15px 10px 20px; max-width: 500px; margin: 0 auto; } } @media only screen and (max-width: 599px) { .footer .block-subscribe .block-title { background: none; padding: 20px 0 0; text-align: center; } .footer .block-subscribe .block-title:before { display: none; } } .footer-links-top { margin: 30px 0 25px; } .footer-links { display: inline-block; margin-right: 5%; margin-bottom: 10px; } .footer-links span { display: inline-block; vertical-align: middle; margin-right: 10px; } .footer-links .title { color: #FEFA00; font-size: 13px; } .copyright { width: 100%; background: #0090C7; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } .copyright .copyright-inner { margin: 0 auto; color: #fff; font-size: 11px; max-width: 1240px; padding: 10px 15px; } .sprite { background-image: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/new_spritesheet.png); background-repeat: no-repeat; display: block; } @media only screen and (max-width: 599px) { .footer-links-top { margin: 0; } .footer-links { display: block; width: 100%; margin: 0 0 10px 0; text-align: center; } .footer-links span { margin-bottom: 10px; } .footer-links .title { display: block; width: 100%; text-align: center; margin-bottom: 10px; } } .sprite-ae { width: 51px; height: 32px; background-position: -100px -100px; } .sprite-apple { width: 129px; height: 39px; background-size: 254px; background-position: -74px -242px; } .sprite-fb { width: 40px; height: 40px; background-position: -28px -145px; background-size: 95px; } .sprite-google-play { width: 130px; height: 40px; background-size: 246px; background-position: -68px -579px; } .sprite-master { width: 51px; height: 32px; background-position: -100px -1051px; } .sprite-payment-express { width: 134px; height: 55px; background-position: -63px -933px; background-size: 253px; } .sprite-paypal { width: 51px; height: 32px; background-position: -100px -1517px; } .sprite-poli { width: 51px; height: 32px; background-position: -100px -1749px; } .sprite-q-card { width: 51px; height: 32px; background-position: -100px -1981px; } .sprite-secure1 { width: 79px; height: 60px; background-position: 44% 72.5%; background-size: 240px; } .sprite-subscribe { width: 142px; height: 103px; background-position: -100px -2463px; } .sprite-visa { width: 51px; height: 32px; background-position: -100px -2766px; } .sprite-youtube { width: 40px; height: 40px; background-position: -31px -919px; background-size: 105px; } /* ============================================ * * Category Landing Pages * ============================================ */ .page .category-view h1 { border-bottom: 1px solid #d7d7d7; padding-bottom: 7px; } .category-image { position: relative; } .category-image img { width: 100%; height: auto; } .sidebar .block.block-layered-nav .custom-select:after { left: auto; right: 1px; padding: 11px; } .sidebar .block.block-layered-nav .block-content dl dt { text-transform: uppercase; font-family: "proxima_nova_softbold", Arial, sans-serif; color: #009fdb; font-size: 16px; line-height: 25px; border-bottom: 2px solid #009fdb; } .sidebar .block.block-layered-nav .block-content dl dd li { color: #646464; vertical-align: middle; position: relative; cursor: pointer; font-size: 0; } .sidebar .block.block-layered-nav .block-content dl dd li a { padding: 5px 0 5px 27px; display: block; color: #646464; font-size: 14px; } .sidebar .block.block-layered-nav .block-content dl dd li a:before { content: ''; display: inline-block; position: absolute; left: 0; top: 7px; border: 1px solid #d7d7d7; width: 17px; height: 17px; border-radius: 100px; } .sidebar .block.block-layered-nav .block-content dl dd li a:hover:before { border: 6px solid #009fdb; } .sidebar .block.block-layered-nav .currently ol li > .label { display: block; padding-bottom: 10px; } .sidebar .block.block-layered-nav .currently ol li > .value { position: relative; padding: 5px 0 5px 27px; } .sidebar .block.block-layered-nav .currently ol li > .value:before { content: ''; position: absolute; border-radius: 100px; left: 0; top: 5px; width: 17px; height: 17px; border: 6px solid #009fdb; } @media only screen and (min-width: 771px) { .sidebar .block.block-layered-nav .block-subtitle { display: none; } } .sidebar .block.block-layered-nav.block-layered-nav--no-filters .block-title { display: none; } @media only screen and (max-width: 770px) { .sidebar .block.block-layered-nav { border-bottom: 1px solid #d7d7d7; margin-bottom: 10px; } .sidebar .block.block-layered-nav .block-content { margin-top: 0; } .sidebar .block.block-layered-nav .block-content dl dt { border-bottom: 1px solid #EDEDED; padding: 10px 0 10px 28px; font-weight: normal; } .sidebar .block.block-layered-nav .block-content dl dt.last { border-bottom: none; } .sidebar .block.block-layered-nav.block-layered-nav--no-filters .block-title { display: block; } } .categorylandingMainblock { border: 1px solid #E2E2E2; padding: 7px; } .catblocks { float: left; padding: 0 0 20px 0; width: 100%; } .catblocks li { position: relative; float: left !important; width: 23% !important; margin-right: 2.6666666667% !important; margin-bottom: 10px; border: 1px solid #d7d7d7; padding: 10px; } .catblocks li:hover { border-color: #009fdb; } .list-letter-filter { width: 100%; background: #fcfcfc; padding: 5px; margin-bottom: 40px; margin-top: 40px; } .list-letter-filter:after { content: ''; display: table; clear: both; } .list-letter-filter li { float: left; line-height: 30px; text-align: center; width: 3.5%; margin-bottom: 0; } .list-letter-filter li a { font-family: "proxima_nova_softbold", Arial, sans-serif; color: #009fdb; font-size: 18px; } .list-letter-filter li a.active { color: #921d80; } .list-letter-filter .reset-all { display: none; font-size: 18px; color: #921d80; cursor: pointer; } @media only screen and (max-width: 979px) { .list-letter-filter { display: none; } } .list-brand-filter > li { margin-bottom: 35px; } .list-brand-filter .title-letter a { font-family: "proxima_nova_softbold", Arial, sans-serif; color: #921d80; font-size: 38px; display: block; line-height: 34px; border-bottom: 1px solid #921d80; } .list-brand-filter .brand-list-ul { padding: 15px 0; max-width: 100%; margin-left: auto; margin-right: auto; } .list-brand-filter .brand-list-ul:after { content: ''; display: table; clear: both; } .list-brand-filter .brand-list-ul:after { content: " "; display: block; clear: both; } .list-brand-filter .brand-list-ul li { width: 18.7692307692%; float: left; } .list-brand-filter .brand-list-ul li:nth-child(5n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .list-brand-filter .brand-list-ul li:nth-child(5n + 2) { margin-left: 20.3076923077%; margin-right: -100%; clear: none; } .list-brand-filter .brand-list-ul li:nth-child(5n + 3) { margin-left: 40.6153846154%; margin-right: -100%; clear: none; } .list-brand-filter .brand-list-ul li:nth-child(5n + 4) { margin-left: 60.9230769231%; margin-right: -100%; clear: none; } .list-brand-filter .brand-list-ul li:nth-child(5n + 5) { margin-left: 81.2307692308%; margin-right: -100%; clear: none; } @media only screen and (max-width: 599px) { .list-brand-filter .brand-list-ul li { width: 49.2307692308%; float: left; } .list-brand-filter .brand-list-ul li:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .list-brand-filter .brand-list-ul li:nth-child(2n + 2) { margin-left: 50.7692307692%; margin-right: -100%; clear: none; } } .list-brand-filter .brand-list-ul li a { font-size: 12px; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; color: #333; position: relative; text-decoration: none; padding: 5px 0 5px 5%; border-bottom: 1px dashed #ACACAC; display: block; width: 90%; line-height: 28px; } .list-brand-filter .brand-list-ul li a:hover { background: #f0f0f0; } @media only screen and (max-width: 979px) { .list-brand-filter > li { cursor: pointer; margin: 0; } .list-brand-filter > li:first-child .title-letter a { border-bottom: 1px solid #921d80; } .list-brand-filter > li .title-letter a { padding: 5px 0; position: relative; } .list-brand-filter > li .title-letter a:hover { text-decoration: none; } .list-brand-filter > li .title-letter a:active { background: #f9f9f9; } .list-brand-filter > li .title-letter a:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #333333; content: "\f054"; color: #921d80; font-size: 19px; position: absolute; top: 12px; right: 10px; } .list-brand-filter > li .brand-list-ul { display: none; } .list-brand-filter > li.open .brand-list-ul { display: block; } .list-brand-filter > li.open .title-letter > a { background: #f9f9f9; } .list-brand-filter > li.open .title-letter > a:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #333333; content: "\f078"; color: #921d80; font-size: 19px; position: absolute; top: 12px; right: 10px; } } @media only screen and (max-width: 770px) { .catblocks li { width: 49% !important; margin-right: 2% !important; } .catblocks li:nth-child(even) { margin-right: 0 !important; } } @media only screen and (max-width: 479px) { .catblocks li { width: 100% !important; margin-right: 0 !important; float: none; } } .catblocks li:last-child { margin-right: 0 !important; } .catblocks li img { width: 100%; max-width: 100%; } .catblocks li a span { color: #FFFFFF; position: absolute; background-color: #7B7C7B; font-family: raleway; font-size: 17px; font-weight: bold; text-transform: uppercase; text-align: center; bottom: 0px; left: 0px; width: 100%; padding: 5px 10px; margin-right: 10px; } .catblocklinks a { color: #FFFFFF; text-decoration: none; } .catlandingbottomPromoblock { float: left; width: 100%; border: 1px solid #E2E2E2; margin-bottom: 100px; } .catalog-category-view .breadcrumbs { padding: 10px 0; } .catalog-category-view .products-grid { padding-bottom: 35px; } .catalog-category-view .list-categories .featured-links { margin: 10px 0; display: block; } @media only screen and (min-width: 771px) { .catalog-category-view .list-categories .featured-links { width: 24.0409207161%; float: left; } .catalog-category-view .list-categories .featured-links:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .catalog-category-view .list-categories .featured-links:nth-child(4n + 2) { margin-left: 25.3196930946%; margin-right: -100%; clear: none; } .catalog-category-view .list-categories .featured-links:nth-child(4n + 3) { margin-left: 50.6393861893%; margin-right: -100%; clear: none; } .catalog-category-view .list-categories .featured-links:nth-child(4n + 4) { margin-left: 75.9590792839%; margin-right: -100%; clear: none; } } .catalog-category-view .list-categories .featured-links li { height: 39px; } .catalog-category-view .list-categories .featured-links a { line-height: 39px; text-decoration: none; font-family: "proxima_nova_softbold", Arial, sans-serif; font-style: 16px; line-height: 39px; text-transform: uppercase; display: inline; } .catalog-category-view .list-categories .featured-links a img { display: inline; margin-right: 10px; vertical-align: top; } .catalog-category-view div.categoryland-caption { display: block; margin: 0; position: absolute; color: #000000; font-size: 30px; font-weight: 500; line-height: 36px; text-align: center; } .catalog-category-view div.categoryland-caption span.blue-big-text { color: #3399CC; font-size: 50px; font-weight: 800; padding: 0 0 0 8px; } .catalog-category-view div.categoryland-caption span.blue-big-text { padding: 0 !important; } .catalog-category-view div.categoryland-caption span.three-dots { background: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/bg_threeDots.png) no-repeat center center; display: block; height: 20px; } .catalog-category-view div.categoryland-caption p.desc { font: italic 18px/28px Georgia, "Times New Roman", Times, serif; color: #656565; } .cms-home #homepage-main-slides div.slides_control div div.slideshow-caption a.link:hover, .cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.link:hover { text-decoration: underline; color: #1189C5; } .cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.blue-big-text, .catalog-category-view div.categoryland-caption span.blue-big-text { color: #3399CC; font-size: 50px; font-weight: 800; padding: 0 0 0 8px; } .catalog-category-view div.categoryland-caption span.blue-big-text { padding: 0 !important; } .cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.three-dots, .catalog-category-view div.categoryland-caption span.three-dots { background: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/bg_threeDots.png) no-repeat center center; display: block; height: 20px; } .cms-home #homepage-main-slides div.slides_control div div.slideshow-caption p.desc, .catalog-category-view div.categoryland-caption p.desc { font: italic 18px/28px Georgia, "Times New Roman", Times, serif; color: #656565; } /* ============================================ * * Homepage * ============================================ */ /* -------------------------------------------- * * Primary Banner */ .cms-index-index .std { display: none; } .top-banner img { width: 100%; height: auto; } .featured-cat-boxes { margin: 15px 0; display: table; width: 100%; } .featured-cat-boxes div, .featured-cat-boxes li { width: 25%; float: left; display: table-cell; margin: 0; padding: 0 0 25.5% 0; position: relative; } .featured-cat-boxes div img, .featured-cat-boxes li img { max-width: 100%; width: 100%; height: auto; position: absolute; top: 0; left: 0; } @media only screen and (max-width: 640px) { .featured-cat-boxes div, .featured-cat-boxes li { padding: 0 0 51% 0; width: 50%; float: left; } } .shop-by-age-block .circle-block { width: 12.38%; float: left; margin-right: 1.2787723785%; margin: 0; padding: 0; } .brands-block .brand-block { width: 9.63%; float: left; margin-right: 1.2787723785%; margin: 0; padding: 0; } .shop-by-age-block, .brands-block { display: table; width: 100%; padding: 15px 0; border-bottom: 1px solid #cdcdcd; } .shop-by-age-block .circle-block, .shop-by-age-block .brand-block, .brands-block .circle-block, .brands-block .brand-block { display: table-cell; float: none; text-align: center; } .shop-by-age-block .circle-block:first-child, .shop-by-age-block .brand-block:first-child, .brands-block .circle-block:first-child, .brands-block .brand-block:first-child { width: 13.3333333333%; float: left; vertical-align: middle; float: none; margin: 0; } .shop-by-age-block .circle-block a:hover, .shop-by-age-block .brand-block a:hover, .brands-block .circle-block a:hover, .brands-block .brand-block a:hover { text-decoration: none; } .shop-by-age-block .circle-block h4, .shop-by-age-block .brand-block h4, .brands-block .circle-block h4, .brands-block .brand-block h4 { color: #921d80; text-transform: capitalize; } .shop-by-age-block .circle-block h4 a, .shop-by-age-block .brand-block h4 a, .brands-block .circle-block h4 a, .brands-block .brand-block h4 a { color: #921d80; font-weight: 400; } .shop-by-age-block .circle-block img, .shop-by-age-block .brand-block img, .brands-block .circle-block img, .brands-block .brand-block img { padding: 12px; width: 100%; height: auto; } .shop-by-age-block .block-title, .shop-by-age-block .brand-title, .brands-block .block-title, .brands-block .brand-title { border-top: 0; } .shop-by-age-block .block-title h3, .shop-by-age-block .block-title h2, .shop-by-age-block .block-title h4, .shop-by-age-block .brand-title h3, .shop-by-age-block .brand-title h2, .shop-by-age-block .brand-title h4, .brands-block .block-title h3, .brands-block .block-title h2, .brands-block .block-title h4, .brands-block .brand-title h3, .brands-block .brand-title h2, .brands-block .brand-title h4 { font-size: 24px; text-transform: none; text-align: left; color: #921d80; max-width: 80px; font-weight: 400; } .shop-by-age-block .brand-title, .brands-block .brand-title { vertical-align: middle; } .shop-by-age-block .brand-title h3, .brands-block .brand-title h3 { margin: 0; } @media only screen and (max-width: 979px) { .shop-by-age-block .circle-block:first-child, .shop-by-age-block .brand-block:first-child, .brands-block .circle-block:first-child, .brands-block .brand-block:first-child { width: 100%; float: left; } .shop-by-age-block .block-title h3, .shop-by-age-block .block-title h2, .shop-by-age-block .block-title h4, .shop-by-age-block .brand-title h3, .shop-by-age-block .brand-title h2, .shop-by-age-block .brand-title h4, .brands-block .block-title h3, .brands-block .block-title h2, .brands-block .block-title h4, .brands-block .brand-title h3, .brands-block .brand-title h2, .brands-block .brand-title h4 { margin-top: 0; width: 100%; max-width: 100%; text-align: center; padding: 0; font-weight: 400; } .shop-by-age-block .circle-block, .brands-block .circle-block { width: 14.28%; float: left; margin-right: 1.2787723785%; margin-right: 0; } .shop-by-age-block .brand-block, .brands-block .brand-block { width: 11.1%; float: left; margin-right: 1.2787723785%; margin-right: 0; } .shop-by-age-block .brand-block img, .brands-block .brand-block img { padding: 8px; } } @media only screen and (max-width: 640px) { .shop-by-age-block .circle-block, .brands-block .circle-block { width: 24.5%; float: left; margin-right: 1.2787723785%; margin-right: 0; padding: 0 15px; } } @media only screen and (max-width: 599px) { .shop-by-age-block .circle-block, .brands-block .circle-block { padding: 0; } .shop-by-age-block .circle-block img, .brands-block .circle-block img { padding: 8px; } .shop-by-age-block .brand-block, .brands-block .brand-block { width: 20%; float: left; margin-right: 1.2787723785%; margin-right: 0; } } @media only screen and (max-width: 479px) { .shop-by-age-block .brand-block, .brands-block .brand-block { width: 25%; float: left; margin-right: 1.2787723785%; margin-right: 0; } .shop-by-age-block .brand-block img, .brands-block .brand-block img { padding: 5px; } } .brands-block { padding: 0; border-top: 1px solid #cdcdcd; } .shop-by-category, .featured-characters { margin: 20px 0; } .shop-by-category:after, .featured-characters:after { content: ''; display: table; clear: both; } .shop-by-category .category-block, .shop-by-category .character-block, .featured-characters .category-block, .featured-characters .character-block { width: 15.6010230179%; float: left; margin-right: 1.2787723785%; margin-bottom: 20px; text-align: center; } @media only screen and (min-width: 770px) { .shop-by-category .category-block:nth-child(6n + 6), .shop-by-category .character-block:nth-child(6n + 6), .featured-characters .category-block:nth-child(6n + 6), .featured-characters .character-block:nth-child(6n + 6) { margin-right: 0; } } .shop-by-category .category-block img, .shop-by-category .character-block img, .featured-characters .category-block img, .featured-characters .character-block img { width: 90%; height: auto; margin: 0 auto 20px; border-radius: 50%; } .shop-by-category .category-block p, .shop-by-category .character-block p, .featured-characters .category-block p, .featured-characters .character-block p { font-size: 13px; color: #444444; } .shop-by-category .category-block p a, .shop-by-category .character-block p a, .featured-characters .category-block p a, .featured-characters .character-block p a { text-decoration: none; color: #444444; } .shop-by-category .block-title, .featured-characters .block-title { border-top: 0; } .shop-by-category .block-title h2, .shop-by-category .block-title h3, .shop-by-category .block-title h4, .featured-characters .block-title h2, .featured-characters .block-title h3, .featured-characters .block-title h4 { margin-top: 25%; font-size: 24px; text-transform: none; text-align: left; color: #921d80; max-width: 100px; font-weight: 400; } @media only screen and (max-width: 770px) and (min-width: 599px) { .shop-by-category .category-block:nth-child(7n + 7), .shop-by-category .character-block:nth-child(7n + 7), .featured-characters .category-block:nth-child(7n + 7), .featured-characters .character-block:nth-child(7n + 7) { margin-right: 0; } } @media only screen and (max-width: 770px) { .shop-by-category .block-title, .featured-characters .block-title { width: 100%; } .shop-by-category .block-title h3, .featured-characters .block-title h3 { margin: 0 0 20px; padding: 0; max-width: 100%; text-align: center; } } @media only screen and (max-width: 599px) { .shop-by-category .category-block, .shop-by-category .character-block, .featured-characters .category-block, .featured-characters .character-block { width: 24.0409207161%; float: left; margin-right: 1.2787723785%; } } @media only screen and (max-width: 599px) and (min-width: 479px) { .shop-by-category .category-block:nth-child(4n + 4), .shop-by-category .character-block:nth-child(4n + 4), .featured-characters .category-block:nth-child(4n + 4), .featured-characters .character-block:nth-child(4n + 4) { margin-right: 0; } } @media only screen and (max-width: 599px) { .shop-by-category .block-title, .featured-characters .block-title { width: 100%; } } @media only screen and (max-width: 479px) { .shop-by-category .category-block, .shop-by-category .character-block, .featured-characters .category-block, .featured-characters .character-block { width: 32.4808184143%; float: left; margin-right: 1.2787723785%; } .shop-by-category .category-block:nth-child(3n+4), .shop-by-category .character-block:nth-child(3n+4), .featured-characters .category-block:nth-child(3n+4), .featured-characters .character-block:nth-child(3n+4) { margin-right: 0; } .shop-by-category .category-block:not(.block-title), .shop-by-category .character-block:not(.block-title), .featured-characters .category-block:not(.block-title), .featured-characters .character-block:not(.block-title) { min-height: 151px; } .shop-by-category .block-title, .featured-characters .block-title { width: 100%; min-height: auto; } } .featured-homepage_addspace { width: 100%; display: table; padding: 20px 0; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; } .featured-homepage_addspace:after { content: ''; display: table; clear: both; } .featured-homepage_addspace .addspace_block { width: 25%; float: left; display: table-cell; margin: 0; padding: 0; border-right: 1px solid #cdcdcd; } @media only screen and (min-width: 640px) { .featured-homepage_addspace .addspace_block:nth-child(4n + 4) { border-right: 0; } .featured-homepage_addspace .addspace_block:nth-child(-n + 4) { border-bottom: 1px solid #cdcdcd; } } .featured-homepage_addspace .addspace_block img { width: 100%; height: auto; } @media only screen and (max-width: 640px) { .featured-homepage_addspace .addspace_block { width: 50%; float: left; margin: 0; } .featured-homepage_addspace .addspace_block:nth-child(2n + 2) { border-right: 0; } .featured-homepage_addspace .addspace_block:nth-child(-n + 6) { border-bottom: 1px solid #cdcdcd; } } /* ============================================ * * Featured Products Default * ============================================ */ .mb-slider-container:after { content: ''; display: table; clear: both; } .widget-feature-products { margin: 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #cdcdcd; } .widget-feature-products:after { content: ''; display: table; clear: both; } .widget-feature-products h2 { width: 13.3333333333%; float: left; margin: 0; padding: 50px 0; font-size: 24px; text-transform: none; text-align: left; color: #921d80; display: table-cell; margin-top: 7%; text-transform: none; } .widget-feature-products .widget-products { width: 86.6666666667%; float: left; margin: 0; padding: 0; } .widget-feature-products .widget-products ul li { width: 24.0409207161%; float: left; margin-right: 1.2787723785%; border-right: 1px solid #cdcdcd; padding-right: 1.2787723785%; position: relative; } .widget-feature-products .widget-products ul li:nth-child(4n+4) { float: right; margin-right: 0; border-right: none; } .widget-feature-products .widget-products ul li img { width: 100%; height: auto; } .widget-feature-products .widget-products ul li .product-name { margin-top: 10px; } .widget-feature-products .widget-products ul li .product-name a { color: #444444; font-size: 13px; text-decoration: none; } .widget-feature-products .widget-products ul li .product-name a:hover { text-decoration: underline; color: #444444; } @media only screen and (max-width: 599px) { .widget-feature-products .widget-products ul li { width: 49.3606138107%; float: left; margin-right: 1.2787723785%; margin-bottom: 15px; } .widget-feature-products .widget-products ul li:nth-child(even) { margin-right: 0; border-right: 0; } } @media only screen and (max-width: 479px) { .widget-feature-products .widget-products ul li { width: 100%; float: left; margin-left: 0; margin-right: 0; padding-right: 0; border-right: 0; } } @media only screen and (max-width: 920px) { .widget-feature-products h2 { width: 100%; float: left; padding: 0; margin-top: 0; margin-bottom: 20px; text-align: center; } .widget-feature-products .widget-products { width: 100%; float: left; } } .widget-feature-products.no-border-bottom { border-bottom: 0; padding: 0; } .product-slider { position: relative; padding-bottom: 25px; border-bottom: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; margin-top: -1px; /* to hide if another border present */ } .product-slider:after { content: ''; display: table; clear: both; } .product-slider .widget-title { max-width: 480px; text-align: center; margin: 20px auto; } .product-slider .widget-title h2 { font-size: 24px; margin: 0; padding: 10px 30px; color: #921d80; text-transform: none; } ul.products-grid-slider li img { width: 100%; height: auto; } ul.products-grid-slider li .product-name { margin-top: 10px; } ul.products-grid-slider li .product-name a { color: #444444; font-size: 13px; text-decoration: none; } ul.products-grid-slider li .product-name a:hover { text-decoration: underline; color: #444444; } /* ============================================ * * Product Flags * ============================================ */ .product-flags { position: absolute; top: 0; z-index: 100; font-family: "proxima_nova_softbold", Arial, sans-serif; } .product-flags .flag { background: #FEFA00; color: #921d80; text-transform: uppercase; font-size: 12px; padding: 0px 6px; line-height: 27px; display: inline-block; margin-bottom: 3px; } .product-flags .flag.as_seen_on_tv { background: #ec1c3c; color: #fff; } .product-flags .flag.clearance { background: #ec1c3c; color: #fff; } .product-flags .new { background: #009fdb; color: #FEFA00; text-transform: uppercase; font-size: 12px; padding: 0px 6px; line-height: 27px; display: inline-block; margin-bottom: 3px; } /* ============================================ * * Product Grid * ============================================ */ .products-grid:not(.subcat-thumb) { position: relative; } .products-grid:not(.subcat-thumb):after { content: ''; display: table; clear: both; } .products-grid:not(.subcat-thumb) li { margin-bottom: 25px; position: relative; width: 32.2259136213%; float: left; } .products-grid:not(.subcat-thumb) li:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .products-grid:not(.subcat-thumb) li:nth-child(3n + 2) { margin-left: 33.8870431894%; margin-right: -100%; clear: none; } .products-grid:not(.subcat-thumb) li:nth-child(3n + 3) { margin-left: 67.7740863787%; margin-right: -100%; clear: none; } @media only screen and (max-width: 599px) { .products-grid:not(.subcat-thumb) li { width: 49.1694352159%; float: left; } .products-grid:not(.subcat-thumb) li:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .products-grid:not(.subcat-thumb) li:nth-child(2n + 2) { margin-left: 50.8305647841%; margin-right: -100%; clear: none; } } .products-grid:not(.subcat-thumb) li .product-image img { width: 100%; max-width: 100%; height: auto; } .products-grid:not(.subcat-thumb) li .ratings { text-align: left; line-height: 13px; float: left; } .products-grid:not(.subcat-thumb) li .ratings .amount { display: none; } .products-grid:not(.subcat-thumb) li .ratings .rating-box { float: left; padding: 0; } .products-grid:not(.subcat-thumb) li .ratings .rating-box .rating { margin: 0; } .category-products .products-grid li .price-box .minimal-price-link { padding-left: 0; } .category-products .products-grid li .price-box .minimal-price-link span.price { font-weight: bold; color: #009fdb; } /* ============================================ * * Product List * ============================================ */ .products-list { margin-top: 20px; margin-bottom: 20px; } .products-list > li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #EDEDED; } .products-list > li:after { content: ''; display: table; clear: both; } .products-list > li .product-image { float: left; } .products-list > li .product-image img { width: 100%; max-width: 100%; } .item .product-image { position: relative; padding-bottom: 100%; } .item .product-image img { position: absolute; left: 0; top: 0; } .item .price-box .minimal-price-link { margin-left: 0; padding-left: 0; font-size: 12px; } .item .price-box .minimal-price-link .label { font-size: 12px; } .item .price-box .minimal-price-link .price { color: #333; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; font-weight: bold; } ul#mini-cart .item .product-image { padding-bottom: 0; } .listing-online-instock a:hover, .listing-instore-instock:hover, .listing-online-outofstock:hover { text-decoration: none; } @media only screen and (min-width: 480px) { .products-list .product-name a { font-size: 18px; } } /* ============================================ * * Mini Product List * ============================================ */ .block-category-nav .block-title { text-transform: uppercase; font-family: "proxima_nova_softbold", Arial, sans-serif; color: #009fdb; font-size: 16px; line-height: 25px; margin-bottom: 10px; border-bottom: 2px solid #009fdb; } .block-category-nav .block-title strong { font-size: 16px; } .mini-products-list .product-image { float: left; min-width: 50px; } .mini-products-list .product-details { margin-left: 60px; } .mini-products-list .product-details .product-name { padding-top: 10px; } .mini-products-list li { margin-bottom: 10px; clear: both; } .mini-products-list li:after { content: ''; display: table; clear: both; } .mini-products-images-list:after { content: ''; display: table; clear: both; } .mini-products-images-list li.item { float: left; width: 50%; margin: 0; padding: 0 5px 10px 0; } .mini-products-images-list li.item:nth-child(even) { padding-right: 0; padding-left: 5px; } .mini-products-images-list li.item .product-image { display: block; } .mini-products-images-list li.item .product-image img { width: 100%; max-width: 100%; } /* ============================================ * * Catalog - List * ============================================ */ .category-image { margin-bottom: 15px; } .category-image img { width: 100%; max-width: 100%; } .category-image img:hidden { display: none; } /* ============================================ * * Layered Navigation * ============================================ */ .block-layered-nav .block-subtitle--filter { display: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; position: relative; cursor: pointer; } .block-layered-nav .block-subtitle--filter:after { font-family: FontAwesome; position: absolute; left: 0; color: #009fdb; content: '\f055'; } .block-layered-nav .block-content .toggle-tabs { display: none; } .block-layered-nav .block-content > dl > dt { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; position: relative; display: block; } .block-layered-nav .block-content > dl > dt:after { font-family: FontAwesome; position: absolute; left: 0; color: #009fdb; content: '\f055'; } .block-layered-nav dl dd { margin-bottom: 10px; margin-top: 10px; } .block-layered-nav dl dd ol > li > a .count { color: #777777; } @media only screen and (min-width: 771px) { .block-layered-nav .block-content > dl > dt { padding-left: 10px; } .block-layered-nav .block-content > dl > dt:after { display: none; } } @media only screen and (max-width: 770px) { .sidebar .block.block-layered-nav .block-title, .sidebar .block.block-layered-nav:first-child .block-title { cursor: pointer; padding: 10px 0 10px 5px; margin: 15px 0 0 0; border-top: 1px solid #d7d7d7; } .sidebar .block.block-layered-nav .block-title strong span, .sidebar .block.block-layered-nav:first-child .block-title strong span { font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 18px; font-weight: normal; text-transform: uppercase; } .sidebar .block.block-layered-nav .block-subtitle.block-subtitle--filter { display: none; } .block-layered-nav .block-content { padding-top: 0; } .block-layered-nav .block-content > dl > dt { cursor: pointer; border-bottom-width: 0; } .block-layered-nav .block-content > dl > dt:hover { color: #009fdb; } .block-layered-nav .block-content > dl > dt:after { font-family: FontAwesome; position: absolute; left: 0; color: #009fdb; content: '\f055'; } .block-layered-nav .block-content > dl > dt.last { border-bottom-width: 1px; } .block-layered-nav .block-content > dl > dd { display: none; } .block-layered-nav .block-content.accordion-open > dl > dt.current { border-bottom-width: 1px; } .block-layered-nav .block-content.accordion-open > dl > dt.current:after { font-family: FontAwesome; position: absolute; left: 0; color: #009fdb; content: '\f056'; } .block-layered-nav .block-content.accordion-open > dl > dd.current { display: block; } .block-layered-nav .block-subtitle--filter { background-color: #009fdb; border: 0; margin-bottom: 0; display: block; color: #FFFFFF; } .block-layered-nav .block-subtitle--filter:after { font-family: FontAwesome; position: absolute; left: 0; color: #009fdb; content: '\f055'; } .block-layered-nav .block-subtitle--filter:hover { background-color: #008cc2; color: #FFFFFF; } .block-layered-nav .block-subtitle--filter.active:after { font-family: FontAwesome; position: absolute; left: 0; color: #009fdb; content: '\f056'; } .block-layered-nav dl ol > li > a, .block-layered-nav dl ol > li > span { padding: 7px; margin: 5px; } .block-layered-nav dl ol > li > a { color: #444444; padding: 5px 10px; background-color: transparent; } .block-layered-nav dl ol > li > a:hover { text-decoration: none; } } .block-layered-nav .currently ol { padding-left: 10px; margin-bottom: 10px; } .block-layered-nav .currently ol li { margin-bottom: 5px; } .block-layered-nav .currently ol li .label { font-weight: bold; } .block-layered-nav .currently ol li:after { content: ''; display: table; clear: both; } .block-layered-nav .actions { text-align: right; margin-bottom: 7px; } /* ============================================ * * Slideshow * ============================================ */ .carousel-wrapper { margin-top: 15px; height: 431px; } .carousel-wrapper:after { content: ''; display: table; clear: both; } .carousel-wrapper .owl-carousel { display: block; max-width: 68%; width: 100%; float: left; } .carousel-wrapper .owl-carousel .owl-item img { height: auto !important; width: 100% !important; } .carousel-wrapper .owl-carousel.fullWidth { max-width: 100%; float: none; } @media only screen and (max-width: 1199px) { .carousel-wrapper { height: auto; } } @media only screen and (min-width: 771px) { .carousel-wrapper { display: flex; display: -webkit-flex; display: -moz-flex; justify-content: space-around; -webkit-justify-content: space-around; -moz-justify-content: space-around; width: 100%; position: relative; } .carousel-wrapper .carousel-sidebar { margin-left: auto; position: relative; } .carousel-wrapper .carousel-sidebar > .block-carousel-sidebar:nth-child(2) { position: absolute; bottom: 0; right: 0; width: 100%; } } @media only screen and (max-width: 640px) { .carousel-wrapper .owl-carousel { max-width: 100%; float: none; } } .carousel-wrapper .owl-controls .owl-dots .owl-dot span { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #000; opacity: 0.4; background: #000; width: 15px; height: 15px; } .carousel-wrapper .owl-controls .owl-dots .owl-dot.active span { opacity: 1; background: #cf2930; } #carousel-content { position: relative; padding-bottom: 36.5%; overflow: hidden; } #carousel-content .owl-stage-outer { position: absolute; top: 0; left: 0; border: 0; } @media only screen and (max-width: 640px) { #carousel-content { padding-bottom: 53.8%; } #carousel-content.fullWidth { padding-bottom: 36.5%; } } .carousel-slider .owl-controls .owl-nav { height: 40px; } .carousel-slider .owl-controls .owl-nav .owl-next { top: 0; bottom: auto; } .carousel-slider .owl-controls .owl-nav .owl-prev { top: -13px; bottom: auto; } .carousel-sidebar { max-width: 30.8%; width: 100%; float: right; } .carousel-sidebar .block-carousel-sidebar { padding-bottom: 57%; position: relative; } .carousel-sidebar .block-carousel-sidebar img { position: absolute; top: 0; left: 0; } .carousel-sidebar img { width: 100%; height: auto; } @media only screen and (max-width: 770px) { .carousel-sidebar .block-carousel-sidebar:first-child { margin-bottom: 5%; } } @media only screen and (max-width: 640px) { .carousel-sidebar { max-width: 100%; float: none; margin-top: 15px; } .carousel-sidebar div.block-carousel-sidebar { width: 49.3606138107%; float: left; margin-right: 1.2787723785%; padding-bottom: 28.5%; } .carousel-sidebar div.block-carousel-sidebar:first-child { margin-bottom: 0; } .carousel-sidebar div.block-carousel-sidebar:last-child { margin-right: 0; } } .mb-slider-container { padding: 0 45px; } .mb-slider-container .owl-prev { font-size: 0; position: absolute; left: -36px; top: 50%; margin-top: -16px; } .mb-slider-container .owl-prev:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #333333; content: "\f053"; font-size: 34px; color: #921d80; } .mb-slider-container .owl-next { font-size: 0; position: absolute; right: -36px; top: 50%; margin-top: -16px; } .mb-slider-container .owl-next:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #333333; content: "\f054"; font-size: 34px; color: #921d80; } /* ============================================ * * Catalog - Product * ============================================ */ .catalog-product-view .product-slider { padding: 30px 0; border-bottom: 2px solid #f0f0f0; border-top: 2px solid #f0f0f0; margin-bottom: 21px; } .catalog-product-view .product-slider .widget-title h2 { background: #921d80; color: #fff; max-width: 230px; width: 100%; margin: 0 auto; } .product-view { margin-top: 30px; } @media only screen and (max-width: 770px) { .product-view { margin-top: 10px; } } .product-view .product-essential { max-width: 100%; margin-left: auto; margin-right: auto; } .product-view .product-essential:after { content: " "; display: block; clear: both; } .product-view .product-essential .product-img-box { width: 66.2404092072%; float: left; margin-right: 1.2787723785%; } .product-view .product-essential .product-shop { width: 32.4808184143%; float: right; margin-right: 0; } @media only screen and (max-width: 770px) { .product-view .product-essential .product-img-box, .product-view .product-essential .product-shop { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } .product-view .product-essential .product-img-box:after, .product-view .product-essential .product-shop:after { content: ''; display: table; clear: both; } } .product-view .product-shop .product-name .h1, .product-view .product-img-box .product-name h1 { color: #009fdb; margin-bottom: 10px; border: 0; } .product-view .product-img-box .product-image, .product-view .product-img-box .product-image:not(.zoom-available):hover { border-right: 20px; } .product-view .product-img-box .product-image img, .product-view .product-img-box .product-image:not(.zoom-available):hover img { border-right: 20px; } .product-view .product-img-box .product-image.one-image-gallery { text-align: center; margin: 0 auto 10px; float: none; } .product-view .product-img-box .more-views h2 { font-size: 14px; display: none; } .product-view .product-img-box .more-views li { display: inline-block; margin-right: 15px; } .product-view .product-img-box .more-views li.video-youtube { margin-right: 0; } .product-view .product-shop .tier-prices.product-pricing { padding: 10px 10px 27px; margin: 20px 0 -20px 0; display: inline-block; background-color: #921d80; font-family: "proxima_nova_softbold", Arial, sans-serif; border-top-left-radius: 15px; border-top-right-radius: 15px; border: none; } @media only screen and (max-width: 979px) { .product-view .product-shop .tier-prices.product-pricing { padding: 10px 5px 27px; } } .product-view .product-shop .tier-prices.product-pricing li { font-size: 24px; line-height: 1.2; color: #eee; font-weight: normal; } @media only screen and (max-width: 1199px) { .product-view .product-shop .tier-prices.product-pricing li { font-size: 18px; } } @media only screen and (max-width: 979px) { .product-view .product-shop .tier-prices.product-pricing li { font-size: 16px; } } @media only screen and (max-width: 770px) { .product-view .product-shop .tier-prices.product-pricing li { font-size: 24px; } } .product-view .product-shop .product-ids { display: none; } .product-view .product-shop .no-rating .r-tabs-tab, .product-view .product-shop .ratings .r-tabs-tab { display: inline-block; } .product-view .product-shop .no-rating:after, .product-view .product-shop .ratings:after { content: ''; display: table; clear: both; } .product-view .product-shop .product-name h1 { font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 24px; color: #921d80; line-height: 1.4; border-bottom: 0; margin-bottom: 0; } .product-view .product-shop .add-to-box { padding: 20px 15px 60px; margin-bottom: 15px; z-index: 10; position: relative; background: -moz-linear-gradient(top, #fff, #f2f2f2); background: -webkit-gradient(linear, left top, left bottom, left, right); background: -webkit-linear-gradient(top, #fff, #f2f2f2); background: -ms-linear-gradient(top, #fff, #f2f2f2); background: -o-linear-gradient(top, #fff, #f2f2f2); border: 1px solid #ccc; border-radius: 15px; background-color: #F3F3F3; } .product-view .product-shop .add-to-box .link-stock-alert { display: inline-block; width: 100%; } .product-view .product-shop .add-to-box .link-stock-alert button.button { float: left; } .product-view .product-shop .add-to-box .notify_message { width: 80%; display: block; margin: 0 0 15px; font-size: 14px; } .product-view .product-shop .add-to-box .selectboxit-container { float: right; margin-right: 10px; position: relative; display: inline-block; vertical-align: top; width: 80px; height: 32px; float: left; } .product-view .product-shop .add-to-box .selectboxit-container .selectboxit-text { position: absolute; top: 10px; left: 0; font-size: 14px; line-height: 10px; } .product-view .product-shop .add-to-box .selectboxit-container .selectboxit-option-anchor { white-space: initial; line-height: 20px; padding: 5px 2px; } .product-view .product-shop .add-to-box .selectboxit-container .selectboxit-option-anchor span { padding: 0; font-size: 0; height: 0; } .product-view .product-shop .add-to-box .selectboxit-container span { font-family: verdana; color: #222; font-size: 0.9em; padding-top: 0; } .product-view .product-shop .add-to-box .selectboxit-container .selectboxit-arrow { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #333333; background-size: 75px; width: 27px; height: 27px; top: 3px; right: -7px; text-align: center; background: #921d80; border-radius: 50%; } .product-view .product-shop .add-to-box .selectboxit-container .selectboxit-arrow:before { content: "\f078"; font-size: 16px; color: #fff; line-height: 26px; } .product-view .product-shop .add-to-box .selectboxit-container .selectboxit-options { -moz-box-sizing: border-box; box-sizing: border-box; min-width: 100%; margin: 0; padding: 0; list-style: none; position: absolute; overflow-x: hidden; overflow-y: auto; cursor: pointer; display: none; z-index: 9999999999999; border-radius: 6px; text-align: left; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .product-view .product-shop .add-to-box .selectboxit-container .selectboxit-options.selectboxit-list { background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .product-view .product-shop .add-to-box .add-to-links { position: absolute; left: 15px; bottom: 10px; } .product-view .product-shop .add-to-box .add-to-links li a { position: relative; } .product-view .product-shop .add-to-box .add-to-links li a.link-wishlist { padding-left: 20px; } .product-view .product-shop .add-to-box .add-to-links li a.link-wishlist:before { background: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/sprites-res2.png) no-repeat left -143px; background-size: 80px; content: ""; width: 15px; height: 17px; position: absolute; top: 1px; left: 0; } .product-view .product-shop .add-to-box button.button { background-color: #01b15d; color: #fff; padding: 0px 25px; line-height: 32px; border: 0; font-size: 14px; font-weight: normal; font-family: "proxima_nova_softbold", Arial, sans-serif; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; border-radius: 100px; width: auto; min-width: auto; cursor: pointer; margin-top: 0; float: right; max-width: 130px; width: 100%; padding: 0; } .product-view .product-shop .add-to-box button.button:hover, .product-view .product-shop .add-to-box button.button:focus { background-color: #008948; text-decoration: none; color: #fff; } @media only screen and (max-width: 770px) { .product-view .product-shop .add-to-box button.button { width: auto; } } .product-view .product-shop .short-description { margin-bottom: 10px; clear: both; } .product-view .product-shop .ratings { margin-bottom: 8px; } .product-view .product-shop .availability { font-size: 16px; } .product-view .product-shop .product-flags { position: relative; } .product-view .product-shop .price-box { padding: 10px 10px 27px; margin: 20px 0 -20px 0; display: inline-block; background-color: #921d80; font-family: "proxima_nova_softbold", Arial, sans-serif; border-top-left-radius: 15px; border-top-right-radius: 15px; } @media only screen and (max-width: 979px) { .product-view .product-shop .price-box { padding: 10px 5px 27px; } } .product-view .product-shop .price-box .old-price, .product-view .product-shop .price-box .special-price, .product-view .product-shop .price-box .regular-price { padding-right: 0; line-height: 1.2; } .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .full-product-price .price { font-size: 24px; color: #eee; font-weight: normal; } @media only screen and (max-width: 1199px) { .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .full-product-price .price { font-size: 18px; } } @media only screen and (max-width: 979px) { .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .full-product-price .price { font-size: 16px; } } @media only screen and (max-width: 770px) { .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .full-product-price .price { font-size: 24px; } } .product-view .product-shop .price-box .special-price .price-label { font-size: 16px; text-transform: uppercase; } .product-view .product-shop .price-box .special-price span.weee { color: #444444; } .product-view .product-shop .price-box .special-price span.weee span.price { font-size: 16px; } .product-view .product-shop .price-box .price-excluding-tax, .product-view .product-shop .price-box .price-including-tax { display: block; line-height: 1.2; color: #444444; } .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 16px; font-weight: 300; } .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 20px; } .product-view .price-box.map-info a { display: inherit; } .product-view .ajaxreloadimage { margin-top: 18px; } .product-view .add-to-cart label, .product-view .add-to-cart .selectboxit-container, .product-view .add-to-cart button.button { float: left; line-height: 32px; } .product-view .add-to-cart label { margin-right: 10px; text-transform: uppercase; font-family: "proxima_nova_softbold", Arial, sans-serif; color: #921d80; } .product-view .add-to-cart select#qty { width: 32px; height: 32px; float: left; margin-right: 10px; } @media only screen and (max-width: 1140px) and (min-width: 770px) { .product-view .add-to-cart label { width: 47%; text-align: right; margin-bottom: 20px; } .product-view .add-to-cart button.button { max-width: 100% !important; float: none; width: 100%; } } #dialog-video { display: none; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #AAAAAA; display: none; overflow: hidden; } #dialog-video + .close-video { position: absolute; right: 1em; top: -5px; cursor: pointer; bottom: 10px; right: 20px; } .owl-carousel .owl-item .video-youtube img { width: 80px; height: 80px; } .video-youtube img { max-width: 80px; border-radius: 5px; } .video-youtube .video-title-img { background: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/sprites-res1.png") no-repeat scroll; background-position: -103px 27px; background-size: 180px auto; height: 57px; width: 136px; display: block; position: absolute; z-index: 100; opacity: 0.8; } @media only screen and (max-width: 770px) { .video-youtube .video-title-img { pointer-events: none; } } .video-youtube:after { display: block; content: ''; width: 80px; height: 80px; position: absolute; top: 0; z-index: 99; background: rgba(0, 0, 0, 0.25); border-radius: 5px; } .video-youtube:hover > .video-title-img { opacity: 1; } .no-background .ui-dialog-titlebar, .ui-dialog-titlebar { display: none; } /* ============================================ * * Magebase - Category Landing * ============================================ */ .yellow-ribbon-body .products-grid.subcat-thumb { position: relative; max-width: 100%; margin-left: auto; margin-right: auto; } .yellow-ribbon-body .products-grid.subcat-thumb:after { content: " "; display: block; clear: both; } .yellow-ribbon-body .products-grid.subcat-thumb > li.item { text-align: center; } .yellow-ribbon-body .products-grid.subcat-thumb > li.item a.category-thumbnail { display: block; padding: 10%; } .yellow-ribbon-body .products-grid.subcat-thumb > li.item a.category-thumbnail img { width: 100%; height: auto; } @media only screen and (min-width: 771px) { .yellow-ribbon-body .products-grid.subcat-thumb > li.item { width: 24.0409207161%; float: left; } .yellow-ribbon-body .products-grid.subcat-thumb > li.item:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .yellow-ribbon-body .products-grid.subcat-thumb > li.item:nth-child(4n + 2) { margin-left: 25.3196930946%; margin-right: -100%; clear: none; } .yellow-ribbon-body .products-grid.subcat-thumb > li.item:nth-child(4n + 3) { margin-left: 50.6393861893%; margin-right: -100%; clear: none; } .yellow-ribbon-body .products-grid.subcat-thumb > li.item:nth-child(4n + 4) { margin-left: 75.9590792839%; margin-right: -100%; clear: none; } } @media only screen and (max-width: 770px) { .yellow-ribbon-body .products-grid.subcat-thumb > li.item { width: 32.4808184143%; float: left; } .yellow-ribbon-body .products-grid.subcat-thumb > li.item:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .yellow-ribbon-body .products-grid.subcat-thumb > li.item:nth-child(3n + 2) { margin-left: 33.7595907928%; margin-right: -100%; clear: none; } .yellow-ribbon-body .products-grid.subcat-thumb > li.item:nth-child(3n + 3) { margin-left: 67.5191815857%; margin-right: -100%; clear: none; } } @media only screen and (max-width: 599px) { .yellow-ribbon-body .products-grid.subcat-thumb > li.item { width: 49.3606138107%; float: left; } .yellow-ribbon-body .products-grid.subcat-thumb > li.item:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; } .yellow-ribbon-body .products-grid.subcat-thumb > li.item:nth-child(2n + 2) { margin-left: 50.6393861893%; margin-right: -100%; clear: none; } } .catalogsearch-result-index .main { padding-bottom: 30px; } .catalogsearch-result-index .page-title { padding-top: 15px; } @media only screen and (max-width: 770px) { .product-view .product-shop .add-to-box:after { content: ''; display: table; clear: both; } .product-view .product-shop .add-to-cart { width: 66.2404092072%; float: left; margin-right: 1.2787723785%; margin-bottom: 0; margin-top: 5px; } .product-view .product-shop .add-to-cart button.button { max-width: 100%; width: auto; padding: 0 25px; float: left; margin-left: 20px; } .product-view .product-shop .add-to-links { width: 49.3606138107%; float: right; margin-right: 0; } .product-view .product-shop .add-to-links li { margin-top: 0; } .product-view .product-shop .add-to-cart-wrapper { float: none; width: 100%; clear: both; } .product-view .product-shop .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .product-shop .price-box .price-including-tax .label { font-size: 16px; } .product-view .product-shop .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .product-shop .price-box .price-including-tax .price { font-size: 20px; } } @media only screen and (max-width: 599px) { .product-view .product-shop .add-to-cart { width: 100%; float: left; margin-left: 0; margin-right: 0; } .product-view .product-shop .add-to-cart button.button { float: right; } .product-view .emailto-link { float: none; padding: 0; } } @media only screen and (max-width: 479px) { .product-view .product-shop .add-to-cart { width: 100%; float: left; margin-left: 0; margin-right: 0; } .product-view .product-shop .add-to-cart label { margin-left: 22%; } .product-view .product-shop .add-to-cart button.button { width: 100%; margin-top: 20px; } } .product-img-box .product-image { margin-bottom: 10px; width: 49.3606138107%; float: left; margin-right: 1.2787723785%; } .product-img-box .product-image.product-image-second { float: right; margin-right: 0; } .product-img-box .product-image img { max-width: 100%; max-height: 750px; margin: 0px auto; } .product-img-box .clickt-to-zoom { font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 13px; line-height: 1.2; text-transform: uppercase; color: #921d80; padding: 10px 30px; background: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/sprites-res2.png) no-repeat 9px 9px; background-size: 80px; clear: both; } @media only screen and (max-width: 479px) { .product-img-box .product-image img { max-height: 450px; } } .product-image-gallery { position: relative; } .product-image-gallery .gallery-image { display: none; } .product-image-gallery .gallery-image.visible { display: block; } .product-image-gallery .gallery-image.visible.hidden { visibility: hidden; } .product-image-gallery:before, .product-image-gallery:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; } .product-image-gallery:before { background-color: white; opacity: 0.8; z-index: 2; } .product-image-gallery:after { background-image: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } .product-image-gallery.loading { position: relative; } .product-image-gallery.loading:before, .product-image-gallery.loading:after { display: block; } .product-image-thumbs li { display: inline-block; } .product-image-thumbs li:first-child { margin-left: -1px; } .product-image-thumbs a { display: inline-block; border: 1px solid transparent; } .no-touch .product-image-thumbs a:hover { border-color: #c7c7c7; } .product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .block-related { padding-left: 15px; } .product-view .product-shop, .product-img-box, .product-collateral, .product-view .block-related, .box-collateral { margin-bottom: 10px; } .product-view { /* Set a min-height so that the floated elements break appropriately */ } .product-view .product-et-shipping, .product-view .product-finder-store { max-width: 100%; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; border-top: 1px #3b3b3b dashed; } .product-view .product-et-shipping:after, .product-view .product-finder-store:after { content: " "; display: block; clear: both; } .product-view .product-et-shipping:after, .product-view .product-finder-store:after { content: ''; display: table; clear: both; } .product-view .product-et-shipping label, .product-view .product-finder-store label { font-size: 16px; color: #921d80; font-family: "proxima_nova_softbold", Arial, sans-serif; text-transform: uppercase; line-height: 32px; width: 40.9207161125%; float: left; margin-right: 1.2787723785%; } @media only screen and (max-width: 1024px) { .product-view .product-et-shipping label, .product-view .product-finder-store label { width: 15.6010230179%; float: left; margin-right: 1.2787723785%; } } @media only screen and (max-width: 770px) { .product-view .product-et-shipping label, .product-view .product-finder-store label { width: 40.9207161125%; float: left; margin-right: 1.2787723785%; } } .product-view .product-et-shipping label:before, .product-view .product-finder-store label:before { content: ''; margin-right: 8px; display: inline-block; background-image: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/sprites.png); border: none; vertical-align: top; background-repeat: no-repeat; } .product-view .product-et-shipping .finder-store-fields, .product-view .product-et-shipping .et-shipping-fields, .product-view .product-finder-store .finder-store-fields, .product-view .product-finder-store .et-shipping-fields { width: 57.800511509%; float: right; margin-right: 0; } .product-view .product-et-shipping .finder-store-fields .field, .product-view .product-et-shipping .et-shipping-fields .field, .product-view .product-finder-store .finder-store-fields .field, .product-view .product-finder-store .et-shipping-fields .field { display: block; position: relative; } .product-view .product-et-shipping .finder-store-fields .field .input-box, .product-view .product-et-shipping .et-shipping-fields .field .input-box, .product-view .product-finder-store .finder-store-fields .field .input-box, .product-view .product-finder-store .et-shipping-fields .field .input-box { padding: 0; } .product-view .product-et-shipping .finder-store-fields .field .input-box:focus, .product-view .product-et-shipping .et-shipping-fields .field .input-box:focus, .product-view .product-finder-store .finder-store-fields .field .input-box:focus, .product-view .product-finder-store .et-shipping-fields .field .input-box:focus { border: 1px solid #009fdb; border-right: 100px; } .product-view .product-et-shipping .finder-store-fields .field .input-box input[type=text], .product-view .product-et-shipping .et-shipping-fields .field .input-box input[type=text], .product-view .product-finder-store .finder-store-fields .field .input-box input[type=text], .product-view .product-finder-store .et-shipping-fields .field .input-box input[type=text] { border-radius: 100px; width: 100%; height: 34px; padding-right: 36px; font-size: 12px; } .product-view .product-et-shipping .finder-store-fields .field a.button, .product-view .product-et-shipping .et-shipping-fields .field a.button, .product-view .product-finder-store .finder-store-fields .field a.button, .product-view .product-finder-store .et-shipping-fields .field a.button { background-color: #009fdb; color: #fff; padding: 0px 25px; line-height: 32px; border: 0; font-size: 14px; font-weight: normal; font-family: "proxima_nova_softbold", Arial, sans-serif; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; border-radius: 100px; width: auto; min-width: auto; cursor: pointer; line-height: 34px; width: 34px; position: absolute; right: 1px; padding: 0; top: 0; } .product-view .product-et-shipping .finder-store-fields .field a.button:hover, .product-view .product-et-shipping .finder-store-fields .field a.button:focus, .product-view .product-et-shipping .et-shipping-fields .field a.button:hover, .product-view .product-et-shipping .et-shipping-fields .field a.button:focus, .product-view .product-finder-store .finder-store-fields .field a.button:hover, .product-view .product-finder-store .finder-store-fields .field a.button:focus, .product-view .product-finder-store .et-shipping-fields .field a.button:hover, .product-view .product-finder-store .et-shipping-fields .field a.button:focus { background-color: #00678f; text-decoration: none; color: #fff; } @media only screen and (max-width: 770px) { .product-view .product-et-shipping .finder-store-fields .field a.button, .product-view .product-et-shipping .et-shipping-fields .field a.button, .product-view .product-finder-store .finder-store-fields .field a.button, .product-view .product-finder-store .et-shipping-fields .field a.button { width: auto; } } @media only screen and (max-width: 770px) { .product-view .product-et-shipping .finder-store-fields .field a.button, .product-view .product-et-shipping .et-shipping-fields .field a.button, .product-view .product-finder-store .finder-store-fields .field a.button, .product-view .product-finder-store .et-shipping-fields .field a.button { width: 34px; } } @media only screen and (max-width: 1024px) { .product-view .product-et-shipping .finder-store-fields, .product-view .product-et-shipping .et-shipping-fields, .product-view .product-finder-store .finder-store-fields, .product-view .product-finder-store .et-shipping-fields { width: 83.1202046036%; float: right; margin-right: 0; } } @media only screen and (max-width: 770px) { .product-view .product-et-shipping .finder-store-fields, .product-view .product-et-shipping .et-shipping-fields, .product-view .product-finder-store .finder-store-fields, .product-view .product-finder-store .et-shipping-fields { width: 57.800511509%; float: right; margin-right: 0; } } .product-view .product-et-shipping #shipping-results, .product-view .product-et-shipping #stores_result, .product-view .product-finder-store #shipping-results, .product-view .product-finder-store #stores_result { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } @media only screen and (max-width: 599px) { .product-view .product-et-shipping label, .product-view .product-et-shipping .finder-store-fields, .product-view .product-et-shipping .et-shipping-fields, .product-view .product-finder-store label, .product-view .product-finder-store .finder-store-fields, .product-view .product-finder-store .et-shipping-fields { margin-bottom: 5px; width: 100%; float: left; margin-left: 0; margin-right: 0; } } .product-view .product-et-shipping label .et-shipping-label { display: inline-block; } @media only screen and (max-width: 1024px) { .product-view .product-et-shipping label .et-shipping-label { display: none; } } @media only screen and (max-width: 770px) { .product-view .product-et-shipping label .et-shipping-label { display: inline-block; } } .product-view .product-et-shipping label:before { width: 38px; height: 32px; background-position: 0 -953px; } .product-view .product-finder-store { border-bottom: 1px #3b3b3b dashed; padding-bottom: 7px; } .product-view .product-finder-store label .store-locator { display: inline-block; word-spacing: 9999999px; width: 70%; line-height: 1.2; } @media only screen and (max-width: 1024px) { .product-view .product-finder-store label .store-locator { display: none; } } @media only screen and (max-width: 770px) { .product-view .product-finder-store label .store-locator { display: inline-block; } } .product-view .product-finder-store label:before { width: 32px; height: 32px; background-position: 0 -1015px; } .product-view #shipping-result div, .product-view #stores_result div { clear: both; display: block; padding: 20px 0 0 10px; } .product-view #stores_result ol li { list-style-type: decimal; } .product-view #stores_result ol li a { color: #444444; } .product-view .social-bar { padding: 15px 0; display: inline-block; float: left; margin-right: 5px; } .product-view .social-bar li { display: inline-block; margin-right: 10px; } .product-view .social-bar li.facebook-li { width: 50px; height: 20px; overflow: hidden; } .product-view .social-bar li.pin-li { width: 40px !important; } .product-view .emailto-link { display: inline-block; float: left; padding: 15px 0; } .product-view .emailto-link a { color: #16a1d7; padding: 0 0 3px 25px; background: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/sprites-res1.png") no-repeat left -277px; background-size: 270px; } .product-view .add-to-cart { padding-bottom: 3px; margin-bottom: 10px; } .product-view .add-to-cart:after { content: ''; display: table; clear: both; } .product-view .add-to-cart .qty-wrapper, .product-view .product-options-bottom .price-box, .product-view .add-to-cart-buttons { min-height: 40px; } .product-view .product-options-bottom .price-box, .product-view .add-to-cart .qty-wrapper, .product-view .add-to-cart-buttons .button, .product-view .add-to-cart-buttons .paypal-logo { margin-bottom: 10px; } .product-view .add-to-cart .qty-wrapper, .product-view .add-to-cart .qty-wrapper label { margin-right: 7px; float: left; } .product-view .add-to-cart .qty-wrapper label { line-height: 40px; } .product-view .add-to-cart .qty-wrapper .qty { float: left; height: 40px; } .product-view .add-to-cart-buttons { float: left; margin-right: 10px; max-width: 100%; } .product-view .add-to-cart-buttons .paypal-logo { clear: left; text-align: center; } .product-view .add-to-cart-buttons .paypal-logo .paypal-button { margin: 0 auto; display: block; width: 170px; } .product-view .add-to-cart-buttons .paypal-logo .bml_button { display: block; width: 174px; margin: 0 auto; } .product-view .add-to-cart-buttons .paypal-logo .bml_button a { text-align: center; } .product-view .add-to-cart-buttons .paypal-logo .paypal-or { display: block; margin-bottom: 10px; margin-left: 0; margin-right: 0; line-height: 1; text-align: center; } .product-view .add-to-cart-buttons .button { min-height: 40px; line-height: 40px; font-size: 16px; padding: 0px 30px; float: left; min-width: 160px; width: 100%; white-space: normal; } .product-view .alert-price, .product-view .alert-stock { clear: both; } @media only screen and (max-width: 479px) { .product-view .add-to-cart-buttons .paypal-or { line-height: 20px; } .product-view .add-to-cart-buttons .paypal-logo, .product-view .add-to-cart-buttons .paypal-or, .product-view .add-to-cart-buttons .paypal-button, .product-view .add-to-cart-buttons .button { text-align: center; width: 100%; display: block; margin-right: 0; margin-left: 0; float: none; } } /* This is the "or" that separates the "Add to Cart" and "Add to X" links */ .add-to-box .or { display: none; } .product-view .add-to-links li { float: left; margin-right: 13px; margin-top: 10px; } .product-view .add-to-links a { padding: 2px 7px 2px 0px; margin-left: 7px; border-right: 1px solid #d7d7d7; } .product-view .add-to-links li:first-child a { margin-left: 0px; } .product-view .add-to-links li:last-child a { border-right: 0px; } .product-view .sharing-links { float: left; } .product-view .sharing-links:after { content: ''; display: table; clear: both; } .product-view .sharing-links li { float: left; padding: 0px 7px 7px; } .product-view .sharing-links a { text-indent: -9999px; display: block; width: 26px; height: 26px; } .product-view .sharing-links a:hover { opacity: 0.8; } .product-view .sharing-links a.link-wishlist { background-position: 0px -225px; } .product-view .sharing-links a.link-compare { background-position: 0px -250px; } .product-view .sharing-links a.link-email-friend { background-position: 0px -322px; } .product-view .sharing-links a.link-facebook { background-position: 0px -425px; } .product-view .sharing-links a.link-twitter { background-position: 0px -372px; } @media only screen and (max-width: 599px) { .add-to-box .add-to-links a { float: none; width: auto; text-indent: 0; } } /* ============================================ * * Catalog - Product -Tabs * ============================================ */ .product-collateral { margin-top: 30px; width: 66.2404092072%; float: left; margin-right: 1.2787723785%; } @media only screen and (max-width: 770px) { .product-collateral { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } .product-collateral:after { content: ''; display: table; clear: both; } } .product-collateral .box-reviews .form-list li label, .product-collateral .box-reviews .form-list li .input-box { width: 100%; float: left; margin-left: 0; margin-right: 0; float: none; } .product-collateral .box-reviews .form-list li .input-box { margin: 20px 0; } .product-collateral .box-reviews .form-list li .input-box textarea { max-width: 100%; } .product-collateral .box-reviews #review-form { margin-top: 20px; max-width: 100%; margin-left: auto; margin-right: auto; } .product-collateral .box-reviews #review-form:after { content: " "; display: block; clear: both; } .product-collateral .box-reviews #review-form .form-list-star label { padding: 0 0 10px 10px; } .product-collateral .box-reviews #review-form .form-list-star .review-summary-table thead { display: none; } .product-collateral .box-reviews #review-form .form-list-star .review-summary-table tbody td:first-child.label { display: none; } .product-collateral .box-reviews #review-form .form-list-star .review-summary-table tbody .value { padding: 5px; float: left; display: inline-block; border-bottom: none; } .product-collateral .box-reviews #review-form .form-list-star .review-summary-table tbody .value .star { background: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/bkg_rating.png") repeat-x top left; } .product-collateral .box-reviews #review-form .form-list-star .review-summary-table tbody .value .star-yellow { background: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/bkg_rating.png") repeat-x bottom left; } .product-collateral .box-reviews #review-form .form-list-star .review-summary-table tbody .value span { width: 24px; height: 24px; text-indent: -9999px; outline: none; display: block; } .product-collateral .box-reviews #review-form .form-list-star .form-buttons { text-align: left; } .product-collateral .box-reviews #review-form .form-list-star .form-buttons button.button { background-color: #009fdb; color: #fff; padding: 0px 25px; line-height: 32px; border: 0; font-size: 14px; font-weight: normal; font-family: "proxima_nova_softbold", Arial, sans-serif; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; border-radius: 100px; width: auto; min-width: auto; cursor: pointer; float: left; margin-left: 0; } .product-collateral .box-reviews #review-form .form-list-star .form-buttons button.button:hover, .product-collateral .box-reviews #review-form .form-list-star .form-buttons button.button:focus { background-color: #00678f; text-decoration: none; color: #fff; } @media only screen and (max-width: 770px) { .product-collateral .box-reviews #review-form .form-list-star .form-buttons button.button { width: auto; } } ul.product-tabs { border-bottom: 2px solid #f0f0f0; } ul.product-tabs:after { content: ''; display: table; clear: both; } ul.product-tabs li { margin-right: 7px; border-top-right-radius: 15px; border-top-left-radius: 15px; border: 2px solid #f0f0f0; margin-bottom: -2px; } ul.product-tabs li a { color: #921d80; font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 14px; text-transform: uppercase; text-decoration: none; padding: 0 20px; line-height: 30px; } ul.product-tabs li.r-tabs-state-active { border: 2px solid #921d80; border-bottom: none; background-color: #921d80; } ul.product-tabs li.r-tabs-state-active a { color: #fff; } .product-tabs-container { padding: 27px 0; margin-top: -2px; } .product-tabs-container h2 { color: #921d80; font-size: 14px; } .r-tabs .r-tabs-nav { margin: 0; padding: 0; } .r-tabs .r-tabs-tab { display: inline-block; list-style: none; } .r-tabs .r-tabs-panel { padding: 15px; display: none; border-right: 2px solid #f0f0f0; } .r-tabs .r-tabs-accordion-title { display: none; } .r-tabs .r-tabs-panel.r-tabs-state-active { display: block; } /* Accordion responsive breakpoint */ @media only screen and (max-width: 770px) { .r-tabs .r-tabs-nav { display: none !important; } .r-tabs .r-tabs-accordion-title { display: block; border-bottom: 2px solid #921d80; } .r-tabs .r-tabs-accordion-title:first-child { border-top: 2px solid #921d80; } .r-tabs .r-tabs-accordion-title a { display: block; color: #921d80; text-decoration: none; padding-left: 28px; position: relative; line-height: 36px; width: 100%; font-size: 16px; font-weight: normal; } .r-tabs .r-tabs-accordion-title a:after { font-family: FontAwesome; position: absolute; left: 0; color: #921d80; content: '\f055'; } .r-tabs .r-tabs-accordion-title.r-tabs-state-active a:after { font-family: FontAwesome; position: absolute; left: 0; color: #921d80; content: '\f056'; } } /*===== //-End Tabs =====*/ .box-reviews .box-collateral-title { font-size: 13px; font-weight: bold; text-transform: uppercase; font-family: "proxima_nova_softbold", Arial, sans-serif; margin-bottom: 30px; } .box-reviews .box-reviews-container dt { font-weight: bold; margin-bottom: 10px; } .box-reviews .box-reviews-container dt .review-by span { color: #921d80; } .box-reviews .box-reviews-container .ratings-table { margin-bottom: 10px; } .box-reviews .box-reviews-container .ratings-table th { font-weight: bold; padding-right: 10px; } .box-reviews #review-form { padding: 15px; border: 2px solid #f0f0f0; } .box-collateral.box-reviews { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } .box-collateral.box-reviews:after { content: ''; display: table; clear: both; } .box-collateral.box-related { width: 32.4808184143%; float: right; margin-right: 0; clear: right; } .box-collateral.box-related.box-related { padding: 0 15px; margin-top: 30px; } .box-collateral.box-related.box-related .box-title { margin-bottom: 20px; } .box-collateral.box-related.box-related .box-title h2 { font-size: 20px; background: #921d80; color: #fff; padding: 5px 0; text-align: center; border-radius: 15px; line-height: 24px; text-transform: lowercase; } .box-collateral.box-related.box-related ul#related-products li { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; float: none; margin-bottom: 10px; margin-bottom: 30px; } .box-collateral.box-related.box-related ul#related-products li .item { position: relative; } .box-collateral.box-related.box-related ul#related-products li .item:after { content: ''; display: table; clear: both; } .box-collateral.box-related.box-related ul#related-products li .item a.product-image { position: relative; padding-bottom: 33%; border: none; width: 32.4808184143%; float: left; margin-right: 1.2787723785%; } .box-collateral.box-related.box-related ul#related-products li .item a.product-image img { width: 100%; height: auto; max-width: 140px; border: 1px solid #d7d7d7; position: absolute; left: 0; top: 0; } .box-collateral.box-related.box-related ul#related-products li .item p.product-name a { color: #3b3b3b; } .box-collateral.box-related.box-related ul#related-products li .item p.product-name, .box-collateral.box-related.box-related ul#related-products li .item .price-box, .box-collateral.box-related.box-related ul#related-products li .item .no-rating, .box-collateral.box-related.box-related ul#related-products li .item .listing-online-instock, .box-collateral.box-related.box-related ul#related-products li .item .listing-instore-instock, .box-collateral.box-related.box-related ul#related-products li .item .listing-online-outofstock, .box-collateral.box-related.box-related ul#related-products li .item .ratings { width: 57.800511509%; float: right; margin-right: 0; } .box-collateral.box-related.box-related ul#related-products li .item .ratings { clear: none; } .box-collateral.box-related.box-related ul#related-products li .item .no-rating, .box-collateral.box-related.box-related ul#related-products li .item .amount { display: none; } @media only screen and (max-width: 770px) and (min-width: 479px) { .box-collateral.box-related.box-related ul#related-products li .item a.product-image { margin-bottom: 5px; } .box-collateral.box-related.box-related ul#related-products li .item a.product-image img { width: 100%; max-width: 100%; } .box-collateral.box-related.box-related ul#related-products li .item a.product-image, .box-collateral.box-related.box-related ul#related-products li .item p.product-name, .box-collateral.box-related.box-related ul#related-products li .item .price-box, .box-collateral.box-related.box-related ul#related-products li .item .no-rating, .box-collateral.box-related.box-related ul#related-products li .item .listing-online-instock, .box-collateral.box-related.box-related ul#related-products li .item .listing-instore-instock, .box-collateral.box-related.box-related ul#related-products li .item .listing-online-outofstock, .box-collateral.box-related.box-related ul#related-products li .item .ratings { width: 100%; float: left; margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 770px) and (min-width: 479px) { .box-collateral.box-related.box-related ul#related-products li { width: 32.4808184143%; float: left; margin-right: 1.2787723785%; clear: none; } .box-collateral.box-related.box-related ul#related-products li:last-child { margin-right: 0; } } .box-collateral.box-related .price-box .regular-price .price { color: #3b3b3b; } @media only screen and (max-width: 770px) { .box-collateral.box-related { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } .box-collateral.box-related:after { content: ''; display: table; clear: both; } } @media only screen and (max-width: 770px) { .product-collateral .toggle-tabs { display: none; } .product-collateral > dl > dt { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; position: relative; display: block; } .product-collateral > dl > dt:after { font-family: FontAwesome; position: absolute; left: 0; color: #009fdb; content: '\f055'; } .product-collateral > dl > dt { cursor: pointer; border-bottom-width: 0; } .product-collateral > dl > dt:hover { color: #009fdb; } .product-collateral > dl > dt:after { font-family: FontAwesome; position: absolute; left: 0; color: #009fdb; content: '\f055'; } .product-collateral > dl > dt.last { border-bottom-width: 1px; } .product-collateral > dl > dd { display: none; } .product-collateral.accordion-open > dl > dt.current { border-bottom-width: 1px; } .product-collateral.accordion-open > dl > dt.current:after { font-family: FontAwesome; position: absolute; left: 0; color: #009fdb; content: '\f056'; } .product-collateral.accordion-open > dl > dd.current { display: block; } } @media only screen and (max-width: 770px) { .product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .block-related, .product-img-box, .product-collateral { width: 100%; float: none; padding-right: 0; padding-left: 0; } } @media only screen and (min-width: 771px) { .product-view .product-shop .product-name { display: block; } .product-img-box .product-name { display: none; } } @media only screen and (max-width: 479px) { .product-view .product-shop, .product-img-box, .product-collateral, .product-view .block-related, .box-collateral { margin-bottom: 15px; } } .product-view .ratings .rating-links { clear: left; float: left; margin-top: 0; } #product-attribute-specs-table { max-width: 50em; border: 1px solid #C0C0C0; } #product-attribute-specs-table th { border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; } /* -------------------------------------------- * * Catalog - Grouped Product List */ .grouped-items-table-wrapper { border: solid 1px #C0C0C0; width: 100%; padding: 10px; margin-bottom: 15px; } .grouped-items-table-wrapper tbody tr:last-child td { border-bottom: none; } @media only screen and (max-width: 479px) { .grouped-items-table-wrapper { margin-bottom: 15px; } } .grouped-items-table .name-wrapper { color: #009fdb; font-family: "proxima_nova_softbold", Arial, sans-serif; } .grouped-items-table .qty-wrapper { padding-top: 7px; } .grouped-items-table .qty-label { margin-left: 7px; } .grouped-items-table td { padding: 4px; } .grouped-items-table td:last-child { width: 30%; text-align: left; } .grouped-items-table .price-box { text-align: right; } /* -------------------------------------------- * * Catalog - Product Options */ .product-options { width: 100%; margin: 10px 0 0; padding: 10px 15px 15px; border: 1px solid #CCCCCC; clear: both; position: relative; } .product-options p.required { position: absolute; top: 6px; right: 15px; text-align: right; } @media only screen and (max-width: 979px) { .product-view .product-options .required { position: static; } } .product-options dt { margin: 10px 0 3px; font-weight: normal; } .product-options dt:first-child { margin-top: 0; } .product-options dd .qty-holder { display: block; padding: 10px 0 0 0; } .product-options dd .qty-holder .qty { width: 3em; } .product-options dd .qty-holder label { vertical-align: middle; } .product-options dd .qty-disabled { background: none; border: 0; padding: 0 2px; } .product-options dd { padding: 0 0 10px 0; margin: 0 0 5px; border-bottom: 1px solid #EDEDED; } .product-options dl.last dd.last { border-bottom: 0; padding-bottom: 5px; margin-bottom: 0; } .product-options dd .input-text { width: 98%; } .product-options dd .input-box { padding-top: 0; } .product-options dd input.datetime-picker { width: 150px; } .product-options dd .time-picker { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 2px 0; vertical-align: middle; } .product-options dd textarea { width: 98%; height: 8em; } .product-options dd select { width: 330px; max-width: 100%; } .product-options ul.options-list { margin-right: 5px; } .product-options ul.options-list li { line-height: 1.5; margin-bottom: 7px; } .product-options ul.options-list li:last-child { margin-bottom: 0; } .product-options ul.options-list .radio, .product-options ul.options-list .checkbox { float: left; margin-top: 5px; } .product-options ul.options-list .label { display: block; } .product-options ul.options-list label { font-weight: normal; } .product-options p.note { margin: 0; font-size: 11px; } .product-options-bottom { background-color: #F4F4F4; padding: 15px 20px; border: 1px solid #CCCCCC; border-top: 0; margin-bottom: 10px; } .product-options-bottom:after { content: ''; display: table; clear: both; } .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { float: right; margin: 0; padding: 0 0 10px; border: 0; background: 0; color: #444444; } @media only screen and (max-width: 1199px) { .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { float: none; width: 100%; text-align: right; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #CCCCCC; } } .product-options-bottom .tier-prices li { background: 0; padding: 2px 0; } .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color: #444444; } /* "display: none" should be removed if products on site have a long list of product options and those product options */ /* affect the price so that the customer can see the updated price close to the "Add to Cart" button */ .product-options-bottom .price-box { display: none; float: right; margin: 0 0 10px; padding: 0; } @media only screen and (max-width: 479px) { .product-options-bottom .price-box .price-as-configured { text-align: right; } .product-options-bottom .price-box .price-as-configured .price-label { display: block; } } .product-options-bottom .price-tax { float: left; } /* -------------------------------------------- * * Related Products */ /* Block: Related */ .block-related li { margin-bottom: 7px; } .block-related .block-title { border-bottom: none; } .block-related .block-title h2 { margin: 0; margin-bottom: 0.5em; color: #444444; font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; margin-bottom: 0; } .block-related .block-subtitle { margin-bottom: 7px; } .block-related .product { margin-left: 20px; position: relative; } .block-related .checkbox { float: left; margin-top: 36px; } .block-related .product-details { margin-left: 90px; } .block-related .product-name { margin-bottom: 3px; } .block-related .product-details .price-box { margin: 2px 0 3px; } .block-related .product-details .price-box a, .block-related .product-details .price-box p, .block-related .product-details .price-box span { float: left; margin-left: 3px; } .block-related .product-details .price-box a:first-child, .block-related .product-details .price-box p:first-child, .block-related .product-details .price-box span:first-child { margin-left: 0; font-size: 16px; padding-right: 5px; padding-left: 5px; } .block-related .product-details .price-box:after { content: ''; display: table; clear: both; } .block-related .link-wishlist { display: none; } /* -------------------------------------------- * * Upsell Products */ .box-up-sell { margin-top: 20px; } .box-up-sell .ratings { display: none; } .product-carousel { width: 100%; } .product-carousel > .item { float: left; width: 15.6010230179%; float: left; margin-right: 1.2787723785%; position: relative; /* To keep product labels inside item container */ } .product-carousel > .item:nth-child(n+4) { display: none; } /* ============================================ * * Checkout - Mini cart * ============================================ */ .top-cart .mini-products-list li { margin: 0; border-bottom: 1px solid #ccc; margin-bottom: 10px; } .top-cart .mini-products-list li .product-image { display: block; width: 90px; height: 90px; margin: 0 10px 10px 0; } .top-cart .mini-products-list li .product-image img { width: 100%; height: auto; } .top-cart .mini-products-list li .product-details { margin-left: 90px; text-align: left; } .top-cart .mini-products-list li .product-details .product-name { padding: 0; margin-bottom: 5px; font-weight: bold; } .top-cart .mini-products-list li .product-details .product-name a { color: #444444; } .top-cart .mini-products-list li .product-details .btn-remove { text-indent: 0; position: relative; } .top-cart .mini-products-list li .product-details .btn-remove:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #333333; content: "\f1f8"; color: #01b15d; font-size: 13px; line-height: 20px; } .top-cart .firt-total, .top-cart .subtotal { text-align: left; margin-bottom: 5px; } .top-cart .firt-total .price, .top-cart .subtotal .price { float: right; } .top-cart .subtotal { font-weight: bold; margin: 15px 0; font-size: 14px; } .top-cart .actions button { width: 100%; line-height: 32px; } /* ============================================ * * Checkout Cart - Layout * ============================================ */ .cart { margin-bottom: 30px; } .cart table { width: 100%; } .cart .update-cart, .cart .link-continue { font-size: 14px; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; text-decoration: underline; } .cart .page-title { padding-left: 15px; margin-top: 15px; } .cart .page-title h1 { color: #921d80; border-bottom: 0; margin-bottom: 0; line-height: 32px; } .cart .page-title { border-bottom: 1px solid #d7d7d7; padding-bottom: 15px; } .cart .checkout-types { float: right; } .cart .checkout-types .button.btn-checkout { border-radius: 100px; background: #01b15d; padding: 0 25px; line-height: 32px; color: #fff; font-size: 14px; } .cart .checkout-types .button.btn-checkout:hover { color: #fff; background: #017e42; } .cart h1, .cart .checkout-types { display: inline-block; } .cart .discount, .cart .totals { max-width: 100%; margin-left: auto; margin-right: auto; } .cart .discount:after, .cart .totals:after { content: " "; display: block; clear: both; } .cart .discount { text-align: right; padding: 10px; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; } .cart .discount h2 { color: #444444; font-size: 12px; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; coursor: pointer; margin-bottom: 0; line-height: 35px; vertical-align: top; } .cart .discount #promo-code, .cart .discount #discount-coupon-form { display: inline-block; } .cart .discount #discount-coupon-form .v-fix, .cart .discount #discount-coupon-form button.button { display: inline-block; padding: 0 25px; line-height: 35px; border-radius: 100px; vertical-align: top; } .cart .discount #discount-coupon-form .validation-advice { line-height: 1; } .cart .totals { max-width: 100%; margin-left: auto; margin-right: auto; padding: 20px 0 0; border-bottom: 1px solid #d7d7d7; } .cart .totals:after { content: " "; display: block; clear: both; } .cart .totals .list-payment { width: 40.9207161125%; float: left; margin-right: 1.2787723785%; display: inline-block; padding-bottom: 20px; } .cart .totals .list-payment li { display: inline-block; margin-right: 10px; } .cart .totals #shopping-cart-totals-table td.a-right, .cart .totals .cart_shipping_method td.a-right, .cart .totals #shopping-cart-totals-delivery td.a-right { width: 40%; } .cart .totals #shopping-cart-totals-table td, .cart .totals .cart_shipping_method td, .cart .totals #shopping-cart-totals-delivery td { padding: 5px 0; } .cart .totals #shopping-cart-totals-delivery td strong { color: #333333; font-size: 14px; } .cart .totals .total-est-form { width: 57.800511509%; float: right; margin-right: 0; text-align: right; } .cart .totals .total-bottom { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; text-align: right; border-top: 1px solid #777777; padding: 20px 0; } .cart .totals .total-bottom .link-continue { text-align: left; } .cart .totals .total-bottom #shopping-cart-totals-delivery { margin-bottom: 10px; } .cart .totals .total-bottom table { width: 57.800511509%; float: right; margin-right: 0; } .cart .totals .total-bottom .checkout-types { width: 57.800511509%; float: right; margin-right: 0; } .cart .totals .total-bottom .link-continue { width: 40.9207161125%; float: left; margin-right: 1.2787723785%; line-height: 32px; } @media only screen and (max-width: 770px) { .cart .totals .list-payment, .cart .totals .total-est-form, .cart .totals .total-bottom .link-continue, .cart .totals .total-bottom table { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } .cart .totals .total-bottom .link-continue { text-align: center; } .cart .totals .list-payment { text-align: center; } .cart .totals .list-payment li { margin-right: 5px; } .cart .totals #shopping-cart-totals-table tbody td.a-right:nth-child(odd), .cart .totals .cart_shipping_method tbody td.a-right:nth-child(odd), .cart .totals #shopping-cart-totals-delivery tbody td.a-right:nth-child(odd) { text-align: left; } .cart .totals #shopping-cart-totals-table tbody td.a-right:nth-child(odd) label, .cart .totals .cart_shipping_method tbody td.a-right:nth-child(odd) label, .cart .totals #shopping-cart-totals-delivery tbody td.a-right:nth-child(odd) label { padding-left: 0; } } @media only screen and (max-width: 770px) { .cart h1 { display: block; width: 100%; } .cart .checkout-types { display: none; } .cart .total-bottom .checkout-types { display: block; } } #shopping-cart-table h2.product-name { text-transform: uppercase; font-size: 14px; color: #444444; } #shopping-cart-table h2.product-name a { font-size: 12px; color: #444444; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; } #shopping-cart-table td .cart-price, #shopping-cart-table td .cart-item-qty { font-family: Verdana, "Helvetica Neue", Arial, sans-serif; } #shopping-cart-table td .input-text.qty { text-align: center; border: 1px solid #d7d7d7; height: 28px; width: 28px; margin: 7px 0 0; } #shopping-cart-table td .cart-item-qty { text-transform: uppercase; } #shopping-cart-table td.mobile-column.last { width: 20%; } #shopping-cart-table thead th, #shopping-cart-table tbody td { border-bottom: none; } #shopping-cart-table tfoot tr { background: none; } #shopping-cart-table a.btn-remove { background-image: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/icon_bin.png"); background-size: 25px 25px; margin: 7px 0 0; display: block; height: 25px; width: 25px; clear: both; background-position: 0 0; } #shopping-cart-table a.btn-remove.btn-remove-mobile { display: none; } #shopping-cart-table .mobile-column.price .cart-price { list-style: none; display: list-item; } #shopping-cart-table .mobile-column.price .cart-price.special-price { color: #ec1c3c; font-size: 13px; } #shopping-cart-table .mobile-column.price .cart-price.special-price .price { color: #ec1c3c; } @media only screen and (max-width: 770px) { #shopping-cart-table tfoot td.a-right { text-align: center; } #shopping-cart-table tbody td.a-right { text-align: left; } #shopping-cart-table a.btn-remove { display: none; } #shopping-cart-table a.btn-remove.btn-remove-mobile { display: block; } } @media only screen and (max-width: 640px) { .cart-table tbody { display: block; width: 100%; } .cart-table tbody tr { position: relative; display: block; width: 100%; } .cart-table tbody tr:after { content: ''; display: table; clear: both; } .cart-table tbody tr td:first-child { max-width: 102px; width: 100%; float: left; } .cart-table tbody tr td.name { display: inline-block; float: left; margin-left: 1%; width: 62%; padding-right: 30px; } .cart-table tbody tr td.name a.btn-remove { position: absolute; right: 0px; top: 6px; background-image: none; display: block !important; font-size: 0 !important; text-align: center; width: 25px; height: 25px; border-radius: 50%; } .cart-table tbody tr td.name a.btn-remove:before { content: 'X'; color: #fff; font-size: 15px; display: block; width: 25px; height: 25px; line-height: 25px; background: #921d80; } .cart-table tbody tr td.qty { display: inline-block; float: left; margin-left: 1%; width: 62%; text-align: left; padding: 0 10px; } .cart-table tbody tr td.qty .input-text.qty { margin: 0; } .cart-table tbody tr td.price { display: inline-block; float: left; margin-left: 1%; line-height: 30px; width: 62% !important; } .cart-table tbody td { display: inline-block; } } @media only screen and (max-width: 480px) { .cart-table tbody tr td:first-child { padding-bottom: 40px; } } /* ============================================ * * Checkout - One Page * ============================================ */ .checkout-onepage-index { background-image: none; } .checkout-onepage-index .back_to_cart { position: absolute; right: 45px; top: 40px; } .checkout-onepage-index .back_to_cart a { display: block; border: 2px solid #921d80; text-align: center; line-height: 45px; padding: 0 35px; font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 16px; color: #921d80; text-transform: uppercase; } .checkout-onepage-index .back_to_cart a:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #333333; content: "\f053"; color: #921d80; padding-right: 6px; vertical-align: middle; } .checkout-onepage-index .back_to_cart a:hover { text-decoration: none; background: #921d80; color: #fff; } .checkout-onepage-index .back_to_cart a:hover:before { color: #fff; } .checkout-onepage-index .sub-header-container { display: none; } .checkout-onepage-index .main { padding-top: 20px; } .checkout-onepage-index .header-container { background-color: #FEF200; } .checkout-onepage-index .top-cart #topCartContent.block-content { display: none !important; } .checkout-onepage-index .top-cart strong#cartHeader, .checkout-onepage-index .top-cart .welcome-msg, .checkout-onepage-index .top-cart .quick-access, .checkout-onepage-index .top-cart .list-services { display: none; } .checkout-onepage-index .header { padding-bottom: 25px; } .checkout-onepage-index .header .branding { float: none; margin: 0 auto; } @media only screen and (max-width: 979px) { .checkout-onepage-index .header .branding { float: left; } .checkout-onepage-index .back_to_cart { top: 29px; } .checkout-onepage-index .header-container { padding-bottom: 0; } } @media only screen and (max-width: 599px) { .checkout-onepage-index .anchor_link_account { display: none; } .checkout-onepage-index .back_to_cart { right: 30px; top: 23px; } .checkout-onepage-index .back_to_cart a { line-height: 27px; padding: 0px 8px; font-size: 11px; } } .opc-wrapper { max-width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 30px; margin-top: 15px; } .opc-wrapper:after { content: " "; display: block; clear: both; } .opc-wrapper .page-title { padding-left: 10px; } @media only screen and (max-width: 770px) { .opc-wrapper .page-title { padding-left: 0; } } .opc-wrapper .page-title h1 { color: #921d80; border-bottom: none; } .opc-wrapper .opc-progress-container { width: 32.4808184143%; float: right; margin-right: 0; } .opc-wrapper .opc-progress-container .block-progress.opc-block-progress > .block-title { text-align: center; background-color: #FEFA00; border-radius: 100px; padding: 0; margin: 10px 0 0; } .opc-wrapper .opc-progress-container .block-progress.opc-block-progress > .block-title strong { width: 100%; color: #921d80; font-size: 16px; text-transform: lowercase; line-height: 37px; } .opc-wrapper .opc-progress-container .block-progress.opc-block-progress .block-content dt { text-transform: uppercase; } .opc-wrapper .opc-progress-container .block-progress.opc-block-progress .block-content dt.complete { color: #921d80; } .opc-wrapper .opc-progress-container .block-progress.opc-block-progress .block-content .changelink a { color: #01b15d; } .opc-wrapper .opc { width: 66.2404092072%; float: left; margin-right: 1.2787723785%; } .opc-wrapper .opc .form-list li:not(.control) label, .opc-wrapper .opc .form-list .fieldset li:not(.control) label { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; padding-bottom: 7px; } .opc-wrapper .opc .form-list li:not(.control) .input-box, .opc-wrapper .opc .form-list .fieldset li:not(.control) .input-box { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; max-width: 250px; } .opc-wrapper .opc .form-list li.control { margin-left: 0; } .opc-wrapper .opc .form-list li.control .input-box { max-width: 22px; width: auto; padding: 0; } .opc-wrapper .opc .form-list li.control label { clear: none; width: auto; } .opc-wrapper .opc .form-list li.fields { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } .opc-wrapper .opc .input-box input[type=email], .opc-wrapper .opc .input-box input[type=search], .opc-wrapper .opc .input-box input[type=number], .opc-wrapper .opc .input-box input[type=password], .opc-wrapper .opc .input-box input[type=tel], .opc-wrapper .opc .input-box input[type=text], .opc-wrapper .opc .input-box select { max-width: 250px; height: 30px; line-height: 30px; } .opc-wrapper .opc .input-box input[type="checkbox"].checkbox, .opc-wrapper .opc .input-box input[type="radio"].radio { margin-top: 4px; background: transparent !important; border: none; } .opc-wrapper .opc .input-box input[type="radio"].radio { height: 28px; } .opc-wrapper .opc .input-box input[type="checkbox"].checkbox:after, .opc-wrapper .opc .input-box input[type="radio"].radio:after { top: 0px; } .opc-wrapper .opc .input-box.custom-select:after { top: 1px; right: 1px; left: auto; padding: 6px; } .opc-wrapper .opc .input-box.custom-select:before { top: 1px; height: 28px; left: auto; right: 1px; } .opc-wrapper .opc .button { background-color: #01b15d; color: #fff; padding: 0px 25px; line-height: 32px; border: 0; font-size: 14px; font-weight: normal; font-family: "proxima_nova_softbold", Arial, sans-serif; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; border-radius: 100px; width: auto; min-width: auto; cursor: pointer; } .opc-wrapper .opc .button:hover, .opc-wrapper .opc .button:focus { background-color: #008948; text-decoration: none; color: #fff; } @media only screen and (max-width: 770px) { .opc-wrapper .opc .button { width: auto; } } @media only screen and (max-width: 770px) { .opc-wrapper .opc .button { width: auto; margin-right: 0; min-width: auto; } } .opc-wrapper .opc .gift-message-open-link { padding: 10px 0 0; } .opc-wrapper .opc #co-billing-form ul.form-list > li, .opc-wrapper .opc #co-shipping-form ul.form-list > li { margin-bottom: 0; } .opc-wrapper .opc #co-billing-form ul.form-list .fieldset > ul li, .opc-wrapper .opc #co-shipping-form ul.form-list .fieldset > ul li { clear: both; padding-top: 15px; } .opc-wrapper .opc #co-billing-form ul.form-list .fieldset > ul li.control, .opc-wrapper .opc #co-shipping-form ul.form-list .fieldset > ul li.control { padding-bottom: 0; } .opc-wrapper .opc #co-billing-form ul.form-list li.control, .opc-wrapper .opc #co-shipping-form ul.form-list li.control { padding-top: 10px; padding-bottom: 0; margin-bottom: 0; margin-top: 0; clear: both; } .opc-wrapper .opc #co-billing-form ul.form-list li.control label, .opc-wrapper .opc #co-shipping-form ul.form-list li.control label { background-color: transparent; } .opc-wrapper .opc #co-billing-form ul.form-list li.fields .field, .opc-wrapper .opc #co-shipping-form ul.form-list li.fields .field { width: 49.3606138107%; float: left; margin-right: 1.2787723785%; margin-bottom: 0; } .opc-wrapper .opc #co-billing-form ul.form-list li.fields .field:nth-child(even), .opc-wrapper .opc #co-shipping-form ul.form-list li.fields .field:nth-child(even) { float: right; margin-right: 0; } @media only screen and (max-width: 770px) { .opc-wrapper .opc #co-billing-form ul.form-list li.fields .field, .opc-wrapper .opc #co-shipping-form ul.form-list li.fields .field { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } .opc-wrapper .opc #co-billing-form ul.form-list li.fields .field:nth-child(even), .opc-wrapper .opc #co-shipping-form ul.form-list li.fields .field:nth-child(even) { padding-top: 15px; } } .opc-wrapper .opc #onepage-checkout-shipping-method-additional-load h3 { color: #921d80; } .opc-wrapper .opc #payment_form_magebasedpspxpost li:last-child img { display: inline-block; } .opc-wrapper .opc #co-billing-form ul.form-list li.form-alt label { display: block; } .opc-wrapper .opc #opc-shipping_method #allow-gift-messages-for-order-container { border: 2px solid #F0F0F0; padding: 20px; margin-top: 15px; } .opc-wrapper .opc #opc-shipping_method #allow-gift-messages-for-order-container .form-list li { max-width: 100%; margin-left: auto; margin-right: auto; } .opc-wrapper .opc #opc-shipping_method #allow-gift-messages-for-order-container .form-list li:after { content: " "; display: block; clear: both; } .opc-wrapper .opc #opc-shipping_method #allow-gift-messages-for-order-container .form-list li textarea { width: 100%; max-width: 100%; } .opc-wrapper .opc #opc-shipping_method #allow-gift-messages-for-order-container .form-list li .field { width: 49.3606138107%; float: left; margin-right: 1.2787723785%; } .opc-wrapper .opc #opc-shipping_method #allow-gift-messages-for-order-container .form-list li .field:last-child { float: right; margin-right: 0; } @media only screen and (max-width: 770px) { .opc-wrapper .opc #opc-shipping_method #allow-gift-messages-for-order-container .form-list li .field { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; clear: both; } } .opc-wrapper .opc #opc-shipping_method #allow-gift-options-container { padding-left: 30px; } .opc-wrapper .opc #opc-shipping_method #allow-gift-options-container #gift-wrapping-form-select label + strong { line-height: 25px; vertical-align: top; } @media only screen and (max-width: 770px) { .opc-wrapper .opc #opc-shipping_method #allow-gift-options-container { padding-left: 0; } } .opc-wrapper .opc #opc-shipping_method dl.sp-methods dd label { padding-left: 0; } .opc-wrapper .opc #opc-payment dl.sp-methods dd ul#payment_form_magebasedpspxpost { display: inline-block; padding: 15px 20px; border: 2px solid #d7d7d7; margin-left: 32px; } @media only screen and (max-width: 770px) { .opc-wrapper .opc #opc-payment dl.sp-methods dd ul#payment_form_magebasedpspxpost { display: block; padding: 15px 10px; margin-left: 0; } } .opc-wrapper .opc #checkout-payment-method-load #dt_method_paypal_standard label img { padding-right: 15px; } .opc-wrapper .opc #checkout-payment-method-load #dt_method_paypal_standard label > a { margin-top: 0; } .opc-wrapper .opc #payment-progress-opcheckout dd.complete p strong { font-weight: normal; } .opc-wrapper .opc li #checkout-step-login { padding: 15px 0; } .opc-wrapper .opc li #checkout-step-login .col2-set { max-width: 100%; margin-left: auto; margin-right: auto; } .opc-wrapper .opc li #checkout-step-login .col2-set:after { content: " "; display: block; clear: both; } .opc-wrapper .opc li #checkout-step-login .col2-set .col-1, .opc-wrapper .opc li #checkout-step-login .col2-set .col-2 { width: 49.3606138107%; float: left; margin-right: 1.2787723785%; padding: 0; } .opc-wrapper .opc li #checkout-step-login .col2-set .col-1 > p, .opc-wrapper .opc li #checkout-step-login .col2-set .col-1 strong, .opc-wrapper .opc li #checkout-step-login .col2-set .col-2 > p, .opc-wrapper .opc li #checkout-step-login .col2-set .col-2 strong { font-family: Verdana, "Helvetica Neue", Arial, sans-serif; font-weight: normal; } .opc-wrapper .opc li #checkout-step-login .col2-set .col-1 .form-list, .opc-wrapper .opc li #checkout-step-login .col2-set .col-2 .form-list { margin-top: 15px; } .opc-wrapper .opc li #checkout-step-login .col2-set .col-1 .form-list .control input[type="radio"].radio, .opc-wrapper .opc li #checkout-step-login .col2-set .col-2 .form-list .control input[type="radio"].radio { border: none; padding-top: 6px; } .opc-wrapper .opc li #checkout-step-login .col2-set .col-1 .form-list .control label, .opc-wrapper .opc li #checkout-step-login .col2-set .col-2 .form-list .control label { background-color: transparent; } .opc-wrapper .opc li #checkout-step-login .col2-set .col-1 h4, .opc-wrapper .opc li #checkout-step-login .col2-set .col-2 h4 { text-transform: capitalize; } .opc-wrapper .opc li #checkout-step-login .col2-set .col-1 { float: right; margin-right: 0; position: relative; } @media only screen and (min-width: 1200px) { .opc-wrapper .opc li #checkout-step-login .col2-set .col-1 { padding-right: 30px; padding-left: 30px; } .opc-wrapper .opc li #checkout-step-login .col2-set .col-1:before { content: ''; position: absolute; left: 0; height: 80%; top: 20px; border-left: 2px solid #F0F0F0; } .opc-wrapper .opc li #checkout-step-login .col2-set .col-2 { padding-left: 30px; padding-left: 30px; } } @media only screen and (max-width: 770px) { .opc-wrapper .opc li #checkout-step-login .col2-set .col-1, .opc-wrapper .opc li #checkout-step-login .col2-set .col-2 { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } .opc-wrapper .opc li #checkout-step-login .col2-set .col-1 { margin-bottom: 30px; } .opc-wrapper .opc li #checkout-step-login .col2-set .col-1:before { display: none; } .opc-wrapper .opc li #checkout-step-login .col2-set .button { width: auto; } } @media only screen and (max-width: 770px) { .opc-wrapper .opc-progress-container { display: none; } .opc-wrapper .opc { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } } .checkout-onepage-index .col-right, .checkout-onepage-index .col-left { display: none; } .checkout-onepage-index .col-main { width: auto; float: none; } .checkout-onepage-index .col-main .page-title h1 { color: #921d80; } .checkout-onepage-success h2.sub-title { color: #921d80; } /* -------------------------------------------- * * Section Styling - Default */ .opc .section .step-title { width: 100%; position: relative; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .opc .section.allow:not(.active) .step-title { cursor: pointer; } .opc .section .step-title { border-bottom: 2px solid #F0F0F0; padding: 10px 0; } .opc .section .step-title a { display: none; } .opc .section.allow:not(.active) .step-title a { display: block; float: right; line-height: 40px; height: 40px; padding: 0px 10px; } .no-touch .opc .section .step-title a:hover { text-decoration: none; } .opc .section .step-title .number, .opc .section.allow.active .step-title .number, .no-touch .opc .section.allow:hover .step-title .number { width: 35px; height: 35px; text-align: center; color: #921d80; line-height: 37px; background-color: #FEFA00; display: block; position: absolute; border-radius: 100px; font-size: 16px; font-family: "proxima_nova_softbold", Arial, sans-serif; left: 1px; top: 11px; } .opc .section.allow .step-title:hover h2, .opc .section.active .step-title h2 { color: #fff; background-color: #921d80; border-radius: 100px; } .opc .section .step-title h2 { width: 100%; font-size: 16px; color: #921d80; font-size: 16px; text-transform: lowercase; line-height: 37px; height: 37px; float: left; padding: 0 4px 0 60px; margin: 0; } .opc .section .step { padding: 20px 55px 20px 55px; } @media only screen and (max-width: 979px) { .opc .section .step { padding: 10px; } } .opc select { max-width: 365px; width: 100%; } .opc h3 { font-weight: 500; } .opc .buttons-set { text-align: left; border-top: none; } .opc .buttons-set button.button { float: left; margin-left: 0; margin-right: 10px; margin-bottom: 0; } .opc .buttons-set p.required { float: right; margin-left: 5px; margin-bottom: 0; } .opc .buttons-set .back-link { float: right; margin: 0; } .opc .buttons-set a { line-height: 20px; display: inline-block; padding: 5px 5px 5px 0; } @media only screen and (max-width: 479px) { .opc .buttons-set .button + .buttons-set .button, .paypal-express-review .buttons-set .button + .buttons-set .button { margin-left: 0; } } .opc #opc-login .step { padding: 0px; } .opc #opc-login .buttons-set { border-top: 0; padding-top: 5px; } @media only screen and (max-width: 770px) { .opc #opc-login .description, .opc #opc-login p.required { display: none; } } #opc-payment .note { padding: 10px; } /* -------------------------------------------- * * This section hides everything but the "Checkout Method" step of the checkout process and fades in the content * once the customer progresses to the next step. The purpose of this is to simplify what the customer has to focus on. * It is limited to larger viewports since smaller devices are inherently going to be focused solely on the * "Checkout Method" step. */ .opc.opc-firststep-login .section:not(#opc-login) .step-title, .opc-block-progress-step-login { -webkit-transition: compact(compact(compact(opacity 300ms linear 0), false, false, false, false, false, false, false, false, false) false false); -moz-transition: compact(compact(compact(opacity 300ms linear 0), false, false, false, false, false, false, false, false, false) false false false); -o-transition: compact(compact(compact(opacity 300ms linear 0), false, false, false, false, false, false, false, false, false) false false false); transition: compact(compact(opacity 300ms linear 0), false, false, false, false, false, false, false, false, false); } .opc.opc-firststep-login .section#opc-login .step-title .number { -webkit-transition: compact(compact(compact(width 80ms linear 0), false, false, false, false, false, false, false, false, false) false false); -moz-transition: compact(compact(compact(width 80ms linear 0), false, false, false, false, false, false, false, false, false) false false false); -o-transition: compact(compact(compact(width 80ms linear 0), false, false, false, false, false, false, false, false, false) false false false); transition: compact(compact(width 80ms linear 0), false, false, false, false, false, false, false, false, false); } .opc.opc-firststep-login .section#opc-login .step-title h2 { -webkit-transition: compact(compact(compact(margin-left 80ms linear 0), false, false, false, false, false, false, false, false, false) false false); -moz-transition: compact(compact(compact(margin-left 80ms linear 0), false, false, false, false, false, false, false, false, false) false false false); -o-transition: compact(compact(compact(margin-left 80ms linear 0), false, false, false, false, false, false, false, false, false) false false false); transition: compact(compact(margin-left 80ms linear 0), false, false, false, false, false, false, false, false, false); } /* When a user progresses from the "Checkout Method" to "Billing Information" for the first time, the */ /* "opc-has-progressed-from-login" class gets added to the body. Also, the .opc element will only have the */ /* "opc-firststep-login" class if the first step of the checkout is the "Checkout Method" (eg, not when logged in) */ body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section:not(#opc-login) .step-title, body:not(.opc-has-progressed-from-login) .opc-block-progress-step-login { opacity: 0; } body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title .number { width: 0px; overflow: hidden; } body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title h2 { margin-left: 0px; } /* -------------------------------------------- * * Shipping and Payment methods */ .sp-methods { margin: 0 0 8px; } .sp-methods dt { margin: 13px 0 5px; font-weight: bold; } .sp-methods dt:first-child { margin: 0 0 5px; } .sp-methods dd li { margin: 5px 0; } .sp-methods label img { float: left; } .sp-methods label a { margin-top: 6px; float: right; margin-left: 10px; } .sp-methods .price { font-weight: bold; } .sp-methods .form-list { padding-left: 20px; } .sp-methods .form-list li { margin: 0 0 8px; } .sp-methods select.month { width: 120px; margin-right: 10px; } .sp-methods select.year { width: 96px; } .sp-methods input.cvv { width: 4em !important; } .sp-methods #advice-validate-cc-exp-ccsave_expiration { max-width: 130px; } .sp-methods .checkmo-list li { margin: 0 0 5px; content: ''; display: table; clear: both; } .sp-methods .checkmo-list label { width: 165px; padding-right: 15px; text-align: right; float: left; } .sp-methods .checkmo-list address { float: left; } @media only screen and (max-width: 479px) { .sp-methods .checkmo-list { padding-left: 0; } .sp-methods .checkmo-list label { width: 135px; } } .sp-methods .release-amounts { margin: 0.5em 0; } .sp-methods .release-amounts button { float: left; margin: 5px 10px 0 0; } /* One Page Checkout */ .block-progress { border: 0; margin: 0; } .block-progress .block-content { font-size: 14px; margin-top: 20px; } .block-progress dl > div { border: 2px solid #F0F0F0; margin: 0; margin-bottom: 10px; color: #444444; font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; margin-bottom: 10px; font-weight: normal; color: #F0F0F0; border-radius: 15px; line-height: 30px; padding-left: 15px; } .block-progress dt.complete { color: #444444; } .block-progress dd { margin-bottom: 10px; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; font-size: 14px; color: #444444; line-height: 1.4; text-transform: none; } .block-progress #payment-progress-opcheckout .subtitle { margin-bottom: 3px; } .block-progress .payment-info dt { padding: 0; margin: 0 0 3px 0; color: #444444; font-family: "proxima_nova_softbold", Arial, sans-serif; text-transform: none; font-style: italic; float: left; clear: both; font-size: 13px; } .block-progress .payment-info dt:after { content: ': '; } .block-progress .payment-info dd { float: left; margin-bottom: 3px; font-size: 13px; } .block-progress .payment-info:after { content: ''; display: table; clear: both; } /* review step */ #checkout-review-table .btn-remove img { display: none; } #checkout-review-table.data-table thead { border-bottom: 2px solid #d7d7d7; } #checkout-review-table.data-table thead tr th { background: none; border-bottom: none; font-size: 16px; color: #921d80; } #checkout-review-table.data-table tfoot tr { background: none; } #checkout-review-table.data-table tbody tr td { border-bottom: 2px solid #d7d7d7; } #checkout-review-table-wrapper { clear: both; } #review-buttons-container { width: 100%; margin-top: 15px; margin-bottom: 15px; } #review-buttons-container .btn-checkout { min-width: 220px; } #review-buttons-container .please-wait { float: left; margin-right: 10px; } #review-buttons-container .f-left { float: right; text-decoration: underline; } @media only screen and (max-width: 599px) { .linearize-table-large.checkout-review-table thead tr:nth-child(1n+2) { display: none; } #remember-me-box label { display: inline-block; float: none; min-width: inherit; } #remember-me-box .link-tip { line-height: 30px; } .opc-wrapper .opc #co-billing-form ul.form-list li.control label, .opc-wrapper .opc #co-shipping-form ul.form-list li.control label { display: inline-block; float: none; min-width: inherit; } } @media only screen and (max-width: 479px) { .linearize-table.checkout-review-table thead tr:nth-child(1n+2) { display: none; } } /* show/hide "change" link for progress step depend on complete status * should be placed in .css file */ .opc-block-progress dt.complete a, .opc-block-progress dt.complete .separator { display: inline; } .opc-block-progress dt a, .opc-block-progress dt .separator { display: none; } /* On small screens, the progress review content will be moved to the review step via JS. Styled via this CSS: */ #checkout-step-review .opc-block-progress { border-left: none; padding-left: 0; } #checkout-step-review .opc-block-progress .block-title { display: none; } #checkout-step-review .opc-block-progress .block-content { display: block !important; padding: 0; } #checkout-step-review .opc-block-progress .block-content > dl > div { float: left; width: 50%; } @media only screen and (max-width: 479px) { #checkout-step-review .opc-block-progress .block-content > dl > div { float: none; width: auto; } } #checkout-step-review .opc-block-progress .block-content .changelink { display: none; } #checkout-step-review textarea#ordercomment-comment { width: 100%; max-width: 100%; } #checkout-step-review form#checkout-agreements .input-box { max-width: 100%; } @media only screen and (max-width: 479px) { #checkout-review-table thead > tr > th { display: none; } #checkout-review-table thead > tr > th:first-child { display: block; } #checkout-review-table thead > tr > th:first-child { display: block; } } #checkout-step-review .centinel > p { margin-bottom: 10px; } #checkout-step-review .centinel iframe { width: 100%; min-height: 400px; } /* Gift options */ .gift-messages-form .item { content: ''; display: table; clear: both; margin-top: 30px; } .gift-messages-form .item h5 { font-weight: bold; } .gift-messages-form .item .product-img-box { width: auto; float: left; padding-right: 15px; } .gift-messages-form .item .details { float: left; } .gift-message-form .inner-box > div { content: ''; display: table; clear: both; width: 100%; margin-top: 15px; display: block; } .gift-message-form .inner-box > div.extra-options-container p { margin-bottom: 15px; } .gift-message-form .gift-wrapping-form label { margin-right: 10px; } .gift-message-form .gift-wrapping-form img { float: left; } .gift-message-form .gift-wrapping-form .gift-wrapping-design { height: 75px; } .gift-message-form .gift-wrapping-form .gift-wrapping-design .image-box { margin-right: 5px; } .gift-message-form .gift-item { padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #ECECEC; } .gift-message-form .gift-item:after { content: ''; display: table; clear: both; } .gift-message-form .gift-item .product-img-box { width: 200px; } .gift-message-form .gift-item .product-img-box .product-image { width: 75px; margin-left: auto; margin-right: auto; } .gift-message-form .gift-item .product-img-box .product-name { display: block; } .gift-message-form .gift-item .fieldset { margin-left: 200px; } @media only screen and (max-width: 770px) { .gift-message-form .giftmessage-area { max-width: 100%; } .gift-message-form .gift-item .product-img-box { width: 100%; float: none; } .gift-message-form .gift-item .fieldset { margin-left: 0px; } .gift-message-form .gift-item .fieldset textarea { width: 100%; } } /* ============================================ * * Customer * ============================================ */ .account-login .page-title { text-align: center; } .account-login .page-title h1 span.p { display: block; font-size: 13px; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; margin-top: 15px; color: #444444; text-transform: initial; font-weight: normal; line-height: 1.5; } @media only screen and (min-width: 771px) { .account-login .form-list li.note { margin-left: 25.3196930946%; margin-top: -10px; } .account-login .form-list li.note a { color: #009fdb; text-decoration: underline; } } .account-login .col2-set .col-2.new-users { border-left: none; } .account-login .col2-set .col-1.registered-users h2.legend { padding-left: 15px; } .account-login .col2-set .col-1.registered-users .forgot-pwd { padding-left: 15px; } .account-login .col2-set .col-1.registered-users .forgot-pwd form ul.form-list { padding-left: 0; max-width: 100%; margin-left: auto; margin-right: auto; } .account-login .col2-set .col-1.registered-users .forgot-pwd form ul.form-list:after { content: " "; display: block; clear: both; } .account-login .col2-set .col-1.registered-users .forgot-pwd form ul.form-list li:first-child { width: 66.2404092072%; float: left; margin-right: 1.2787723785%; } .account-login .col2-set .col-1.registered-users .forgot-pwd form ul.form-list li:first-child label { height: 30px; line-height: 30px; } .account-login .col2-set .col-1.registered-users .forgot-pwd form ul.form-list li.buttons-set { width: 32.4808184143%; float: right; margin-right: 0; clear: none; padding-top: 0; margin-top: 0; text-align: right; } @media only screen and (max-width: 770px) { .account-login .col2-set .col-1.registered-users .forgot-pwd { padding-left: 0; } .account-login .col2-set .col-1.registered-users .forgot-pwd form ul.form-list li:first-child { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } .account-login .col2-set .col-1.registered-users .forgot-pwd form ul.form-list li.buttons-set { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; text-align: left; } } @media only screen and (min-width: 1200px) { .account-login .col2-set .col-1.registered-users { border-right: 1px dashed #d7d7d7; } } .customer-account-forgotpassword .page-title { padding-top: 15px; } @media only screen and (max-width: 770px) { .customer-account-forgotpassword .page-title { padding-left: 0; } } .customer-account-forgotpassword .main { padding-bottom: 30px; } .customer-account-login .main { padding-bottom: 30px; } .customer-account-login .scaffold-form label:first-child { width: 115px; } .customer-account-login .col2-set .col-2, .customer-account-login .col2-set .col-1 { min-height: 275px; position: relative; } .customer-account-login .col2-set .col-2 .buttons-set { position: absolute; bottom: 40px; left: 15px; } .customer-account-login .col2-set .buttons-set { text-align: left; border-top: 0; } .customer-account-login .col2-set .buttons-set button, .customer-account-login .col2-set .buttons-set .button { float: none; margin: 0; } .customer-account-login .col2-set .col-1.registered-users h2.legend { padding-left: 15px; } .customer-account-login .col2-set .col-1 ul { list-style: disc; padding-left: 15px; margin: 10px 0 20px 0; } @media only screen and (min-width: 480px) { .customer-account-login .col2-set .col-1, .customer-account-login .col2-set .col-2 { padding-top: 0; margin-top: 20px; } .customer-account-login .col2-set .col-1 { padding-right: 20px; } .customer-account-login .col2-set .col-2 { padding-left: 15px; border-left: 1px solid #EDEDED; } } @media only screen and (max-width: 770px) { .customer-account-login .col2-set .col-1 { padding-right: 0; padding-left: 15px; } .customer-account-login .col2-set .col-1.registered-users h2.legend { padding-left: 0px; } .customer-account-login .col2-set .col-1 ul { padding-left: 0; } .customer-account-login .col2-set .col-1 .legend { padding-left: 0; } .customer-account-login .col2-set .col-2 { border-left: 1px solid #EDEDED; } } @media only screen and (max-width: 479px) { .customer-account-login .col2-set .col-1 { padding-bottom: 30px; } .customer-account-login .col2-set .col-2 { padding-top: 30px; border-top: 1px solid #EDEDED; } } @media only screen and (max-width: 770px) { .customer-account-login .col2-set p.required { display: none; } } .customer-account-create .scaffold-form label:first-child { width: 140px; } .opc #opc-login p:not(.required) { font-style: normal; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; font-size: 13px; color: #444444; font-weight: normal; } .remember-me-box a.hide { display: none; } .remember-me-box .link-tip { font-size: 13px; padding-left: 10px; } .remember-me-popup { display: none; border: 1px solid #d7d7d7; padding: 10px; position: relative; } .remember-me-popup.show { display: block; } .remember-me-popup p { font-family: Verdana, "Helvetica Neue", Arial, sans-serif; } .remember-me-popup .remember-me-popup-close { position: absolute; top: 0; right: 0; padding: 10px; font-size: 12px; } .remember-me-popup .remember-me-popup-close-button { display: none; } .customer-account-create .account-create { margin-top: 15px; margin-bottom: 30px; } .customer-account-create .account-create .page-title { padding-left: 10px; } @media only screen and (max-width: 770px) { .customer-account-create .account-create .page-title { padding-left: 0; } } .customer-account-create .account-create > form { padding-left: 15px; } @media only screen and (max-width: 770px) { .customer-account-create .account-create > form { padding-left: 0; } } .customer-account-create .fieldset, .customer-account-create .buttons-set { text-align: left; } .customer-account-create .fieldset button.button, .customer-account-create .buttons-set button.button { float: none; } @media only screen and (max-width: 479px) { .customer-account-create .fieldset, .customer-account-create .buttons-set { margin-left: 0; } } @media only screen and (min-width: 771px) { .customer-account-create .buttons-set { margin-left: 25.3196930946%; } } .customer-account-create .fieldset .hidden { display: none; } .customer-account-create #remember-me-popup { max-width: 455px; } .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set { margin-left: 15px; max-width: 520px; } @media only screen and (max-width: 770px) { .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set { margin-left: 0; } } .customer-account-forgotpassword .fieldset .input-box input.input-text { width: 100%; } /* ============================================ * * My Account Global Styles * ============================================ */ body.customer-account .my-account .page-title h1 { border: 0; text-align: left; } body.customer-account .my-account .title-buttons { position: relative; text-align: right; } body.customer-account .my-account .title-buttons h1 { text-align: left; } body.customer-account .my-account .title-buttons .button { position: absolute; right: 0; top: 0; } body.customer-account .my-account .title-buttons a, body.customer-account .my-account .title-buttons span.separator { position: relative; top: -42px; } body.customer-account .my-account .fieldset h2, body.customer-account .my-account .addresses-list h2, body.customer-account .my-account .order-details h2 { width: 100%; display: inline-block; } body.customer-account .my-account .addresses-list h3 { font-size: 14px; font-weight: 600; } body.customer-account .my-account .fieldset { margin-top: 30px; margin-bottom: 30px; } body.customer-account .data-table { margin-top: 5px; } body.customer-account .data-table td a { font-family: "proxima_nova_softbold", Arial, sans-serif; text-transform: uppercase; font-style: normal; font-size: 13px; } body.customer-account .data-table span.nobr { white-space: normal; } body.customer-account .data-table span.nobr a { white-space: nowrap; } body.customer-account .data-table td.view a { display: block; } body.customer-account .data-table .separator { display: none; } body.customer-account .sidebar .block ol#compare-items li { margin: 10px 0; } body.customer-account .sidebar .block .block-content p.block-subtitle { margin-bottom: 15px; } body.customer-account .sidebar .block .block-content .actions { margin-top: 30px; } body.customer-account .sidebar ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; } body.customer-account .sidebar ol#cart-sidebar-reorder p.product-name { display: inline-block; margin-bottom: 0; } body.customer-account .sidebar .block-cart .summary { margin-bottom: 15px; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input { margin-right: 10px; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder p.product-name { display: inline; margin-bottom: 0; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day { width: 40px; float: left; margin-right: 10px; } .form-list .customer-dob .dob-year { width: 80px; float: left; } /* ============================================ * * Dashboard * ============================================ */ .dashboard .box-head { margin-top: 30px; border-bottom: 1px solid #d7d7d7; padding-bottom: 7px; } .dashboard .box-head h2 { font-size: 15px; font-weight: 600; display: inline-block; margin-bottom: 0; } .dashboard .box-head a { padding: 10px; } .dashboard .box-title a, .dashboard .box-head a { text-transform: uppercase; font-size: 12px; } .dashboard .box-account { padding-bottom: 40px; border-bottom: 1px solid #d7d7d7; margin-bottom: 45px; } .dashboard .box-account p, .dashboard .box-account address { font-family: "proxima_nova_softbold", Arial, sans-serif; font-style: italic; } .dashboard .box-reviews.box-account { padding-bottom: 0; } .dashboard .box-reviews li { padding: 10px 0; border-top: 1px solid #EDEDED; } .dashboard .box-reviews li:first-child { border-top: 0; } .dashboard .box-reviews li .number { margin-right: -20px; float: left; line-height: 1.4; font-size: 13px; } .dashboard .box-reviews li .details { margin-left: 20px; } .dashboard .box-reviews li .details .ratings { content: ''; display: table; clear: both; margin-bottom: 0; } .dashboard .box-reviews li .details .ratings strong { float: left; font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 13px; margin-right: 5px; } .dashboard .box-reviews li .details .ratings .rating-box { float: left; margin: 3px 0 0 0; } /* ============================================ * * Address Book * ============================================ */ .wishlist-shared-index #wishlist-table .product-image, .wishlist-shared-index #wishlist-table .product-name, .wishlist-shared-index #wishlist-table .price-box { display: inline-block; } .wishlist-shared-index #wishlist-table .product-name { color: #444444; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; font-size: 14px; text-decoration: underline; } .block-account ul { display: inline-block; } .block-account ul li { margin: 0 0 5px 0; padding: 0; } .block-account ul li strong, .block-account ul li a { width: 100%; display: block; text-decoration: none; padding: 3px 15px; color: #921d80; font-size: 13px; } .block-account ul li.current strong, .block-account ul li.current a, .block-account ul li:hover strong, .block-account ul li:hover a { background-color: #921d80; color: #fff; } @media only screen and (max-width: 770px) { .block-account { padding-left: 0; padding-top: 30px; } .block-account ul { display: block; } .block-account ul li { margin: 0; padding: 0; display: block; position: relative; } .block-account ul li strong, .block-account ul li a { display: block; width: 100%; padding-left: 15px; margin: 0; background-color: #EBEDED; border-bottom: 1px solid #921d80; line-height: 36px; height: 36px; } .block-account ul li.current, .block-account ul li:hover { background-color: transparent; } .block-account ul li.current strong, .block-account ul li.current a, .block-account ul li:hover strong, .block-account ul li:hover a { background-color: #f8f9f9; color: #921d80; } .block-account ul li:last-child a, .block-account ul li:last-child strong { border-bottom: none; } .block-account ul li .icon-mobile-customer.icon-chevron-right { text-align: center; padding: 0; right: 10px; position: absolute; font-size: 18px; border-radius: 50%; background: #cdcdcd; width: 25px; height: 25px; top: 5px; } .block-account ul li .icon-mobile-customer.icon-chevron-right:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #333333; line-height: 25px; content: "\f105"; color: #444444; } .block-account ul li strong, .block-account ul li a { color: #921d80; } } .my-account .page-title { padding-left: 0; } .my-account .page-title h1 { padding: 15px 0 15px 45px; position: relative; } .my-account .page-title h1:before { width: 38px; height: 43px; background: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/sprites-res1.png") no-repeat; position: absolute; content: ''; top: 0; left: 0; } .customer-account-index .my-account .page-title h1:before { background-position: -208px -887px; } .customer-account-edit .my-account .page-title h1:before { background-position: -209px -1103px; } .review-customer-index .my-account .page-title h1:before, .review-customer-view .my-account .page-title h1:before { background-position: -209px -956px; } .sales-order-history .my-account .page-title h1:before { background-position: -209px -1028px; } .wishlist-index-share .my-account .page-title h1:before, .wishlist-index-index .my-account .page-title h1:before { background-position: -209px -1249px; } .newsletter-manage-index .my-account .page-title h1:before { background-position: -209px -1314px; } .awrma-customer-rma-list .my-account .page-title h1, .awrma-customer-rma-new .my-account .page-title h1 { padding-left: 0; } .awrma-customer-rma-list .my-account .page-title h1:before, .awrma-customer-rma-new .my-account .page-title h1:before { display: none; } .awrma-customer-rma-list .my-account .page-title > a, .awrma-customer-rma-new .my-account .page-title > a { background-color: #009fdb; color: #fff; padding: 0px 25px; line-height: 32px; border: 0; font-size: 14px; font-weight: normal; font-family: "proxima_nova_softbold", Arial, sans-serif; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; border-radius: 100px; width: auto; min-width: auto; cursor: pointer; float: right; } .awrma-customer-rma-list .my-account .page-title > a:hover, .awrma-customer-rma-list .my-account .page-title > a:focus, .awrma-customer-rma-new .my-account .page-title > a:hover, .awrma-customer-rma-new .my-account .page-title > a:focus { background-color: #00678f; text-decoration: none; color: #fff; } @media only screen and (max-width: 770px) { .awrma-customer-rma-list .my-account .page-title > a, .awrma-customer-rma-new .my-account .page-title > a { width: auto; } } .page-title.title-buttons { max-width: 100%; margin-left: auto; margin-right: auto; } .page-title.title-buttons:after { content: " "; display: block; clear: both; } .page-title.title-buttons h1, .page-title.title-buttons button.button { display: inline-block; float: left; } .page-title.title-buttons button.button { float: right; margin-top: 15px; } .customer-address-index .my-account .page-title h1:before, .customer-address-form .my-account .page-title h1:before { background-position: -209px -1180px; } .my-account { margin-bottom: 30px; position: relative; } .my-account button.button { background-color: #009fdb; color: #fff; padding: 0px 25px; line-height: 32px; border: 0; font-size: 14px; font-weight: normal; font-family: "proxima_nova_softbold", Arial, sans-serif; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; border-radius: 100px; width: auto; min-width: auto; cursor: pointer; } .my-account button.button:hover, .my-account button.button:focus { background-color: #00678f; text-decoration: none; color: #fff; } @media only screen and (max-width: 770px) { .my-account button.button { width: auto; } } .my-account button.button.btn-share { margin-left: 15px; position: absolute; top: 13px; right: 0; background: none; color: #009fdb; text-decoration: underline; text-transform: none; line-height: 20px; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; padding-left: 18px; font-size: 13px; } .my-account button.button.btn-share:before { background: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/sprites-res2.png") no-repeat left -143px; background-size: 80px; content: ""; width: 15px; height: 15px; position: absolute; top: 4px; left: -3px; } .my-account .pager { text-align: right; float: none; } .my-account .pager .amount, .my-account .pager .limiter, .my-account .pager .pages { margin-bottom: 0; float: none; } .my-account .product-image { border: none; } .my-account .product-image img { height: auto; width: 100%; } .my-account form .buttons-set.form-buttons { text-align: left; } .my-account form .buttons-set.form-buttons button.button { float: left; } .my-account .addresses-list { font-family: "proxima_nova_softbold", Arial, sans-serif; } .my-account .addresses-list .col-1, .my-account .addresses-list .col-2 { padding-bottom: 0; padding-left: 0; } .my-account .addresses-list .info-box { border: none; padding: 0; } .my-account .addresses-list .info-box .box-title { font-family: "proxima_nova_softbold", Arial, sans-serif; font-size: 14px; color: #921d80; margin: 0; padding: 15px 0 0; } .my-account .addresses-list .item { margin: 0 0 30px 0; } .my-account .addresses-list .item p { margin-top: 10px; } @media only screen and (max-width: 770px) { .my-account .addresses-list .col-1, .my-account .addresses-list .col-2 { width: 100%; padding-left: 0; padding-right: 0; } .my-account .addresses-list .col-1 li.empty, .my-account .addresses-list .col-2 li.empty { width: 100%; } } @media only screen and (max-width: 599px) { .my-account .addresses-list .addresses-additional p a { white-space: nowrap; } } .my-account .page-title h1 { font-size: 18px; color: #921d80; } .my-account form h2.legend { font-size: 16px; color: #921d80; } .my-account h2.sub-title { font-size: 18px; color: #921d80; } .my-account .product-name { font-size: 12px; color: #444444; text-decoration: underline; } .my-account .product-name a { color: #444444; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; } .my-account .col-1 .box-title, .my-account .col-2 .box-title { position: relative; padding-bottom: 10px; font-size: 14px; color: #921d80; line-height: 1.4; margin-bottom: 0; } .my-account .col-1 .box-title .separator, .my-account .col-2 .box-title .separator { display: none; } .my-account .col-1 .box-title h2, .my-account .col-1 .box-title h3, .my-account .col-2 .box-title h2, .my-account .col-2 .box-title h3 { font-size: 14px; margin-bottom: 0; } .my-account .col-1 .box-title a, .my-account .col-2 .box-title a { line-height: 1.4; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; font-size: 12px; color: #009fdb; text-transform: lowercase; text-decoration: underline; } .my-account .col-1 .box-title a:before, .my-account .col-2 .box-title a:before { content: ''; border-left: 1px solid #444444; padding-left: 5px; } .my-account .box-content { font-family: Verdana, "Helvetica Neue", Arial, sans-serif; } .my-account .box-content .form-subscribe-header + .input-box, .my-account .box-content .form-subscribe-header + .actions { display: inline-block; } .my-account .box-content .form-subscribe-header + .actions { margin-left: 15px; } .my-account .welcome-msg h2 { font-family: Verdana, "Helvetica Neue", Arial, sans-serif; font-size: 12px; text-transform: uppercase; color: #444444; margin-bottom: 10px; } .my-account .welcome-msg + h2.sub-title { font-size: 18px; color: #921d80; } @media only screen and (max-width: 770px) { .my-account .welcome-msg + h2.sub-title { border-bottom: 1px solid #777777; } } .my-account .form-subscribe-header { padding-bottom: 7px; } .my-account .form-subscribe-header ~ .input-box, .my-account .form-subscribe-header ~ .actions { display: inline-block; } .my-account .form-subscribe-header ~ .actions { margin-left: 15px; } @media only screen and (max-width: 770px) { .my-account .form-subscribe-header ~ .input-box, .my-account .form-subscribe-header ~ .actions { display: block; margin-top: 15px; } .my-account .form-subscribe-header ~ .input-box { margin-top: 0; } .my-account .form-subscribe-header ~ .input-box input#newsletter { width: 100%; } } .my-account .data-table td span.nobr a:nth-child(2) { border-left: 1px solid #535353; padding-left: 5px; } .my-account .col2-set { border-bottom: 1px dashed #d7d7d7; } .my-account .col2-set.last, .my-account .col2-set:last-of-type { border-bottom: none; } .my-account .col2-set .col-1, .my-account .col2-set .col-2 { padding-left: 0; } .my-account .col2-set .col-1 .info-box, .my-account .col2-set .col-2 .info-box { border: none; padding: 0; margin: 0; } .my-account .col2-set .col-1 .info-box .box-content a, .my-account .col2-set .col-2 .info-box .box-content a { text-decoration: underline; } .my-account .col2-set .col-1 { border-right: 1px dashed #d7d7d7; } .my-account .col2-set .col-1.addresses-primary { padding-bottom: 15px; } .my-account .col2-set .col-2.addresses-additional { margin-top: 15px; } @media only screen and (max-width: 770px) { .my-account .col2-set { border: none; } .my-account .col2-set .col-1, .my-account .col2-set .col-2 { border-bottom: 1px dashed #d7d7d7; border-right: none; } .my-account .col2-set .col-1 .box-title a, .my-account .col2-set .col-2 .box-title a { float: right; } .my-account .col2-set .col-1 .box-title a:before, .my-account .col2-set .col-2 .box-title a:before { display: none; } } .my-account .custom-select select { line-height: 30px; height: 30px; } .my-account #awrma-order, .my-account #awrma-packageopened, .my-account #awrma-request-type, .my-account #awrma-reason-id { width: 365px; } .my-account #awrma-new-form .form-list { max-width: 365px; } .my-account #awrma-new-form .form-list li { margin-left: 0; } .my-account #awrma-new-form .form-list li .input-box.custom-select { float: right; } .my-account #awrma-new-form .form-list li textarea#awrma-additional-info { width: 100%; max-width: 100%; border: 1px solid #e0e0e0; } .my-account #awrma-new-form label { vertical-align: top; } .my-account #awrma-new-form #awrma-items-ordered-table input.awrma-items-count { width: 30px; } @media only screen and (min-width: 771px) { .my-account #awrma-new-form .form-list { max-width: 670px; } .my-account #awrma-new-form .form-list li .input-box.custom-select { width: 74.6803069054%; float: right; margin-right: 0; } .my-account #awrma-new-form .form-list label { width: 24.0409207161%; float: left; margin-right: 1.2787723785%; } .my-account #awrma-new-form .buttons-set { max-width: 670px; padding-left: 20%; } } @media only screen and (max-width: 979px) { .my-account #awrma-new-form table#awrma-items-ordered-table { width: 100%; } } @media only screen and (max-width: 770px) { .my-account { margin-bottom: 0; } } /* ============================================ * * RMA New * ============================================ */ @media only screen and (max-width: 770px) { .awrma-customer-rma-new .main, .awrma-customer-rma-new .breadcrumbs { padding: 0; } } /* ============================================ * * Order View * ============================================ */ .order-items.order-details { padding-top: 15px; } .order-items.order-details h2 { font-size: 16px; color: #921d80; } .order-info { padding-bottom: 10px; border-bottom: 1px solid #EDEDED; width: 100%; margin-bottom: 30px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline; } .order-info dt { margin-right: 20px; } .order-info li { margin: 0 0 0 20px; } .order-info li.current { font-weight: 600; } .order-info li:first-child { margin-left: 0; } .order-date { font-family: "proxima_nova_softbold", Arial, sans-serif; text-transform: uppercase; } .order-info-box { margin-bottom: 40px; margin-top: 20px; } .order-info-box + .order-info-box { padding-bottom: 40px; border-bottom: 1px solid #EDEDED; } .order-info-box .col-1 { padding-right: 0; width: 48%; } .order-info-box .col-2 { width: 52%; } .order-info-box .col-1, .order-info-box .col-2 { overflow: hidden; padding-top: 0; padding-bottom: 0; } .order-info-box .box-title { width: 150px; padding-right: 10px; float: left; } .order-info-box .box-title h2 { font-size: 14px; font-family: "proxima_nova_softbold", Arial, sans-serif; font-weight: bold; line-height: 1.5; } .order-info-box .box-title h2:after { content: ':'; } .order-info-box .box-content { float: left; } .order-info-box .box-content td, .order-info-box .box-content th { font-family: "proxima_nova_softbold", Arial, sans-serif; line-height: 1.3; } .order-info-box .box-content th { padding-top: 10px; } .order-info-box .box-content td { padding-left: 15px; } .order-info-box .box-content strong { font-family: "proxima_nova_softbold", Arial, sans-serif; font-weight: normal; text-transform: uppercase; } table#my-orders-table thead, table[id^="my-invoice-table"] thead, table#my-reviews-table thead { display: none; } table#my-orders-table thead th, table[id^="my-invoice-table"] thead th, table#my-reviews-table thead th { border-bottom: 2px solid #921d80; } table#my-orders-table thead:first-of-type, table[id^="my-invoice-table"] thead:first-of-type, table#my-reviews-table thead:first-of-type { display: table-header-group; max-width: 100%; margin-left: auto; margin-right: auto; } table#my-orders-table thead:first-of-type:after, table[id^="my-invoice-table"] thead:first-of-type:after, table#my-reviews-table thead:first-of-type:after { content: " "; display: block; clear: both; } table#my-orders-table tbody td, table[id^="my-invoice-table"] tbody td, table#my-reviews-table tbody td { border-bottom: 1px solid #921d80; } table#my-orders-table h3.product-name, table[id^="my-invoice-table"] h3.product-name, table#my-reviews-table h3.product-name { font-size: 12px; text-decoration: none; text-transform: none; margin: 0; } @media only screen and (max-width: 770px) { table#my-orders-table, table[id^="my-invoice-table"], table#my-reviews-table { max-width: 100%; margin-left: auto; margin-right: auto; display: block; } table#my-orders-table:after, table[id^="my-invoice-table"]:after, table#my-reviews-table:after { content: " "; display: block; clear: both; } table#my-orders-table tfoot, table[id^="my-invoice-table"] tfoot, table#my-reviews-table tfoot { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; background: #F0F0F0; } table#my-orders-table tfoot tr, table[id^="my-invoice-table"] tfoot tr, table#my-reviews-table tfoot tr { display: block; } table#my-orders-table tfoot tr td, table[id^="my-invoice-table"] tfoot tr td, table#my-reviews-table tfoot tr td { width: 49.3606138107%; float: left; margin-right: 1.2787723785%; } table#my-orders-table tfoot tr td:last-child, table[id^="my-invoice-table"] tfoot tr td:last-child, table#my-reviews-table tfoot tr td:last-child { float: right; margin-right: 0; text-align: center; } table#my-orders-table thead, table#my-orders-table tbody, table[id^="my-invoice-table"] thead, table[id^="my-invoice-table"] tbody, table#my-reviews-table thead, table#my-reviews-table tbody { width: 50%; float: left; } table#my-orders-table thead tr, table#my-orders-table tbody tr, table[id^="my-invoice-table"] thead tr, table[id^="my-invoice-table"] tbody tr, table#my-reviews-table thead tr, table#my-reviews-table tbody tr { display: block; } table#my-orders-table thead, table[id^="my-invoice-table"] thead, table#my-reviews-table thead { display: block; } table#my-orders-table thead th, table[id^="my-invoice-table"] thead th, table#my-reviews-table thead th { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; border-bottom: 1px solid #921d80; text-align: right; } table#my-orders-table thead th:first-child, table[id^="my-invoice-table"] thead th:first-child, table#my-reviews-table thead th:first-child { border-top: 2px solid #921d80; height: 55px; } table#my-orders-table thead th:last-child, table[id^="my-invoice-table"] thead th:last-child, table#my-reviews-table thead th:last-child { border-bottom: 0; } table#my-orders-table thead:last-of-type th:last-child, table[id^="my-invoice-table"] thead:last-of-type th:last-child, table#my-reviews-table thead:last-of-type th:last-child { border-bottom: 2px solid #921d80; } table#my-orders-table tbody, table[id^="my-invoice-table"] tbody, table#my-reviews-table tbody { float: right; margin-right: 0; } table#my-orders-table tbody td, table[id^="my-invoice-table"] tbody td, table#my-reviews-table tbody td { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; line-height: 1.4; border-bottom: 1px solid #921d80; text-align: center; } table#my-orders-table tbody td:first-child, table[id^="my-invoice-table"] tbody td:first-child, table#my-reviews-table tbody td:first-child { border-top: 2px solid #921d80; overflow: hidden; height: 55px; } table#my-orders-table tbody td:last-child, table[id^="my-invoice-table"] tbody td:last-child, table#my-reviews-table tbody td:last-child { border-bottom: 0; } table#my-orders-table tbody:last-of-type td:last-child, table[id^="my-invoice-table"] tbody:last-of-type td:last-child, table#my-reviews-table tbody:last-of-type td:last-child { border-bottom: 2px solid #921d80; } } @media only screen and (max-width: 770px) { table#my-reviews-table thead th { height: 55px; overflow: hidden; } table#my-reviews-table tbody td { height: 55px; overflow: hidden; } } #my-orders-table .option-label { margin-left: 10px; font-weight: 600; font-style: italic; } #my-orders-table .page-title { margin-bottom: 10px; } #my-orders-table .page-title h1 { margin-bottom: 8px; } #my-orders-table .option-value { margin-left: 20px; } #my-orders-table tr.bundle:not(:last-child) td { border-bottom: none; border-top: none; } ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; } ol#cart-sidebar-reorder li input { margin-right: 10px; } ol#cart-sidebar-reorder p.product-name { display: inline; } @media only screen and (max-width: 599px) { #my-orders-table .option-label { margin-left: 20px; } #my-orders-table .option-value { margin-left: 35px; } #my-orders-table td[data-rwd-label=Qty] .nobr br { display: none; } #my-orders-table td[data-rwd-label=Qty] .nobr strong { margin-right: 10px; } #my-orders-table tr.bundle { border-color: #EDEDED; } #my-orders-table tr.bundle.child td[data-rwd-label] { padding-left: 60px; } #my-orders-table tbody:last-child tr:last-child td { padding-bottom: 10px; } #my-orders-table tfoot tr.shipping { margin-top: 0; } } .order-additional { margin: 40px 0; } .order-gift-message dd { margin-top: 10px; } @media only screen and (max-width: 1199px) { body.customer-account .data-table td.view a { white-space: normal; } } @media only screen and (max-width: 979px) { body.customer-account .my-account .title-buttons { text-align: left; } body.customer-account .my-account .title-buttons span.separator, body.customer-account .my-account .title-buttons a { top: -12px; } } @media only screen and (max-width: 770px) { body.customer-account .data-table.orders th.ship, body.customer-account .data-table.orders td.ship, body.customer-account .data-table.orders td.status, body.customer-account .data-table.orders th.status { display: none; } .order-info-box .box-content { clear: left; } .addresses-list .item { float: left; width: 50%; padding-right: 30px; } .order-info dt { display: none; } .dashboard .page-title { margin-top: 20px; } .dashboard .page-title h1 { margin-top: 0; } .dashboard .welcome-msg { font-family: "proxima_nova_softbold", Arial, sans-serif; } .dashboard .welcome-msg .hello { font-style: italic; } .dashboard .box-account { padding-bottom: 15px; margin-bottom: 30px; } } @media only screen and (max-width: 599px) { body.customer-account .my-account .form-list .control { padding-left: 0; } } @media only screen and (max-width: 479px) { body.customer-account .my-account .page-title h1 { text-align: center; } body.customer-account .my-account .title-buttons { text-align: center; } body.customer-account .my-account .title-buttons .button { width: 100%; position: static; margin-bottom: 15px; } body.customer-account .my-account .title-buttons .button + .button { margin-left: 0px; } body.customer-account .my-account .fieldset h2 { margin-bottom: 15px; } body.customer-account .my-account .order-details h2 { margin-bottom: 15px; } body.customer-account .my-account .buttons-set { border-top: 0; } body.customer-account .my-account .addresses-list .item { margin-bottom: 15px; padding-right: 0; float: none; width: auto; } body.customer-account .my-account .addresses-list h2 { margin-bottom: 15px; } .order-info { margin-top: 15px; } .data-table.orders .link-reorder, .data-table.orders .date { display: none; } .data-table.orders td.view { text-align: right; } .order-info-box { margin: 0; } .order-info-box + .order-info-box { padding-bottom: 0; border-bottom: 0; margin-bottom: 30px; } #my-reviews-table .nobr { white-space: normal; } } .my-wishlist #wishlist-table.data-table .btn-remove { margin: 8px auto 0; } .my-wishlist #wishlist-table.data-table .product-image img { max-width: 110px; } @media only screen and (max-width: 770px) { .my-wishlist #wishlist-table tbody tr { border-bottom: 1px solid #d7d7d7; } .my-wishlist #wishlist-table tbody tr td { width: 49.3606138107%; float: left; margin-right: 1.2787723785%; border-bottom: 0; } .my-wishlist #wishlist-table tbody tr td:nth-child(2n+2) { float: right; margin-right: 0; } } /* ============================================ * * Newsletter Subscriptions * ============================================ */ body.newsletter-manage-index .my-account .fieldset { margin-bottom: 20px; } body.newsletter-manage-index .my-account .fieldset h2 { display: none; } body.newsletter-manage-index .my-account .form-list { border-top: 1px solid #EDEDED; padding-top: 10px; } .customer-account-changeforgotten .col-main { padding: 10% 0 15%; } .customer-account-changeforgotten .col-main form { max-width: 590px; } .customer-account-changeforgotten .col-main form input[type=file], .customer-account-changeforgotten .col-main form input[type=email], .customer-account-changeforgotten .col-main form input[type=search], .customer-account-changeforgotten .col-main form input[type=number], .customer-account-changeforgotten .col-main form input[type=password], .customer-account-changeforgotten .col-main form input[type=tel], .customer-account-changeforgotten .col-main form input[type=text] { width: 100%; } /* Popup Dialog Block */ .window-overlay { background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .window-overlay { position: absolute; top: 0; left: 0; min-height: 100%; background: #000; opacity: 0.5; width: 100%; z-index: 990; display: none; } .window-overlay.active { display: block; } .popup-block { background: white; border: 1px solid #cfcfcf; border-radius: 6px; left: 50%; top: 40%; position: absolute; margin: -85px 0 0 -250px; width: 500px; text-align: left; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow: 0 0 6px #000; z-index: 1000; position: fixed; display: none; } .popup-block.active { display: block; } .popup-block .block-title { border-bottom: 1px solid #CFCFCF; padding: 17px 17px 10px; } .popup-block div.btn-close { background: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/btn_window_close.gif") no-repeat; display: block; position: absolute; top: 19px; right: 17px; height: 15px; width: 15px; text-indent: -9999em; cursor: pointer; } .popup-block .block-title strong { font-family: 'proxima_nova_softbold'; color: #921d80; font-size: 16px; font-weight: normal; text-transform: uppercase; } .popup-block .block-content { padding: 17px 17px 25px; font-size: 12px; } .popup-block .block-content .form-list label { width: 180px; } .popup-block .block-content .form-list .input-text { width: 230px; } .popup-block .block-content .form-list .control .input-box { margin-left: 195px; } .popup-block .block-content .form-buttons { width: auto; padding-left: 188px; padding-top: 10px; } .popup-block .block-content .form-buttons .button { float: left; } .popup-block.loading .block-content * { text-align: left; text-indent: -99999em; overflow: hidden; position: relative; margin-left: -9999em; } .popup-block.loading .block-content:before { content: ''; display: block; position: absolute; z-index: 99; top: 50%; left: 50%; line-height: 16px; padding: 16px; text-indent: 0 !important; } /* ============================================ * * iPad Competition Page * ============================================ */ #ipad-form .header-ipadform { margin-top: 15px; } #ipad-form .header-ipadform img { width: 100%; height: auto; } #ipad-form .content-ipadform { padding: 50px 0; text-align: center; min-height: 20px; } #ipad-form .content-ipadform .error, #ipad-form .content-ipadform .success { display: block; max-width: 80%; margin: 30px auto 10px; font-size: 14px; } #ipad-form .content-ipadform form { display: inline-block; } #ipad-form .content-ipadform form > p, #ipad-form .content-ipadform form label, #ipad-form .content-ipadform form input { display: inline-block; } #ipad-form .content-ipadform form label { font-family: "proxima_nova_softbold", Arial, sans-serif; color: #921d80; text-transform: uppercase; font-size: 14px; margin-right: 15px; } #ipad-form .content-ipadform form input { border: 1px solid #bbb; color: #444444; font-size: 13px; border-radius: 25px; } #ipad-form .content-ipadform form button { background: #01b15d; color: #fff; padding: 0px 25px; margin-left: 12px; line-height: 32px; border: 0; font-size: 14px; font-weight: normal; font-family: "proxima_nova_softbold", Arial, sans-serif; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; border-radius: 100px; width: auto; min-width: auto; } #ipad-form .footer-ipadform { color: #737372; font-family: Verdana, "Helvetica Neue", Arial, sans-serif; font-size: 14px; text-align: center; } #ipad-form .footer-ipadform .social-link { margin: 20px 0; } #ipad-form .footer-ipadform .social-link > div { display: inline-block; padding: 0 50px; } #ipad-form .footer-ipadform .social-link > div a { color: #009fdb; font-weight: 600; text-align: center; text-decoration: none; } @media only screen and (max-width: 599px) { #ipad-form .content-ipadform form label { padding-bottom: 10px; margin: 0; } #ipad-form .content-ipadform form button { margin: 20px 0 0; } #ipad-form .footer-ipadform .social-link > div { margin-bottom: 10px; } } .ipadpage-signup-index .top-banner, .ipadpage-signup-index .home_page_top_promo { display: none; } .ipadpage-signup-index .sub-header-container { display: none; } .ipadpage-signup-index .header { text-align: center; margin-bottom: 20px; } .ipadpage-signup-index .header .anchor_link_account { display: none; } .ipadpage-signup-index .header .branding { float: none; margin: 0 auto; } .ipadpage-signup-index .page { max-width: 800px; } .loader-wrapper { position: relative; height: 60px; margin-top: -23px; } .loader, .loader__figure { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loader { overflow: visible; padding-top: 2em; height: 0; width: 2em; } .loader__figure { height: 0; width: 0; box-sizing: border-box; border: 0 solid #921d80; border-radius: 50%; -webkit-animation: loader-figure 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation: loader-figure 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: loader-figure 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1); } .loader__label { float: left; margin-left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin: 0.5em 0 0 50%; font-size: 15px; font-family: "proxima_nova_softbold"; line-height: 1.5em; color: #921d80; white-space: nowrap; -webkit-animation: loader-label 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation: loader-label 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: loader-label 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1); } @-webkit-keyframes loader-figure { 0% { height: 0; width: 0; } 30% { height: 2em; width: 2em; border-width: 1em; opacity: 1; } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; } } @-moz-keyframes loader-figure { 0% { height: 0; width: 0; } 30% { height: 2em; width: 2em; border-width: 1em; opacity: 1; } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; } } @keyframes loader-figure { 0% { height: 0; width: 0; } 30% { height: 2em; width: 2em; border-width: 1em; opacity: 1; } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; } } @-webkit-keyframes loader-label { 0% { opacity: 0.35; } 30% { opacity: 1; } 100% { opacity: 0.35; } } @-moz-keyframes loader-label { 0% { opacity: 0.35; } 30% { opacity: 1; } 100% { opacity: 0.35; } } @keyframes loader-label { 0% { opacity: 0.35; } 30% { opacity: 1; } 100% { opacity: 0.35; } } .cms-store-ownership-page .main { padding-top: 15px; padding-bottom: 30px; } .cms-store-ownership-page h2 { margin: 0 0 10px; color: #921d80; font-size: 16px; font-weight: normal; line-height: 1.4; } .cms-store-ownership-page h3 { font-size: 14px; text-transform: none; color: #921d80; } .cms-store-ownership-page .std p { margin: 0 0 10px; } .cms-store-ownership-page .std img { width: 100%; height: auto; } .cms-store-ownership-page .buttons-set { text-align: left; } .cms-store-ownership-page .buttons-set button.button { float: left; } .cms-store-ownership-page a.button { background: none; color: #444444; text-decoration: underline; font-size: 14px; } @media only screen and (max-width: 770px) { .cms-store-ownership-page .main { padding-top: 0; padding-bottom: 15px; } .cms-store-ownership-page .main .col-main { margin-top: 15px; } .cms-store-ownership-page .std ul li { margin-left: 0; } } /* Skeleton Grid for CMS */ /* Grid –––––––––––––––––––––––––––––––––––––––––––––––––– */ .cms-page-container { position: relative; max-width: 100%; margin-left: auto; margin-right: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cms-page-container:after { content: " "; display: block; clear: both; } .cms-page-row { max-width: 100%; margin-left: auto; margin-right: auto; } .cms-page-row:after { content: " "; display: block; clear: both; } .cms-page-row .col-1 { width: 7.1611253197%; float: left; margin-right: 1.2787723785%; } .cms-page-row .col-2 { width: 15.6010230179%; float: left; margin-right: 1.2787723785%; } .cms-page-row .col-3 { width: 24.0409207161%; float: left; margin-right: 1.2787723785%; } .cms-page-row .col-4 { width: 32.4808184143%; float: left; margin-right: 1.2787723785%; } .cms-page-row .col-5 { width: 40.9207161125%; float: left; margin-right: 1.2787723785%; } .cms-page-row .col-6 { width: 49.3606138107%; float: left; margin-right: 1.2787723785%; } .cms-page-row .col-7 { width: 57.800511509%; float: left; margin-right: 1.2787723785%; } .cms-page-row .col-8 { width: 66.2404092072%; float: left; margin-right: 1.2787723785%; } .cms-page-row .col-9 { width: 74.6803069054%; float: left; margin-right: 1.2787723785%; } .cms-page-row .col-10 { width: 83.1202046036%; float: left; margin-right: 1.2787723785%; } .cms-page-row .col-11 { width: 91.5601023018%; float: left; margin-right: 1.2787723785%; } .cms-page-row .col-12 { width: 100%; float: left; margin-left: 0; margin-right: 0; } .cms-page-row .col-last { float: right; margin-right: 0; } @media only screen and (max-width: 770px) { .cms-page-row .col-1 { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 15px; } .cms-page-row .col-2 { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 15px; } .cms-page-row .col-3 { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 15px; } .cms-page-row .col-4 { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 15px; } .cms-page-row .col-5 { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 15px; } .cms-page-row .col-6 { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 15px; } .cms-page-row .col-7 { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 15px; } .cms-page-row .col-8 { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 15px; } .cms-page-row .col-9 { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 15px; } .cms-page-row .col-10 { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 15px; } .cms-page-row .col-11 { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 15px; } .cms-page-row .col-12 { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 15px; } .cms-page-row .col-last, .cms-page-row .col-12 { margin-bottom: 0; } } /* ============================================ * * ShortStack iFrames * ============================================ */ .iframe-wrapper { margin-bottom: 10px; } .iframe-wrapper iframe { border: none; width: 100%; } /* ============================================ * * Contacts * ============================================ */ .contacts-index-index .contact_us_form { max-width: 480px; } .contacts-index-index .col-main:after { content: ''; display: table; clear: both; } .contacts-index-index .contact_col_left { width: 49.3606138107%; float: left; margin-right: 1.2787723785%; } @media only screen and (max-width: 770px) { .contacts-index-index .contact_col_left { width: 100%; float: left; margin-left: 0; margin-right: 0; } } .contacts-index-index .contacts-toyworld { width: 49.3606138107%; float: right; margin-right: 0; } .contacts-index-index .buttons-set { text-align: left; padding-left: 24.0409207161%; } .contacts-index-index .buttons-set .button { float: left; } @media only screen and (max-width: 770px) { .contacts-index-index .buttons-set { padding-left: 0; } } .contacts-index-index .finder-stores a.button, .contacts-index-index .phone-contacts a.button { margin: 15px 0 25px 0; } @media only screen and (max-width: 770px) { .contacts-index-index .finder-stores a.button, .contacts-index-index .phone-contacts a.button { margin-bottom: 15px; } } .contacts-index-index .phone-contacts .phone-bg-icon { padding: 10px 0 10px 40px; background: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/sprites-res2.png") no-repeat left -1073px; } @media only screen and (max-width: 770px) { .contacts-index-index .phone-contacts { margin-top: 15px; } } .contacts-index-index .finder-stores .store-bg-icon { padding: 10px 0 10px 40px; background: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/sprites-res2.png") no-repeat left -1073px; background-position: left -1167px; } .contacts-index-index .page-title { margin-top: 15px; } .contacts-index-index .col-main { max-width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .contacts-index-index .col-main:after { content: " "; display: block; clear: both; } .contacts-index-index .col-main #webform_1_form { width: 49.3606138107%; float: left; margin-right: 1.2787723785%; } .contacts-index-index .col-main #webform_1_form .fieldset + .fieldset { margin-top: 0; } .contacts-index-index .col-main #webform_1_form textarea { width: 365px; max-width: 100%; } .contacts-index-index .col-main #webform_1_form .custom-select:before { height: 30px; } .contacts-index-index .col-main #webform_1_form .custom-select:after { top: 1px; } .contacts-index-index .col-main #webform_1_form .custom-select select { height: 30px; line-height: 30px; } .contacts-index-index .col-main > .contacts-toyworld { width: 49.3606138107%; float: right; margin-right: 0; } @media only screen and (max-width: 770px) { .contacts-index-index .col-main #webform_1_form, .contacts-index-index .col-main > .contacts-toyworld { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 15px; } } /* ============================================ * * CMS Pages * ============================================ */ .cms-page-view .breadcrumbs { padding-left: 15px; } .cms-page-view .main { padding-left: 0; padding-right: 0; padding-bottom: 30px; } .cms-page-view h3 { color: #921d80; } @media only screen and (max-width: 770px) { .cms-page-view .sidebar { margin-bottom: 25px; } .cms-page-view .sidebar .block:not(.block-layered-nav) .block-content { border: none; padding: 0; } } .cms-page-view .page-not-found, .cms-no-route .page-not-found { background: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/404-bg.jpg") no-repeat center; background-size: cover; padding-bottom: 50%; } .cms-page-view .page-not-found ul li, .cms-no-route .page-not-found ul li { list-style: none; } .customer-account-logoutsuccess .page-title { padding-top: 15px; } .customer-account-logoutsuccess .main { padding-bottom: 30px; } .cms-join-now .club-winner { padding: 15px 0 15px 15px; } .cms-join-now .col8 img { margin: 20px auto; } .cms-join-now div.join-now { padding: 15px 15px 30px 15px; border: 2px solid #f3f3f3; } .cms-join-now div.join-now:after { content: ''; display: table; clear: both; } .cms-join-now div.join-now form#join-us-form { width: 49.3606138107%; float: left; margin-right: 1.2787723785%; } .cms-join-now div.join-now form#join-us-form .input-box { margin-bottom: 10px; } .cms-join-now div.join-now form#join-us-form .input-box input[type=checkbox] { margin-right: 10px; } .cms-join-now div.join-now form#join-us-form .custom-select { max-width: 380px; width: 100%; } .cms-join-now div.join-now form#join-us-form .custom-select:before { display: none; } .cms-join-now div.join-now form#join-us-form .custom-select:after { top: 20px; right: 1px; padding: 11px; left: auto; } @media only screen and (max-width: 860px) { .cms-join-now .col8 img { width: 100%; height: auto; margin: 20px auto; } } @media only screen and (max-width: 640px) { .cms-join-now div.join-now form#join-us-form { width: 100%; float: left; margin-left: 0; margin-right: 0; } } .awrma-guest-rma-index .main { padding-bottom: 30px; } .awrma-guest-rma-index .page-title { padding-top: 15px; } .awrma-guest-rma-index #awrma-new-form .buttons-set { text-align: left; padding-left: 24.0409207161%; } .awrma-guest-rma-index #awrma-new-form .buttons-set .button { float: left; } @media only screen and (max-width: 770px) { .awrma-guest-rma-index #awrma-new-form .buttons-set { padding-left: 0; } } .stores-pages-views .page-title { padding-top: 15px; } .stores-pages-views .main, .stores-pages-views .breadcrumbs { padding: 0 15px; } @media only screen and (max-width: 770px) { .stores-pages-views .main, .stores-pages-views .breadcrumbs { padding: 0; } } .stores-pages-views .page .button { background-color: #009fdb; color: #fff; padding: 0px 25px; line-height: 32px; border: 0; font-size: 14px; font-weight: normal; font-family: "proxima_nova_softbold", Arial, sans-serif; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; border-radius: 100px; width: auto; min-width: auto; cursor: pointer; } .stores-pages-views .page .button:hover, .stores-pages-views .page .button:focus { background-color: #00678f; text-decoration: none; color: #fff; } @media only screen and (max-width: 770px) { .stores-pages-views .page .button { width: auto; } } .stores-pages-views .page-search-query { max-width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 15px; } .stores-pages-views .page-search-query:after { content: " "; display: block; clear: both; } .stores-pages-views .page-search-query .find-table-result-caption label { padding-right: 15px; } @media only screen and (max-width: 770px) { .stores-pages-views .page-search-query .find-table-result-caption tr:nth-child(2) td { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } .stores-pages-views .page-search-query .find-table-result-caption tr:nth-child(2) td .field-small label { display: none; } .stores-pages-views .page-search-query .find-table-result-caption tr:nth-child(2) td .field-small .button { margin-top: 15px; } .stores-pages-views .page-search-query .find-table-result-caption tr:nth-child(2) td input[type=text] { width: 100%; max-width: 100%; min-width: 365px; } } @media only screen and (max-width: 599px) { .stores-pages-views .page-search-query .find-table-result-caption tr:nth-child(2) td input[type=text] { width: 100%; max-width: 100%; min-width: 280px; } } .stores-pages-views #map-begin { margin-top: 15px; } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list { max-width: 100%; margin-left: auto; margin-right: auto; } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list:after { content: " "; display: block; clear: both; } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list > li { padding: 10px 0; border-bottom: 1px dotted #999; } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list > li .result-table-addr { width: 49.3606138107%; float: left; margin-right: 1.2787723785%; } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list > li .result-table-addr:last-child { float: right; margin-right: 0; } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list > li .result-table-addr:last-child:first-child { margin-left: 0; float: left; } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list > li .result-table-addr td:nth-child(2) { padding-left: 15px; } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list > li .result-table-addr .store_address { margin-bottom: 15px; } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list > li .result-table-addr .store_address .address-store, .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list > li .result-table-addr .store_address .phone-store { font-weight: bold; } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list > li .result-table-addr .store_locator { vertical-align: top; padding-top: 10px; width: 40px; } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list > li .result-table-addr .store_locator p { background: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/sprites-res2.png") no-repeat left -224px; background-size: 75px; width: 38px; height: 62px; text-align: center; padding: 30px 0 0; font-size: 11px; font-family: "proxima_nova_softbold", Arial, sans-serif; color: #fff; cursor: pointer; } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list > li .result-table-addr .title a { color: #444444; text-transform: none; } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list > li .result-table-addr:first-child { margin-bottom: 5px; } @media only screen and (max-width: 770px) { .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list > li .result-table-addr .button { display: block; margin-bottom: 10px; } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list > li .result-table-addr .button.button-email-store { margin-bottom: 0; } } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list > li:after { content: ''; display: table; clear: both; } @media only screen and (max-width: 770px) { .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list > li { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 599px) { .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list li { border-bottom: none; } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list li .result-table-addr { border-bottom: 1px dotted #999; display: block; padding-bottom: 10px; } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list li .result-table-addr:first-child { width: 100%; float: left; margin-left: 0; margin-right: 0; } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list li .result-table-addr:last-child { width: 100%; float: left; margin-left: 0; margin-right: 0; } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list li .result-table-addr .store_locator { width: 40px; } .stores-pages-views #map-begin .find-table-result td.find-table-result-content ul.find-table-result-list li .result-table-addr .button.button-email-store { margin-left: 0; } } .cms-page-column img, .std img, .column img { width: 100%; max-width: 100%; height: auto; } .stores-index-view .main { padding: 30px 0; } .stores-index-view .column_left { width: 34%; float: left; margin-right: 1.5384615385%; } .stores-index-view .column_middle { display: none; } .stores-index-view .column_right { width: 59.3846153846%; float: right; margin-right: 0; } .stores-index-view .column_right a { color: #16a1d7; font-size: 12px; float: right; display: block; margin: -16px 0 0; } .stores-index-view .column_right .store_details_page { clear: both; width: 100%; height: 350px; float: right; margin: 15px 0 0; } .stores-index-view .column_right .button { clear: both; float: right; margin: 30px 0 0; } .stores-index-view .column_right .find-table-result { width: 100%; } @media only screen and (max-width: 770px) { .stores-index-view .column_left, .stores-index-view .column_right { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } .stores-index-view .column_left { margin-bottom: 30px; } .stores-index-view .column_right a.button_back, .stores-index-view .column_right .store_details_page, .stores-index-view .column_right .button { float: left; } } .stores-pages-views .map-begin, .stores-pages-views .find-table-result, .stores-pages-views .find-table-result-map, .stores-pages-views #mapgoogle, .stores-pages-views .find-table-result-content { width: 100%; } .stores-pages-views .find-table-result-content { float: left; clear: both; margin-top: 35px; } .stores-pages-views .find-table-result-map, .stores-pages-views .find-table-result-content { display: block; float: none; } .opening, .public_holiday { margin-bottom: 15px; } .opening h3, .public_holiday h3 { font-size: 13px; color: #92278e; } .opening p, .public_holiday p { margin-bottom: 0px; font-size: 12px; color: #222; text-transform: none; text-align: left; } .opening p span, .public_holiday p span { display: block; float: left; color: #444; width: 150px; font-weight: bold; } .popup-form { background: #F9FF00 url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/cloud.png") no-repeat; background-position: 60% 60%; } .popup-form .popup-head { position: relative; width: 100%; text-align: center; background: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/toys.png") no-repeat; background-position: 93% 99%; } .popup-form .popup-head .logo { float: none; padding: 70px 0 100px; display: inline-block; } .popup-form .popup-head .logo img { max-width: 200px; } .popup-form .popup-form-title { margin: 49px auto 0; text-transform: uppercase; color: #922C90; font-size: 22px; text-align: center; max-width: 450px; font-weight: bold; font-family: 'Arial Rounded MT bold', Arial, sans-serif; letter-spacing: -1px; line-height: 33px; } .popup-form .close_button { cursor: pointer; } .popup-form .close_button.top { position: absolute; right: 16px; top: 16px; background-color: #888888; border-radius: 50%; width: 31px; height: 31px; vertical-align: middle; line-height: 31px; color: #fff; font-weight: bold; font-family: 'Arial Rounded MT bold', Arial, sans-serif; } @media only screen and (max-width: 599px) { .popup-form { width: auto !important; margin: 0 7.1611253197% !important; top: 10% !important; left: 0 !important; max-height: 530px; } .popup-form .popup-form-title { font-size: 18px; margin-top: 20px; } } @media only screen and (max-width: 479px) { .popup-form { top: 5% !important; } .popup-form .popup-form-title { font-size: 16px; } } .popup-form-content { margin-top: 40px; text-align: center; } .popup-form-content a { text-transform: uppercase; text-decoration: none; font-family: 'Arial Rounded MT', Arial, sans-serif; color: #24A2D2; margin-top: 14px; display: inline-block; font-weight: 600; } .flag_twau, .flag_default { display: block; width: 100%; background: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/flags_sprite.png") no-repeat 100%; height: 42px; } .flag_twau { background-position: 50% 6%; } .flag_default { background-position: 50% 91%; } .popup-footer { text-align: center; margin-top: 85px; font-family: 'Arial Rounded MT', Arial, sans-serif; } .popup-footer span { color: #942A91; text-transform: uppercase; font-weight: 600; } /* ============================================ * * CMS Pages * ============================================ */ /* ============================================ * * Algolia Search * ============================================ */ #search_mini_form #algolia-searchbox { margin: 0; } #search_mini_form #algolia-searchbox .algolia-search-input { padding-right: 45px; } #search_mini_form #algolia-searchbox .algolia-search-input:focus:not([value=""]) { background-color: #fff; border: 2px solid #F2F3D9; } #search_mini_form #algolia-searchbox .clear-cross, #search_mini_form #algolia-searchbox .magnifying-glass.magnifying-glass-btn { background: #921d80; border-radius: 50%; width: 40px; height: 40px; top: 0; right: 0; text-align: center; font-size: 17px; color: #fff; } #search_mini_form #algolia-searchbox .clear-cross:after, #search_mini_form #algolia-searchbox .magnifying-glass.magnifying-glass-btn:after { font-family: FontAwesome; line-height: 40px; } #search_mini_form #algolia-searchbox .clear-cross:after { content: '\f00d'; } #search_mini_form #algolia-searchbox .magnifying-glass.magnifying-glass-btn:after { content: '\f002'; } .main #algolia_instant_selector .col-12 { width: 100%; } .main .aa-dropdown-menu { border-top: none; } .main #algolia-autocomplete-container .aa-dropdown-menu { border-top: none; border-top-left-radius: 10px; border-top-right-radius: 10px; } .main #algolia-autocomplete-container .aa-dropdown-menu .aa-suggestions { margin: 10px auto 0; } .main #algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .algoliasearch-autocomplete-hit { padding: 10px; } .main #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit { padding: 15px 20px; } .main #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info { font-size: 16px; font-family: "proxima_nova_softbold", Arial, sans-serif; padding-top: 7px; text-transform: uppercase; } .main #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-category { font-family: Verdana, "Helvetica Neue", Arial, sans-serif; font-size: 12px; text-transform: initial; } .main #algolia-autocomplete-container .aa-dropdown-menu .before_special, .main #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-price { font-size: 16px; font-family: "proxima_nova_softbold", Arial, sans-serif; } .main #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-price { color: #921d80; } .main #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-price .after_special { color: #921d80; } .main #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-price .after_special.promotion { color: #e00030; } .main #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-price .before_special { color: #921d80; float: left; margin-right: 7px; } .main #algolia-autocomplete-container .aa-title-product, .main #algolia-autocomplete-container .aa-dataset-0 > .category { font-family: "proxima_nova_softbold", Arial, sans-serif; line-height: 36px; padding: 0 0 0 30px; font-size: 14px; color: #fff; text-shadow: 1px 1px 1px #000; text-transform: uppercase; background: #921d80; display: block; border-top-left-radius: 10px; border-top-right-radius: 10px; } .main #algolia-autocomplete-container .other-sections { margin: 0 0 70px; } .main #algolia-autocomplete-container .other-sections .aa-suggestions { padding: 20px 0 0 20px; } .main #algolia-autocomplete-container .other-sections .aa-suggestions .aa-suggestion a.algoliasearch-autocomplete-hit { font-family: "proxima_nova_softbold", Arial, sans-serif; color: #009fdb; font-size: 16px; padding-top: 0; padding-bottom: 0; } .main #algolia-autocomplete-container #autocomplete-products-footer { width: 100%; } @media only screen and (min-width: 941px) { .main #algolia-autocomplete-container .aa-dropdown-menu { left: 0 !important; right: auto !important; margin-left: calc(274px + 10%) !important; } .main #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .thumb img { width: 80px; } .main #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info { margin-left: 100px; } } @media only screen and (min-width: 1101px) { .main #algolia-autocomplete-container .aa-dropdown-menu { margin-left: calc(274px + 14%) !important; } } @media only screen and (min-width: 600px) { .main #algolia-autocomplete-container .aa-dropdown-menu { width: 500px; min-width: 500px; } } @media only screen and (max-width: 599px) { .main #algolia-autocomplete-container .aa-dropdown-menu { left: 0 !important; } } @media only screen and (min-width: 941px) { .col2-left-layout #algolia-autocomplete-container .aa-dropdown-menu { margin-left: calc(37px + 14%) !important; } } @media only screen and (min-width: 1101px) { .col2-left-layout #algolia-autocomplete-container .aa-dropdown-menu { margin-left: calc(17px + 14%) !important; } } @media only screen and (min-width: 768px) { .main #algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .aa-suggestion { display: block; width: 100%; } } @media only screen and (min-width: 771px) { .main #algolia-autocomplete-container .aa-dropdown-menu { margin-left: 2px; } .main #algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .aa-suggestion { margin: 10px auto 0; display: block; width: 100%; } .main #algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .aa-suggestion:after { content: ''; display: table; clear: both; } .main #algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .algoliasearch-autocomplete-hit { display: inline-block; width: 100%; } } @media only screen and (max-width: 770px) { .main #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info { padding-top: 0; font-size: 14px; } } /*# sourceMappingURL=styles.css.map */ @media screen and (min-width: 768px){ #menu-control{display: none;} #megamenu { background:url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/bg_navi.png) repeat-x left top;float:left;margin-top:8px;height:48px;border-radius:15px 15px 0px 0px;position:relative;width:100%;z-index: 100; -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.3); box-shadow: 0px 5px 5px rgba(0,0,0,0.3); behavior: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/PIE/PIE.php); } #megamenu:before { position:absolute;content: "";left:0px;bottom:0px; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #45073c #45073c transparent transparent ; border-style: solid; border-width: 5px; content: ""; height: 0; position: absolute; top: 48px; width: 0;} #megamenu:after { position:absolute;content: "";right:0px;bottom:0px; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #45073c transparent transparent #45073c ; border-style: solid; border-width: 5px; content: ""; height: 0; position: absolute; top: 48px; width: 0;} .mm-container{display: none} #megamenu li.nav-item {position:relative;display:inline-block;margin:0px 10px;z-index:2} #megamenu li.nav-item:first-child {margin-left:15px} #megamenu li.nav-item:hover { background:url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/bg_navi.png) repeat-x left -57px;border-width:0px 1px; border-color:#b461a7;border-style:solid} #megamenu li.nav-item:before {position:absolute;content:"";background:url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/sprites-res2.png") no-repeat left -50px;top:18px;right:-19px;width:14px;height:14px;background-size: 84px auto;} #megamenu li.menu-active:before {right:-20px;} #megamenu li.nav-item a {font-family:'proxima_nova_softbold';text-transform:uppercase;font-size:1.125em;font-weight:normal;color:#fff;text-shadow:1px 1px 0 #250721;padding:12px;display:block;text-decoration:none;line-height: 24px;} #megamenu li.nav-item:hover a {border-width:0px 1px; border-color:#4b0e42;border-style:solid;padding:12px 10px;z-index: 62;position: relative;font-weight: normal;} #megamenu li#nav-item-7:before{} #megamenu li:hover > div.mm-container { width:927px;display:block;position:absolute;top:48px; background-color: #f2f2f2; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#efefef)); background: -webkit-linear-gradient(top, #efefef, #fff); background: -moz-linear-gradient(top, #efefef, #fff); background: -ms-linear-gradient(top, #efefef, #fff); background: -o-linear-gradient(top, #efefef, #fff); -pie-background: linear-gradient(to bottom, #efefef, #fff);behavior: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/PIE/PIE.php); border-radius:15px;-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); box-shadow: 0 0 5px rgba(0,0,0,0.3);font-family: Verdana,sans-serif;/* padding:20px; */z-index:61; behavior: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/PIE/PIE.php);} #megamenu li.nav-item:hover div.mm-category-column.featured-links { border-bottom:1px dotted #ccc; padding-bottom:10px; } #megamenu li.nav-item:hover div.mm-category-column.featured-links h3 img { display:inline; margin:0 6px 0 3px; } #megamenu li.nav-item:hover div.mm-category-column.featured-links h3 a { font-size:16px !important; display:inline !important; line-height:39px !important; } #megamenu li.nav-item:hover > div.mm-container:before {position:absolute;content:"";border-color: transparent transparent #ededed transparent;border-image: none; border-style: solid;border-width: 12px;height: 0; left:0px; position: absolute;top: -24px;/* width: 0; */} #megamenu li.nav-item:hover div.mm-container a, #megamenu li.nav-item:hover div.mm-container ul li a {font:normal 0.688em Verdana, sans-serif;color:#333;text-transform:capitalize;text-shadow:none;} #megamenu li.nav-item:hover div.mm-container h3 a {text-transform:uppercase;} #megamenu li#nav-item-1:hover > div.mm-container:before {left:75px} #megamenu li#nav-item-2:hover > div.mm-container {left:-80px;width:754px;background: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/border-girlnav.png") repeat-y scroll #fff;} #megamenu li#nav-item-2:hover > div.mm-container:before {left:98px;border-color: transparent transparent #fff;} #megamenu li#nav-item-3:hover > div.mm-container {left:-85px;width:754px;background: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/border-girlnav.png") repeat-y scroll #fff;} #megamenu li#nav-item-3:hover > div.mm-container:before{left:102px;border-color: transparent transparent #fff;} #megamenu li#nav-item-4:hover > div.mm-container {width:330px;left:-50px} #megamenu li#nav-item-4:hover > div.mm-container:before {left:66px} #megamenu li#nav-item-5:hover > div.mm-container {width:540px;left:-50px} #megamenu li#nav-item-5:hover > div.mm-container:before {left:85px} #megamenu li#nav-item-6:hover > div.mm-container {width:540px;left: -172px;} #megamenu li#nav-item-6:hover > div.mm-container:before {left:259px} #megamenu li#nav-item-7:hover > div.mm-container {left:-175px;width:540px;} #megamenu li#nav-item-7:hover > div.mm-container:before {left:238px;} #megamenu li#nav-item-1:hover > div.mm-container:before {left:44px!important} #megamenu li.nav-item:hover div.mm-container h3 a, #megamenu li.nav-item:hover div.mm-container h3 {font:normal 0.875em 'proxima_nova_softbold', sans-serif!important;color:#941d82!important;text-transform:uppercase;padding-left:0px;padding-right:0px} #megamenu li.nav-item:hover div.mm-container h3 a{font-size: 14px!important; padding-bottom: 2px!important; } #megamenu li.nav-item:hover div.mm-container h3 a:hover {background:none;} #megamenu li.nav-item:hover div.mm-container li, #megamenu li.nav-item:hover div.mm-container a, #megamenu li.nav-item:hover div.mm-container li:hover a {border-right:0px!important;border-left:0px!important} .mm-category-column { float: left; width:150px;margin-right:20px} #megamenu li.nav-item:hover div.mm-container ul li a {padding:3px 12px 2px;position:relative;} #megamenu li.nav-item:hover div.mm-container ul li a:before {position:absolute;content:"";width:3px;height:3px;border-radius:3px;background:#941d82;top:10px;left:3px} div.mm-container .mm-category-column {width:145px;float:left} #nav-item-1 div.mm-container .mm-category-column{width: 201px;margin-right: 30px;} div.mm-container .mm-other-content .mm-brand-column, div.mm-container .mm-other-content .mm-character-column {width:140px;float:left;margin-right:20px} #nav-item-6 div.mm-container .mm-other-content .mm-character-column{width: 100%;} #nav-item-6 div.mm-container .mm-other-content .mm-character-column .mm-character-ul{float: left;margin-right: 3%;width: 29%;} #nav-item-5 div.mm-container .mm-other-content .mm-brand-column{width: 100%;float: left;margin: 0;} #nav-item-5 div.mm-container .mm-other-content .mm-brand-column .mm-brand-ul{float: left;margin-right: 3%;width: 29%;} #nav-item-5 div.mm-container .mm-other-content .mm-brand-column .menu-az{clear: both;} #megamenu li#nav-item-4:hover div.mm-container .mm-age-column { width: 155px; float: left } #megamenu li#nav-item-4:hover div.mm-container ul { lpadding:0px; margin:0px; } #megamenu li#nav-item-4:hover div.mm-container ul li a:before { display:none; } #megamenu li#nav-item-4:hover div.mm-container ul li a { line-height:40px !important; font-family:'proxima_nova_softbold'; text-transform:uppercase; color:#921d80; font-size:14px; background-size:40px 40px; padding:2px 0 1px 50px; } #megamenu li#nav-item-4:hover div.mm-container ul li:nth-child(1) a { background:url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/icon_new_born.png") no-repeat; background-size:40px 40px; } #megamenu li#nav-item-4:hover div.mm-container ul li:nth-child(2) a { background:url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/icon_1_2.png") no-repeat; background-size:40px 40px; color:#ec2b3a; } #megamenu li#nav-item-4:hover div.mm-container ul li:nth-child(3) a { background:url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/icon_3_4.png") no-repeat; background-size:40px 40px; color:#4ba0db; } #megamenu li#nav-item-4:hover div.mm-container ul li:nth-child(4) a { background:url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/icon_5_7.png") no-repeat; background-size:40px 40px; color:#4bb549; } #megamenu li#nav-item-4:hover div.mm-container ul li:nth-child(5) a { background:url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/icon_8_11.png") no-repeat; background-size:40px 40px; } #megamenu li#nav-item-4:hover div.mm-container ul li:nth-child(6) a { background:url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/icon_12_14.png") no-repeat; background-size:40px 40px; color:#ec2b3a; } #megamenu li#nav-item-4:hover div.mm-container ul li:nth-child(7) a { background:url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/images/icon_big_kids.png") no-repeat; background-size:40px 40px; color:#4ba0db; } #megamenu li#nav-item-4:hover div.mm-container .mm-image-tr {margin:40px 10px 0 0; } #megamenu li#nav-item-2:hover > div.mm-container .mm-other-content, #megamenu li#nav-item-3:hover > div.mm-container .mm-other-content, #megamenu li#nav-item-7:hover > div.mm-container .mm-other-content {/*-moz-box-shadow: 5px 0 2px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 5px 0 2px rgba(0, 0, 0, 0.2) inset; box-shadow: 5px 0 2px rgba(0, 0, 0, 0.2) inset;*/padding:25px 0px 20px 25px;width: 337px;float:right;border-top-right-radius: 15px;border-bottom-right-radius: 15px;-moz-border-radius-bottomright: 15px;-moz-border-top-right-radius: 15px;-webkit-border-bottom-right-radius: 15px;-webkit-border-top-right-radius: 15px;} #megamenu li#nav-item-7:hover > div.mm-container .mm-other-content{float: left;} #megamenu li#nav-item-2:hover > div.mm-container .mm-category-column, #megamenu li#nav-item-3:hover > div.mm-container .mm-category-column, #megamenu li#nav-item-7:hover > div.mm-container .mm-category-column { border-top-left-radius:15px;margin-right:0px;behavior: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/PIE/PIE.php);} #megamenu li#nav-item-2:hover > div.mm-container .mm-category-column h3, #megamenu li#nav-item-3:hover > div.mm-container .mm-category-column h3 { /* background-color: #f5f5f5; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dddddd), to(#fff)); background: -webkit-linear-gradient(top, #fff, #dfdfdf); background: -moz-linear-gradient(top, #fff, #dfdfdf); background: -ms-linear-gradient(top, #fff, #dfdfdf); background: -o-linear-gradient(top, #fff, #dfdfdf);*/ border-top-left-radius:15px; padding:25px 0px 0; width: 150px; /* behavior: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/PIE/PIE.php);position: relative;*/ } #megamenu li#nav-item-7:hover > div.mm-container .mm-category-column h3{ width: auto;border-top-left-radius:15px; padding:25px 0px 13px 25px;background-color: #f5f5f5; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dddddd), to(#fff)); background: -webkit-linear-gradient(top, #fff, #dfdfdf); background: -moz-linear-gradient(top, #fff, #dfdfdf); background: -ms-linear-gradient(top, #fff, #dfdfdf); background: -o-linear-gradient(top, #fff, #dfdfdf);} #megamenu li#nav-item-2:hover > div.mm-container .mm-category-column h3 a, #megamenu li#nav-item-3:hover > div.mm-container .mm-category-column h3 a, #megamenu li#nav-item-7:hover > div.mm-container .mm-category-column h3 a, #megamenu li#nav-item-7:hover > div.mm-container .mm-sale-column h3 a {padding:0px;margin:0px;font-size:14px!important;} #megamenu li#nav-item-2:hover > div.mm-container .mm-category-column ul, #megamenu li#nav-item-3:hover > div.mm-container .mm-category-column ul {margin:5px 0 0;width: 150px;} #megamenu li#nav-item-7:hover > div.mm-container .mm-category-column ul{width: auto;margin:13px 30px 0 25px;} #megamenu li#nav-item-2:hover > div.mm-container .mm-category-column , #megamenu li#nav-item-3:hover > div.mm-container .mm-category-column {width:150px;margin-right: 4px;padding: 0 0 25px 25px;border-bottom-left-radius: 15px;-moz-border-radius-bottomleft: 15px;-webkit-border-bottom-left-radius: 15px;} #megamenu li#nav-item-7:hover > div.mm-container .mm-category-column{width: 236px;} #megamenu li.nav-item:hover div.mm-container .mm-other-content .mm-brand-icon-column {width:100%;float:left;} #megamenu li.nav-item:hover div.mm-container .mm-other-content .mm-brand-icon-column .mm-brand-ul li a{display:inline-block;border-bottom:0px!important;padding:0px;} #megamenu li.nav-item:hover div.mm-container .mm-other-content .mm-brand-icon-column .mm-brand-ul li {width: 91px;text-align: center;height: 60px;vertical-align: middle;display: table-cell;} #megamenu li.nav-item:hover div.mm-container .mm-other-content .mm-brand-icon-column .mm-brand-ul li a:before {background:none;} #megamenu li.nav-item:hover div.mm-container .mm-other-content .mm-brand-icon-column .mm-brand-ul li a img {width:70px!important;} #megamenu li#nav-item-1:hover > div.mm-container, #megamenu li#nav-item-4:hover > div.mm-container, #megamenu li#nav-item-5:hover > div.mm-container, #megamenu li#nav-item-6:hover > div.mm-container {padding:20px 0 20px 20px;} #megamenu li#nav-item-1:hover > div.mm-container .mm-other-content {width:200px!important;float:right} #megamenu li#nav-item-7:hover > div.mm-container .mm-sale-column {width:170px;float:left} .mm-sale-column h3 { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dddddd), to(#fff)); background: -webkit-linear-gradient(top, #fff, #dfdfdf); background: -moz-linear-gradient(top, #fff, #dfdfdf); background: -ms-linear-gradient(top, #fff, #dfdfdf); background: -o-linear-gradient(top, #fff, #dfdfdf);padding:25px 0px 13px 25px;} .mm-sale-column ul {background:#fff;padding:13px 20px 0px 0px;min-height:260px} .mm-image-tr, .mm-image-bl {float:right;margin:0px 0px 0px 0px} .mm-image-tr a, .mm-image-bl a {width:200px;margin:0px!important;border:0px;padding:0px!important;} .mm-image-tr a img, .mm-image-bl a img {margin-bottom:10px} #megamenu li#nav-item-2:hover > div.mm-container .mm-other-content, #megamenu li#nav-item-3:hover > div.mm-container .mm-other-content { min-height:360px;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#efefef)); background: -webkit-linear-gradient(top, #efefef, #fff); background: -moz-linear-gradient(top, #efefef, #fff); background: -ms-linear-gradient(top, #efefef, #fff); background: -o-linear-gradient(top, #efefef, #fff);} #megamenu li#nav-item-7:hover > div.mm-container .mm-other-content { width: 234px;min-height: 287px;-moz-box-shadow: 5px 0 2px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 5px 0 2px rgba(0, 0, 0, 0.2) inset; box-shadow: 5px 0 2px rgba(0, 0, 0, 0.2) inset;} .menu-az {color:#169ac1!important;text-decoration:underline!important;padding-left:0px!important;clear: both;} #megamenu li#nav-item-2:hover > div.mm-container .mm-other-content .mm-image-tr , #megamenu li#nav-item-3:hover > div.mm-container .mm-other-content .mm-image-bl , #megamenu li#nav-item-7:hover > div.mm-container .mm-other-content .mm-image-tr {margin-right:30px} #megamenu li#nav-item-7:hover > div.mm-container .mm-other-content .mm-image-tr{width: auto;} #megamenu li#nav-item-7:hover > div.mm-container .mm-other-content .mm-image-tr > .mm-subcategory{display: none;} } @media only screen and (min-width: 768px) and (max-width: 1023px){ #megamenu li.nav-item:before{top: 16px;} #megamenu li:hover > div.mm-container{width: 737px;max-width: none;left: -8px;} #megamenu li#nav-item-1:hover > div.mm-container, #megamenu li#nav-item-4:hover > div.mm-container, #megamenu li#nav-item-5:hover > div.mm-container, #megamenu li#nav-item-6:hover > div.mm-container{padding: 15px 0 15px 15px;} #nav-item-1 div.mm-container .mm-category-column{width: 162px;margin-right: 20px;} #megamenu li.nav-item:hover div.mm-container ul li a{padding: 3px 12px 2px!important;} #megamenu li.nav-item:hover div.mm-container .mm-other-content .mm-brand-icon-column .mm-brand-ul li a img{width: 58px!important;} #megamenu li#nav-item-4:hover div.mm-container ul li a{padding: 3px 12px 2px 50px; !important; padding-left:50px !important;} #megamenu li#nav-item-1:hover > div.mm-container:before{left: 49px!important;} #megamenu li#nav-item-2:hover > div.mm-container{width: 686px;background-size: 92%;} #megamenu li#nav-item-2:hover > div.mm-container:before{left: 94px;} #megamenu li#nav-item-2:hover > div.mm-container .mm-category-column h3 a, #megamenu li#nav-item-3:hover > div.mm-container .mm-category-column h3 a, #megamenu li#nav-item-7:hover > div.mm-container .mm-category-column h3 a, #megamenu li#nav-item-7:hover > div.mm-container .mm-sale-column h3 a{padding: 0!important;} #megamenu li#nav-item-2:hover > div.mm-container .mm-category-column, #megamenu li#nav-item-3:hover > div.mm-container .mm-category-column{width: 144px;padding: 0 0 20px 15px;} #megamenu li#nav-item-2:hover > div.mm-container .mm-category-column h3, #megamenu li#nav-item-3:hover > div.mm-container .mm-category-column h3{width: auto;} #megamenu li#nav-item-2:hover > div.mm-container .mm-category-column ul, #megamenu li#nav-item-3:hover > div.mm-container .mm-category-column ul{width: 130px;} #megamenu li#nav-item-2:hover > div.mm-container .mm-other-content, #megamenu li#nav-item-3:hover > div.mm-container .mm-other-content, #megamenu li#nav-item-7:hover > div.mm-container .mm-other-content{} #megamenu li#nav-item-3:hover > div.mm-container{width: 686px;left: -156px;background-size: 92%;} #megamenu li#nav-item-3:hover > div.mm-container:before{left: 168px;} #megamenu li#nav-item-4:hover > div.mm-container:before{left: 62px;} #megamenu li#nav-item-5:hover > div.mm-container{left: -173px;} #megamenu li#nav-item-5:hover > div.mm-container:before{left: 205px;} #megamenu li#nav-item-6:hover > div.mm-container{left: -248px;} #megamenu li#nav-item-6:hover > div.mm-container:before{left: 327px;} #megamenu li#nav-item-7:hover > div.mm-container{left: -374px;} #megamenu li#nav-item-7:hover > div.mm-container .mm-category-column ul{margin: 13px 10px 0 15px;} #megamenu li#nav-item-7:hover > div.mm-container .mm-category-column h3{padding: 15px 0 13px 20px;} #megamenu li#nav-item-7:hover > div.mm-container:before{left: 434px;} .mm-image-tr a, .mm-image-bl a{width: 180px;} .mm-image-tr a img, .mm-image-bl a img{max-width: 100%;} } @media screen and (min-width: 1368px) { #megamenu li.nav-item{margin: 0 15px;} #megamenu li.nav-item:before{right: -24px;} #megamenu li.menu-active:before{right: -25px;} #megamenu li.nav-item a{font-size: 1.225em;} } @media screen and (max-width: 767px) { #nav-item-7 .mm-image-tr{display: block;} #nav-item-7 .mm-image-tr > a img{display: none;} #nav-item-7 .mm-image-tr > a{padding: 0;display: block;} #nav-item-7 .mm-other-content .mm-image-tr .mm-subcategory a{display: block;padding: 0;} #nav-item-7 .mm-other-content .mm-image-tr .mm-subcategory a h3{padding: 11px 3%;font: 14px 'proxima_nova_softbold';text-transform: uppercase;color: #92278F;font-weight: normal;border-top: none;} #menu-control{display: block;position: relative;border-bottom: 1px solid #999;border-top: 1px solid #999;clear: both;float: left;width: 100%;margin: 0;} #megamenu{display: none;} #menu-control .menu-title{font-size: 18px;color: #92278f;text-transform: uppercase;font-weight: normal;font-family: 'proxima_nova_softbold';text-decoration: none;line-height: 18px;display: inline-block;padding: 13px 0 14px 2%;width: 98%;} .cms-home #megamenu,.landing-category #megamenu{} #megamenu li.nav-item:hover div.mm-container .mm-other-content .mm-brand-icon-column .mm-brand-ul li a img{width: 52px!important;} .mm-image-tr a img, .mm-image-bl a img{width: 170px;} .mm-container,.mm-category-column ul, #nav-item-2 .mm-brand-ul,#nav-item-2 .mm-character-ul,#nav-item-3 .mm-brand-ul,#nav-item-3 .mm-character-ul,#nav-item-7 .mm-brand-ul,#nav-item-7 .mm-character-ul{display: none;} .mm-other-content a.menu-az { border-top:1px dotted #999; display:block; } #megamenu{width: 100%;margin: 0;float: left;} #megamenu li,.mm-container h3{position: relative;} .nav-item{width: 100%;border-bottom: 1px solid #999;} .nav-item a{padding: 13px 30% 14px 3%;width: auto;} .nav-item a,.mm-container a{font-size: 18px;color: #92278f;text-transform: uppercase;font-weight: normal;font-family: 'proxima_nova_softbold';text-decoration: none;line-height: 18px;display: inline-block;} .mm-container ul li a,.mm-other-content a{font: normal 14px verdana;color: #000;text-decoration: inherit;text-transform: none;padding-left: 5%;} .mm-container h3,.mm-container h3 a{font-size: 14px;} .mm-container h3{border-top: 1px solid #cdcdcd;} .mm-other-content a{color: #92278f;} .mm-container ul li{border-bottom: 1px dotted #999;} .mm-container ul li:last-child{border: none;} .mm-container ul li:first-child{border-top: 1px solid #cdcdcd;} .mm-brand-icon-column{display: none;} .mm-character-column h3,.mm-brand-column h3,#nav-item-7 .mm-category-column h3{padding: 11px 3%;border-top: 1px solid #999;cursor: pointer;font-family: 'proxima_nova_softbold';text-transform: uppercase;color: #92278F;font-size: 14px;font-weight: normal;} } /* * jquery.selectBoxIt.css 3.3.0 * Author: @gregfranko */ /* Common CSS Properties --------------------- These properties will be applied to any themes that you use */ /* SelectBoxIt container */ .selectboxit-container { float: right; position: relative; display: inline-block; vertical-align: top; } /* Styles that apply to all SelectBoxIt elements */ .selectboxit-container * { font: 14px Helvetica, Arial; /* Prevents text selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; ms-user-select: none; -o-user-select: none; user-select: none; outline: none; white-space: nowrap; } /* Button */ .selectboxit-container .selectboxit { cursor: pointer; margin: 0; padding: 0; overflow: hidden; display: block; position: relative; } /* Height and Vertical Alignment of Text */ .selectboxit-container span, .selectboxit-container .selectboxit-options a { /* Vertically positions the drop down text */ display: block; font-family: 'proxima_nova_softbold'; font-weight: normal; text-transform: uppercase; color: #941d82; text-decoration: none; } .selectboxit-container .selectboxit-text{ margin: 2px 0 0; } .add-to-cart .selectboxit-container span, .add-to-cart .selectboxit-container .selectboxit-options a{ font-family: verdana; color: #222; font-size: 0.9em; padding-top: 0; } .add-to-cart .selectboxit-container .selectboxit-options a span{ padding: 0; } /* Focus pseudo selector */ .selectboxit-container .selectboxit:focus { outline: 0; } /* Disabled Mouse Interaction */ .selectboxit-disabled { cursor: default; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Button Text */ .selectboxit-text { /* overflow: hidden;*/ text-overflow: ellipsis; float: left; padding-left: 12px; } .selectboxit .selectboxit-option-icon-container { margin-left: 5px; } /* Options List */ .selectboxit-container .selectboxit-options { -moz-box-sizing: border-box; box-sizing: border-box; min-width: 100%; /* Minimum Width of the dropdown list box options */ *width: 100%; margin: 0; padding: 0; list-style: none; position: absolute; overflow-x: hidden; overflow-y: auto; cursor: pointer; display: none; z-index: 9999999999999; border-radius: 6px; text-align: left; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Individual options */ .selectboxit-option .selectboxit-option-anchor{ padding: 0 2px; } /* Individual Option Hover Action */ .selectboxit-option .selectboxit-option-anchor:hover { text-decoration: none; } /* Individual Option Optgroup Header */ .selectboxit-option, .selectboxit-optgroup-header { text-indent: 5px; /* Horizontal Positioning of the select box option text */ margin: 0; } /* The first Drop Down option */ .selectboxit-option-first { border-top-right-radius: 6px; border-top-left-radius: 6px; } /* The first Drop Down option optgroup */ .selectboxit-optgroup-header + .selectboxit-option-first { border-top-right-radius: 0px; border-top-left-radius: 0px; } /* The last Drop Down option */ .selectboxit-option-last { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } /* Drop Down optgroup headers */ .selectboxit-optgroup-header { font-weight: bold; } /* Drop Down optgroup header hover psuedo class */ .selectboxit-optgroup-header:hover { cursor: default; } /* Drop Down down arrow container */ .selectboxit-arrow-container { /* Positions the down arrow */ position: absolute; right: 10px; } /* Drop Down down arrow */ .selectboxit .selectboxit-arrow-container .selectboxit-arrow { /* Horizontally centers the down arrow */ margin: 0 auto; position: absolute; left: auto; border: none; } /* Drop Down down arrow for jQueryUI and jQuery Mobile */ .selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon { top: 30%; } /* Drop Down individual option icon positioning */ .selectboxit-option-icon-container { float: left; } .selectboxit-container .selectboxit-option-icon { margin: 0; padding: 0; vertical-align: middle; } /* Drop Down individual option icon positioning */ .selectboxit-option-icon-url { width: 18px; background-size: 18px 18px; background-repeat: no-repeat; height: 100%; background-position: center; float: left; } /* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */ .jqueryui .ui-icon { background-color: inherit; } /* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */ .jqueryui .ui-icon-triangle-1-s { background-position: -64px -16px; } /* Default Theme ------------- Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme */ .selectboxit-btn { /* background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-color: #f5f5f5; background-repeat: repeat-x; border: 1px solid #cccccc; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3;*/ width: 100%!important; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; background-color: #fff; -moz-box-shadow:inset 1px 3px 5px rgba(0,0,0,0.2); -webkit-box-shadow:inset 1px 3px 5px rgba(0,0,0,0.2); box-shadow: inset 1px 3px 5px rgba(0,0,0,0.2); behavior: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/PIE/PIE.php); position: relative; } .selectboxit-btn:hover, .selectboxit-btn:focus, .selectboxit-btn:active { color: #333333; background-color: #e6e6e6; } .selectboxit-btn:hover, .selectboxit-btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; } .selectboxit-default-arrow { width: 0; height: 0; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; } .selectboxit-list { background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .selectboxit-list > li > a { color: #333333; } .selectboxit-list > .selectboxit-focus > a, .selectboxit-list > .selectboxit-focus > a:hover, .selectboxit-list > .selectboxit-focus > a:focus { color: #ffffff; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; } .selectboxit-list > .selectboxit-disabled > a { color: #999999; } .selectboxit-list > .selectboxit-disabled > a:hover, .selectboxit-list > .selectboxit-disabled > a:focus { background-color: transparent; background-image: none; } /*! jQuery UI - v1.10.1 - 2013-02-15 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/css/ui-lightness/images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.6em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { /* top: 0; height: 100%;*/ } .ui-slider-horizontal .ui-slider-range-min { /* left: 0;*/ } .ui-slider-horizontal .ui-slider-range-max { /* right: 0;*/ } .ui-slider-vertical { /* width: .8em; height: 100px;*/ } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { /* left: 0; width: 100%;*/ } .ui-slider-vertical .ui-slider-range-min { /* bottom: 0;*/ } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to overide default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertical centre icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { } .ui-widget-content a { color: #222222; } .ui-widget-header { color: #fff; font-weight: bold; } .ui-widget-header a { color: #fff; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border-radius: 25px;-moz-border-radius: 25px; -webkit-border-radius: 25px; border: 1px solid #00b657; background-color: #0FAA5A; background: -moz-linear-gradient(top,#1cb968 0%,#049e4e); background: -webkit-gradient(linear, left top, left bottom,from(#1cb968),to(#049e4e)); background: -webkit-linear-gradient(top, #1cb968, #049e4e); background: -ms-linear-gradient(top, #1cb968, #049e4e); background: -o-linear-gradient(top, #1cb968, #049e4e); -moz-box-shadow:1px 1px 1px rgba(000,000,000,0.5),inset 0px 2px 2px rgba(255,255,255,0.5); -webkit-box-shadow:1px 1px 1px rgba(000,000,000,0.5),inset 0px 2px 2px rgba(255,255,255,0.5); box-shadow:1px 1px 1px rgba(000,000,000,0.5),inset 0px 2px 2px rgba(255,255,255,0.5); cursor: pointer; behavior: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/PIE/PIE.php); position: absolute; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/css/ui-lightness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #b81900 url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #fff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } .ui-icon { width: 16px; height: 16px; background-position: 16px 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/css/ui-lightness/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/css/ui-lightness/images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/css/ui-lightness/images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/css/ui-lightness/images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon { background-image: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/css/ui-lightness/images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/css/ui-lightness/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon,.ui-state-error-text .ui-icon { background-image: url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/css/ui-lightness/images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } .ui-widget-overlay { background: #aaaaaa url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/css/ui-lightness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: 0.3; filter: Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/css/ui-lightness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: 0.3; filter: Alpha(Opacity=30); border-radius: 8px; } /****************newsletter******************/ .news_content { border-radius:7px; height: auto; padding:20px; color:#737372; font-family:Arial; font-size:14px; text-align:left; } .news-form{ border: 1px solid #bbb; box-shadow:0 0 20px #222; position: fixed; top:300px; height: 440px; width:640px; z-index: 102; background: #fff; padding:4px; border-radius: 10px; z-index:99999; } .news_popup #newsletter-validate-data { margin:32px 0 27px; display:block; border-bottom:1px solid #e4e4e3; padding:0 0 30px 0; } .news_popup h2 { margin:0 0 14px 0; font-size:20px; } .news_popup img { max-width:100%; } .news_popup #newsletter-validate-data .input-box { width: 76%; display:inline-block; position:relative; text-align:left; } .news_popup #newsletter-validate-data label { font-family:"proxima_nova_softbold"; color:#92278e; text-transform:uppercase; font-size:14px; margin-right:15px; } .news_popup #newsletter-validate-data input { border:1px solid #bbb !important; padding:4px 0 3px 12px !important; height:22px; width: 380px !important; color:#444 !important; font-size:13px !important; border-radius:25px; box-shadow:1px 3px 5px rgba(0, 0, 0, 0.2) inset; } .news_popup .social-link { width:100%; float:none; margin-top:18px; } .news_popup .social-link div { color: #737372 !important; display: inline-block !important; font-size: 14px !important; font-weight: 600 !important; margin: 0 4% !important; text-align: center !important; text-decoration: none !important; width: 40% !important; } .news_popup .social-link a { text-indent:0; line-height:32px; background-position:0px 33px; text-decoration:none; color:#4ba0db; } .news_popup .social-link a.ic-face { background-position:-44px -927px; margin-right:8px; } .news_popup .social-link a.ic-youtu { background-position:-81px -927px; margin-right:8px; } .news_popup .validation-advice:after{ content: ""; position: absolute !important; background:url("https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/css/newsletter_popup/row.png") no-repeat scroll -8px -4px rgba(0, 0, 0, 0) !important; width: 0 !important; height: 0 !important; border-width: 10px !important; border-style: solid !important; border-color: transparent transparent transparent transparent; top: -20px !important; left: 8px !important; } .news_popup .validation-advice { position: absolute !important; line-height: 20px !important; padding: 8px !important; top:44px !important; text-align: center !important; color: #767676 !important; background: url('https://www.toyworld.co.nz/skin/frontend/enterprise/toyworld/css/newsletter_popup/tooltip_bg.png') repeat-x scroll 0 bottom #fff !important; line-height:20px !important; font-weight:400 !important !important; border: 1px solid #D5D5D4 !important; border-radius: 5px !important; text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px !important; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 0px !important; } .news_popup .title { font-size:28px !important; font-weight:600 !important; text-align: center !important; } .news_popup .subtitle { color: #343030 !important; font-size: 24px !important; font-weight: 600 !important; line-height: 36px; padding: 0 0 7px !important; text-align: left !important; } .overlay_news_popup { position: absolute !important; top: 0px !important; left: 0px !important; z-index: 9999 !important; width: 100% !important; height: 100% ; background-color:#000 !important; filter:alpha(opacity=70); -moz-opacity:.7; opacity:.7; -webkit-opacity:.7; } .news_popup #close_button{ color:#bab9b9 !important; font-size:24.3px !important; font-weight:600 !important; position:absolute !important; right: 10px !important; top: 2px !important; cursor:pointer; z-index:99999;} /**********************************************/ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: inherit; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("https://www.toyworld.co.nz/skin/frontend/base/default/css/magebase/carouselrwd/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /* ============================================ * * Mint2 - Slideshow Styles * ============================================ */ .carousel-slider .owl-controls .owl-dots { position: absolute; bottom: 25px; left: 60px; list-style: none; display: block; text-align: left; padding: 0; width: 50%; } .carousel-slider .owl-controls .owl-dot span { display: block; width: 22px; height: 10px; text-align: center; float: left; margin-right: 5px; background: #777; } .carousel-slider .owl-controls .owl-dot.active span { background: #27CCC0; } .carousel-slider .owl-controls .owl-nav { position: absolute; top: 45%; width: 100%; } .carousel-slider .owl-controls .owl-nav .owl-next { float: right; } .carousel-slider .owl-controls .owl-nav .owl-next, .carousel-slider .owl-controls .owl-nav .owl-prev { bottom: 40%; width: 40px; height: 40px; position: relative; display: inline-block; font-size: 0; color: #777; background: rgba(255,255,255, 0.4); } .carousel-slider .owl-controls .owl-nav .owl-next:before, .carousel-slider .owl-controls .owl-nav .owl-prev:before { font-family: FontAwesome; position: absolute; font-size: 25px; line-height: 40px; top: 0; } .carousel-slider .owl-controls .owl-nav .owl-prev:before { content: '\f104'; left: 15px; } .carousel-slider .owl-controls .owl-nav .owl-next:before { content: '\f105'; right: 15px; } .carousel-slider .owl-stage-outer .carousel-description { position: absolute; display: block; top: 75px; left: 60px; z-index: 101; width: 40%; } @media screen and (min-width: 771px) { #carousel-content-mobile { display: none!important; } } @media screen and (max-width: 770px) { .carousel-slider .owl-stage-outer .carousel-description { bottom: 15px; right: 0; left: 0; top: auto; width: 100%; } .carousel-slider .owl-stage-outer .owl-item { position: relative; } .carousel-slider .owl-stage-outer .owl-item .carousel-image a { overflow: hidden; } .carousel-sidebar .block-carousel-sidebar a img { width: 100%; } .carousel-slider .owl-stage-outer .owl-item .carousel-description { top: 20%; text-align: center; display:block; z-index: 500; overflow: visible; padding: 0 15px; } .carousel-slider .carousel-slider .owl-controls .owl-dots { margin-top: 10px; position: relative; display: block; text-align: center; width: 100%; bottom: 0; left: 0; } .carousel-slider .carousel-slider .owl-controls .owl-dots .owl-dot { display: inline-block; } .carousel-slider .carousel-slider .owl-controls .owl-dots .owl-dot span { width: 22px; height: 10px; margin-right: 5px; } } @media screen and (max-width: 599px) { .carousel-slider .owl-controls .owl-dot span { width: 15px; height: 15px; } } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: inherit; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("https://www.toyworld.co.nz/skin/frontend/base/default/css/magebase/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /* ============================================ * * Mint2 - Slideshow Styles * ============================================ */ .carousel-slider .owl-controls .owl-dots { position: absolute; bottom: 25px; left: 60px; list-style: none; display: block; text-align: left; padding: 0; width: 50%; } .carousel-slider .owl-controls .owl-dot span { display: block; width: 22px; height: 10px; text-align: center; float: left; margin-right: 5px; background: #777; } .carousel-slider .owl-controls .owl-dot.active span { background: #27CCC0; } .carousel-slider .owl-controls .owl-nav { position: absolute; top: 45%; width: 100%; } .carousel-slider .owl-controls .owl-nav .owl-next { float: right; } .carousel-slider .owl-controls .owl-nav .owl-next, .carousel-slider .owl-controls .owl-nav .owl-prev { bottom: 40%; width: 40px; height: 40px; position: relative; display: inline-block; font-size: 0; color: #777; background: rgba(255,255,255, 0.4); } .carousel-slider .owl-controls .owl-nav .owl-next:before, .carousel-slider .owl-controls .owl-nav .owl-prev:before { font-family: FontAwesome; position: absolute; font-size: 25px; line-height: 40px; top: 0; } .carousel-slider .owl-controls .owl-nav .owl-prev:before { content: '\f104'; left: 15px; } .carousel-slider .owl-controls .owl-nav .owl-next:before { content: '\f105'; right: 15px; } .carousel-slider .owl-stage-outer .carousel-description { position: absolute; display: block; top: 75px; left: 60px; z-index: 101; width: 40%; } @media screen and (min-width: 771px) { #carousel-content-mobile { display: none!important; } } @media screen and (max-width: 770px) { .carousel-slider .owl-stage-outer .carousel-description { bottom: 15px; right: 0; left: 0; top: auto; width: 100%; } .carousel-slider .owl-stage-outer .owl-item { position: relative; } .carousel-slider .owl-stage-outer .owl-item .carousel-image a { overflow: hidden; } .carousel-sidebar .block-carousel-sidebar a img { width: 100%; } .carousel-slider .owl-stage-outer .owl-item .carousel-description { top: 20%; text-align: center; display:block; z-index: 500; overflow: visible; padding: 0 15px; } .carousel-slider .carousel-slider .owl-controls .owl-dots { margin-top: 10px; position: relative; display: block; text-align: center; width: 100%; bottom: 0; left: 0; } .carousel-slider .carousel-slider .owl-controls .owl-dots .owl-dot { display: inline-block; } .carousel-slider .carousel-slider .owl-controls .owl-dots .owl-dot span { width: 22px; height: 10px; margin-right: 5px; } } @media screen and (max-width: 599px) { .carousel-slider .owl-controls .owl-dot span { width: 15px; height: 15px; } } .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; margin-top: 5px; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin:0px; padding: 0px 5px; cursor: default; display: block; text-align: left; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background: white url('https://www.toyworld.co.nz/skin/frontend/base/default/css/belvg/indicator.gif') right center no-repeat; } .ac_odd { background-color: #eee; } .ac_over { background-color: #0A246A; color: white; } /* SEARCH BOX */ .ais-search-box--powered-by { font-size: .8em; text-align: right; margin-top: 2px; } input::-ms-clear { display: none; } /* PAGINATION */ #instant-search-pagination-container { width: 100%; text-align: center; } .ais-pagination { background-color: transparent; border: none; box-shadow: none; margin: 20px auto; } .ais-pagination li { display: inline-block; } .ais-pagination--item a { padding: 5px 10px; margin: 0 5px; line-height: 25px; background-color: white; color: #727272; } .ais-pagination li.ais-pagination--item__disabled { display: none; } .ais-pagination--item__active a { font-weight: bolder; color: #606060; text-decoration: underline; } .ais-pagination--item.ais-pagination--item__next a, .ais-pagination--item.ais-pagination--item__previous a { font-weight: bold; color: #606060; } /* REFINEMENT LIST */ .ais-menu--link, .ais-hierarchical-menu--link, .ais-price-ranges--link, .ais-refinement-list--label { padding: 4px 10px; cursor: pointer; color: #636363; text-decoration: none; display: block; font-family: inherit; font-weight: inherit; font-size: inherit; } .ais-hierarchical-menu--item__active > div > .ais-hierearchical-link-wrapper > .ais-hierarchical-menu--link, .ais-refinement-list--item__active > div > .ais-hierarchical-list--link, .ais-refinement-list--item__active > div > .ais-refinement-list--label, .ais-price-ranges--item__active > .ais-price-ranges--link{ font-weight: bold; box-shadow: inset 3px 0 0 #3399cc; } .ais-hierearchical-link-wrapper, .ais-refinement-list--item { padding: 7px 0px; } .ais-refinement-list--label, .ais-hierarchical-menu--link { line-height: 1.0em; padding: 0px 10px; } .ais-refinement-list--label img { display: inline; } .ais-hierarchical-menu--item__active .ais-hierearchical-link-wrapper .cross-circle, .ais-refinement-list--item__active .cross-circle { display: inline-block; width: 12px; height: 12px; background: url("https://www.toyworld.co.nz/skin/frontend/base/default/algoliasearch/data:image/svg+xml;utf8,testvg")no-repeat center center / contain; opacity: 0; } .ais-hierarchical-menu--item__active .ais-hierearchical-link-wrapper:hover .cross-circle, .ais-refinement-list--item__active:hover .cross-circle { text-decoration: underline; vertical-align: bottom; margin-left: 6px; opacity: 1; } .ais-refinement-list--item:hover { text-decoration: underline; } .ais-price-ranges--input { width: 70px !important; } .ais-price-ranges--label { margin: 5px; } .ais-refinement-list--checkbox { margin-right: 10px; } #algolia_instant_selector .current-refinements { position: relative; } .ais-current-refined-values--link { cursor: pointer; color: #636363; border-radius: 2px; border: solid 1px #DDDDDD; background-color: #f4f4f4; display: inline-block; max-width: 100%; white-space: nowrap; padding: 0 8px 0 0; height: 28px; overflow: hidden; } .ais-current-refined-values--clear-all { position: absolute; right: 6px; top: 3px; color: #666666; font-weight: 500; } a.ais-current-refined-values--link:hover { text-decoration: none; } .ais-current-refined-values--item { margin-top: 8px; } .ais-current-refined-values--item:after { clear: both; content: ""; display: block; } .ais-current-refined-values--item .current-refinement-label { font-weight: bold; } .ais-current-refined-values--item .cross-wrapper { font-weight: bold; background-color: #DDDDDD; border-radius: 1px 0 0 1px; float: left; width: 26px; height: 26px; text-align: center; line-height: 26px; } .ais-current-refined-values--link:hover .cross-wrapper { text-decoration: none; } .ais-current-refined-values--link .cross-wrapper img { display: inline; margin-top: 6px; } .ais-current-refined-values--item .current-refinement-wrapper { float: left; width: calc(100% - 26px); height: 26px; padding-left: 8px; overflow: hidden; text-overflow: ellipsis; line-height: 26px; } .ais-current-refined-values--link:hover .current-refinement-wrapper { text-decoration: line-through; } .ais-menu--link:hover, .ais-price-ranges--link:hover, .ais-hierarchical-menu--link:hover { color: #636363; } .ais-menu--count, .ais-hierarchical-menu--count, .ais-refinement-list--count { float: right; color: #666; } /* RANGE SLIDER */ .ais-range-slider--target { position: relative; direction: ltr; background: #F3F4F7; height: 6px; margin-top: 3em; margin-bottom: 4em; width: 88%; margin-left: 6%; } .ais-range-slider--base { width: 100%; height: 100%; position: relative; z-index: 1; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; border-left: 2px solid #DDD; border-right: 2px solid #DDD; } .ais-range-slider--origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .ais-range-slider--connect { background: #b5b6b9; } .ais-range-slider--background { background: #F3F4F7; } .ais-range-slider--handle { width: 20px; height: 20px; position: relative; z-index: 1; background: #FFFFFF; border: 1px solid #c8c8c8; border-radius: 50%; cursor: pointer; } .ais-range-slider--handle-lower { left: -10px; bottom: 7px; } .ais-range-slider--handle-upper { right: 10px; bottom: 7px; } .ais-range-slider--tooltip { position: absolute; background: #FFFFFF; top: -2em; min-width: 20px; text-align: center; font-size: .8em; } .ais-range-slider--pips { box-sizing: border-box; position: absolute; height: 3em; top: 100%; left: 0; width: 100%; } .ais-range-slider--value { width: 40px; position: absolute; text-align: center; margin-left: -20px; padding-top: 15px; font-size: .8em; } .ais-range-slider--value-sub { font-size: .8em; padding-top: 15px; } .ais-range-slider--marker { position: absolute; margin-left: -1px; width: 1px; height: 5px; } .ais-range-slider--marker-large { background: #DDD; width: 2px; margin-left: -2px; height: 12px; } .ais-range-slider--marker-large:first-child { margin-left: 0; } /****************** ** ** Auto-completion menu ** ******************/ #algolia-autocomplete-container .aa-dropdown-menu .before_special { color: #aaaaaa; text-decoration: line-through; font-size: 12px; } #algolia-autocomplete-container .aa-dropdown-menu .info-without-thumb .category-tag { color: #3284b6; } #algolia-autocomplete-container .aa-dropdown-menu .info-without-thumb .details { font-size: 10px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #algolia-autocomplete-container .aa-dropdown-menu .info-without-thumb .details em { color: #222222; } #algolia-autocomplete-tt.algolia-autocomplete { width: 100%; display: inline-block !important; } #algolia-autocomplete-container .aa-dropdown-menu { position: absolute; margin-top: -1px; right: 0px; width: 100%; z-index: 1000 !important; border: 1px solid #BBB; border-top: 3px solid #8EB4D0; border-radius: 1px; background: white; } @media (min-width: 992px) { #algolia-autocomplete-container .aa-dropdown-menu { width: 71.1%; min-width: 800px; } } #algolia-autocomplete-container .aa-dropdown-menu .col-2 { position: relative; } #algolia-autocomplete-container .aa-dropdown-menu .col-2 .col-left { width: 67%; } #algolia-autocomplete-container .aa-dropdown-menu .col-2 .col-right { width: 33%; } #algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products { padding: 40px 40px; min-height: 250px; } #algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .title { font-weight: bold; margin-bottom: 30px; font-size: 16px; } #algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .suggestions { margin-bottom: 30px; } #algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .see-all a { color: #636363; font-weight: bold; } #algolia-autocomplete-container .aa-dropdown-menu .aa-no-results { padding: 10px; font-style: italic; } #algolia-autocomplete-container .aa-dropdown-menu .category { padding: 4px; color: rgb(166, 166, 166); text-align: left; font-size: 0.8em; text-transform: uppercase; font-weight: bold; } #algolia-autocomplete-container .aa-dropdown-menu .category-suggestions { padding: 4px; color: #54A5CD; text-align: left; font-size: 0.7em; text-transform: uppercase; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit { display: block; position: relative; padding: 5px 10px; color: #000; text-align: left; text-decoration: none; } #algolia-autocomplete-container .aa-dropdown-menu .other-sections .aa-dataset-suggestions .algoliasearch-autocomplete-hit { padding-left: 30px; } #algolia-autocomplete-container .aa-dropdown-menu.aa-without-products .col9 { background-color: #F9F9F9; } #algolia-autocomplete-container .aa-dropdown-menu.aa-without-products #autocomplete-products-footer { display: none; } #algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .aa-suggestion { display: inline-block; width: 100%; } @media (min-width: 768px) { #algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .aa-suggestion { display: inline-block; width: 50%; } } #algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .algoliasearch-autocomplete-hit { padding: 15px 10px; } .autocomplete-wrapper { width: 100%; } .autocomplete-wrapper:after { clear: both; content: ''; } #algolia-autocomplete-container .col9 { float: right; width: 100%; } #algolia-autocomplete-container .col3 { float: right; width: 100%; } #algolia-autocomplete-container.reverse .col3 { float: left; width: 100%; } #algolia-autocomplete-container.reverse .col9 { float: left; width: 100%; } @media (min-width: 768px) { #algolia-autocomplete-container .col9 { border-left: solid 1px #eeeeee; float: right; width: 70%; } #algolia-autocomplete-container .col3 { float: right; width: 30%; } #algolia-autocomplete-container.reverse .col3 { float: left; width: 30%; } #algolia-autocomplete-container.reverse .col9 { border-right: solid 1px #eeeeee; float: left; width: 70%; } } #algolia-autocomplete-container .other-sections { margin: 20px 10px; margin-bottom: 70px; } .aa-dataset-products .aa-suggestions { margin: 10px auto 10px auto; } .aa-dataset-suggestions { display: none; } @media (min-width: 768px) { .aa-dataset-suggestions { display: block; } } @media (min-width: 768px) { .aa-dataset-products .aa-suggestions { margin: 10px auto 50px auto; } } .aa-dataset-products .aa-suggestions:after { content:''; display:block; clear: both; } #algolia-autocomplete-container .aa-dropdown-menu .other-sections .algoliasearch-autocomplete-hit { padding-left: 10px; } #algolia-autocomplete-container .aa-dropdown-menu .other-sections .aa-suggestions { margin-bottom: 20px; } #algolia-autocomplete-container .aa-dropdown-menu .aa-cursor .algoliasearch-autocomplete-hit { background-color: #f2f2f2; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit em { font-weight: bold; font-style: normal; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-price { font-size: 1.1em; color: #54A5CD; height: 22px; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .thumb { float: left; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .thumb img { width: 50px; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info { margin-left: 60px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #autocomplete-products-footer { position: absolute; bottom: 0; right: 0; width: 70%; background-color: #F9F9F9; padding: 15px; text-align: center; display: none; } #algolia-autocomplete-container.reverse #autocomplete-products-footer { right: auto; left: 0; } @media (min-width: 768px) { #autocomplete-products-footer { display: block; } } #autocomplete-products-footer span { color: #15769c; font-weight: 600; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-category { font-size: 0.8em; color: #666; white-space: nowrap; overflow: hidden; max-width: 100%; text-overflow: ellipsis; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-category em { color: #222; } #algolia-autocomplete-container .aa-dropdown-menu .footer_algolia { position: absolute; width: 100%; padding: 10px; text-align: center; bottom: 7px; left: 4px; font-size: 13px; } #algolia-autocomplete-container.reverse .aa-dropdown-menu .footer_algolia { left: auto; right: 4px; } @media (min-width: 768px) { #algolia-autocomplete-container .aa-dropdown-menu .footer_algolia { width: 30%; } } #algolia-autocomplete-container .aa-dropdown-menu .footer_algolia span { color: #B8B8B8; font-size: 10px; } #algolia-autocomplete-container .aa-dropdown-menu .footer_algolia img { display: inline; height: 1.5em; vertical-align: bottom; max-width: 130px; } /** * Search Box */ #algolia-searchbox{ margin: 20px 0; position: relative; } .clear-cross { position: absolute; display: none; background: url("https://www.toyworld.co.nz/skin/frontend/base/default/algoliasearch/data:image/svg+xml;utf8,") no-repeat center center / contain; cursor: pointer; width: 16px; height: 16px; } #algolia-searchbox .clear-query-autocomplete { top: 13px; right: 12px; } #algolia_instant_selector .clear-query-instant { right: 12px; top: 10px; } .cross-wrapper .clear-refinement { display: block; position: relative; top: 5px; left: 5px; } #algolia-autocomplete-container .aa-suggestions svg.algolia-glass-suggestion.magnifying-glass { position: absolute; right: auto; left: 5px; top: 7px; fill: #A6A6A6; stroke: #A6A6A6; } #algolia-searchbox .magnifying-glass { position: absolute; right: 10px; width: 20px; height: 20px; display: block; top: 10px; background: url("https://www.toyworld.co.nz/skin/frontend/base/default/algoliasearch/data:image/svg+xml;utf8,") no-repeat center right / 20px; } #algolia-searchbox .algolia-search-input { width: 300px; float: right; } #algolia-searchbox .algolia-search-input:focus:not([value=""]) { background: transparent; } #algolia-searchbox .algolia-search-input:focus { outline: 0; box-shadow: none; border: solid 1px #54A5CD; } /** * Instant Search */ #algolia_instant_selector { margin: 10px; } #algolia_instant_selector a, #algolia_instant_selector a:hover, #algolia_instant_selector a:focus { outline: 0; } #algolia_instant_selector:after { content: ""; clear: both; display: block; } #algolia_instant_selector .category { } #algolia_instant_selector .title { } #algolia_instant_selector .title img { width: 200px; } #algolia_instant_selector .text-ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #algolia_instant_selector #instant-search-bar { float: left; width: calc(100% - 140px); height: 40px; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; border: solid 2px #54A5CD; border-left: none; padding-left: 6px; padding-top: 2px; } #algolia_instant_selector.with-facets #algolia-right-container { } #algolia_instant_selector.with-facets #algolia-left-container { min-height: 1px; } #algolia_instant_selector .hits .infos { margin: 0 15px; padding: 6px 10px; color: #aaa; text-align: center; background: #F4F4F4; font-size: 12px; clear: both; } #algolia_instant_selector .hits .infos strong { color: #555; } #algolia_instant_selector .hits .sort-by-label { margin-right: 8px; } #algolia_instant_selector .hits .no-results { margin: 40px 25px; color: #636363; font-size: 16px; } #algolia_instant_selector a:hover { color: #666666; } #algolia_instant_selector .hits .no-results strong { color: #555; } #algolia_instant_selector .hits .no-results .clear-button { cursor: pointer; } #algolia_instant_selector .hits .no-results .popular-searches { text-align: left; margin-top: 20px; margin-bottom: 30px; } /** * Facets */ #algolia_instant_selector .infos .algolia-logo { font-size: 10px; } #algolia_instant_selector .facets { padding-top: 50px; } @media (max-width: 992px) { #algolia_instant_selector .facets { padding-top: 10px; } } #algolia_instant_selector .ais-current-refined-values.facet .ais-current-refined-values--body { padding-left: 8px; } #algolia_instant_selector .facet { margin-bottom: 15px; padding-bottom: 6px; background-color: white; border: solid 1px #efefef; } #algolia_instant_selector .facet:not(:first-child) { margin-top: 10px; } #algolia_instant_selector .ais-header { margin-bottom: 7px; } #algolia_instant_selector .ais-header.ais-current-refined-values--header { margin-bottom: 13px; } #algolia_instant_selector .facet .name { padding: 4px 8px; font-weight: 500; background-color: #f4f4f4; color: #757575; text-align: left; text-transform: uppercase; } .ais-current-refined-values.facet { position: relative; } #algolia_instant_selector .as-range-slider--base { margin-top: 45px; } #algolia_instant_selector .hierarchical .ais-hierarchical-menu--list { padding-left: 10px; } #algolia_instant_selector .hierarchical .ais-hierarchical-menu--list.ais-hierarchical-menu--list__lvl0 { padding-left: 0px; } #algolia_instant_selector .facet .sub_facet:not(:last-child) { border-bottom: 1px dotted #e0e0e0; } #algolia_instant_selector .text-center { text-align: center; } #algolia_instant_selector em { background-color: #CFEAFA; font-style: normal; } #algolia_instant_selector h1 { margin: 0; } #algolia_instant_selector .result { display: block; margin: 15px 0; padding: 16px 24px; border: solid 1px #EDEDED; background-color: white; } #algolia_instant_selector .price-wrapper { height: 25px; } #algolia_instant_selector .result:hover { border-color: #b9b9b9; text-decoration: none; } #algolia_instant_selector .result .result-thumbnail { text-align: center; } #algolia_instant_selector .result .result-thumbnail img { display: inline; height: 148px; width: auto; } #algolia_instant_selector .result .result-thumbnail .no-image { display: block; height: 148px; background: #FAFAFA; } #algolia_instant_selector .result .ratings .rating-box { margin: 0 auto 10px; float: inherit; } #algolia_instant_selector h3 { margin-bottom: 0; } #algolia_instant_selector .result .price { text-align: center; font-size: 1.2em; color: #54A5CD; } #algolia_instant_selector .result .result-title { font-size: 14px; text-align: center; color: #636363; } #algolia_instant_selector .ui-widget-header { background-color: #bcbcbc; } #algolia_instant_selector .result-thumbnail img { width: 100%; } /** INSTANT SEARCH BAR **/ #algolia_instant_selector #instant-search-bar-container { padding-top: 0px; margin-bottom: 15px; width: 100%; position: relative; } #algolia_instant_selector #instant-search-bar-container:after { clear: both; content: ""; display: block; } #algolia_instant_selector .as-search-box--input { width: 100%; height: 40px; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; } #algolia_instant_selector #instant-search-bar:focus { outline: 0; box-shadow: none; } #algolia_instant_selector #instant-search-box label { display: none; } #algolia_instant_selector .instant-search-bar-label { background-color: #54A5CD; height: 40px; line-height: 24px; padding: 8px 12px; color: white; float: left; width: 140px; text-align: right; position: relative; } #algolia_instant_selector #instant-search-box .icon { display: block; position: absolute; top: 50%; left: 8px; width: 16px; height: 16px; transform: translateY(-50%); background: url("https://www.toyworld.co.nz/skin/frontend/base/default/algoliasearch/data:image/svg+xml;utf8,") no-repeat center center / contain; } #algolia_instant_selector #instant-search-box .clear-query-instant { top: 50%; transform: translateY(-50%); } #algolia_instant_selector .before_special { color: #aaaaaa; text-decoration: line-through; font-size: 12px; } #algolia_instant_selector button:hover { background: #2E8AB8 none repeat scroll 0% 0%; cursor: pointer; } .ais-price-ranges--button { background: #39C none repeat scroll 0% 0%; padding: 5px 15px; margin-left: 10px; border: 0px none; color: #FFF; font-size: 13px; font-weight: normal; font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif; line-height: 19px; text-align: center; text-transform: uppercase; vertical-align: middle; } #algolia_instant_selector button:not(.ais-price-ranges--button) { background: #f4f4f4 none repeat scroll 0% 0%; display: block; margin: auto; margin-top: 0px; padding: 7px 15px; border: 0px none; color: #666666; font-size: 13px; font-weight: normal; font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif; line-height: 19px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; } #algolia_instant_selector button:not(.ais-price-ranges--button):hover { background: rgb(53, 153, 204) none repeat scroll 0% 0%; color: white; } #algolia_instant_selector .pull-left { float: left; } #algolia_instant_selector .pull-right { float: right; } #algolia_instant_selector #refine-toggle { font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; text-align: center; height: 40px; line-height: 40px; border: solid 1px #EDEDED; margin: 10px 0 20px 0; font-weight: bold; cursor: pointer; } #algolia-static-content { margin-bottom: 20px; } /** ** GRID */ #algolia_instant_selector, #algolia_instant_selector *, #search_mini_form, #search_mini_form * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #algolia_instant_selector:before, #algolia_instant_selector:after, #algolia_instant_selector *:before, #algolia_instant_selector *:after, #search_mini_form:before, #search_mini_form:after, #search_mini_form *:before, #search_mini_form *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 768px) { #algolia_instant_selector .col-sm-6 { width: 50%; float: left; } } #algolia_instant_selector .col-md-3, #algolia_instant_selector .col-md-4, #algolia_instant_selector .col-md-9, #algolia_instant_selector .col-md-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { #algolia_instant_selector .col-md-3, #algolia_instant_selector .col-md-4, #algolia_instant_selector .col-md-9, #algolia_instant_selector .col-md-12 { float: left; } #algolia_instant_selector .col-md-12 { width: 100%; } #algolia_instant_selector .col-md-9 { width: 75%; } #algolia_instant_selector .col-md-4 { width: 33.33333333%; } #algolia_instant_selector .col-md-3 { width: 25%; } } #algolia_instant_selector .row { margin-left: -15px; margin-right: -15px; } #algolia_instant_selector .row:before, #algolia_instant_selector .row:after { content: " "; display: table; } #algolia_instant_selector .row:after { clear: both; } #algolia_instant_selector .visible-xs, #algolia_instant_selector .visible-sm { display: none !important } #algolia_instant_selector .hidden-xs, #algolia_instant_selector .hidden-sm { display: block !important } @media (max-width: 767px) { #algolia_instant_selector .visible-xs { display: block !important } #algolia_instant_selector .hidden-xs { display: none!important } } @media (max-width: 992px) { #algolia_instant_selector .visible-sm { display: block !important } #algolia_instant_selector .hidden-sm { display: none!important } } #algolia-autocomplete-container:after, .autocomplete-wrapper:after { clear: both; content: ''; } #algolia-right-container .infos.hidden { display: none; } .algolia-clearfix:after { content:""; display:block; clear:both; }