*{
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
min-height:100%;
position:relative;
font-size:62.5%;
-webkit-text-size-adjust:none;
}
html, body {
height: 100%;
}
body {
color: #303030;
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
font-size: 1.4rem;
font-weight: 200 !important;
overflow-x: hidden;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
@font-face {
font-family: 'Springsteel';
src: url('../files/SpringsteelSerif-Heavy-webfont.eot');
src: url('../files/SpringsteelSerif-Heavy-webfont.eot?#iefix') format('embedded-opentype'),
url('../files/SpringsteelSerif-Heavy-webfont.woff') format('woff'),
url('../files/SpringsteelSerif-Heavy-webfont.ttf') format('truetype'),
url('../files/SpringsteelSerif-Heavy-webfont.svg#SpringsteelSerifExtremeBold') format('svg');
font-style: normal;
}
a, a:link, a:visited {
color: #444343;
text-decoration: none;
}
ul, li, ol {
list-style-type: none;
}
table {
width: 100%;
border-collapse: collapse;
}
h1, h2, h3, h4 ,h5 ,h6 {
color: #303030;
font-family: Springsteel,Helvetica,sans-serif;
}
h2 {
display: block;
font-size: 2.0rem;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
img {
border: 0;
vertical-align: middle;
}
button, select {
text-transform: none;
}
button, input, select, textarea {
font-family: inherit;
font-size: 100%;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
input[type="text"], input[type="email"], input[type="password"], textarea {
background-color: #F0F0F0;
border: 1px solid #DEDEDE;
border-radius: 3px;
color: #555555;
height: 40px;
margin: 10px 0;
width: 100%;
padding: 0 5px;
}
select {
width: 100%;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
height: 32px;
padding: 6px 0 6px 5px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
background: url(../files/m-select-downarrow.png) 95% center no-repeat;
color: #555;
background-color: #F0F0F0;
border: 1px solid #DEDEDE;
border-radius: 3px;
}
section {
display: block;
width: 100%;
}
.maincentre, .mainleft, .mainright {
padding: 0 5px;
}
.footer {
border-top: 4px solid #000;
text-align: center;
padding-top: 40px;
margin-top: 40px;
}
.productdetailbox, .logincontainer, .registerbody, .shoppingcartbox, .wishlistbox, .ajax__tab_body,
.itemaddedcart, .contactformbox, .checkoutbody {
padding-bottom:10px;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
.button {
width: 100%;
height: 32px;
border: 1px solid #5482B1;
border-radius: 3px;
background-color: #78A5D3;
color: #FFFFFF;
font-size: 1.6rem;
font-family: Springsteel,Helvetica,sans-serif;
text-align: center;
}
.hidden {
display: none !important;
}
/* Controls the characteristics of add to cart button in product detail page */
/* , .loginbutton .login, ., ., ., .register, .registercontinue, .*/
.button.major {
font-size: 2rem;
height: 100% !important;
margin-top: 10px;
padding: 10px 0;
}
.mainleft .contentsheader {
display: none;
}
.contentsheader, .sectionheader {
border-bottom: 2px dotted;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
color: #303030;
display: inline-block;
font-family: Springsteel,Helvetica,sans-serif;
font-size: 17px;
font-weight: 700;
margin: 0 10px 10px 10px;
padding: 10px 0;
text-transform: uppercase;
}
.contentsheader, .sectionheader, .categorymenulevel, .productlist li {
color: #303030;
font-family: Springsteel,Helvetica,sans-serif;
}
.categorieswrap {
margin:10px 0;
}
.categorieswrap h3, .categorieswrap h4, .categorieswrap h5 {
border-top: 0;
}
.subcategorieswrap a {
display: block;
padding: 5px 0;
}
.sectionheader a {
font-size: 1.4rem;
text-decoration: underline;
display: inline-block;
padding: 5px;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
/* Controls the characteristics of notification */
.inputvalidator {
width: 100%;
max-height: 150px;
padding: 10px 0;
margin: 10px 0 0;
background: #CFCFCF;
color: #000;
font-size: 1.3rem;
text-align: center;
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
.inputvalidator .action {
padding-top: 10px;
}
.inputvalidator .message .action a {
text-decoration: underline;
}
.error {
color: #FF4747;
}
.clearfloat {
clear: both;
display: block;
}
.clearfix:before, .clearfix:after {
clear: both;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hide from IE Mac */
.clearfix {
display: block;
}
.font {
color: #303030;
font-family: Springsteel,Helvetica,sans-serif;
}
/* begin header-bar */
header div {
display: inline-block;
vertical-align: top;
-webkit-transition: -webkit-transform .2s ease;
-webkit-transform: translateX(0);
-moz-transition: -moz-transform .2s ease;
-moz-transform: translateX(0);
-ms-transition: -ms-transform .2s ease;
-ms-transform: translateX(0);
-o-transition: -o-transform .2s ease;
-o-transform: translateX(0);
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
transition: transform .2s ease;
transform: translateX(0);
}
nav.header-bar {
background-color: #fff;
border-bottom: 1px solid #DEDEDE;
top: 0;
left: 0;
overflow: hidden;
text-align: center;
width: 100%;
}
nav.header-bar.enabled #side-menu-toggle {
-webkit-transform: translateX(220px); /* width of .side-menu */
-moz-transform: translateX(220px);
}
nav.header-bar .btn, .sidenav, .rightarrow, .downarrow, .search .btn, .sitemappath .path {
background-image: url(../files/m-navicons.png);
background-repeat: no-repeat;
}
nav.header-bar .btn {
width: 51px;
height: 50px;
margin-left: 0;
}
nav.header-bar .btn a {
display: block;
height: 50px;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
nav.header-bar .btn .btnlabel {
display: none;
}
#side-menu-toggle {
background-color: #DEDEDE;
background-position: -51px -37px;
float: left;
position: relative;
z-index: 99;
}
nav.header-bar .home {
background-position: -102px -37px;
float: left;
width: 52px;
}
.logo{
border-top: 1px solid #dedede;
clear: both;
display: block;
line-height: 90px;
background-color: #fff;
}
nav.header-bar .logo img {
width: auto;
}
nav.header-bar .mycart {
background-position: -202px -37px;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
float: right;
position: absolute;
top: 0;
right: 0;
}
nav.header-bar .mycart .qty {
font-size: 1.3rem;
color: #FFF;
vertical-align: middle;
line-height: 50px;
font-weight: bold;
padding-left: 2px;
}
nav.header-bar .myaccount {
background-position: -150px -37px;
float: right;
right: 51px;
position: absolute;
top: 0;
}
/* end header-bar */
nav.side-menu, .categorymenulevel {
font-size: 1.6rem;
}
/* begin side-menu */
nav.side-menu {
position: absolute;
left: 0;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
top: 0;
width: 220px;
background-color: #DEDEDE;
-webkit-transition: -webkit-transform .2s ease;
-webkit-transform: translateX(-100%);
-moz-transition: -moz-transform .2s ease;
-moz-transform: translateX(-100%);
-ms-transition: -ms-transform .2s ease;
-ms-transform: translateX(-100%);
-o-transition: -o-transform .2s ease;
-o-transform: translateX(-100%);
transition: transform .2s ease;
transform: translateX(-100%);
overflow: hidden;
}
nav.side-menu.enabled {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
box-shadow: 3px 3px 3px rgba(0, 0, 0, .5);
z-index: 99;
height: auto !important;
}
#content-background {
height: 120%;
width: 100%;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, .2);
z-index: 98;
display: none;
}
.enabled {
display: block !important;
}
.menu-items a, .categorymenulevel a, .prod-info-header a {
display: block;
padding: 12px 0 9px 18px;
}
.categorymenulevel {
background-color: #F0F0F0;
text-align: left;
margin-bottom: 10px;
}
.categorysubmenulevel2 a {
padding-left: 23px;
}
a.categoryarrow {
padding:0;
margin:0;
width:100%;
height:100%;
}
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
a.haschildren {
margin-right: 37px;
border-right: 1px solid #FFF;
}
a.haschildren + .sidenav + .categorysubmenulevel2 {
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0;
clear: both;
}
a.haschildren + .sidenav + .categorysubmenulevel2.enabled {
opacity: 1;
visibility: visible;
height: 100%;
-webkit-transition: -webkit-transform .2s ease;
-webkit-transform: translateY(0);
-moz-transition: -moz-transform .2s ease;
-moz-transform: translateY(0);
-ms-transition: -ms-transform .2s ease;
-ms-transform: translateY(0);
-o-transition: -o-transform .2s ease;
-o-transform: translateY(0);
transition: transform .2s ease;
transform: translateY(0);
}
.categorysubmenulevel3 a {
padding-left: 28px;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
a.haschildren + .sidenav + .categorysubmenulevel3 {
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0;
clear: both;
}
a.haschildren + .sidenav + .categorysubmenulevel3.enabled {
opacity: 1;
visibility: visible;
height: 100%;
-webkit-transition: -webkit-transform .2s ease;
-webkit-transform: translateY(0);
-moz-transition: -moz-transform .2s ease;
-moz-transform: translateY(0);
-ms-transition: -ms-transform .2s ease;
-ms-transform: translateY(0);
-o-transition: -o-transform .2s ease;
-o-transform: translateY(0);
transition: transform .2s ease;
transform: translateY(0);
}
.categorysubmenulevel4 a {
padding-left: 33px;
}
a.haschildren + .sidenav + .categorysubmenulevel4 {
opacity: 0;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
visibility: hidden;
overflow: hidden;
height: 0;
clear: both;
}
a.haschildren + .sidenav + .categorysubmenulevel4.enabled {
opacity: 1;
visibility: visible;
height: 100%;
-webkit-transition: -webkit-transform .2s ease;
-webkit-transform: translateY(0);
-moz-transition: -moz-transform .2s ease;
-moz-transform: translateY(0);
-ms-transition: -ms-transform .2s ease;
-ms-transform: translateY(0);
-o-transition: -o-transform .2s ease;
-o-transform: translateY(0);
transition: transform .2s ease;
transform: translateY(0);
}
.categorysubmenulevel2, .categorysubmenulevel3, .categorysubmenulevel4 {
border-top: 1px solid #DEDEDE;
}
.categorymenulevel li, .sideloginmenu li, .sidemainmenu li {
border-bottom: 1px solid #DEDEDE;
border-top: 1px solid #FFF;
position: relative;
}
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
li.last {
border-bottom: 0;
padding-bottom: 0;
}
.sideloginmenu {
background-color: #AFAFAF;
text-align: left;
}
.sidemainmenu {
background-color: #F0F0F0;
text-align: left;
}
.sidenav {
float: left;
height: 37px;
margin-top: -12px;
background-position: 37px 37px;
}
.rightarrow, .downarrow {
position: absolute;
top: 0;
right: 0;
width: 37px;
border-left: 1px solid #DEDEDE;
margin-top: 0;
}
.rightarrow {
background-position: 0 0;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
.downarrow {
background-position: -37px 0;
}
.sideloginmenu li {
border-top: 1px solid #AFAFAF;
}
.sideloginmenu li .sidenav {
width: 37px;
margin-left: -10px;
}
.sidenav.login-login {
background-position: -222px 0;
}
.sidenav.login-logout {
background-position: -259px 0;
}
.sidenav.login-register {
background-position: -296px 0;
}
.sidenav.login-myaccount {
background-position: -74px 0;
}
.sidenav.login-wishlist {
background-position: -148px 0;
}
.sidenav.login-shoppingcart {
background-position: -111px 0;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
.sidenav.login-checkout {
background-position: -185px 0;
}
/* end side-menu */
/* begin search and currency bar */
#search-currency-bar {
border-bottom: 1px solid #DEDEDE;
height: 45px;
text-align: center;
width: 100%;
margin-bottom: 5px;
}
#search-currency-bar .search, #search-currency-bar .currencyselector {
margin-top: 6px;
}
.search {
float: left;
margin-left: 10px;
position: relative;
vertical-align: middle;
}
.search input {
border-radius: 20px;
border: 1px solid #CFCFCF;
float: left;
font-size: 1.2rem;
height: 32px;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
padding-left: 15px;
-webkit-appearance: textfield;
}
.search .btn {
background-color: transparent;
background-position: 0 -62px;
border: 0 none;
height: 32px;
position: absolute;
right: 0;
top: 0;
width: 33px;
z-index: 5;
}
.currencyselector {
float: right;
margin-right: 10px;
font-size: 1rem;
text-align: right;
z-index: 10;
color: #525252;
}
.currencyselector .currencywrap, .currencyselector .applycurrencybutton {
width: 70px;
}
.currencyselector .currencywrap select {
font-size: 1.4rem;
background-color: #F0F0F0;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
height: 32px !important;
}
.currencyselector .applycurrencybutton {
height: 32px;
}
/* end search and currency bar */
/* begin elements added by Query mobile */
.ui-btn-inner {
display: none;
visibility: hidden;
}
/* end elements added by Query mobile */
/* begin sitemap */
.sitemappath {
background-color: #FFFFFF;
position: relative;
z-index: 1;
border-bottom: 1px solid #DEDEDE;
margin: 0 -5px 5px -5px;
padding: 0 5px;
}
.sitemappath a, .sitemappath span {
color: #000000;
display: inline-block;
font-size: 1rem;
line-height: 25px;
text-decoration: none;
vertical-align: top;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
padding-top: 2px;
}
.sitemappath .path {
height: 12px;
width: 12px;
background-position: 0 -37px;
margin-top: 10px;
}
/* end sitemap */
/* begin category page */
.filterby, .sortby {
margin: 10px 0;
float: left;
width: 100%;
}
.filterby > .text, .sortby > .text{
width: 15%;
display: block;
float: left;
margin-top: 10px;
font-size: 11px;
}
.filterby > select, .sortby > select{
min-width: 55%;
width: auto;
float: left;
}
.styleresultbar .applyfilterbybutton, .styleresultbar .applysortbybutton {
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
width: 29%;
margin-left: 0.5%;
float: right;
}
.navpages {
clear: both;
text-align: center;
background-color: #F0F0F0;
border: 1px solid #CFCFCF;
border-radius: 3px;
height: 32px;
position: relative;
}
.navpages.top {
display: inline-block;
width: 100%;
margin: 10px 0;
}
.navpages.bottom {
display: inline-block;
width: 100%;
margin: 10px 0;
}
.navpages a {
position: absolute;
top: 0;
min-width: 40px;
height: 100%;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
padding: 6px 6px 0;
overflow: hidden;
}
.navpages .first-page {
left: 0;
}
.navpages .prev-page {
left: 40px;
}
.navpages .current-page{
position: relative;
top: 6px;
}
.navpages .next-page {
right: 40px;
}
.navpages .last-page {
right: 0;
}
.productlist li {
display: inline-block;
letter-spacing: normal;
margin: 0 0 20px;
max-width: 201px;
text-align: center;
vertical-align: top;
width: 49%;
word-spacing: normal;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
overflow: hidden;
}
.stylesummarybox {
margin: 0;
padding: 5px 0 0 0;
width: 100%;
position: relative;
}
.stylesummaryimageholder {
text-align: center;
}
.stylesummaryimageholder a{
display:block;
width: 100%;
height: 100%;
}
.stylesummaryimageholder img{
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.stylesummarytext {
padding-top: 4px;
text-align: center;
font-size: 1.4rem;
font-weight: normal;
color: #666;
}
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
.stylesummarytext .div_SD, .stylesummarytext .div_ISD {
height: 60px;
}
.stylesummarytext .textrow {
overflow: hidden;
text-overflow: ellipsis;
}
.stylesummarytext .coloursizeselection {
height: 70px; /* do not remove */
}
.stylesummarytext select, .stylesummarytext .addtocartbutton_cont {
margin-top: 3px;
}
.categoryempty, .searchempty, .stylelistempty, .orderlistempty, .registrylistempty {
padding: 10px;
}
.addtowishlist {
display: none;
background: url(../Files/wishlist.png) center no-repeat;
width: 32px;
height: 32px;
z-index: 1;
position: absolute;
top: @@ProductImageCategoryHeight;
right: 0;
}
.addtowishlist.on {
background: url(../Files/wishlist-hover.png) no-repeat;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
div.popupLabel {
display: none !important;
}
/* end category page */
/* begin lookbook page */
.lookbookwrap {
position: relative;
font-family: Springsteel,Helvetica,sans-serif;
margin: 5px 0;
}
.lookbookwrap .enlargeclose {
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
width: 32px;
height: 30px;
display: none;
z-index: 300;
position: absolute;
top: 0;
right: 0;
font-size: 2.5rem;
color: #555;
background-color: #DEDEDE;
text-indent: 8px;
padding-top: 2px;
opacity: 0.7;
}
.swipe {
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
overflow: hidden;
display: none;
position: relative;
margin: 0 auto;
width: 100%
}
.swipe-wrap {
overflow: hidden;
position: relative;
}
.swipe-wrap > div {
float: left;
width: 100%;
position: relative;
}
.swipe-wrap img{
width: 100%;
}
.lookbookwrap .thumbnails li{
position: relative;
float: left;
}
.lookbookwrap .thumbnails li img {
position: relative;
width: @@LookbookThumbsWidth; /* you may type a specific value */
height: @@LookbookThumbsHeight; /* you may type a specific value */
float: left;
}
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
.lookitems {
margin: 5px 0;
font-size: 1.6rem;
}
.lookitems li {
padding-top: 10px;
font-size: 1.6rem;
}
/* end lookbook page */
/* begin shopby filter */
.shopby_box, .refineshopby_body a {
padding:0;
}
.refineshopby_body a {
border: 1px solid;
border-radius: 4px;
display: inline-block;
margin: 2% 0 2.5%;
padding: 1.5%;
}
.shopby_box select, .shopby_box .applyshopbybutton {
display: block;
margin-bottom: 5px;
}
.shopby_box select {
width: 81%;
clear: both;
float: left;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
.shopby_box .applyshopbybutton {
width: 18%;
float: left;
margin-left: 1%;
font-size: 12px;
}
.shopby_box .shopby_clear {
background-color: #b22222;
border: 1px solid #750c0c;
border-radius: 4px;
clear: both;
color: #fff;
display: block;
float: left;
margin: 2% 0 3%;
padding: 6px;
text-align: center;
width: 100%;
}
/* end shopby filter */
/* begin popup page */
.popupWindow {
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
background:#FFFFFF;
border:2px solid #7E7A7A;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
z-index:210;
width:100%;
top:0;
left:0;
min-height:481px;
-moz-box-shadow:2px 2px 2px #888;
-webkit-box-shadow:2px 2px 2px #888;
box-shadow:2px 2px 2px #888;
}
/* Controls the characteristics of background when popup window is shown */
.backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
opacity:0.3;
z-index:200;
}
.popupClose{
background:url(../Files/x_closebox.png) no-repeat;
width:30px;
height:30px;
display:inline;
z-index:230;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
position:absolute;
top:0;
right:0;
cursor:pointer;
}
/* Controls the characteristics of loading image */
#popupLoading {
position:absolute;
top:50%;
left:50%;
margin-top:-21px;
margin-left:-21px;
z-index:220;
}
/* Controls the characteristics of style guide popup window */
#popupContent {
font-family: Springsteel,Helvetica,sans-serif;
}
#popupContent ul, #popupContent li {
list-style: none outside none;
padding:0px;
margin:0px;
}
/* Controls the Display Characteristics of the Cover Colour if the Minimum Order Pop Up is triggered
*/
.minimum_order_popup_background {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
/* Controls the display characteristics of the Minimum Order Pop Up Panel */
.minimum_order_popup_cont {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
color:#000000;
border:2px solid #5D7B9D;
text-align:left;
padding:10px;
width:300px;
}
/* Controls the display characteristics of the Continue Shopping Button */
.minimum_order_popup_button {
padding-top:10px;
text-align:right;
}
/* end popup page */
/* begin wishlist page */
.wishlistbox .productinfo .details .qty {
display: none;
}
/* end wishlist page */
/* begin search page */
.searchwrap .productsfound {
padding: 10px 0;
}
/* end search page */
/* begin shopping cart page */
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
.sectionbar, .passwordrecoverycontainer h2 {
border-bottom: 1px solid black;
color: #303030;
font-family: Springsteel,Helvetica,sans-serif;
font-size: 2rem;
margin: 20px 0;
padding-bottom: 10px;
}
.cartempty, .wishlistempty {
padding-bottom: 20px;
}
.cartempty {
border-bottom: 1px solid #4B4B4B;
}
.productinfo {
width: 100%;
}
.productinfo .item {
border-bottom: 1px solid #4B4B4B;
display: block;
overflow: hidden;
padding: 10px 0;
}
.shoppingcartbox .productinfo .item, .wishlistbox .productinfo .item {
padding: 20px 0;
}
.shoppingcartbox .productinfo .item .imagewrap, .wishlistbox .productinfo .item .imagewrap {
width: 120px;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
.productinfo .item .imagewrap {
display: inline;
float: left;
height: 120px;
margin: 0;
padding-right: 10px;
width: 100px;
}
.productinfo .item .imagewrap img {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
height: 100%;
}
.productinfo .item .details {
display: inline-block;
width: 55%;
}
.productinfo .item .details div {
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
padding-bottom: 5px;
}
.productinfo .item .details h4.name, .productinfo .item .details .amount {
padding-bottom: 5px;
}
.productinfo .item .details h4.name div span, .productinfo .item .details .amount {
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
color: #005bcc;
font-size: 2rem !important;
font-family: Springsteel,Helvetica,sans-serif;
}
.editlinks .moveto, .editlinks .remove {
display: inline-block;
padding: 0 10px 0 0 !important;
}
.editlinks a {
color: #303030;
}
.moveto a {
color: #c99406;
}
.remove a {
color: #ed2b27 !important;
}
.productinfo .pd-footer {
font-size: 1.8rem;
padding: 20px 10px;
text-align: right;
}
.productinfo .pd-footer .name {
padding-right: 10px;
}
.productinfo .pd-footer .value {
color: #005bcc;
display: inline-block;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
font-weight: bold;
width: 95px;
}
.coupon_prompt {
margin: 10px 0 0;
}
.coupon_input {
height: 43px !important;
width: 49% !important;
float: left;
}
.coupon_button {
margin: 10px 0 !important;
width: 49%;
float: right;
}
.shoppingcart-continue {
background-color: #727272;
border: 1px solid #656565;
width: 100%;
float: left;
}
.shoppingcart-checkout {
width: 100%;
float: right;
}
/* end shopping cart page */
/* begin login page */
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
.loginbody {
padding: 0 3px;
}
.loginheadercell {
color: #303030;
font-family: Springsteel,Helvetica,sans-serif;
font-size: 2rem;
margin-top: 20px;
padding-bottom: 10px;
}
.logincelltext, .registercelltext, .recoverpwdtext, .contactformcelltext {
font-family: Springsteel,Helvetica,sans-serif;
font-size: 1.6rem;
}
.loginrememberme {
display: none;
}
.loginforgotpwd {
margin: 10px 0;
}
.loginforgotpwd a {
text-decoration: underline;
}
.recoverpwdheader, .recoverpwdcomment, .recoverpwdmessage {
padding-bottom: 10px;
}
.recoverpwdemail {
margin-top: 10px;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
.recoverpwdbutton {
margin-bottom: 20px;
}
/* end login page */
/* begin register, myaccount page */
.validsummary {
margin: 5px 0;
color: #F00 !important;
}
.validsummary ul {
list-style-type: disc !important;
padding-left: 10px;
}
.validsummary li {
display: list-item !important;
padding: 5px 0 0 10px;
}
.fieldvalidator {
display: none !important;
}
.sectioncomment {
display: none;
}
.userinformationnewsletter, .userinformationjoinloyalty, .userinformationloyaltypoints {
margin: 10px 0;
}
.userinformationnewsletter input {
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
margin: 10px 5px 0;
}
.contacttitle, .countryname {
margin: 10px 0;
}
.streetaddress {
height: 70px;
padding: 10px 5px;
}
.ajax__tab_header {
padding-top: 10px;
}
.ajax__tab_header span {
display: block !important;
margin: 0 !important;
}
.ajax__tab_tab {
height: 45px;
width: 50%;
background-color: #78A5D3;
color: #fff;
font-size: 2rem;
font-family: Springsteel,Helvetica,sans-serif;
text-align: center;
float: left;
padding-top: 10px;
text-decoration: none;
}
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
.ajax__tab_active .ajax__tab_tab {
background-color: #fff;
border: 1px solid #78a5d3;
color: #78a5d3;
}
.ajax__tab_body {
clear: both;
padding-top: 10px;
}
.communicationtext {
display: block;
}
.registercellleft, .registercellright {
padding-top: 10px;
}
.myaccount .orderlist .orderitem {
background-color: #F0F0F0;
border: 1px solid #DEDEDE;
border-radius: 3px;
margin: 5px;
min-height: 120px;
float: left;
}
.myaccount .orderlist .orderitem .record {
padding: 2px 0;
}
.myaccount .orderlist .orderitem .orderno a {
text-decoration: underline;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
height: 30px;
display: inline-block;
}
.myaccount .orderlist .orderitem .name {
display: inline-block;
text-align: right;
vertical-align: top;
width: 110px;
}
.myaccount .orderlist .orderitem .value {
display: inline-block;
text-align: left;
padding-left: 10px;
width: 220px;
}
.myaccount .registrylist .registryitem {
background-color: #F0F0F0;
border: 1px solid #DEDEDE;
border-radius: 3px;
margin: 5px;
min-height: 120px;
float: left;
}
.myaccount .registrylist .registryitem .record {
padding: 2px 0;
}
.myaccount .registrylist .registryitem .registrydetails a {
text-decoration: underline;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
height: 30px;
display: inline-block;
}
.myaccount .registrylist .registryitem .name {
display: inline-block;
text-align: right;
vertical-align: top;
width: 110px;
}
.myaccount .registrylist .registryitem .value {
display: inline-block;
text-align: left;
padding-left: 10px;
width: 220px;
}
/* end register, myaccount page */
/* begin order detail page */
.orderdetail {
margin: 10px 0;
}
.orderdetail .sectionheader {
margin: 10px 0 0 0;
}
.orderdetail .formsectiontext, .orderdetail .orderdetailcellvalue {
display: inline-block;
padding: 5px 0 5px 10px;
}
.orderdetail .orderdetailcelltext {
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
width: 105px;
}
.orderdetail .orderaddresses .shippingaddress, .orderdetail .orderaddresses .billingaddress {
width: 50%;
overflow: hidden;
float: left;
}
.orderdetail .orderaddresses .orderaddressdisplay .orderaddressfield {
padding: 3px 0 3px 10px;
}
.orderdetail .paymentmethoddetails .sectionbar {
font-size: 1.5rem;
margin: 10px 0 0 10px;
padding-bottom: 0;
border-bottom: 0;
}
.orderdetail .paymentmethoddetails .block {
width: 50%;
overflow: hidden;
float: left;
}
/* end order detail page */
/* begin contactform page */
#divContactFormBody, .contactformcomplete {
margin: 20px 0;
}
.contactformbox .messagenamewrap, .contactformbox .messagesignwrap {
float: left;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
.contactformbox .messagesignwrap {
padding-left: 2px;
}
.contactformbox .messagevaluewrap {
clear: both;
}
.contactformbox .messagevaluewrap textarea {
height: 100px;
}
#txtCustomerEmailAddress {
display:none !important; /* This is for Honeypot techique. Must retain hidden. */
}
.contactformbox .contactformcontinue {
line-height: 25px;
}
/* end contactform page */
/* begin guestcheckout page */
.sameasshippingaddress {
margin-bottom: 10px;
}
.sameasshippingaddress input{
height: 15px;
margin: 0 5px;
width: 15px;
}
.guestcheckoutblock .billingaddress {
display: none;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
.becomemembertitle, .becomemembermessage {
margin: 10px 0;
}
/* end guestcheckout page */
/* begin checkout block content */
.giftwrap_block {
position: relative;
clear: both;
}
.giftwrap_select .formsectiontext {
display: block;
float: left;
padding-top: 6px;
}
.giftwrap_select select {
width: 50% !important;
display: block;
float: left;
margin-left: 5px;
}
.giftwrap_select .applygiftwrapbutton {
width: 70px;
height: 32px;
float: left;
margin-left: 3px;
}
.giftwrap_window {
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
clear: both;
}
.giftwrap_wrapper {
position: relative;
padding-bottom: 40px;
z-index: 1;
}
.giftwrap_wrapper ul {
overflow: hidden;
}
.giftwrap_wrapper li {
margin: 5px;
width: 100px;
float: left;
}
.giftwrap_prev, .giftwrap_next {
display: block;
height: 32px;
background-color: #F0F0F0;
border: 1px solid #DEDEDE;
border-radius: 3px;
position: absolute;
bottom: 0;
width: 40%;
text-align: center;
text-decoration: underline !important;
padding: 6px;
z-index: 2;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
.giftwrap_prev {
left: 5%;
}
.giftwrap_prev.disabled {
background-color: #FFF;
text-decoration: none !important;
}
.giftwrap_next {
right: 5%;
}
.giftwrap_next.disabled {
background-color: #FFF;
text-decoration: none !important;
}
.giftwrap_item_desctiption {
height: 28px;
overflow: hidden;
margin: 2px 0;
clear: both;
}
.giftwrap_item_desctiption h3 {
font-size: 90%;
margin: 0;
}
.giftwrap_item_button, .giftwrap_item_price {
float: left;
}
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
.giftwrap_item_price span {
font-size: 90%;
margin-top: -3px;
}
/* end checkout block content */
/* begin checkout page */
.checkoutbody .checkoutheader {
border-right: 1px solid #f0f0f0;
border-top: 1px solid #f0f0f0;
color: #555;
display: inline-block;
font-size: 1.2rem;
margin-bottom: 20px;
text-align: center;
width: 100%;
}
.checkoutbody .checkoutheader .headerstep {
background-color: #fafafa;
border-bottom: 1px solid #f0f0f0;
border-left: 1px solid #f0f0f0;
display: inline-block;
float: left;
height: 60px;
padding: 23px 0 0;
text-align: center;
width: 50%;
}
.checkoutbody .checkoutheader a {
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
display: block;
width: 100%;
height: 100%;
text-decoration: underline;
}
.checkoutbody .checkoutheader .sep {
display: none;
}
.checkoutbody .checkoutheader .highlightheader {
background-color: #fff;
color: #000;
font-weight: bold;
}
.checkoutbody .sameasbilling {
display: inline;
margin-left: 20px;
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
font-size: 1.4rem;
}
.checkoutbody .stepshipping {
font-size: 1.6rem;
}
.checkoutbody .shippingaddressinput {
display: none;
}
.checkoutbody .shippingmethodlist .shippingmethod, .checkoutbody .paymentoptionlist
.paymentoption {
padding: 5px 0;
clear: both;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
.checkoutbody .shippingmethodlist .shippingmethod input, .checkoutbody .paymentoptionlist
.paymentoption input, .checkoutbody .shippingpayment .useloyaltypoints input {
margin-left: 10px;
width: 32px;
display: inline-block;
float: left;
}
.checkoutbody .shippingmethodlist .shippingmethod label, .checkoutbody .paymentoptionlist
.paymentoption label {
display: inline-block;
float: left;
margin-top: -3px;
}
.checkoutbody .shippingmethodlist .shippingprice {
float: right;
text-align: right;
margin-top: -3px;
}
.checkoutbody .shippingmethodlist .shippingbranchselection {
margin: 5px;
display: none;
}
.checkoutbody .shippingmethodlist .shippingbranchselection span {
font-weight: bold;
padding:0 10px 0 30px;
}
.checkoutbody .shippingmethodlist .shippingbranchselection select {
width: 50%;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
padding:3px 5px;
}
.checkoutbody .shippingmethodlist .orderamountwithshipping {
border-bottom: 1px solid #4B4B4B;
padding: 10px 0 5px;
text-align: right;
clear: both;
}
.checkoutbody .shippingcomments textarea {
height: 60px;
}
.checkoutbody .shippingpayment .useloyaltypoints {
margin: 15px 0 5px;
clear: both;
}
.checkoutbody .stepshipping .shippingaddress .addressfield {
padding: 2px 5px;
text-align: left;
}
.checkoutbody .stepshipping .shippingaddress .fieldname {
display: inline-block;
width: 100px;
}
.checkoutbody .steppayment .sectiondata .sectionbar {
font-size: 1.7rem;
margin: 10px;
padding-bottom: 0;
border-bottom: 0;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
.checkoutbody .steppayment .sectiondata .paymentmethoddetails {
margin: 10px;
}
.checkoutbody .orderconfirmation {
margin: 20px 0;
}
.checkoutbody .orderconfirmation a {
text-decoration: underline;
}
/* end checkout page */
/* Gift Registry */
h1.heading {
font-size: 24px;
padding-bottom: 12px;
}
.giftregistry .gr_col {
float:left;
margin:10px 0 0 10px;
}
.giftregistry a {
display:block;
width:300px;
height:375px;
position:relative;
background-size:100% auto;
}
.giftregistry .gr_create a {
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
background:url(/user/files/registry-create.jpg) no-repeat left top;
}
.giftregistry .gr_view a {
background:url(/user/files/registry-view.jpg) no-repeat left top;
}
.giftregistry .gr_find a {
background:url(/user/files/registry-find.jpg) no-repeat left top;
}
.giftregistry a span {
position:absolute;
top:30px;
left:0;
width:100%;
padding:5px;
font-size:24px;
color:#777;
background:#FFF;
background:rgba(255, 255, 255, 0.8);
filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF',
EndColorStr='#FFFFFF')";
}
.registrydetails {
margin-left:10px;
}
.cr_tabheading {
list-style: none;
height: 40px;
margin-bottom: 10px;
padding-left: 15px;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
background: url(/user/files/mainmenu-bar.jpg);
}
.cr_tabheading li {
float: left;
padding: 10px 25px 5px 0;
font-size: 18px;
}
.cr_tabheading li.on a {
color: white;
font-weight: bold;
}
.cr_eventstatus {
margin-bottom: 10px;
}
.cr_day, .cr_month, .cr_year {
margin-bottom: 5px;
}
.registrydetails .cr_cellleft {
margin-left: 15px;
}
.cr_eventwrap, .cr_coregistrantswrap, .cr_registrationwrap, .cr_deliveryaddresswrap {
margin-top: 20px;
}
.registrydetails .countryname {
height: 50px;
}
.registrydetails .cr_eventmessage span {
vertical-align: top;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
.registrydetails .cr_status, .registryitems .ri_status, .registrydetails .cr_buttons, .is_empty
.itemsnotfound {
margin: 10px 0;
}
.registryitems .ri_buttons, .registrysearch .ri_buttons {
text-align:right;
margin:10px 0;
}
.cell_qtyrequested, .cell_qtypurchased, .registryitems .cell_price, .registryitems .cell_remove {
width:80px !important;
}
.registryitems .cell_remove .remove {
padding-top:0 !important;
}
.registryitems .cell_item_img img, .registrysearch .cell_item_img img, .registrydetails .cell_item_img
img, .registrymatches .cell_item_img img {
width: 100%;
}
.registryitems .cell_item_img, .registrysearch .cell_item_img, .registrydetails .cell_item_img,
.registrymatches .cell_item_img {
float: left;
}
.registryitems .cell_item_details, .registrysearch .cell_item_details, .registrydetails .cell_item_details,
.registrymatches .cell_item_details {
float: left;
width: 80%;
margin-left: 10px;
}
.registryitems .rowstyle td {
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
padding: 5px 0;
}
.registrysearch .searchregistryfield {
margin-top:10px;
}
.registrysearch .searchname {
width:250px;
display: inline-block;
float: left;
}
a.btnsearchregistry {
display: inline-block;
float: left;
height: 40px;
width: 70px;
color: #fff;
margin: 10px 5px;
padding-top: 12px;
}
.registrymatches .rs_table tr, .registrysearch .wl_table .headerstyle, .registryitems .wl_table
.headerstyle {
height:34px !important;
}
.registrymatches .rs_table th, .registrymatches .rs_table td, .registrysearch .wl_table .headerstyle th
{
vertical-align:middle !important;
text-align:left;
}
.registrymatches .rs_table .cell_registrantname {
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
padding-left:5px;
}
.registrymatches .rs_table .cell_registrantname, .registrymatches .rs_table .cell_coregistrantname {
width:180px;
}
.registrymatches .rs_table .cell_eventdate {
width:100px;
}
.registrymatches .rs_table .cell_viewlink {
width:80px;
text-align:center;
}
.registryitems .cell_remove {
text-align:center;
}
.registrymatches .internetprice,.registryitems .internetprice, .registrydetails .internetprice,
.registrysearch .internetprice {
font-size: 13px;
text-decoration: line-through;
}
.registrymatches .saveamount,.registryitems .saveamount, .registrydetails .saveamount,
.registrysearch .saveamount {
font-size: 13px;
color: fireBrick;
}
.registrymatches .headerstyle, .registryitems .headerstyle, .registrydetails .headerstyle,
.registrysearch .headerstyle {
background-color: #5D7B9D;
font-weight: bold;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
color: white;
vertical-align: middle;
}
.registrymatches .rowstyle, .registryitems .rowstyle, .registrydetails .rowstyle, .registrysearch
.rowstyle {
background-color: #F7F6F3;
font-weight: normal;
color: #333;
}
.registrysearch .cr_eventhtmlmessage {
background: #F6F6F6;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #CCC;
text-align: center;
}
.registrysearch .cell_item_details {
width:285px !important;
}
.registrysearch .cell_remove {
width:60px !important;
}
.registrysearch .ddlqty {
width:40px;
}
.myaccount.registrydetails .itempurchasers .itempurchaserswrap {
margin-left:50px;
}
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
.myaccount.registrydetails .cell_item_details {
width:280px !important;
}
.myaccount.registrydetails .cr_itemsummarys {
margin-top:10px;
}
.myaccount.registrydetails .cr_expired {
color:#FF0000;
font-weight:bold;
}
.registrysearchresultswrap .searchresultheader {
font-size:110%;
font-weight:bold;
color:#003271;
display:block;
margin:20px 0 5px;
}
.checkoutbody .shippingmethodlist .shippingbranchselection {
display: none;
margin: 5px;
padding-left: 20px;
}
.checkoutbody .shippingmethodlist .shippingbranchselection span {
font-weight: bold;
padding-left: 20px;
}
.checkoutbody .shippingmethodlist .shippingbranchselection select {
width: 60%;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
margin-left: 20px;
padding:3px 5px;
}
.shipping-branch-wrap {
margin: 5px;
}
.shipping-branch-wrap .shipping-branch-name {
font-weight: bold;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
@media only screen and (min-width: 800px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
}
========================================================================== */
 Updated
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
/* This is CSS classes for style detail page */
.productimage_zoomed {
position: relative;
width: 70%;
margin: 10px auto 0;
}
.productdetailcont{
clear: both;
margin-top: 20px;
}
/* Product video container */
.productimage_video {
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
width: 100%;
background: #FFFFFF;
}
/* Back to images and view video container*/
.productimage_video_control {
border: 1px solid #DEDEDE;
margin-top: -1px;
height: 32px;
text-align: center;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
/* Back to images and view video links*/
.productimage_video_control .productimage_showimage,.productimage_video_control
.productimage_showvideo {
padding: 6px 0;
display: inline-block;
height: 100%;
}
.need_player_installed {
padding: 5px;
font-size: 1em;
}
.productimage_thumbnails {
text-align: center;
margin: 10px auto;
}
/* Controls the Border and background/cover colour for the Style Colour image */
.StyleColourCont {
display: inline-block;
margin: 5px 0 0 ;
}
.StyleColourImage {
display: inline-block;
width: @@ThumbnailImageWidth; /* you may type a specific value */
height: @@ThumbnailImageHeight; /* you may type a specific value */
vertical-align: middle;
position: relative;
}
.StyleColourImage a {
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
display: block;
width: 100%;
height: 100%;
}
.StyleColourImage img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
/* Controls the font size and background/cover colour for the Style Colour image title*/
/* .MagicZoomPlus span: Style of the span image link */
.StyleColourImageCaption, .MagicZoomPlus span {
display: none !important;
}
h3.productdescription, .productdetailrow .currentprice {
font-size: 2rem;
}
.productdetailrow.stockcode, .productdetailrow.longdescription {
display: none !important;
}
.productdetailrow .currentprice {
color: #005bcc;
display: inline-block;
font-size: 3em;
margin: 20px 0;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
#trCrossPrice, #trSaveAmount {
display: none !important;
}
.availailityrow .availablenow, .availailityrow .delayeddelivery, .availailityrow .outofstock {
background-color: #cccccc;
border: 1px dotted #727272;
color: #727272;
display: inline-block;
font-size: 12px;
font-style: italic;
margin: 10px 0;
padding: 5px;
text-align: center;
width: 100%;
}
.productdetailrow .leftlabel {
display: none !important;
}
.productdetailcont .productattribute {
margin-top: 10px;
}
.colouroptions {
padding-top: 10px;
}
.colouroptions .item {
cursor: pointer;
float: left;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
height: 50px;
width: 50px;
}
.colouroptions .item.active {
background: url(../Files/attribute1-active.gif) no-repeat scroll left top #FFFFFF;
}
.colouroptions img {
background-repeat: no-repeat;
background-position: center center;
background-color: #CCC;
height: 40px;
margin: 4px 0 0 4px;
width: 40px;
}
.sizeoptions {
padding-top: 10px;
}
.sizeoptions .sizeset {
display: none;
}
.sizeoptions .item {
background: url(../Files/attribute2-option.gif) no-repeat scroll left top #FFFFFF;
color: #000000;
cursor: pointer;
float: left;
font-size: 12px;
font-weight: bold;
height: 50px;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
line-height: 50px;
text-align: center;
text-transform: uppercase;
width: 50px;
}
.sizeoptions .item.active {
background: url(../Files/attribute2-active.gif) no-repeat scroll left top #FFFFFF;
color: #FFF;
}
.sizeoptions .item.disabled {
background-image: url(../Files/attribute2-disabled.gif);
color: #AAAAAA;
cursor: default;
}
/* Pack & Collective item selection in product detail page begins*/
.attr3options .items-heading {
background: #fafafa;
border: 1px solid #E6E6E6;
}
.attr3options .items-heading .item-image {
width: 50px;
}
.attr3options .items-heading .item-value {
width: 50px;
text-align: center;
}
.attr3options .items-heading .item-unitprice {
width: 80px;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
text-align: right;
}
.attr3options .items-heading .item-price{
width: 80px;
text-align: right;
}
.attr3options .items-heading .item-qty {
width: 114px;
text-align: center;
}
.attr3options .items-heading > div {
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
float: left;
color: #666;
line-height: 36px;
height: 36px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.attr3options .item.active {
background: #DFF0D8;
}
.attr3options .item.disabled {
background: #F0EEE8;
}
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
.attr3options .item {
border-top: none;
background: #FAFAFA;
border: 1px solid #E6E6E6;
overflow: hidden;
position: relative;
}
.attr3options .item > div {
height: 68px;
line-height: 68px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.attr3options .item .item-image {
width: 50px;
}
.attr3options .item .item-image-wrap {
cursor: pointer;
margin: 10px 0 0 1px;
height: 48px;
width: 48px;
}
.attr3options .item.active .item-image-wrap {
background: url(../Files/attribute1-active.gif) no-repeat scroll left top #FFFFFF;
}
.attr3options .item .item-image-wrap img {
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
background-repeat: no-repeat;
background-position: center center;
background-color: #CCC;
background-size: 100%;
height: 44px;
margin: 2px;
width: 44px;
vertical-align: top;
}
.attr3options .item .item-value {
width: 50px;
font-weight: bold;
text-align: center;
}
.attr3options .item .item-unitprice {
width: 80px;
text-align: right;
}
.attr3options .item .item-price {
width: 80px;
text-align: right;
}
.attr3options .item .item-qty {
width: 114px;
text-align: center;
position: relative;
}
.attr3options .item input.inputitemqty {
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
height: 30px;
width: 40px;
text-align: center;
padding: 3px 4px;
border-radius: 0;
}
.attr3options .item .item-qty-buttons {
position: absolute;
top: 19px;
right: 6px;
width: 102px;
line-height: normal;
}
.attr3options .item .item-qty-buttons button {
background: transparent url(../files/minusplus.png) no-repeat 0 0;
height: 30px;
width: 30px;
border: 0;
outline: 0;
top: 0;
position: absolute;
cursor: pointer;
}
.attr3options .item .item-qty-buttons .item-qty-minus {
left: 1px;
background-position: 0 0;
}
.attr3options .item .item-qty-buttons .item-qty-plus {
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
right: 1px;
background-position: -30px 0;
}
.attr3options .item .item-qty-status {
position: absolute;
bottom: 0;
right: 0;
left: 0;
line-height: normal;
color:#B22222;
font-size:90%;
}
.attr3options .items-totals {
margin: 10px 0;
}
.attr3options .items-totals > div {
float: left;
height: 30px;
line-height: 30px;
text-align: right;
}
.attr3options .items-totals .item-total-title {
width: 130px;
font-size: 16px;
font-weight: bold;
}
.attr3options .items-totals .item-total-amount {
width: 130px;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
font-size: 16px;
font-weight: bold;
}
.attr3options .items-totals .item-total-qty {
width: 104px;
color: #999;
font-size: 12px;
}
/* Pack & Collective item selection in product detail page ends */
.selectionmessage {
display: none !important;
}
.productdetailrow.attributeselection.dropdownlist, .productdetailrow.attributeselection
.leftselection, .productdetailcont .productattribute .attributelabel.dropdownlist {
display: none;
}
.productdetailrow.attributeselection .rightselection.thumbnail {
clear: both;
display: block;
padding-top: 10px;
}
/* Controls the characteristics of add to wishlist button in product detail page */
a.wl_btnaddtowishlist, a.wl_btnaddtogiftregistry {
background-color: #fff !important;
border: 2px solid #c99406;
color: #c99406 !important;
display: block;
width: 100% !important;
font-size: 1.5rem !important;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
margin: 10px 0 0;
padding: 10px;
height: 50% !important;
}
.styleguidebox .productlist li {
width: @@LookbookThumbsWidth;
margin: 0;
padding: 5px;
}
/* begin product informatin and stock availability tabs */
.prod-info-header {
background-color: #E9E9E9;
border: 1px solid #DEDEDE;
border-radius: 3px;
display: block;
font-size: 1.6rem;
margin: 10px 0;
text-align: left;
color: #303030;
}
.prod-info-header.on {
border-bottom: 0;
}
.prod-info-body {
background-color: #FFF;
border: 1px solid #DEDEDE;
border-radius: 0 0 3px 3px;
border-top: 0;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
display: none;
margin-bottom: 10px;
margin-top: -11px;
padding: 10px;
}
/* Controls the characteristics of Branch and Availability titles in stock availability tab body*/
.saheader {
font-weight: bold;
text-align: left;
color: #B22222;
padding-bottom: 10px;
}
/* Controls the characteristics of Branch and Availability items in stock availability tab body*/
.sabody .saleftcell {
display: inline-block;
width: 240px;
}
/* Controls the characteristics of Branch Hyper Link items in stock availability tab body*/
.sabody a {
font-weight: bold;
color: #006FB1;
text-decoration: underline;
display: inline-block;
height: 30px;
}
/* Controls the characteristics of In Stock items in stock availability tab body*/
.sabody .sainstock {
font-weight: bold;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
color: #006FB1;
background: url(../Files/stockavailabilitytab-instock.gif) no-repeat left top;
padding-left: 20px;
display: inline-block;
height: 30px;
}
/* Controls the characteristics of Out Of Stock items in stock availability tab body*/
.sabody .saoutofstock {
display: inline-block;
height: 20px;
color: #000000;
}
.stockavailability .branchpage {
display: none;
max-height: 70%;
border: 1px solid #DEDEDE;
border-radius: 3px;
margin: -5px 0 5px 0;
overflow: auto;
}
/* end product informatin and stock availability tabs */
/* Product image link */
.MagicZoomPlus, .MagicZoomPlus:hover {
display: inline-block;
width: 100% !important;
cursor: url(../files/zoomin.cur), pointer;
outline: 0 !important;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
z-index: 1 !important;
background: #FFFFFF;
font-size: 0 !important;
line-height: 100% !important;
direction: ltr;
max-width: 100%;
}
/* Product image */
.MagicZoomPlus img {
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
outline: 0 !important;
width: 100%;
height: auto;
}
.MagicZoomPlus > img {
max-width: 100%;
}
.MagicZoomPlus.magic-for-ie8 img {
max-width: none !important;
}
.MagicZoomPlus.magic-for-ie7 > img {
width: auto;
}
/* Controls the zoomed image position if zoom-image-posotion property sets to custom at
configuration */
#ImgStyle-big {
display: none !important;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
/* CSS class for right zoomed image container */
/* Style of zoomed window */
.MagicZoomBigImageCont {
background: #ffffff;
-webkit-transition: none !important;
-moz-transition: none !important;
transition: none !important;
}
.MagicZoomBigImageCont img {
max-width: none !important;
max-height: none !important;
height: auto !important;
width: auto !important;
}
.MagicThumb-background {
-webkit-transition: none !important;
-moz-transition: none !important;
transition: none !important;
}
/* CSS class for right zoomed image header */
/* Style of header, activated with "title" attribute in <a> tag */
.MagicZoomHeader {
display: none !important;
}
/* Style of small square under mouse */
.MagicZoomPup {
display: none !important;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
}
/* Style of message box while image is loading */
.MagicZoomLoading {
border: 1px solid #DEDEDE;
background: #fff url(../files/loader.gif) no-repeat 2px 50%;
padding: 4px 4px 4px 24px !important;
margin: 0;
text-decoration: none;
text-align: left;
font-size: 8pt;
font-family: sans-serif;
color: #444;
line-height: 1.5em;
}
/* Style of hotspots */
.MagicHotspots {
display: none;
visibility: hidden;
}
.MagicHotspots a {
border: 1px solid #DEDEDE;
display: block !important;
position: absolute !important;
}
.MagicHotspots a:hover {
border: 1px solid red;
}
/* Style of the small image when the large image is expanded */
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
.MagicThumb-expanded-thumbnail {
cursor: default;
}
/* Style of the expanded image */
.MagicThumb-expanded {
cursor: url(../files/zoomout.cur), pointer;
background: #ffffff;
border: 1px solid #DEDEDE;
outline: 0;
padding: 0;
-webkit-transition: none !important;
-moz-transition: none !important;
transition: none !important;
}
.MagicThumb-expanded > div > div > div > img {
max-height: none !important;
max-width: none !important;
height: auto !important;
width: auto !important;
}
/* Style of the caption for the expanded image */
.MagicThumb-caption {
display:none !important;
}
/* Style of the close/next/previous buttons */
.MagicThumb-buttons {
background: transparent url(../files/controlbar.png) no-repeat 0 0;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
height: 24px;
display: block;
}
.MagicThumb-buttons a {
width: 24px;
height: 24px;
margin: 0px 1px !important;
overflow: hidden;
}
/* Style of the loading message box */
.MagicThumb-loader {
font: normal 12pt sans-serif;
border: 1px solid #DEDEDE;
background: #fff url(../files/loader.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 22px;
margin: 0;
text-decoration: none;
text-align: left;
line-height: 1.5em;
}
/* Style of the small images which swap the main image */
/* Style to hide caption on page. Only needed for #id method. */
.MagicZoomPlus-ExternalText {
display: none;
}
.MagicThumb-expanded img {
background: #ffffff;
}
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
/* Style of hint box */
.MagicZoomPlusHint {
background: url(../files/hint.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 20px !important;
min-height: 24px;
margin: 0;
text-decoration: none;
text-align: left;
line-height: 24px;
font-size: 8pt;
font-family: sans-serif;
color: #444;
}
/* Style of shadow effect behind zoomed image */
.MagicBoxShadow {
-moz-box-shadow: 3px 3px 4px #888888;
-webkit-box-shadow: 3px 3px 4px #888888;
box-shadow: 3px 3px 4px #888888;
border-collapse: separate;
/* For IE 5.5 - 7 */
filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')"
!important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,
Color='#888888')" !important;
}
/* Style of glow effect behind zoomed image */
.MagicBoxGlow {
-moz-box-shadow: 0px 0px 4px 4px #888888;
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz
-webkit-box-shadow: 0px 0px 4px 4px #888888;
box-shadow: 0px 0px 4px 4px #888888;
border-collapse: separate;
/* For IE 5.5 - 7 */
filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important;
}
 Updated
Kudos Solutions Ltd
sales@kudos.co.au
www.kudos.co.nz
sales@kudos.co.nz