Read Log

Transcription

Read Log
.minimum_order_popup_background {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
position: fixed;
left: 0;
top: 0;
z-index: 10000;
width: 100%;
height: 100%;
}
 Appended
.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;
z-index: 100001;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
 Appended
.cr_itemsummarys
 .cr_itemsummaries
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
*{
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: #000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2rem;
overflow-x:hidden;
}
#bodywrapper {
background-color:#fff;
position:relative;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
text-align:left;
}
ul, ol, li {
list-style: none;
margin-bottom:0;
}
h1 {
font:bold 110% Verdana, Arial, Helvetica, sans-serif;
color:#003271;
margin-top:10px;
margin-bottom:10px;
}
h2 {
font:bold 110% Verdana, Arial, Helvetica, sans-serif;
color:#003271;
margin-top:10px;
margin-bottom:10px;
}
h3 {
font:bold 110% Verdana, Arial, Helvetica, sans-serif;
color:#003271;
margin-top:5px;
margin-bottom:5px;
}
h4 {
font:bold 100% Verdana, Arial, Helvetica, sans-serif;
color:#003271;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
hr {
color:#C0C0C0;
height:1px;
}
hr.light {
color:#C0C0C0;
height:1px;
border-style:dashed;
}
fieldset {
border:1px solid #ddd;
padding:10px 10px 10px;
margin-top:4px;
}
legend {
font-weight:bold;
}
fieldset div {
padding-top:5px;
}
.wordwrap {
white-space:pre-wrap; /* css-3 */
white-space:-moz-pre-wrap; /* Mozilla, since 1999 */
white-space:-pre-wrap; /* Opera 4-6 */
white-space:-o-pre-wrap; /* Opera 7 */
word-wrap:break-word; /* Internet Explorer 5.5+ */
vertical-align:top;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.validsummary ul {
padding-left: 40px;
margin: 10px 0;
}
.validsummary ul, .validsummary li {
list-style:disc;
}
a, a:focus, a:hover {
color: #555;
text-decoration:none;
}
a.selected, a:focus, a:hover {
color:#B22222;
background-color: #e7e7e7;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: #e7e7e7;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
background-color: #e7e7e7;
}
.table tr td:first-child a {
padding: 9px;
margin-left: -8px;
line-height: 34px;
background-color: transparent;
}
label {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
font-weight:normal;
padding-top:3px;
}
input[type="text"], input[type="password"], input[type="search"], input[type="number"],
input[type="email"], textarea, select {
padding:5px;
color: #777;
border: 1px solid #ddd;
width:75%;
line-height:normal;
}
input[type="radio"], input[type="checkbox"] {
vertical-align: top;
margin-left:5px;
margin-right:5px;
width:18px;
height:18px;
}
input.btn, a.btn {
background: #333 !important;
color: #fff !important;
text-indent:0 !important;
font-size:1.2rem;
height:34px !important;
width:90%;
}
input.major.btn {
width:15%;
min-width:140px;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
text-align:center;
}
.form-control {
display:inline-block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2rem;
}
/* fix scroll issue on modal in iOS 8.x */
.modal-open {
position: fixed;
width: 100%;
overflow: hidden;
}
.header, .footer {
padding:0;
margin:0;
position:relative;
}
.footer {
padding:15px;
text-align:center;
}
.table-responsive, .table {
margin-bottom:0;
}
.no-margin-right {
margin-right:0 !important;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.inline-container, .inline-container > .inline-container {
font-size:0; /* remove white space between inline-blocks */
}
.inline-container > * {
font-size:1.2rem; /* remove white space between inline-blocks */
}
.formsectiontext, .sign {
vertical-align:top;
padding-top:7px;
min-height:34px;
}
.formsectiontext > label {
padding-top:0;
}
.formsectiontext, .attributelabel, .leftlabel {
width:25%;
text-align:left;
display:inline-block;
}
.sign {
display:inline-block;
width:3%;
text-align:right;
padding-right:3px;
}
.formsectionvalue {
text-align:left;
width:75%;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
display:inline-block;
}
.sign + .formsectionvalue {
width:72%;
}
.formsectionvalue > input, .formsectionvalue > textarea, .formsectionvalue > select {
padding: 5px;
width:100%;
}
.form-body {
margin: 15px 0 0;
}
.form-body > div {
padding: 0 15px;
}
.form-status {
margin-bottom:15px;
padding-left:15px !important;
}
.form-buttons {
margin-bottom:15px;
padding-right:15px;
text-align:right;
}
.formsectiontext.col-all-12 {
padding-left:0;
padding-right:0;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.form-body > .validationsummary {
margin-top:-15px;
}
.validationsummary, .loginbody, .passwordrecoverybody, .registerbody, .orderaddresses > div,
.pagerstyle td, .pagerstyle table td, .cr_itemsummaries {
padding:0 !important;
}
.validsummary {
margin:15px;
width:100%;
}
.formsectionvalue.error > input, input.formsectionvalue.error, .formsectionvalue.error >
textarea, textarea.formsectionvalue.error {
border:1px solid #ff0000;
}
.fieldvalidator {
font:0/0 a !important;
text-shadow:none !important;
color:transparent !important;
width:0 !important;
position:absolute;
display:block;
}
.fieldvalidator[style*="inline"] {
display:block !Important;
}
.loyaltypoints {
display:inline;
font-weight:bold;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.sectionbar {
padding:3px 20px;
background:url(../Files/bullet-1.gif) no-repeat center left;
color:#5A5A5A;
font-size:1.32rem;
font-weight:bold;
margin-bottom:15px;
}
.form-body > .sectionbar {
margin-top:-15px;
}
.error {
color:#ff0000;
}
.success {
color:#002E6C;
font-weight:bold;
}
/**************************
Site Master
**************************/
www.kudos.co.nz
[email protected]
.content {
position:relative;
}
.maincontent > div {
padding-top:15px;
}
.mainleft {
Kudos Solutions Ltd
[email protected]
padding-right:0;
background:#fff;
}
.maincentre {
position:relative;
}
.mainright {
position:relative;
}
.maincentre.threecolumns {
padding-right:0;
}
.contentcont-wrapper {
width:100%;
}
.leftcontent, .centrecontent, .rightcontent {
padding-left:0;
padding-right:0;
}
.col-xs-0, .col-sm-0, .col-md-0, .col-lg-0 {
width:0;
}
.col-all-12 {
width:100%;
padding-left:15px;
padding-right:15px;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
/**************************
Logo
**************************/
.logo {
margin:0;
padding:0;
}
.logo a {
float:left;
}
/************************* Category navigation menu *************************/
.categorymenu {
border:1px solid #ddd;
vertical-align:top;
}
.categorymenulevel {
padding-left:0 !important;
}
.categorymenulevel a {
font-size:1.2rem;
font-weight:bold;
display:block;
padding:10px 7px;
}
.categorysubmenulevel2 a, .categorysubmenulevel3 a, .categorysubmenulevel4 a {
font-size:1.1rem;
font-weight:normal;
padding-left:14px;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.categorysubmenulevel3 a {
padding-left:21px;
}
.categorysubmenulevel4 a {
padding-left:28px;
}
/**************************
Category page
**************************/
.productlist li {
border-bottom:1px dashed #ddd;
padding-left:0;
padding-right:0;
}
.productlistlastrow {
border-bottom:0 none !important;
}
.attributesselection > div > select {
width: 90%;
}
.colourselection, .sizeselection, .attr3selection {
margin-bottom:8px;
}
.stylesummarybox {
margin:0;
padding:5px 0;
width:100%;
position:relative;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.stylesummarybox a:hover, .promotionimageholder a:hover, .promotiontextholder a:hover {
background-color: transparent;
}
.stylesummaryimageholder, .promotionimageholder {
text-align:center;
}
.stylesummaryimageholder > a, .promotionimageholder > a {
display: flex;
align-items: center;
height: 100%;
}
.stylesummaryimageholder > a > img, .promotionimageholder > a > img {
margin:0 auto;
}
.stylesummarytext, .promotiontextholder {
padding-top:4px;
text-align:center;
}
.stylesummarytext .textrow, .promotiontextholder {
overflow:hidden;
text-overflow:ellipsis;
}
span.spn_CP .defaultpriceprefix {
font-size:90% !important;
font-weight:normal !important;
}
.addtowishlist {
display:inline !important;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
background:url(../Files/wishlist.png) no-repeat;
width:24px;
height:24px;
z-index:99;
position:absolute;
top:10px;
right:10px;
cursor:pointer;
}
.addtowishlist a:hover {
display:inline;
background:url(../Files/wishlist-hover.png) no-repeat;
}
.popupLabel {
background:#888;
color:#fff;
font-size: 90%;
right: 0;
width: 50px;
position: absolute;
top: 40px;
padding: 3px 5px 5px;
outline: none;
text-align: center;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
z-index: 2;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.addToCartPopupLayer {
display:none !important;
}
/************************** Product list page **************************/
.stylelistpage .sectionheader {
margin-top:0;
margin-bottom:10px;
}
.stylelistcontent .sectionheader a {
padding: 7px;
}
/**************************
Search page
**************************/
.productsfound {
font-weight:bold;
margin:10px 0 10px 10px;
}
.productsfound span {
color:#b22222;
}
.productsnotfound {
font-weight:bold;
margin:10px 0 10px 10px;
}
.productsnotfound span {
color:#b22222;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.productsnotfound .productsnotfoundbody {
margin:10px 0 0 0;
}
/************************** All categories page **************************/
.all_cate_look > span > span {
display:inline-block;
position:relative;
width: 33.3333334%;
vertical-align:top;
}
.all_cate_look br {
display:none;
}
.categorieswrap {
margin-bottom:15px;
}
.subcategorieswrap {
margin-left:15px;
}
h2.categorymenulevel, h3.categorysubmenulevel2, h4.categorysubmenulevel3,
h5.categorysubmenulevel4 {
margin:0 0 15px 0;
}
/************************** Currency selector **************************/
.currencyselector {
position: absolute;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
top: 50px;
right: 15px;
text-align: right;
color: #000;
z-index: 1002;
}
.currencyselector a {
position: relative;
top: 0;
display: block;
padding: 12px 10px;
white-space: nowrap;
}
.currencyselector img {
position: relative;
top: 0;
margin-right: 4px;
display: inline;
}
.currencyselector ul {
position: relative;
z-index: 1002;
background-color: #fff;
}
.currencyselector li {
float: right;
position: relative;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.currencyselector span {
display: block;
padding: 5px;
white-space: nowrap;
cursor: pointer;
}
.currencyselector li ul {
position: absolute;
left: -9999px;
float: right;
border: 1px solid #ddd;
padding: 0;
}
.currencyselector ul.collapse.in {
left: auto;
right: 0;
top: 33px;
}
.currencyselector li li {
display: block;
float: none;
text-align: left;
background-color: #fff;
line-height: 0;
margin-right: 0;
}
/* Login menu */
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.uppermenu {
position:absolute;
top:0;
right:0;
z-index:1003;
}
.uppermenu-dropdown > .nav-divider {
display:none;
}
.loginmenuwrap {
position:relative;
padding: 15px 0;
}
.loginmenuwrap img {
display:inline;
}
.uppermenu li {
display:inline-block;
border-left:solid 1px #ddd;
}
.uppermenu li.first {
border-left:none;
}
.uppermenu li span.login-username {
display:inline-block;
padding:0 5px;
}
.uppermenu li a:link, .uppermenu li a:visited {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
padding:0 5px;
text-decoration:none;
}
.uppermenu li a:active, .uppermenu li a:hover {
text-decoration:underline;
}
#trg_slidingcart_a img {
display:inline;
}
/**************************
Main menu
**************************/
.mainMenu {
z-index:1001;
}
.mainMenu.fixed {
position:fixed;
top:0;
width:100%;
}
.navbar {
margin-bottom:0;
border-bottom:0;
}
.navbar-nav, .navbar-collapse.in > .navbar-nav {
margin:0;
}
.navbar-collapse {
border-bottom: 1px solid #e7e7e7;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.navbar-collapse li.hasSub li {
border-bottom: 0;
}
.dropdown-menu ul {
padding:0 10px;
}
.dropHeader, .subPic1, .subPic2, .subPic3, .subPic4, .subPic5, .subPic6, .subPic7, .subPic8,
.subPic9, .subPic10, .subPic12 {
display:none;
}
.dropdown-menu h3 {
font-size: 1.2rem;
color: #555;
font-weight: normal;
}
.dropdown-menu ul li a {
color: #555;
font-size: 1.2rem;
display: block;
padding:8px;
}
.mainMenuTop h3 {
width: 200px;
}
.nav > li > ul > li {
position: relative;
display: block;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.navbar-default .navbar-nav > li > ul > li > a:hover, .navbar-default .navbar-nav > li > ul > li >
a:focus {
color: #555;
background-color: transparent;
}
.navbar-default .navbar-nav > li > ul > li > a {
color: #777;
}
.navbar-nav > li > ul > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
.nav > li > ul > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > ul > li.first > span{
color: #777;
position: relative;
display: block;
padding: 10px 15px;
line-height: 20px;
}
/**************************
Filter/Sort By
**************************/
.refine-search-wrap > .collapse {
display:block;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
ul.styleresultbar-collapse {
height: auto !important;
}
.styleresultbar {
border:1px solid #ddd;
text-align:left;
display:block;
position:relative;
}
.styleresultbar:nth-of-type(3) {
margin-top:-1px;
}
.styleresultbar > div {
margin:0;
padding:0 7px;
position:relative;
}
.styleresultbar > div > * {
margin:7px 0;
}
.styleresultbar span.text {
display:inline-block;
width:22%;
}
.styleresultbar select {
display:inline-block;
width:78%;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.styleresultbar .navpages {
display:block;
text-align:right;
border-radius:0;
padding-right:0;
}
.styleresultbar .page-link {
display:inline-block;
padding:7px 10px;
margin-right:7px;
border:1px solid #ddd;
}
.styleresultbar .active {
font-weight:bold;
background-color:#e7e7e7;
}
/**************************
Search bar
**************************/
www.kudos.co.nz
[email protected]
.search-container {
min-height:40px;
}
.bar {
height:40px;
position:relative;
}
.bar > div {
position: absolute;
Kudos Solutions Ltd
[email protected]
top: 6px;
left: 15px;
}
.bar > div img {
display: inline;
}
input.searchtextbox {
font-weight:normal;
width:200px;
}
input.enablewatermark {
color:#C0C0C0;
font-style:italic;
}
input.disablewatermark {
font-style:normal;
}
/**************************
Sitemap path
**************************/
.sitemappath {
font-weight:bold;
padding-bottom:5px;
}
.sitemappath a {
color:inherit;
padding: 7px;
}
.sitemappath > span {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
display:inline-block;
padding:7px 7px 7px 0;
}
/**************************
Login page
**************************/
www.kudos.co.nz
[email protected]
.logincontainer {
margin-top:-15px;
margin-bottom:15px;
position: relative;
}
.logintable {
border:1px solid #ddd;
margin-bottom:0 !important;
}
.loginbody > div {
padding-left:0;
padding-right:0;
}
.logincellleft {
border-right:1px solid #ddd;
}
.loginheadercell {
height:26px;
line-height: 26px;
background-color:#5D7B9D;
font-weight:bold;
color:#fff;
vertical-align:middle;
Kudos Solutions Ltd
[email protected]
text-align:center;
margin-bottom: 15px;
}
.logincellinner, .registercellleft, .registercellright {
padding:0 15px;
}
.logincellinner > .loginrememberme {
font-size:1.2rem;
}
.logincellinner > .loginrememberme > input {
margin-top:0;
}
.loginforgotpwd a {
padding: 9px 9px 9px 0;
}
.loginbutton.form-buttons, .shoppingcart_bottombuttons.form-buttons,
.customerdetailsbutton.form-buttons {
padding-right:0;
}
.logincreatecell > .logincellinner {
position:relative;
min-height:170px;
padding:0;
margin:0 15px;
}
.logincreatecell > .logincellinner > .createnewaccount {
display: inline-block;
margin: auto;
position: absolute;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.loginadditionalcontent {
display: none;
}
/************************** Password recovery page **************************/
.passwordrecoverycontainer > h2 {
margin-top:-15px;
margin-bottom:30px;
}
.recoverpwdtable {
border:1px solid #ddd;
}
.recoverpwdheader {
height:26px;
line-height:26px;
background-color:#5D7B9D;
font-weight:bold;
color:#fff;
vertical-align:middle;
text-align:center;
margin-bottom:15px;
}
.recoverpwdbody > div {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
margin: 0 15px 15px;
}
/**************************
Product page
**************************/
.productdetailbox {
position:relative;
width:100%;
height:100%;
}
.productdetailbox > div {
padding:0;
}
.productimagecont {
z-index:2;
}
.productimagecont .rollovermessage {
font-size:90%;
padding:5px 0 10px;
text-align:center;
}
.productdetailcont {
z-index:1;
padding-left: 15px !important;
}
.productdetailcont .thumbnail {
display:inline-block;
padding: 0;
margin-bottom: inherit;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
line-height: normal;
background-color: transparent;
border: 0;
border-radius: 0;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.productdetailcont .productdetailrow {
padding-top:7px;
text-align:left;
clear:both;
}
.productdetailcont .productdetailrow > select.form-control {
width:75%;
}
.productdetailcont .availailityrow {
height:30px;
}
.productdetailcont .selectionmessage {
height:25px;
}
#personal-fields, #personal-fields > * {
width:100% !important;
}
.internetprice {
font-size:1.3rem;
text-decoration:line-through;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.currentprice {
font-weight:bold;
font-size:1.3rem;
color:#b22222;
}
.saveamount {
font-size:1.3rem;
color:#b22222;
}
.newstyle {
font-weight:bold;
color:#b22222;
}
.availablenow {
color:#000;
}
.delayeddelivery {
color:#b22222;
}
.outofstock {
font-weight:bold;
color:#b22222;
}
.colouroptions {
padding-top:10px;
}
.colouroptions .item {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
cursor:pointer;
float:left;
height:50px;
width:50px;
}
.colouroptions .item.active {
background:url(../Files/attribute1-active.gif) no-repeat scroll left top #fff;
}
.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 #fff;
color:#000;
cursor:pointer;
float:left;
font-size:1.2rem;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
font-weight:bold;
height: 50px;
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 #fff;
color: #fff;
}
.sizeoptions .item.disabled {
background-image: url(../Files/attribute2-disabled.gif);
color:#AAAAAA;
cursor:default;
}
.attr3options .items-heading {
background: #fafafa;
border: 1px solid #E6E6E6;
height: 37px;
position:relative;
}
.attr3options .item-image {
width: 50px;
}
.attr3options .item-value {
width: 15%;
text-align: center;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
font-weight:bold;
}
.attr3options .item-unitprice {
width: 20%;
text-align: right;
}
.attr3options .item-price, .attr3options .item-total-amount {
width: 20%;
text-align: right;
float:right !important;
margin-right:114px;
}
.attr3options .item-qty, .attr3options .item-total-qty {
width: 114px;
text-align: center;
display:block;
float:none !important;
position:absolute;
right:0;
}
.attr3options .items-heading > div {
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
float: left;
color: #666;
line-height: 37px;
height: 37px;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.attr3options .item.active {
background: #dff0d8;
}
.attr3options .item {
background: #fafafa;
border: 1px solid #E6E6E6;
border-top: 0;
overflow: hidden;
position: relative;
clear:both;
}
.attr3options .item.disabled {
background: #F0EEE8;
}
.attr3options .item > div {
height: 68px;
line-height: 68px;
float: left;
}
.attr3options .item .item-image-wrap {
cursor: pointer;
height: 48px;
width: 48px;
margin: 10px 0 0 1px;
padding:4px;
}
.attr3options .item.active .item-image-wrap {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
background: url(../Files/attribute1-active.gif) no-repeat scroll left top #fff;
}
.attr3options .item .item-image-wrap img {
background-repeat: no-repeat;
background-position: center center;
background-color: #CCC;
background-size: 100%;
height: 40px;
width: 40px;
}
.attr3options input.inputitemqty {
width: 32px;
text-align: center;
padding: 7px;
}
.attr3options .item-qty-buttons {
position: absolute;
top: 18px;
right: 10px;
padding: 0 47px;
width: 42px;
line-height: normal;
}
.attr3options .item-qty-buttons button {
background: transparent url(../files/minusplus.png) no-repeat 0 0;
height: 30px;
width: 30px;
border: 0;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
outline: 0;
top: 0;
position: absolute;
cursor: pointer;
}
.attr3options .item-qty-minus {
left: 1px;
background-position: 0 -30px !important;
}
.attr3options .item-qty-minus:hover {
background-position: 0 0 !important;
}
.attr3options .item-qty-plus {
right: 1px;
background-position: -30px -30px !important;
}
.attr3options .item-qty-plus:hover {
background-position: -30px 0 !important;
}
.attr3options .item-qty-status {
position: absolute;
bottom: 0;
right: 0;
left: 0;
line-height: normal;
color:#B22222;
font-size:90%;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.attr3options .items-totals {
margin: 10px 0;
position:relative;
}
.attr3options .items-totals > div {
float: left;
height: 30px;
line-height: 30px;
text-align: right;
}
.attr3options .item-total-title, .attr3options .item-total-amount {
font-size: 1.6rem;
font-weight: bold;
}
.attr3options .item-total-qty {
color: #999;
text-align: center !important;
}
.productdetailcont .attributeselection {
width:100%;
clear:both;
}
.productdetailcont .attributeselection > span {
display: block;
width: 50%;
float: left;
}
.productdetailcont .attributeselection > .rightselection {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
padding-left:15px;
}
.hookline {
font-size:larger;
font-style:italic;
}
.productdetailcont .productdetailrow input.btn {
width:38%;
}
.inputvalidator {
width: 100%;
max-height: 150px;
padding: 0 0 10px 0;
text-align: center;
}
.inputvalidator > div {
color: #468847;
background-color: #dff0d8;
border: 1px solid #d6e9c6;
padding: 7px 0;
font-weight:bold;
}
.inputvalidator .error {
color: #b94a48;
background-color: #f2dede;
border: 1px solid #eed3d7;
}
.inputvalidator .action {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
padding-top: 10px;
}
.inputvalidator .message .action a {
text-decoration: underline;
}
.stylesummarytext .inputvalidator {
width:90%;
margin-left:5%;
}
.productdetailcont .productdetailrow + .inputvalidator {
padding-top:7px;
}
/************************* Information tab content *************************/
.ajax__tab_default .ajax__tab_tab {
overflow: hidden;
text-align: center;
cursor: pointer;
display: inline-block;
height:auto !important;
}
.ajax__tab_default .ajax__tab_header, .ajax__tab_default .ajax__tab_body {
font-family:Verdana, Arial, Helvetica, sans-serif !important;
font-size:100% !important;
}
.ajax__tab_default .ajax__tab_inner, .ajax__tab_default .ajax__tab_outer {
display: inline-block;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.ajax__tab_pd-theme {
padding-top:10px;
}
.ajax__tab_pd-theme .ajax__tab_header {
font-size:1.1rem;
background:url(../Files/tab-line.gif) repeat-x bottom;
}
.ajax__tab_pd-theme .ajax__tab_header .ajax__tab_outer {
padding-right:4px;
margin-right:2px;
background:url(../Files/tab-right.gif) no-repeat right;
height:21px;
}
.ajax__tab_pd-theme .ajax__tab_header .ajax__tab_inner {
padding-left:3px;
background:url(../Files/tab-left.gif) no-repeat;
}
.ajax__tab_pd-theme .ajax__tab_header .ajax__tab_tab {
height: 21px;
padding:4px;
margin:0;
background:url(../Files/tab.gif) repeat-x;
}
.ajax__tab_pd-theme .ajax__tab_hover .ajax__tab_outer {
background:url(../Files/tab-hover-right.gif) no-repeat right;
}
.ajax__tab_pd-theme .ajax__tab_hover .ajax__tab_inner {
background:url(../Files/tab-hover-left.gif) no-repeat;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.ajax__tab_pd-theme .ajax__tab_hover .ajax__tab_tab {
background:url(../Files/tab-hover.gif) repeat-x;
}
.ajax__tab_pd-theme .ajax__tab_active .ajax__tab_outer {
background:url(../Files/tab-active-right.gif) no-repeat right;
}
.ajax__tab_pd-theme .ajax__tab_active .ajax__tab_inner {
background:url(../Files/tab-active-left.gif) no-repeat;
}
.ajax__tab_pd-theme .ajax__tab_active .ajax__tab_tab {
background:url(../Files/tab-active.gif) repeat-x;
}
.ajax__tab_pd-theme .ajax__tab_body {
border:1px solid #ddd;
border-top:0;
padding:8px;
background-color:#fff;
overflow:auto;
}
/************************** Stock availability content **************************/
.stockAvailabilityCont{
padding:10px 0 5px 0;
}
.stockAvailability-theme .ajax__tab_header {
color:#fff;
font-weight:bold;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.stockAvailability-theme .ajax__tab_active .ajax__tab_outer, .stockAvailability-theme
.ajax__tab_header .ajax__tab_outer, .stockAvailability-theme .ajax__tab_hover
.ajax__tab_outer {
margin-right:4px;
}
.stockAvailability-theme .ajax__tab_active .ajax__tab_inner, .stockAvailability-theme
.ajax__tab_header .ajax__tab_inner, .stockAvailability-theme .ajax__tab_hover .ajax__tab_inner
{
margin-left:3px; /* offset the width of the left image */
}
.stockAvailability-theme .ajax__tab_active .ajax__tab_tab, .stockAvailability-theme
.ajax__tab_hover .ajax__tab_tab, .stockAvailability-theme .ajax__tab_header .ajax__tab_tab {
margin-right:0;
padding:5px 8px;
}
.stockAvailability-theme .ajax__tab_outer {
background:url(../Files/stockavailabilitytab-left.gif) no-repeat 0 0;
}
.stockAvailability-theme .ajax__tab_inner {
background:url(../Files/stockavailabilitytab-right.gif) no-repeat 100% 0;
}
.stockAvailability-theme .ajax__tab_hover .ajax__tab_outer {
background:url(../Files/stockavailabilitytab-left.gif) no-repeat 0 -150px;
}
.stockAvailability-theme .ajax__tab_hover .ajax__tab_inner {
background:url(../Files/stockavailabilitytab-right.gif) no-repeat 100% -150px;
}
.stockAvailability-theme .ajax__tab_active .ajax__tab_outer {
background:url(../Files/stockavailabilitytab-left.gif) no-repeat 0 -300px;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.stockAvailability-theme .ajax__tab_active .ajax__tab_inner {
background:url(../Files/stockavailabilitytab-right.gif) no-repeat 100% -300px;
}
.stockAvailability-theme .ajax__tab_body {
border:solid 1px #4498c2;
padding:10px;
}
.stockAvailability-theme .ajax__tab_body .saheader {
font-weight:bold;
text-align:left;
color:#B22222;
padding-bottom:10px;
}
.stockAvailability-theme .ajax__tab_body .sabody {
padding-bottom:10px;
}
.stockAvailability-theme .ajax__tab_body .sabody a {
font-weight:bold;
color:#006FB1;
text-decoration:underline;
}
.stockAvailability-theme .ajax__tab_body .sabody .sainstock {
font-weight:bold;
color:#006FB1;
background:url(../Files/stockavailabilitytab-instock.gif) no-repeat left top;
padding-left:20px;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.stockAvailability-theme .ajax__tab_body .sabody .saoutofstock {
color:#000;
padding-left:20px;
}
/**************************
Popup window
**************************/
.popupWindow {
display:none;
}
.popupDetails {
min-height:150px;
}
#popupLoading {
position:absolute;
top:50%;
left:50%;
margin-top:-21px;
margin-left:-21px;
z-index: 1004;
}
#popupContent .modal-dialog {
width:@@LookbookLargeImageWidth !important;
min-height:@@LookbookLargeImageHeight;
}
#popupContent .popupDetails {
overflow:hidden !important;
}
.popupWindow.loading .modal-content {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
border: 0 !important;
background-color: transparent !important;
border-radius:0 !important;
box-shadow: none !important;
}
.popupWindow.loading .modal-header {
display: none !important;
}
.modal-backdrop {
background-color: #fff !important;
}
/**************************
Product review
**************************/
#tblStyleDetailMessage {
display: none;
padding: 10px 0;
color:#C0504D;
font-weight:bold;
}
.productreview {
font-size: 1.1rem;
}
.customerratings {
line-height: 17px;
margin: 7px 0;
}
.customerratings .ratingbox {
float: left;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
margin-right: 3px;
}
.ratingbox {
width: 95px;
height: 17px;
font-size: 0;
line-height: 0;
background: url(../files/product-review.png) 0 -17px;
text-indent: -2222px;
overflow: hidden;
}
.rating {
float: left;
height: 17px;
background: url(../files/product-review.png) 0 0;
}
.ratinglinks {
margin: 0;
padding: 0;
}
.productreview .overall {
clear: both;
border-bottom: 1px dotted #000;
height: auto;
overflow: hidden;
padding-bottom: 10px;
}
.oa-title {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
position: relative;
overflow: hidden;
padding: 5px 0;
font-weight: bold;
}
.oa-title-value {
font-size: 1.5rem;
color: #000;
}
.oa-ratingsummary {
height: auto;
padding: 13px 0 0;
}
.oa-summarycol {
float: left;
min-width: 220px;
}
.oa-ratingsummaryoverall, .oa-ratingrecommend {
border-bottom: 1px dotted #000;
}
.oa-ratingsummaryoverall {
padding: 3px 0 13px;
}
.oa-ratingsummaryoverall .ratingbox, .dc-reviewcontentoverall .ratingbox {
width: 130px;
height: 24px;
background: url(../files/product-review.png) 0 -58px no-repeat;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.oa-ratingsummaryoverall .rating, .dc-reviewcontentoverall .rating {
height: 24px;
background: url(../files/product-review.png) 0 -34px no-repeat;
}
.oa-ratingitems {
clear: both;
float: left;
width: 220px;
}
.oa-ratingitems, .oa-ratingfilter {
padding-top: 20px;
}
.oa-ratingitem {
clear: both;
}
.oa-itemtitle {
float: left;
width: 90px;
font-weight: bold;
color: #666;
}
.oa-ratingitem .ratingbox {
float: left;
}
.oa-filtercol {
margin-left: 240px;
}
.oa-ratingrecommend {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
height: 41px;
}
.oa-filterheader {
padding-bottom: 13px;
display: block;
padding: 0 0 8px 0;
font-size: 1.3rem;
font-weight: bold;
color: #3f3f3f;
}
.oa-filterheader {
padding-bottom: 13px;
display: block;
padding: 0 0 8px 0;
font-size: 1.3rem;
font-weight: bold;
color: #3f3f3f;
}
.oa-filterattribute {
float: left;
margin: 0 9px 10px 0;
}
.productreview .displaycontent {
clear: both;
margin: 30px 0;
}
.dc-header {
text-align: right;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
overflow: hidden;
}
.dc-headerwrite {
float: left;
}
.dc-headerwrite a {
background: url(../files/product-review.png) 0 -82px no-repeat transparent;
padding-left: 8px;
font-weight: bold;
font-size: 1.4rem;
text-indent: -2222px;
height: 30px;
width: 130px;
display: block;
text-align: left;
}
.dc-headersortby {
float: right;
margin-top: 5px;
}
.dc-body {
clear: both;
}
.dc-reviewcontent {
padding: 26px 0 0;
border-bottom: 1px dotted #000;
height: auto;
overflow: hidden;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.dc-body.last .dc-reviewcontent {
border: 0;
}
.dc-reviewcontentheader {
overflow: hidden;
margin-bottom: 5px;
position: relative;
}
.dc-reviewcontentoverall {
float: left;
padding-bottom: 12px;
}
.dc-reviewcontenttitle {
clear: both;
float: left;
width: 500px;
color: #000;
}
.dc-reviewcontenttitle span {
font-weight: bold;
font-size: 15px;
line-height: 24px;
}
.dc-reviewcontentdate {
float: right;
margin-top: 7px;
color: #999;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
width: 150px;
text-align: right;
}
.dc-reviewcontentdate span {
font-weight: normal;
padding: 2px 0;
}
.dc-reviewcontentaboutyou {
margin-bottom: 20px;
padding: 3px 0 6px 0;
overflow: hidden;
border-bottom: 1px solid #eee;
font-size: 11px;
}
.dc-aboutyounickname {
clear: none;
margin-bottom: 2px;
width: 300px;
display: inline;
padding-right: 15px;
}
.dc-aboutyounickname span {
font-weight: bold;
color: #1674d8;
}
.dc-aboutyouattributes {
color: #999;
width: 330px;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
line-height: 18px;
word-wrap: break-word;
display: inline;
}
.dc-aboutyouattr {
display: inline;
margin-right: 15px;
color: #666;
}
.dc-aboutyouattr .dc-label{
font-weight: normal;
}
.dc-label {
color: #666;
}
.dc-value {
font-weight: bold;
}
.dc-aboutyouattr .dc-value{
color: #666;
}
.dc-reviewcontentdetails {
margin-bottom:20px;
}
.dc-reviewcontentreview {
vertical-align: top;
width: 75%;
float: left;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.dc-reviewcontentreviewtext, .dc-reviewcontentreviewadminresponse {
margin-bottom: 20px;
}
.dc-reviewcontentsection {
margin-bottom: 20px;
}
.dc-reviewcontentsectionitems{
margin: 10px 0;
}
.dc-reviewcontentsectionitem{
margin-bottom: 10px;
}
.dc-reviewcontentcons {
margin-bottom: 10px;
}
.dc-reviewcontentsectionitems .dc-label {
display: block;
margin-right: 5px;
font-size: 1.3rem;
font-weight: bold;
color: #000;
}
.dc-reviewcontentsectionitems .dc-value {
font-weight: normal;
}
.dc-reviewcontentsectionitems .dc-value-tag {
font-weight: normal;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.dc-reviewcontentrecommendation {
font-weight: bold;
padding: 0 5px 0 0;
font-size: 1.3rem;
}
.dc-reviewcontentrecommendation .dc-recommended{
background: url(../files/product-review.png) -114px -144px no-repeat;
padding-left: 20px;
color: #F47B20;
}
.dc-reviewcontentrecommendation .dc-notrecommended {
background: url(../files/product-review.png) -114px -160px no-repeat;
padding-left: 20px;
color: #727272;
}
.dc-reviewcontentratings {
vertical-align: top;
float: right;
border-left: 1px solid #f8f8f8;
}
.dc-reviewcontentratingstars {
margin-bottom: 10px;
overflow: hidden;
padding-left: 35px;
border-left: 1px solid #f8f8f8;
}
.dc-reviewcontentratingentry {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
clear: both;
overflow: hidden;
padding-bottom: 15px;
}
.dc-reviewcontentratingentry .dc-label {
font-weight: bold;
}
.dc-reviewcontentfooter{
clear: both;
height: auto;
position: relative;
}
.dc-reviewcontentfeedbacklinks a {
display: block;
float: left;
width: 82px;
height: 24px;
margin-right: 8px;
background: url(../files/product-review.png) no-repeat;
text-indent: -2222px;
}
.dc-reviewcontentfeedbacklinks .dc-feedbacklink-yes a {
background-position: 0 -112px;
}
.dc-reviewcontentfeedbacklinks .dc-feedbacklink-yes a:hover {
background-position: 0 -136px;
}
.dc-reviewcontentfeedbacklinks .dc-feedbacklink-no a {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
background-position: 0 -184px;
}
.dc-reviewcontentfeedbacklinks .dc-feedbacklink-no a:hover {
background-position: 0 -208px;
}
.dc-reviewcontentfeedbacklinks .dc-feedbacklink-yes.dc-disabled a, .dcreviewcontentfeedbacklinks .dc-feedbacklink-yes.dc-disabled a:hover {
background-position: 0 -160px !important;
cursor: default;
}
.dc-reviewcontentfeedbacklinks .dc-feedbacklink-no.dc-disabled a, .dcreviewcontentfeedbacklinks .dc-feedbacklink-no.dc-disabled a:hover {
background-position: 0 -232px !important;
cursor: default;
}
.dc-reviewcontentfeedbacklinks-voteadded {
clear: both;
padding-top: 10px;
font-style: italic;
display: none;
}
.dc-reviewcontentsociallinks {
float: right;
clear: left;
width: 48px;
text-align: right;
position: absolute;
right: 0;
bottom: 8px;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.dc-reviewcontentsociallinks a {
display: block;
float: left;
width: 16px;
height: 16px;
background: url(../files/product-review.png) no-repeat;
font-size: 0;
line-height: 0;
overflow: hidden;
text-indent: -2222px;
margin:0 4px;
opacity:0.7;
}
.dc-reviewcontentsociallinks .dc-facebook{
background-position: -114px -112px;
}
.dc-reviewcontentsociallinks .dc-twitter{
background-position: -114px -128px;
}
.producttabs-theme .ajax__tab_active .ajax__tab_tab,
.producttabs-theme .ajax__tab_hover .ajax__tab_tab,
.producttabs-theme .ajax__tab_header .ajax__tab_tab {
margin-right:0px;
padding:8px 20px;
}
/**************************
Kudos Solutions Ltd
[email protected]
Write review
www.kudos.co.nz
**************************/
[email protected]
.productreviewerror {
font-weight:bold;
color: #FF0000;
}
.productrating span.sign, .pr-ratingitemerror {
color: #FF0000 !important;
}
.pr-sectionwrap {
position: relative;
padding-left:10px;
}
.pr-wrapper {
clear: left;
margin-bottom: 10px;
height: auto;
overflow: hidden;
width:60%;
}
.pr-headerwrap {
margin: 20px 0 10px -10px;
clear: both;
background: #fff url(../files/menu-bg.gif) top left repeat-x;
padding: 3px 8px 6px;
}
.pr-headertitle {
font-size: 1.6rem;
line-height: 30px;
font-weight: bold;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
color: #000;
display: block;
}
.pr-ratingoverall {
margin-bottom: 20px;
}
.pr-ratingitemname {
display: block;
float: left;
width: 35%;
color: #000;
margin-bottom:5px;
}
.pr-ratingitemname > .sign {
padding-top:2px;
}
.pr-ratingitemvalue {
float: left;
width: 65%;
}
.pr-ratingstar {
overflow: hidden;
float: left;
text-indent: -9999em;
cursor: pointer;
display: block;
margin-right:15px;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
/*******************
Rating overall
***********************/
.pr-ratingstar {
background: url(../files/product-review.png) 0 0 no-repeat;
}
.pr-ratingstar, .pr-ratingstar a {
display: block;
background-position: 0 -58px;
width: 26px;
height: 24px;
}
.pr-ratingstar.staron, .pr-ratingstar.staron a, .pr-ratingstar.starhover, .pr-ratingstar.starhover a {
background-position: 0 -34px;
}
.pr-ratingoverallname {
font-weight: bold;
}
.pr-ratingrecommendwrap .pr-ratingitemname {
width: auto !important;
}
.pr-ratingrecommendwrap .pr-ratingitemvalue {
width: auto !important;
}
.pr-ratingrecommendyes, .pr-ratingrecommendno {
padding-top:0;
}
.pr-ratingrecommendyes > input[type="radio"], .pr-ratingrecommendno > input[type="radio"] {
margin-top:0;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.pr-review-input {
border: 1px solid #888;
}
.pr-ratingitemvalue-childradio {
margin:5px 0;
}
.pr-ratingitemvalue-text {
display:inline-block;
padding-top:3px;
}
.pr-review-checkbox {
width: auto;
border: 0;
}
.pr-review-textarea {
line-height: 20px;
color: #333;
}
.pr-reviewvalueexample {
font-style: italic;
font-size: 1.1rem;
color: #a9a9a9;
line-height: 13px;
padding-top: 5px;
margin-left: 35%;
clear: both;
}
.pr-emailme {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
font-weight: bold;
}
.pr-emailmefollowingtext, .pr-reviewtermstext {
width: auto !important;
}
.pr-reviewtermstext {
float:none;
}
.pr-review-emailmecheckbox, .pr-review-termscheckbox {
float: left;
}
.pr-reviewtipwrap {
width: 35%;
position: absolute;
top: 50px;
right: 20px;
font-size: 1.1rem;
line-height: 16px;
}
.pr-reviewtipblock {
border: 1px solid #f0f0f0;
padding: 10px 16px 10px 16px;
}
.pr-reviewtipheader {
margin-bottom: 12px;
font-size: 1.4rem;
font-weight: bold;
color: #000;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
padding: 4px 0;
}
.pr-reviewtipsubheader {
color: #5e6469;
font-size: 1.1rem;
line-height: 16px;
}
.pr-reviewtip-ul {
padding-left: 10px;
list-style: circle;
}
.pr-reviewtip-ul li {
list-style: inherit;
}
.pr-reviewfooter {
border-top: 1px solid #ccc;
margin-right:10px;
}
.pr-reviewtermswrap {
padding-top: 10px;
margin: 10px 0;
}
.pr-review-buttonsubmit, .pr-review-buttoncancel {
background: url(../files/product-review.png) 0 0 no-repeat;
width: 72px;
height: 24px;
border: 0;
text-indent: -2222px;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.pr-review-buttonsubmit {
background-position: 0 -256px;
}
.pr-review-buttoncancel {
background-position: 0 -280px;
}
.pr-reviewfooterlinkswrap a {
margin-right: 10px;
}
.recaptchawrap {
margin-top: 10px;
clear: both;
height: auto;
overflow: hidden;
}
.recaptchainputs, .recaptchabuttons {
float: left;
padding-right: 8px;
}
#recaptcha_image {
border: 1px solid #eee;
}
.recaptchainputs > .sign {
padding-top:15px !important;
}
#recaptcha_response_field {
margin-top: 10px;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
width: 284px;
border: 1px solid #888888;
}
.recaptchabuttons a {
background: url(../files/recaptcha.png) 0 0;
display: block;
text-indent: -2222px;
width: 25px;
height: 18px;
margin-top:1px;
}
.recaptcha_only_if_reload a {
background-position: 0 0;
}
.recaptcha_only_if_image a {
background-position: 0 -18px;
}
.recaptcha_only_if_audio a {
background-position: 0 -36px;
}
.recaptcha_only_if_help a {
background-position: 0 -54px;
}
#divRecaptchaWrapError {
clear: both;
}
/**************************
Kudos Solutions Ltd
[email protected]
Register page
www.kudos.co.nz
**************************/
[email protected]
.sectioncomment {
padding-left:15px;
margin-bottom:15px;
}
.registercomment {
color:#003271;
padding: 3px 0 3px 20px;
font-size:110%;
}
.userinformationoldpassword {
display:none;
}
#trNewsLetter .communicationtext {
display:block;
}
#trJoinLoyalty input {
margin-top:0;
}
.postcoderow {
position:relative;
height:100%;
}
.findpostcode {
margin: auto 0;
cursor:pointer;
width:28px;
position:absolute;
top:0;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
right:1px;
bottom:0;
}
#trNewsLetter input {
margin-left:15px;
}
.registerbutton {
padding-right:15px;
text-align:right;
}
.registercomplete {
text-align:center;
margin-top:20px;
}
.registercomplete .continuebutton {
margin-top:20px;
}
.registercomplete .continuebutton img {
display:inline-block;
}
/************************** My details in My account page
**************************/
.myaccount .headerstyle.emptyheader td {
display:none;
}
.ajax__tab_xp-theme .ajax__tab_header {
background:url(../Files/tab-line.gif) repeat-x bottom;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer {
padding-right:4px;
margin-right:2px;
background:url(../Files/tab-right.gif) no-repeat right;
height:21px;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner {
padding-left:3px;
background:url(../Files/tab-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab {
height:21px;
padding:4px;
margin:0;
background:url(../Files/tab.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_outer {
background:url(../Files/tab-hover-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_inner {
background:url(../Files/tab-hover-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_tab {
background:url(../Files/tab-hover.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_outer {
background:url(../Files/tab-active-right.gif) no-repeat right;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_inner {
background:url(../Files/tab-active-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_tab {
background:url(../Files/tab-active.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_body {
border:1px solid #ddd;
border-top:0;
background-color:#fff;
overflow:hidden;
padding:8px;
}
/************************** My Orders in My account page
**************************/
.pagerstyle {
color:#fff;
background-color:#284775;
text-align:right;
}
.pagerstyle table td span, .pagerstyle table td a {
display:block;
padding:7.5px 7.5px;
}
/************************** Order detail in my account page
**************************/
.sectionheader {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
background-color:#B4D2EC;
font-weight:bold;
color:#F4F4F4;
padding:7px;
text-align:left;
clear:both;
display:block;
width:100% !important;
height:auto !important;
}
.leftcontent > .contents > .sectionheader, .leftcontent > .contents > .contentsheader {
width:99% !important;
}
.sectionheader.form-group {
font-size:inherit;
}
.orderno, .orderstatus, .orderplaced, .shippingmethoddetails > span, .orderaddressdisplay {
padding-left:15px;
padding-right:15px;
}
.orderaddressdisplay {
padding-top:15px;
}
.orderaddresses .shippingaddress {
padding-right:15px !important;
}
.orderaddressdisplay .addressname span {
font-weight:bold;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.orderdetail .paymentmethoddetails {
font-size:1.2rem !important;
}
.orderdetail .paymentmethoddetails > div {
margin: 15px;
}
.block.form-group {
margin-bottom:0;
}
.block > span, .block > .orderaddressfield {
padding-top:0;
min-height:27px;
}
.block > .formsectiontext{
width:40%;
max-width:115px;
float:left;
}
.block > .formsectionvalue{
width:60%;
}
.itemsordereddetails .cell_item {
min-width:200px;
}
/************************** Gift registry page **************************/
.giftregistry .gr_col {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
padding-left:0;
padding-right:0;
margin-bottom:15px;
}
h1.heading {
font-size:2.4rem;
padding-bottom:12px;
}
.giftregistry a {
display:block;
width:300px;
height:375px;
position:relative;
background-size:100% auto;
}
.giftregistry .gr_create a {
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;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
width:100%;
padding:5px;
font-size:2.4rem;
color:#777;
background:#fff;
background:rgba(255, 255, 255, 0.8);
filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#fff')";
}
.cr_welcome {
margin-bottom:15px;
}
.cr_tabheading {
height: 40px;
padding-left:15px;
padding-right:15px;
margin-bottom: 30px;
background: url(../Files/mainmenu-bar.jpg);
}
.cr_tabheading li {
float: left;
padding: 10px 25px 5px 0;
font-size: 1.8rem;
}
.cr_tabheading li a:hover {
color: #fff;
background-color: transparent;
}
.cr_tabheading li.on a {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
color: #fff;
font-weight: bold;
}
.formsectionvalue > .cr_day, .formsectionvalue > .cr_month, .formsectionvalue > .cr_year {
width: 33% !important;
margin-right:1%;
}
.formsectionvalue > .cr_year {
width: 32% !important;
margin-right:0;
}
.registrydetails .cr_eventmessage span {
vertical-align:top;
}
.cr_coregistrantswrap .formsectiontext, .cr_registrationwrap .cr_cellleft {
padding-left:15px;
}
.registryitems .ri_buttons, .registrysearch .ri_buttons {
text-align:right;
margin:10px 0;
}
.registryitems .form-details {
padding-left:0;
padding-right:0;
}
.registryitems .cell_remove .remove {
padding-top:0 !important;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.searchregistrydesc {
margin-bottom:15px;
}
.registrysearch .searchname {
display: inline-block;
width:200px;
height: 30px;
float:left;
}
a.btnsearchregistry {
background: url(../files/button-go.gif) no-repeat scroll 0 0 transparent;
display: block;
float: left;
width:50px;
height:22px;
margin:4px;
font:0/0 a;
text-shadow:none;
color:transparent;
}
.registrysearchresultswrap .searchresultheader {
font-size:110%;
font-weight:bold;
color:#003271;
display:block;
margin:20px 0 5px;
}
.registrymatches .rs_table tr, .registrysearch .wl_table .headerstyle {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
height:34px !important;
}
.registrymatches .rs_table th, .registrymatches .rs_table td, .registrysearch .wl_table
.headerstyle th {
vertical-align:middle !important;
}
.registrymatches .rs_table .cell_registrantname {
padding-left:5px;
}
.registrymatches .rs_table .cell_viewlink {
text-align:center;
}
.registrymatches .rs_table .cell_viewlink a {
padding: 9px;
}
.registrysearch .cr_eventhtmlmessage {
background: #F6F6F6;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #ddd;
text-align: center;
}
.registrysearch .ddlqty {
width:100%;
padding:3px;
}
.itempurchaserswrap {
margin-left:50px;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.itempurchasers > td {
padding-bottom:0 !important;
}
.myaccount.registrydetails .cr_expired {
color:#FF0000;
font-weight:bold;
}
/************************** Email a friend popup window **************************/
.email_friend {
color: #5A5A5A;
}
.email_friend h3 {
text-align: center;
color: #5A5A5A;
}
.email_friend p {
margin: 8px 0;
text-align: center;
}
.email_form {
padding-top:20px;
}
.email_message_title {
vertical-align:top;
}
.email_result {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
padding-left: 0 !important;
}
.email_friend .wl_btnsend {
float: right;
margin: 10px 3px 0 0;
width: 72px;
height: 24px;
background: url(../Files/button-send.gif) no-repeat center left;
}
.email_friend .email_recipient_invalid, .email_friend .email_success, .email_friend .email_failed
{
display:none;
}
.email_friend .email_success .message > div {
margin: 30px 0;
}
.emailafriend_email {
border-spacing:0;
border-width:0;
text-align:center;
border-collapse: collapse;
}
.emailafriend_email .colourselection, .emailafriend_email .sizeselection, .emailafriend_email
.attr3selection {
margin-top:5px;
}
.emailafriend_email .addtocartbutton_cont {
margin-top:20px;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
/**************************
Contact form
**************************/
.contactformmessage > div {
display: inline-block;
text-align: left;
vertical-align:top;
}
.messagenamewrap {
width: 25%;
}
.messagesignwrap {
width: 3%;
text-align: right;
}
.messagevaluewrap {
width: 72%;
}
.contactformmessage > div > span {
width:100%;
}
.contactformcomplete {
display:none;
}
#divContactFormSubmit {
text-align:right;
}
#txtCustomerEmailAddress {
display:none !important; /* This is for Honeypot techique. Must retain hidden. */
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.contactformcontinue {
padding-top:10px;
}
.contactformcontinue p {
margin:0;
padding-bottom:5px;
}
/**************************
Minicart content **************************/
.minicartbox {
font-size:90%;
color:#000;
border:1px solid #ddd;
text-align:center;
}
.minicartbox .productdetails {
padding-top:10px;
}
.minicartbox .productdetails .minicartcellleft {
width: 30%;
float:left;
text-align:center;
padding:0 7px;
}
.minicartbox .productdetails .minicartcellright {
width: 70%;
float:left;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
text-align:left;
}
.minicartbox .cartempty {
font-size:110%;
color: #7F7F7F;
padding:5px 0;
}
.minicartbox .subtotal {
font-size:110%;
font-weight:bold;
}
.minicartbox .checkout-button {
padding:15px;
}
/************************** Shopping cart page **************************/
.shoppingcart_topbuttons, .shoppingcart_updatebutton .proceedbutton {
text-align:right;
}
.shoppingcart_bottombuttons .continuebutton {
float:left;
}
.shoppingcart_bottombuttons .proceedbutton {
float:right;
}
.cell_item {
min-width:250px;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.cell_item_img {
float:left;
position:relative;
overflow:hidden;
}
.cell_item_details {
position:relative;
overflow:hidden;
}
.cell_item_details a:hover {
background-color: transparent;
}
.cell_qty {
width:60px;
min-width:60px;
}
.cell_qty, .cell_price, .cell_amount {
text-align:right;
}
.cell_remove {
text-align:center;
}
.cell_remove a {
padding: 9px;
line-height: 3.4rem;
}
.cell_footer_price {
text-align:right;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.cell_footer_amount {
text-align:right;
}
.couponrowstyle {
background-color:#F4E7BF;
font-weight:normal;
color:#333;
height:37px;
min-height:37px;
}
.cell_coupon_qty {
vertical-align:middle;
}
.cell_coupon_item {
padding-left:51px;
font-size:120%;
vertical-align:middle;
}
.cell_coupon_amount {
text-align:right;
vertical-align:middle;
}
.cell_coupon_remove {
text-align:center;
vertical-align:middle;
}
.coupon_shoppingcart {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
margin:15px 0;
}
.coupon_shoppingcart .coupon_prompt {
position:relative;
text-align:right;
float: left;
display: block !important;
width: 50%;
}
.coupon, .coupon_shoppingcart {
background-color:#F7F6F3;
color:#5A5A5A;
border: 1px solid #ddd;
height:44px;
line-height:44px;
}
.coupon .coupon_prompt {
display:none;
}
.coupon_content {
position:relative;
padding:5px;
}
.coupon_shoppingcart .coupon_content {
text-align:right;
width:50%;
float:right;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.coupon_shoppingcart .coupon_content .coupon_input {
width: 60%;
}
.coupon_content .coupon_input {
vertical-align:top;
}
.coupon_content input.btn {
width: auto;
vertical-align: top;
}
/************************** Item added to cart page **************************/
.itemaddedcart-desc {
float:left;
}
.itemaddedcart_bottombuttons {
text-align:right;
margin-top:10px;
}
/************************** Lookbook page - pagination **************************/
#divClusterEnlarge .images {
width:auto !important;
}
#divClusterEnlarge .looknav {
display:block !important;
}
#divClusterEnlarge .looknav .next {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
right:25px !important;
}
.enlarge, .thumbs, .look_b {
padding-left:0;
padding-right:0;
}
/* .enlarge is also used by StyleGuide content */
.enlarge .images {
position:relative;
width:@@LookbookLargeImageWidth !important;
height:@@LookbookLargeImageHeight;
}
.enlarge img {
position: absolute;
top: 0;
left: 0;
}
.enlarge .iactive {
z-index: 10;
}
.enlarge .ideactive {
z-index: 9;
}
.looknav {
position: absolute;
top: @@ValueFromTopToAlignMiddle; /* you may type a specific value */
left: 0 !important;
text-align: center;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
width: @@LookbookLargeImageWidth !important; /* you may type a specific value */
z-index: 100;
-webkit-transform: none !important;
}
.enlarge .looknav .prev, .enlarge .looknav .next {
background: url(../files/look_nav.png) no-repeat scroll left top transparent;
height: 34px;
position: absolute;
top: 0;
width: 34px;
}
.enlarge .looknav .prev {
background-position: 0 -34px !important;
left: 0;
}
.enlarge .looknav .prev:hover {
background-position: 0 0 !important;
left: 0;
}
.enlarge .looknav .next {
background-position: -34px -34px !important;
right: 0;
}
.enlarge .looknav .next:hover {
background-position: -34px 0 !important;
right: 0;
}
.looks_cont .thumbs li {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
float:left;
display: inline;
padding-left:3px;
}
.looks_cont .thumbs .nextrow{
padding-left:3px;
}
.looks_cont .thumbs .selected{
opacity: 1;
}
.looks_cont .thumbs .unselected{
opacity: 0.5;
}
.looks_cont .thumbs .look_img {
cursor:pointer;
width: @@LookbookThumbsWidth; /* you may type a specific value */
height: @@LookbookThumbsHeight; /* you may type a specific value */
}
.looks_cont .thumbs .look_img .thumbhover{
-moz-box-shadow:0 0 3px #000;
-webkit-box-shadow:0 0 3px #000;
box-shadow:0 0 3px #000;
}
.looks_cont .look_b {
clear:both;
padding-top:5px;
}
.looks_cont .look_b .lookitems {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
float:left;
}
.looks_cont .look_b .lookpage {
float:right;
}
.looks_cont .lookitems a, .looks_cont .lookpage a {
padding:0 8px 8px 0;
display:inline-block;
}
.looks_cont .look_b .lookpage .currPage {
font-weight:bold;
}
/************************** Lookbook page - slider **************************/
.ext_looks_cont {
width: @@ExtLookbookContainerWidth;
margin: 50px auto;
display: block;
}
.ext_looks_cont ul, .ext_looks_cont li {
margin: 0;
padding: 0;
list-style: none;
}
/* Enlarge images */
.ext_enlarge {
width: 100%;
overflow: hidden;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
display: inline-block;
position: relative;
}
.ext_enlarge .ext_images {
display: inline-block;
position: relative;
}
.ext_enlarge li.ext_mainimage {
width: @@ExtLookbookLargeImageWidth;
float: left;
padding: 0 5px;
position: relative;
}
.ext_enlarge li.ext_mainimage img {
width: 100%;
}
/* Enlarge and thumbnail images navigation */
.ext_looknav {
display: none;
}
.ext_looknav .ext_prev, .ext_looknav .ext_next {
background: url(../files/ext_look_nav.png) no-repeat left top transparent;
position: absolute;
top: 50%;
margin-top: -25px;
font: 0/0 a;
text-shadow: none;
color: transparent;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.ext_looknav .ext_prev {
left: 0;
opacity: 0.4;
-webkit-opacity: 0.4;
-moz-opacity: 0.4;
-o-opacity: 0.4;
filter: alpha(opacity=40);
margin-left: 5px;
}
.ext_looknav .ext_prev:hover {
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
-o-opacity: 1;
filter: alpha(opacity=100);
}
.ext_looknav .ext_next {
right: 0;
opacity: 0.4;
-webkit-opacity: 0.4;
-moz-opacity: 0.4;
-o-opacity: 0.4;
filter: alpha(opacity=40);
margin-right: 5px;
}
.ext_looknav .ext_next:hover {
opacity: 1;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
-webkit-opacity: 1;
-moz-opacity: 1;
-o-opacity: 1;
filter: alpha(opacity=100);
}
.ext_enlarge .ext_prev, .ext_enlarge .ext_next {
width: 25px;
height: 50px;
}
.ext_enlarge .ext_prev {
background-position: 0 -12px;
}
.ext_enlarge .ext_next {
background-position: -12px -86px;
}
/* Thumbnail images navigation */
.ext_thumbs .ext_prev, .ext_thumbs .ext_next {
width: 25px;
height: 50px;
}
.ext_thumbs .ext_prev {
background-position: 0 -12px;
}
.ext_thumbs .ext_next {
background-position: -12px -86px;
}
.MagicThumb-buttons {
background:url(../files/ext_look_nav.png) no-repeat 0 0;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
width: 100% !important;
height: 100% !important;
top: 0 !important;
right: 0 !important;
z-index: auto !important;
display: block;
}
.MagicThumb-buttons a {
opacity: 0.4;
-webkit-opacity: 0.4;
-moz-opacity: 0.4;
-o-opacity: 0.4;
filter: alpha(opacity=40);
z-index: 111;
}
.MagicThumb-buttons a:hover {
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
-o-opacity: 1;
filter: alpha(opacity=100);
}
.MagicThumb-buttons a[rel="previous"] {
display: block !important;
position: absolute !important;
top: 50% !important;
left: 5px !important;
margin-top: -25px !important;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
background-position: 0 -8px !important;
width: 29px !important;
height: 58px !important;
}
.MagicThumb-buttons a[rel="next"] {
display: block !important;
position: absolute !important;
top: 50% !important;
right: 5px !important;
margin-top: -25px !important;
background-position: -8px -82px !important;
width: 29px !important;
height: 58px !important;
}
.MagicThumb-buttons a[rel="close"] {
display: block !important;
position: absolute !important;
top: 5px !important;
right: 5px !important;
background-position: -4px -152px !important;
width: 29px !important;
height: 29px !important;
}
.MagicThumb-buttons + div {
cursor: move;
}
/* Lookbook products */
.ext_enlarge li.ext_mainimage:hover > .ext_lookitems {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
display: block;
}
.ext_lookitems {
position: absolute;
bottom: 0;
left: 0;
background: #fff;
margin: 0 5px;
opacity: 0.6;
-webkit-opacity: 0.6;
-moz-opacity: 0.6;
-o-opacity: 0.6;
filter: alpha(opacity=60);
min-width: @@ExtLookbookLargeImageWidth;
}
.ext_lookitems ul {
margin: 10px;
}
.ext_lookitems ul li {
margin: 5px 0;
}
.ext_lookitems li.ext_lookitem:hover {
background: #000;
}
.ext_lookitems li.ext_lookitem:hover > a.ext_alink {
color: #fff;
}
.ext_sep {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
height: 50px;
}
/* Thumbnail images */
.ext_thumbs {
width: 100%;
overflow: hidden;
display: inline-block;
position: relative;
}
.ext_thumbs .ext_thumbimages {
display: inline-block;
position: relative;
}
.ext_thumbs li.ext_firstrow {
width: @@ExtLookbookThumbsWidth;
float: left;
padding: 0 5px;
}
.ext_thumbs .ext_aimg {
display:inline-block;
position:relative;
}
.ext_thumbs .ext_timg {
width: 100%;
opacity: 0.4;
-webkit-opacity: 0.4;
-moz-opacity: 0.4;
-o-opacity: 0.4;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
filter: alpha(opacity=40);
}
.ext_thumbs li.ext_firstrow.ext_selected .ext_timg {
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
-o-opacity: 1;
filter: alpha(opacity=100);
}
/************************* Guest checkout page *************************/
.guestcheckoutcontainer .logincell {
height:100% !important;
min-height:100% !important;
border-right:0;
}
.guestcheckoutcontainer .logincreatecell {
height:100% !important;
min-height:100% !important;
line-height:25px;
border-left: 1px solid #ddd;
}
/**************************
Checkout page
**************************/
.checkoutcontainer.form-body > div {
padding: 0 !important;
}
.checkoutblocktext, .checkoutblockcheckbox, .checkoutblocktextarea {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
clear: both;
margin:0;
padding-top:5px;
}
.checkoutblockcheckbox > .formsectiontext {
width:auto !important;
padding-top:0;
}
.checkoutblockcheckbox > input {
margin-top:0;
}
.checkoutheader {
margin-bottom:20px;
font-size:small;
color:#808080;
text-align:left;
}
.checkoutheader .sep {
padding:0 5px;
}
.highlightheader {
color:#5A5A5A;
font-weight:bold;
}
.checkoutbody .sectiondata {
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
/* Customer Details step in Checkout page */
.checkoutbody .addresses {
margin-left: -15px;
margin-right: -15px;
}
.checkoutbody .sameasbilling {
display:inline;
padding:0;
}
.checkoutbody .sameasbilling > input {
margin-top:0;
}
.checkoutbody .sameasbilling > span {
font-size:small;
font-weight:normal;
}
/* Shipping step in Checkout page */
.checkoutbody .shippingmethodname {
display:inline-block;
width:75%;
float:left;
}
.checkoutbody .shippingprice {
display:inline-block;
width:25%;
text-align:right;
float:right;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.checkoutbody .orderamountwithshipping {
text-align:right;
}
.checkoutbody .useloyaltypoints {
display:inline;
padding-top:5px;
}
.checkoutbody .specialinstruction {
height:65px;
width:100%;
}
.addressdisplay .fieldname {
display:inline-block;
width:10%;
}
.addressdisplay .addressfield {
width:100%;
padding-bottom:5px;
}
.addressdisplay .addressname .fieldvalue {
font-weight:bold;
}
.addressdisplay .addressstreet .fieldname {
vertical-align:top;
}
.addressdisplay .addressstreet .fieldvalue {
display:inline-block;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.lightnotice {
font-weight:normal;
margin-top:10px;
margin-bottom:10px;
padding-top:2px;
}
.notice {
font-weight:bold;
margin-top:10px;
margin-bottom:10px;
padding-top:2px;
}
/* Payment step in Checkout page */
.checkoutbody .sectionbar > .sectiondata > .sectionbar {
padding: 0 20px;
margin-bottom: 7px;
}
.checkoutbody .paymentmethoddetails {
padding-left:15px;
padding-right:15px;
}
/* GiftWrap contents in Checkout Blocks */
.giftwrap_block {
position: relative;
clear:both;
}
.giftwrap_window {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
position:relative;
padding-left:15px;
padding-right:15px;
}
.giftwrap_wrapper {
position:relative;
overflow:hidden;
margin:0 auto;
padding:0 34px;
}
.giftwrap_wrapper ul {
position:relative;
overflow:hidden;
top:0;
left:0;
}
.giftwrap_wrapper li {
margin:10px;
width:100px;
float:left;
}
.giftwrap_prev, .giftwrap_next {
background: url(../files/look_nav.png) no-repeat scroll left top transparent;
height: 34px;
width: 34px;
position:absolute;
top:64px;
text-indent:-9999px;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.giftwrap_prev {
background-position: 0 0;
left: 15px;
}
.giftwrap_prev:hover {
background-position: 0 -34px;
}
.giftwrap_prev.disabled {
background-position: 0 -34px;
opacity:0.15;
cursor: default;
}
.giftwrap_next {
background-position: -34px 0;
right: 15px;
}
.giftwrap_next:hover {
background-position: -34px -34px;
}
.giftwrap_next.disabled {
background-position: -34px -34px;
opacity:0.15;
cursor: default;
}
.giftwrap_item_image a:hover img {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=1.05,
M12=-0, M21=0, M22=1.05)";
}
.giftwrap_item_image label {
cursor:pointer;
}
.giftwrap_item_attributes {
color: #003271;
}
.giftwrap_item_desctiption h3 {
font-weight:normal;
font-size:90%;
color:#003271;
margin:0;
clear:both;
}
.giftwrap_item_button, .giftwrap_item_price {
float:left;
}
.giftwrap_item_price {
margin-top:2px;
}
.giftwrap_item_price span {
font-size:90%;
}
.checkoutbody .shippingmethodlist .shippingbranchselection {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
padding-left:15px;
display: none;
}
.checkoutbody .shippingmethodlist .shippingbranchselection span {
font-weight: bold;
}
.shipping-branch-wrap {
margin: 15px 15px 15px 30px;
}
.shipping-branch-wrap > div {
padding-bottom:5px;
}
.shipping-branch-wrap .shipping-branch-name {
font-weight: bold;
}
/************************* Promotion, Top Seller, Suggestion, Recently Viewed, Featured,
Items You May Also Like, Most Viewed Contents *************************/
#ctl00_tdRight .promotionbox, #ctl00_tdRight .topsellersbox, #ctl00_tdRight .suggestionbox,
#ctl00_tdRight .recentlyvieweditemsbox, #ctl00_tdRight .featureditemsbox, #ctl00_tdRight
.itemsyoumayalsolikebox, #ctl00_tdRight .mostvieweditemsbox, #ctl00_tdLeft .promotionbox,
#ctl00_tdLeft .topsellersbox, #ctl00_tdLeft .suggestionbox, #ctl00_tdLeft
.recentlyvieweditemsbox, #ctl00_tdLeft .featureditemsbox, #ctl00_tdLeft
.itemsyoumayalsolikebox, #ctl00_tdLeft .mostvieweditemsbox {
border:1px solid #ddd;
}
.promotionbox, .topsellersbox, .suggestionbox, .recentlyvieweditemsbox, .featureditemsbox,
.itemsyoumayalsolikebox, .mostvieweditemsbox {
width:100%;
position:relative;
text-align:center;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
overflow: hidden;
clear:both;
background-color:#fff;
}
.contents {
margin-bottom:15px;
clear:both;
}
.contentsheader {
text-align:center;
color:#F4F4F4;
background-color:#006FB1;
font-weight:bold;
padding:7px;
height:auto !important;
}
.contentsheader a {
text-decoration:none;
}
.contentsdata {
color:#000;
border: 1px solid #ddd;
padding:0;
}
/************************* Table header, footer and rows *************************/
.headerstyle {
background-color:#5D7B9D;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
font-weight:bold;
color:#fff;
vertical-align:middle;
}
.rowstyle {
background-color:#F7F6F3;
font-weight:normal;
color:#333;
}
.alternatingrowstyle {
background-color:#E3E3E3;
font-weight:normal;
color:#333;
}
.selectedrowstyle {
background-color:#666666;
font-weight:bold;
color:#fff;
}
.footerstyle {
background-color:#F7F6F3;
font-weight:normal;
color:#333;
border-top:solid 2px #ddd;
}
/*************************
Back to top link
*************************/
www.kudos.co.nz
[email protected]
.back-to-top {
Kudos Solutions Ltd
[email protected]
background: none;
margin: 0;
position: fixed;
bottom: 30px;
right: 15px;
width: 4.2rem;
height: 4.2rem;
line-height: 4.2rem;
text-align: center;
z-index: 100;
display: none;
text-decoration: none;
color: #000;
background-color: #f3f3f3;
border: 1px solid #dcdcdc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.back-to-top i {
font-size: 2rem;
}
.back-to-top i:before {
content: "\f077";
}
/************************* Shopby filter content *************************/
.shopby_box {
width:100%;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
margin:0;
padding:0;
}
.shopby_header_wrapper {
position:relative;
}
h3.shopby_header {
margin:0;
padding:0;
line-height:3rem;
height:3rem;
position:relative;
cursor:pointer;
font-size:1.2rem;
border-top:1px solid #e7e7e7;
overflow:hidden;
}
.shopby_header_default {
font-weight:bold;
color:#333;
}
.shopby_header_hover {
color: #C77405;
}
.shopby_header_active {
color: #777;
}
.shopby_header_selected {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
color: #B22222;
}
h3.shopby_header a {
color:inherit !important;
text-decoration:none;
outline:0 none;
margin-left:16px;
padding:7px;
}
.shopby_header_icon_exp {
background: url(../Files/shopby_header_arrow_exp.png) no-repeat 0 0;
}
.shopby_header_icon_col {
background: url(../Files/shopby_header_arrow_col.png) no-repeat 0 0;
}
a.shopby_clear {
color:#333;
font-size:0.9rem;
position:absolute;
top:0;
right:0;
text-decoration:none;
padding:8px;
}
a.shopby_clear:hover {
text-decoration:underline;
}
.shopby_body {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
width:100%;
margin-top: -2px;
overflow: auto;
padding: 2px;
position:relative;
border:1px solid #DDDDDD;
font-size:1.1rem;
display: block;
}
.shopby_body li {
clear: both;
float: left;
overflow: hidden;
position: relative;
margin: 0 0 7px;
width:100%;
}
.shopby_body li.multi {
clear: none;
}
.shopby_body li .enabled {
color:#333 !important;
cursor: pointer;
}
.shopby_body li .disabled {
color:#B2B2B2 !important;
cursor: default;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.shopby_body li .disabled:hover {
text-decoration: none;
background-color: transparent;
}
.shopby_body li .enabled:hover {
text-decoration: underline;
background-color: transparent;
}
.shopby_body li input {
display: block;
float: left;
}
.shopby_body li input + a {
display:inline-block;
margin-top:4px;
float: left;
width: 80%;
}
.shopby_body li.multi input + a {
width: 60%;
}
/************************* Refine shopby filter content *************************/
.refineshopby_box {
margin:0;
padding:0;
word-wrap: break-word;
overflow:hidden;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.refineshopby_body {
padding: 5px;
border:1px solid #DDDDDD;
border-top:0 none;
font-size:1.1rem;
}
.refineshopby_body a {
padding:7px;
}
.refineshopby_body a:hover {
color:#777 !important;
text-decoration:underline;
}
/************************* Sliding cart content *************************/
#slidingcart_container {
background: none repeat scroll 0 0 #fff;
border: 1px solid #ddd;
display: none;
position: absolute;
width:@@SlidingCartWidth; /* you may type a specific value */
right: 0;
top: 25px;
-moz-box-shadow:2px 2px 2px #888;
-webkit-box-shadow:2px 2px 2px #888;
box-shadow:2px 2px 2px #888;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
#slidingcart_container a.btn {
width:48%;
padding-top:7px;
}
#slidingcart_empty {
text-align:center;
min-height:40px;
}
#slidingcart_empty p {
padding-top:14px;
}
#slidingcart_container a {
padding:0;
}
#slidingcart_container li.first {
background: none repeat scroll 0 0 transparent;
}
/* Controls the characteristics of subtotal section */
#slidingcart_header {
padding: 10px;
border-bottom: 1px solid #ddd;
clear:both;
}
#slidingcart_header .slidingcart_headers_title {
text-align: left;
}
#slidingcart_header p.subtotal_info {
color: #000;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
margin:9px 0 0 0;
font-size:110%;
font-weight:bold;
}
#slidingcart_header p.subtotal_info .title {
display:none;
}
#slidingcart_header p.subtotal_info .value {
padding-left:5px;
}
#slidingcart_header a.checkout_link {
margin-top:6px;
}
#slidingcart_container img:hover {
opacity:0.8;
}
#slidingcart_pagination {
padding: 10px;
border-bottom: 1px solid #ddd;
}
#slidingcart_pagination a {
margin-left: 10px;
}
#slidingcart_pagination a.prev {
background: url(../Files/slidingcart_nav_prev.png) no-repeat scroll left 4px transparent;
padding-left: 10px;
}
#slidingcart_pagination a.next {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
background: url(../Files/slidingcart_nav_next.png) no-repeat scroll right 4px transparent;
padding-right: 10px;
}
#slidingcart_pagination a.disable {
opacity:0;
}
#cart_details {
margin: 10px 0;
}
#cart_details ul.cart_items{
overflow: hidden;
}
#cart_details ul.cart_items li.active {
display: block !important;
}
#cart_details ul.cart_items li.first {
clear: left !important;
margin-left:10px;
}
#cart_details ul.cart_items li.last {
margin-right:10px;
}
#cart_details ul.cart_items li:hover {
background-color: #ECEDE9;
}
#cart_details ul.cart_items li.selected {
background-color: #CCC;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
#cart_details ul.cart_items li.item {
display: none;
float: left;
min-height: @@SlidingCartItemHeight; /* you may type a specific value */
padding: 10px 10px 0;
position: relative;
text-align: left;
width:@@SlidingCartItemWidth; /* you may type a specific value */
border: none;
}
#cart_details ul.cart_items li.item .thumb {
text-align:center;
}
#cart_details ul.cart_items li.item .detail span.value {
padding-left:5px;
}
#cart_details ul.cart_items li.item p {
color: #000;
margin-bottom: 0;
}
#cart_details ul.cart_items li.item a.remove {
background:url(../Files/slidingcart_remove.png) no-repeat;
width:13px;
height:13px;
display:inline;
z-index:300;
position:absolute;
top:0;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
right:0;
cursor:pointer;
}
#slidingcart_processing {
min-height:60px;
}
#slidingcart_processing img {
position:absolute;
top:50%;
left:50%;
margin-top:-21px;
margin-left:-21px;
z-index:400;
}
#slidingcart_footer {
border-top: 1px solid #ddd;
padding: 10px;
}
#slidingcart_footer .links {
overflow: hidden;
}
#slidingcart_footer .links a.shoppingcart_link {
float: left;
}
#slidingcart_footer .links a.checkout_link {
float: right;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
/************************* Wishlist content in shopping cart page and wishlist page
*************************/
.ci_table .cell_remove .remove {
padding-top:8px;
}
.ci_empty {
padding: 0 0 15px 15px;
}
.wl_table .rowstyle {
border-bottom: 1px solid #ddd;
}
.wl_table .remove > input{
margin-top:0;
}
.wl_empty {
padding: 10px 0 0 10px;
}
.wl_action {
margin-bottom:15px;
}
.s_expirationmessage {
padding:5px 0;
font-size:80%;
}
.cell_changedetails {
vertical-align:middle;
}
.cell_changedetails .changedetails {
margin-top:5px;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.cell_footer_price {
font-weight:bold;
}
.cell_footer_amount {
font-weight:bold;
}
a.wl_btnaddtowishlist, a.wl_btnaddtogiftregistry {
text-decoration:underline;
margin-left:15px;
padding: 9px;
height: 34px;
vertical-align: middle;
}
a.wl_btnupdatedetails.btn {
width:90%;
}
a.wl_btnupdatedetails {
display: block;
width: 105px;
height: 20px;
background:url(../Files/button-updatdetails.gif) no-repeat center left;
margin:3px 0;
text-indent:-9999px;
}
a.wl_btnaddalltocart {
float:left;
display: block;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
width: 128px;
height: 24px;
background:url(../Files/button-addalltocart.gif) no-repeat center left;
margin:3px 0;
text-indent:-9999px;
}
a.wl_btnemailafriend {
float:left;
display: block;
width: 123px;
height: 24px;
background:url(../Files/button-emailafriend.gif) no-repeat center left;
margin:3px 0 0 6px;
text-indent:-9999px;
}
/*************************
Quick view content *************************/
.div_QV {
position: absolute;
left: 0;
top: 50%;
width: 100%;
background-color: rgba(255,255,255, 0.4);
text-transform: uppercase;
text-align: center;
font-weight: bold;
padding: 3px; 0;
cursor: pointer;
z-index: 3;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
display: block !important;
height: 2.4rem !important;
}
.div_QV:hover span {
text-decoration:underline;
}
#popupProductDetailContent .productdetailbox {
position: initial;
}
#popupProductDetailContent .productimagecont {
padding-left:0;
padding-right:0;
overflow:hidden;
}
#popProductDetailMessage {
display:none;
}
#popupProductDetailContent .fulldetails {
bottom: 10px;
left: 25px;
position: absolute;
text-decoration: underline;
}
#popupProductDetailContent h1.productdescription {
margin-top:0 !important;
}
#popupProductDetailContent .productimage_thumbnails {
width: 70px;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
float: left;
top: 25px;
position: absolute;
overflow-y: hidden;
}
#popupProductDetailContent .productimage_thumbnails_inner {
position: relative;
}
#popupProductDetailContent .productimage_zoomed {
margin-left:90px;
position: relative;
}
#popupProductDetailContent .StyleColourCont {
display: block;
clear: both;
width: 70px !important;
padding-right: 0 !important;
padding-bottom: 10px !important;
}
#popupProductDetailContent .StyleColourImage {
width: 68px;
height: 74px;
}
#popupProductDetailContent .StyleColourImageCaption {
display: none !important;
}
#popupProductDetailContent .productimage_thumbnails_scrolltop,
#popupProductDetailContent .productimage_thumbnails_scrollbottom {
width: 70px;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
height: 20px;
background: url(../files/productdetail-slidearrows.png) no-repeat;
}
#popupProductDetailContent .productimage_thumbnails_scrolltop {
position: absolute;
top: 0;
left: 0;
background-position: 0 0;
}
#popupProductDetailContent .productimage_thumbnails_scrolltop:hover {
cursor: pointer;
background-position: 0 -20px;
}
#popupProductDetailContent .productimage_thumbnails_scrolltop.disabled {
cursor: default;
background-position: 0px -40px;
}
#popupProductDetailContent .productimage_thumbnails_scrollbottom {
position: absolute;
bottom: 0;
left: 0;
background-position: -70px 0;
}
#popupProductDetailContent .productimage_thumbnails_scrollbottom:hover {
cursor: pointer;
background-position: -70px -20px;
}
#popupProductDetailContent .productimage_thumbnails_scrollbottom.disabled {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
cursor: default;
background-position: -70px -40px;
}
/*****************************************************************************/
/*************************
Media queries
*************************/
/*****************************************************************************/
@media screen and (min-width: 1200px) {
.show-lg {
display:block;
}
.hide-lg {
display:none;
}
.col-lg-6:nth-child(even):after, .col-lg-4:nth-child(3n+3):after, .col-lg-3:nth-child(4n+4):after,
.col-lg-2:nth-child(6n+6):after {
clear:both;
}
}
@media screen and (max-width: 1199px) {
.show-md {
display:block;
}
.hide-md {
display:none;
}
.attr3options .item-unitprice {
display:none;
}
.attr3options .item-total-title {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
width: auto;
}
.attr3options .item-price, .attr3options .item-total-amount {
margin-right:104px;
}
.attr3options .item-qty, .attr3options .item-total-qty {
width:104px;
}
.attr3options .item-qty-buttons {
right:5px;
}
/* Quick view */
#popupProductDetailContent .attr3options .item-unitprice {
display: block;
}
.col-md-6:nth-child(even):after, .col-md-4:nth-child(3n+3):after, .col-md-3:nthchild(4n+4):after, .col-md-2:nth-child(6n+6):after {
clear:both;
}
}
@media screen and (min-width: 992px) {
.email_recipient + .inputvalidator {
margin: -15px 0 5px 25%;
width:75%;
}
}
@media screen and (min-width: 768px) {
#mainMenuSearchBar, #mainMenuCurrencyBar {
display:none !important;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
/* centre content */
.maincentre.threecolumns {
padding-right:15px;
}
}
@media screen and (max-width: 991px) {
.productimagecont .rollovermessage {
font: 0/0 a;
text-shadow: none;
color: transparent;
}
.productdetailcont {
padding-left: 0 !important;
}
.logincellleft {
border-right:0;
}
.leftcontent > .contents > .sectionheader, .leftcontent > .contents > .contentsheader {
width:100% !important;
}
#ctl00_tdRight .promotionbox, #ctl00_tdRight .topsellersbox, #ctl00_tdRight .suggestionbox,
#ctl00_tdRight .recentlyvieweditemsbox, #ctl00_tdRight .featureditemsbox, #ctl00_tdRight
.itemsyoumayalsolikebox, #ctl00_tdRight .mostvieweditemsbox, #ctl00_tdLeft .promotionbox,
#ctl00_tdLeft .topsellersbox, #ctl00_tdLeft .suggestionbox, #ctl00_tdLeft
.recentlyvieweditemsbox, #ctl00_tdLeft .featureditemsbox, #ctl00_tdLeft
.itemsyoumayalsolikebox, #ctl00_tdLeft .mostvieweditemsbox {
border:0;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.show-sm {
display:block;
}
.hide-sm {
display:none;
}
/* My cart content */
.minicartbox .productdetails {
width:50%;
float:left;
}
/* Lookbook page - pagination */
.enlarge .images {
float:none;
margin:0 auto;
}
.looks_cont > .change_order {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
direction: rtl;
float:left;
}
.looks_cont > .change_order > div {
-webkit-transform: rotate(-180deg);
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
direction: ltr;
margin:15px 0;
}
/* Lookbook page - slider */
.ext_images {
height:@@LookbookLargeImageHeight;
}
.ext_thumbimages {
height:@@LookbookThumbsHeight;
}
.ext_sep {
display:none;
}
/* All categories page */
.all_cate_look > span > span {
width: 50%;
}
/* Product page */
.attr3options .item-unitprice {
display:block;
}
.attr3options .item-value {
width:15%;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.attr3options .item-unitprice {
width:20%;
}
.attr3options .item-price, .attr3options .item-total-amount {
margin-right:30%;
width:20%;
}
.attr3options .item-qty, .attr3options .item-total-qty {
width:114px;
}
.attr3options .item-qty-buttons {
right:10px;
}
.attr3options .item-total-title {
width:30%;
}
.sectionheader.empty, .contentsheader.empty {
display:none;
}
/* Quick view */
#popupProductDetailContent .productdetailcont {
margin-top:30px;
}
#popupProductDetailContent .fulldetails {
top:15px;
bottom:0;
left:0;
position:relative;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
/* Order detail in My account page */
.orderaddresses .shippingaddress {
padding-right:0 !important;
margin-bottom:15px;
}
.col-sm-6:nth-child(even):after, .col-sm-4:nth-child(3n+3):after, .col-sm-3:nth-child(4n+4):after,
.col-sm-2:nth-child(6n+6):after {
clear:both;
}
}
@media screen and (max-width: 767px) {
html {
font-size: 75%;
}
input[type="text"], input[type="password"], input[type="search"], input[type="number"],
input[type="email"], textarea, select, .formsectiontext, .attributelabel, .formsectionvalue, .sign +
.formsectionvalue, .col-all-12 {
width:100%;
}
input.major.btn, .productdetailcont .productdetailrow input.btn {
width: 100%;
}
input.btn ~ a.wl_btnaddtowishlist, input.btn ~ a.wl_btnaddtogiftregistry, .wl_action > a.btn {
width: 45%;
display: inline-block;
text-align: center;
margin: 7px 2.5%;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.form-body > div {
padding:0;
}
.table-responsive {
border:0;
}
.formsectiontext, .sign {
display:inline;
}
.show-xs {
display:block;
}
.hide-xs {
display:none;
}
/* Main menu */
.mainMenuTop h3 {
width:100%;
font-size:100%;
margin:0;
}
.dropdown-menu ul {
padding:0;
}
.dropdown-menu ul li a {
display:block;
padding:10px 15px;
font-size:1.2rem;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.dropdown-menu ul ul li a {
padding-left:30px;
}
.dropdown-menu ul ul ul li a {
padding-left:45px;
}
.nav > li > ul > li.first > span.login-username:empty {
display:none;
}
.header-menu.sticky {
position:fixed;
top:0;
width:100%;
border-bottom:1px solid #e7e7e7;
transition: all 0.4s ease;
background-color: #f8f8f8;
}
.header-menu.sticky ~ .navbar-collapse {
position:fixed;
top:50px;
width:100%;
max-height:100%;
border-bottom:1px solid #e7e7e7;
transition: all 0.4s ease;
background-color: #f8f8f8;
}
.navbar-header {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
text-align:center;
height: 51px;
}
.navbar-header li {
position: relative;
float:left;
width:16.66666667%;
}
.navbar-header li.less1 {
width:20%;
}
.navbar-header li.less2 {
width:25%;
}
a.navbar-toggle {
float:none;
margin:4px auto;
font-family:FontAwesome;
font-size:1.8rem;
width: 43px;
height: 43px;
display: flex;
justify-content: center;
align-items: center;
border: 0;
border-radius: 0;
color:#b22222;
background-color: #e7e7e7;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
a.navbar-toggle.collapsed {
color:#888;
background-color: transparent;
}
a.navbar-toggle.left-menu:before, a.navbar-toggle.main-menu:before {
content: "\f0c9";
}
a.navbar-toggle.my-account:before {
content: "\f007"
}
a.navbar-toggle.my-search:before {
content: "\f002"
}
a.navbar-toggle.my-currency:before {
content: "\f155"
}
a.navbar-toggle.my-cart:before {
/* content: "\f0f2" */
}
a.navbar-toggle.my-cart > .cart_qty_img {
width: 24px;
height: 24px;
background-image:url(/user/files/cart.gif);
background-size: 100% 100%;
}
a.navbar-toggle.my-cart > .cart_qty_img.on {
background-image:url(/user/files/cart-full.gif);
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
a.navbar-toggle.my-cart > .badge {
display:none;
position:absolute;
top:9px;
left:12px;
background-color:transparent;
}
.caret-right {
position: absolute;
top: 15px;
right: 11px;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-left: 6px solid;
display: inline-block;
height: 0;
width: 0;
vertical-align: top;
}
/* offcanvas */
.row-offcanvas {
position: relative;
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}
.row-offcanvas-left {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
left: 0;
}
.row-offcanvas-left .sidebar-offcanvas {
left: -50%; /* 6 columns */
}
.row-offcanvas-left.in {
left: 50%; /* 6 columns */
}
.sidebar-offcanvas {
position: absolute;
top: 0;
width: 50%; /* 6 columns */
background:#fff;
z-index:1;
}
.row-offcanvas-left.in:after {
content: ' ';
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 50%; /* 6 columns */
background-color: rgba(255,255,255,.6);
display: block;
z-index: 100; /* Add to wishlist is 99 */
}
/* centre content */
.maincentre.threecolumns {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
padding-right:15px;
}
/* Logo */
.logo {
border-bottom: 1px solid #e7e7e7;
}
.logo a {
float:none;
}
.logo a > img {
height:50px;
display: inline;
}
/* Search bar */
.my-search-bar {
padding:0;
}
.bar > div {
left: 0;
padding-left: 15px;
padding-right: 15px;
width:100%;
}
.bar > div > a {
display: block;
position: absolute;
top: 3px;
right: 18px;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
/* Currency selector */
.my-currency-bar {
text-align:center;
padding:0;
}
.my-currency-bar span:after {
font-family: FontAwesome;
content: "\f078"; /* fa-chevron-down */
display: inline-block;
padding-left: 10px;
}
.my-currency-bar span, .my-currency-bar a {
display:block;
padding: 10px 0;
cursor:pointer;
color:#000;
}
.my-currency-bar img {
display:inline;
}
.my-currency-bar li li {
border-top:1px solid #e7e7e7;
background-color: #e6dfd1;
}
/* Password recovery */
.recoverpwdtext {
width:100%;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
display:block;
}
.recoverpwdvalue {
width:100%;
display:block;
}
/* Filter/Sort By */
.refine-search-wrap > .collapse {
display:none;
}
.refine-search-wrap > .collapse.in {
display:block;
}
.styleresultbar-category li {
margin:0 0 7px;
}
.styleresultbar-category li.selected a {
font-weight:bold;
}
.styleresultbar-category a {
display:block;
color:#333;
text-decoration: none;
}
.styleresultbar-category a.cate1 {
padding-left:7px;
}
.styleresultbar-category a.cate2 {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
padding-left:14px;
}
.styleresultbar-category a.cate3 {
padding-left:21px;
}
.styleresultbar-collapse h3.shopby_header a, .styleresultbar-collapse .shopby_header_default,
.styleresultbar-collapse .shopby_header_hover, .styleresultbar-collapse .shopby_header_active,
.styleresultbar-collapse .shopby_header_selected {
display:block;
color:#333 !important;
font-weight:bold;
padding:0;
margin:0;
width:100%;
letter-spacing: 0.2rem;
}
.styleresultbar-collapse .shopby_header_icon_col, .styleresultbar-collapse
.shopby_header_icon_exp {
display: block;
background:none;
}
.styleresultbar-collapse .shopby_body {
border:0;
}
a.styleresultbar-collapse-link {
display:block;
color: #333 !important;
font-weight: bold;
height:3rem;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
line-height: 3rem;
letter-spacing: 0.2rem;
position: relative;
text-decoration: none;
}
.refine-search-wrap > a.styleresultbar-collapse-link {
border-top: 1px solid #e7e7e7;
}
.refine-search-wrap > a.styleresultbar-collapse-link.collapsed {
border-bottom: 1px solid #e7e7e7;
}
a.styleresultbar-collapse-link:hover {
color: #333 !important;
text-decoration: none;
}
a.styleresultbar-collapse-link.collapsed > i, .styleresultbar-collapse
.shopby_header.shopby_header_default i, .styleresultbar-collapse
.shopby_header.shopby_header_hover i {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: transform 0.5s;
-moz-transition: transform 0.5s;
transition: transform 0.5s;
}
a.styleresultbar-collapse-link > i, .styleresultbar-collapse .shopby_header i {
float: right;
line-height: 2.91rem;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
vertical-align: middle;
margin-right:0.3rem;
transform: rotate(270deg);
transition: transform 0.5s;
color: #333;
}
a.styleresultbar-collapse-link > i:before, .styleresultbar-collapse .shopby_header i:before {
content: "\f104";
}
/* Category page */
.stylesummarytext_desc > div {
margin-bottom:7px;
}
/* Product review popup */
.pr-wrapper {
width:100%;
}
.pr-ratingitemname {
width:50%;
}
.pr-ratingitemvalue {
width:100%;
padding-right:15px;
}
.pr-reviewvalueexample {
margin-left:0;
}
.pr-reviewdetailwrap {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
margin-bottom:10px;
}
.pr-reviewtipwrap {
position:relative;
display:block;
width:100%;
font-size:inherit;
line-height:inherit;
top:0;
margin-left:20px;
padding-right:15px;
}
.recaptchainputs {
width: 90% !important;
max-width:300px;
}
.recaptchabuttons {
width: 10% !important;
}
#recaptcha_challenge_image {
width: 100% !important;
}
#recaptcha_response_field {
width: 95% !important;
}
#recaptcha_image {
width: 100% !important;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.pr-reviewfooterbuttonswrap > input {
margin-bottom:15px;
}
/* Product page */
.productdetailcont .productdetailrow > select.form-control {
width:100%;
}
input.btn ~ a.wl_btnaddtowishlist, input.btn ~ a.wl_btnaddtogiftregistry {
padding-left:0;
}
/* Product reviews in product page */
.oa-summarycol {
width:100%;
}
.oa-filtercol {
display: block;
float: left;
margin-left: 0;
width:100%;
}
.oa-ratingrecommend {
border-top: 1px dotted #000;
border-bottom: 0;
padding-top: 10px;
width: 100%;
}
.dc-reviewcontentreview {
width:100%;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.dc-reviewcontentdetails {
margin-bottom:0;
}
.dc-reviewcontentratings {
float:left;
margin-top:20px;
}
.dc-reviewcontentratingstars {
padding-left:0;
}
/* Gift Registry page */
.cr_coregistrantswrap .formsectiontext, .cr_registrationwrap .cr_cellleft {
padding-left:0;
}
/* Order detail in My account page */
.orderdetail .paymentmethoddetails {
font-size:1.4rem !important;
}
.block > span {
display:inline-block;
}
/* Registry detail in My account page */
.itempurchaserswrap {
margin-left:0;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.itempurchaserswrap .formsectiontext {
width:15% !important;
}
.itempurchaserswrap .formsectionvalue {
width:80% !important;
}
/* Contact form page */
.messagenamewrap {
width: 100%;
}
.messagenamewrap, .messagesignwrap {
display:inline !important;
}
.messagevaluewrap {
width: 100%;
}
/* Shopping cart page */
.coupon_shoppingcart {
height:auto;
}
.coupon_shoppingcart > div {
text-align:left !important;
}
.coupon_content .coupon_input {
width:73%;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
/* Coupon content */
.coupon_shoppingcart .coupon_content, .coupon_shoppingcart .coupon_prompt {
float:none;
width:100%;
padding-left:15px;
}
.coupon_shoppingcart .coupon_content .coupon_input {
width:70%
}
/* My cart content */
.minicartbox .productdetails {
width:100%;
}
/* Lookbook page - slider */
.ext_looks_cont {
margin:0 auto;
}
.ext_sep {
display:none;
}
/* All categories page */
.all_cate_look > span > span {
width:100%;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
/* Checkout page */
.checkoutheader > span {
float:left;
}
.checkoutheader > .headerstep {
clear:both;
}
.addressdisplay .fieldname {
width:30%;
}
/* Quick view */
#popupProductDetailContent .productimage_zoomed {margin-left:0;}
#popupProductDetailContent .productimage_thumbnails_scrolltop,
#popupProductDetailContent .productimage_thumbnails_scrollbottom {
display:none;
}
#popupProductDetailContent .productimage_thumbnails {
position: relative;
top:0;
width:100%;
}
#popupProductDetailContent .productimage_thumbnails_inner {
top:15px !important;
}
#popupProductDetailContent .StyleColourCont {
clear:none;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
padding-bottom: 15px !important;
}
/* Style guide in product page */
#popupContent .modal-dialog {
margin: 10px auto;
}
.col-xs-6:nth-child(even):after, .col-xs-4:nth-child(3n+3):after, .col-xs-3:nth-child(4n+4):after,
.col-xs-2:nth-child(6n+6):after {
clear:both;
}
/* Admin buttons */
.admin-menu {
position:relative !important;
}
}
@media screen and (max-width: 479px) {
/* Product page */
.attr3options .item-image, .attr3options .item-unitprice {
display:none;
}
.attr3options .item-value, .attr3options .item-total-title {
width:20%;
}
.attr3options .item-price, .attr3options .item-total-amount {
margin-right:40%;
width:40%;
}
/* Customer Details step in Checkout page */
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.checkoutbody .shippingaddress {
position:relative;
overflow:hidden;
}
.checkoutbody .sameasbilling {
padding: 0;
position: absolute;
right: 15px;
top: 3px;
width: 180px;
}
}
 Created a new CSS file
/* This is CSS classes for image zoom tool in product and lookbook page*/
/* Product image link */
.MagicZoomPlus {
display: block !important;
}
.MagicZoomPlus, .MagicZoomPlus:hover {
cursor: url(../files/zoomin.cur), pointer;
outline: 0 !important;
border:1px solid #ddd;
display: inline-block;
background:#fff;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
font-size: 0 !important;
line-height: 100% !important;
direction: ltr;
width: 100% !important;
z-index: 1 !important;
opacity: 1 !important;
visibility: visible !important;
}
/* Product image */
.MagicZoomPlus img {
border:0 !important;
padding: 0 !important;
margin: 0 !important;
outline: 0 !important;
width: 100% !important;
height: auto;
}
/* Product video container */
#popupProductDetailContent .productimage_video {
bottom:27px;
}
.productimage_video {
position:absolute;
top:0;
right:0;
left:0;
z-index:0;
width:100%;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
height:auto;
border:1px solid #CCCCCC;
background:#fff;
}
#objVideoPlayer {
position:relative;
width:100%;
height:100%;
}
#product-video {
width:100% !important;
height:100% !important;
}
/* Back to images and view video container*/
.productimage_video_control {
border: 1px solid #ddd;
border-top: 0;
text-align: center;
}
/* Back to images and view video links*/
.productimage_video_control .productimage_showimage,.productimage_video_control
.productimage_showvideo {
padding:9px 0;
display:block;
}
.need_player_installed {
padding:5px;
font-size:1em;
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
/* Style of the span image link */
.MagicZoomPlus span {
display: none !important;
}
/* Controls the Border and background/cover colour for the Style Colour image */
.StyleColourCont {
display:inline;
float: left;
padding-right:5px;
padding-bottom:5px;
position: relative;
}
.Last {
padding-right:0px;
}
.StyleColourImage {
display:table;
border:1px solid #ddd;
width:100%;
height:@@ThumbnailImageHeight; /* you may type a specific value */
vertical-align:middle;
text-align:center;
}
.StyleColourImage a {
display:table-cell !important;
vertical-align:middle;
#line-height:@@ThumbnailImageHeight; /* you may type a specific value */
}
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
.StyleColourImage a > img {
margin:0 auto;
}
/* Controls the font size and background/cover colour for the Style Colour image title*/
.StyleColourImageCaption {
padding-top:5px;
font-weight:normal;
font-size:10px;
text-align:center;
}
.StyleColourImageCaption p {
word-wrap:break-word;
margin:0;
}
/* Controls the zoomed image position if zoom-image-posotion property sets to custom at
configuration */
#ImgStyle-big {
display:none;
position:absolute;
left:315px;
top:0px;
}
/* CSS class for right zoomed image container */
/* Style of zoomed window */
.MagicZoomBigImageCont {
border: 1px solid #999;
background: #fff;
-webkit-transition: none !important;
-moz-transition: none !important;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
transition: none !important;
}
/* CSS class for right zoomed image header */
/* Style of header, activated with "title" attribute in <a> tag */
.MagicZoomHeader {
font-size: 8pt !important;
line-height: normal !important;
color: #fff;
background: #666;
text-align: center !important;
}
/* Style of small square under mouse */
.MagicZoomPup {
border: 1px solid #aaa;
background: #fff;
cursor:url(../files/zoomin.cur),pointer;
}
/* Style of message box while image is loading */
.MagicZoomLoading {
border: 1px solid #ccc;
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;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
line-height: 1.5em;
left: 30% !important;
}
/* Style of hotspots */
.MagicHotspots {
display: none;
visibility: hidden;
}
.MagicHotspots a {
border: 1px solid #ccc;
display: block !important;
position: absolute !important;
}
.MagicHotspots a:hover {
border: 1px solid red;
}
/* Style of the small image when the large image is expanded */
.MagicThumb-expanded-thumbnail {
cursor: default;
}
/* Style of the expanded image */
.MagicThumb-expanded {
cursor: url(../files/zoomout.cur), pointer;
background: #fff;
border: 1px solid #ccc;
outline: 0;
padding: 0;
-webkit-transition: none !important;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
-moz-transition: none !important;
transition: none !important;
}
/* Style of the caption for the expanded image */
.MagicThumb-caption {
color: #333;
font: normal 10pt Verdana, Helvetica;
background: #ccc;
text-align: left;
border: 0 !important;
outline: 0 !important;
height: 27px !important;
padding:5px 7px;
}
/* Style of the loading message box */
.MagicThumb-loader {
font: normal 12pt sans-serif;
border: 1px solid #000;
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 {
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
display: none;
}
.MagicThumb-expanded img {
background: #fff;
}
/* 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 */
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
-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;
-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;
}
.MagicZoomPlus > img {
max-width: 100%;
}
.MagicZoomPlus.magic-for-ie8 img {
max-width: none !important;
}
.MagicZoomPlus.magic-for-ie7 > img {
width: auto;
}
.MagicZoomBigImageCont img {
max-width: none !important;
max-height: none !important;
height: auto !important;
width: auto !important;
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]
}
.MagicThumb-expanded > div > div > div > img {
max-height: none !important;
max-width: none !important;
height: auto !important;
width: auto !important;
}
.MagicThumb-background {
-webkit-transition: none !important;
-moz-transition: none !important;
transition: none !important;
}
 Created a new CSS file
Kudos Solutions Ltd
[email protected]
www.kudos.co.nz
[email protected]

Similar documents