/**
* HTML5 Boilerplate
*
* style.css contains a reset, font normalization and some base styles.
*
* Credit is left where credit is due.
* Much inspiration was taken from these projects:
* - yui.yahooapis.com/2.8.1/build/base/base.css
* - camendesign.com/design/
* - praegnanz.de/weblog/htmlcssjs-kickstart
*/
/**
* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
* v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
* html5doctor.com/html-5-reset-stylesheet/
*/
/* #################
#### RESET CSS ####
################# */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; }
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* Hand cursor on clickable input elements */
input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
/**
* normalize.css
* http://necolas.github.com/normalize.css/demo.html
**/
/*
* Corrects inline-block display not defined in IE6/7/8/9 & FF3
*/
audio,canvas,video { display: inline-block; *display: inline; *zoom: 1; }
/*
* Prevents modern browsers from displaying 'audio' without controls
*/
audio:not([controls]) { display: none; }
/*
* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
* Known issue: no IE6 support
*/
[hidden] { display: none; }
/*
* Corrects overflow displayed oddly in IE9
*/
svg:not(:root) { overflow: hidden; }
/**
* fonts.css from the YUI Library: developer.yahoo.com/yui/
* Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages
* There are three custom edits:
* remove arial, helvetica from explicit font stack
* we normalize monospace styles ourselves
* table font-size is reset in the HTML5 reset above so there is no need
* to repeat
* JC : changement de la declaration pour adaptation à l'em
**/
html { font-size: 100.01%; } /* fix rendering problems of EM unit on IE : http://www.accessibiliteweb.com/accessiblogue/pratiques/tailles-de-police-en-pourcentage-ou-en-em-impact-sur-l-accessibilite-et-solution.html */
body { font:62.3%/1.5 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }
/* Normalize monospace sizing:
en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css ; */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: text-bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }
/* Bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection { background: #e2007a; color: #fff; text-shadow: none; }
::selection { background: #e2007a; color: #fff; text-shadow: none; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/**
* @author bulbo
* @lastmodified April, 28 2010
* @media print, screen
*/
html, body { height:100%; /*overflow:hidden;*/ width: 100%; min-width: 810px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* added by Rob min width to maintain visual continuity for tablets - enlever la propriété overflow:hidden pour enlever les scrollbars */
a { text-decoration:none; outline: none; color: #7FB719;}
:focus {outline: 0;}
img, input,object,form,fieldset,p,adress,ul,ol,li,a img { border:0; }
/* ajustement pour le wisiwyg */
b { font-weight: bold; }
i { font-style: italic; }
u { text-decoration: underline; }
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
/*################
#### CORE CSS ####
################*/
h1, h2, h3, h4, h5, h6 { margin:0 0 10px 0; text-transform:uppercase; }
h1 { color:#7fb719; font: 64px/1em "bebasneue",Impact, Charcoal, sans-serif; }
h2 { color:#666; font: 30px/1em "bebasneue",Impact, Charcoal, sans-serif; }
h3, h4, h5, h6 { color:#666; font: 22px/1em "bebasneue",Impact, Charcoal, sans-serif; }
#job-details, p { color: #666; font: normal 14px "gill-ss-std","Times New Roman", Times, serif;
margin: 0 0 10px 0; } /* Edited by Rob */
#lblOutofStock p { margin: 0 0 17px 0; }
p a, p a:visited { color:#7fb719; text-decoration:none; }
p a:hover { text-decoration:underline; }
h4 a { color:#666; }
h4 a:hover { color:#7fb719; }
ol{
counter-reset: li; /* Initiate a counter */
list-style:decimal;
padding: 0;
list-style-position: outside;
margin: 0 25px 0 25px;
}
ol li {
list-style-position: outside;
display: list-item;
padding: 2px 5px;
}
ol ol{
margin: 0 0 0 2em;
}
.page .item-03 a, .sitemap a , .sitemap a:visited { color:#666; }
.page .item-03 a { font-weight: bold; }
.page .item-03 a:hover, .sitemap a:hover { color:#7fb719; }
.sitemap p { font-size:12px; }
.error-message { margin: 0 0 20px 0; font-weight:bold; line-height:150%; vertical-align:top; }
#content-well li a, #content-well li a:visited { color:#7fb719; }
#content-well li a:hover { color:#666; }
#content-well .vc_related a { color:#666;font: normal 14px "gill-ss-std","Times New Roman", Times, serif; } /* Added by Rob */
#full-well_wide, #full-well_wide table td { color: #666; font: normal 14px "gill-ss-std","Times New Roman", Times, serif; }
#content-well table td { color: #666; font: normal 14px "gill-ss-std","Times New Roman", Times, serif;
padding: 10px 0 10px 5px; }
.even { background-color: #F3FAD9; }
.page .item-03 a, #message a { color:#7fb719; }
.page .item-03 a:hover, #message a:hover
{
text-decoration: underline;
}
.splash-title
{
font: normal 42px "TBSactivist", Arial, Helvetica, sans-serif;
}
.activist
{
font-family: "TBSactivist", Arial, Helvetica, sans-serif;
}
.pink
{
color:#E2007A;
}
.required { color: #FF0000;font-size:12px;padding-right:3px; }
td.right-align { display:block;text-align:right; }
.page .item-03 ul, ul.about-content .catalog ul, #message ul, #job-details ul, #competition-content-well ul { /* #content-well ul, */
padding: 2px 5px;
list-style-type: disc;
color: #666; font: normal 14px "gill-ss-std","Times New Roman", Times, serif;
margin: 0 0 15px 20px;
}
.page .item-03 li, ul.about-content .catalog li, #message li, #job-details li, #competition-content-well ul { /* #content-well li, */
margin-bottom: 5px;
list-style-type: disc;
list-style-position: outside;
}
.new-product
{
color: #E2007A;
}
.subnavi
{
margin-left:20px;
font-size: 13px;
}
.no-list
{
margin: 0; list-style:none; list-style-image: none;
}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cart-column { width:800px; margin: 0 auto; }
#maincontent .cart-title { margin-bottom: 20px; }
#pdSelectedImage { max-height: 60px; }
/* Shopping cart */
#maincontent .cart-options { width: 100%; text-align: right; font-size: 16px; margin-bottom: 10px; }
#maincontent .cart-options .title_orange { }
#maincontent .cart-options a { font-weight: bold; }
#maincontent .cart-table-header { width: 100%; background: #f0f0f0; margin-bottom: 10px; }
#maincontent .cart-table-header {/* background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/bg_headerXmas.jpg) repeat-x scroll top right transparent;*/
background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/home_bg-title-article.jpg) no-repeat scroll top right transparent;
color:#fff;
font: normal 3em/44px "bebasneue", Arial, Helvetica, sans-serif; display:block; line-height:160%;
text-transform:uppercase; }
#maincontent .cart-table-header div { float: left; display:block; }
#maincontent .cart-table-header .cart-header-item { width: 398px; text-indent: 9px; padding-left:8px; }
#maincontent .cart-table-header .cart-header-quantity { width: 72px; }
#maincontent .cart-table-header .cart-header-remove { width: 100px; }
#maincontent .cart-table-header .cart-header-price { width: 120px; }
#maincontent .cart-table-header .cart-header-total { width: 90px; }
#maincontent .cart-row { width: 100%; padding-bottom: 10px; margin-bottom: 10px;
background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) bottom left repeat-x transparent;
color: #666; font: normal 14px "gill-ss-std-bold","Times New Roman", Times, serif;
}
#maincontent .cart-row div { float: left; }
#maincontent .cart-row .cart-row-item { width: 75px; margin-left: 9px; }
#maincontent .cart-row .cart-item-description { width: 285px; margin-left: 9px; margin-right:25px; display:block; }
#maincontent .cart-row .cart-row-quantity { width: 80px; }
#maincontent .cart-row .cart-row-remove { width: 80px; }
#maincontent .cart-row .cart-row-quantity input { color:#666; font: normal 14px "gill-ss-std","Times New Roman", Times, serif; border: 1px solid #666; text-align:center; padding:2px; }
#maincontent .cart-row .cart-row-price { width: 80px; text-align:right; }
#maincontent .cart-row .cart-row-total { width: 110px; text-align:right; }
.cart-row-item img { max-width: 75px; }
.cart-item-description, .cart-item-description a
{ text-transform:uppercase;
color: #666; font: normal 14px "gill-ss-std","Times New Roman", Times, serif; }
.cart-row-remove a, .cart-row-quantity a, .cart-message p a
{
color: #7FB719;
font-weight:normal;
font: normal 14px "gill-ss-std", Arial, Helvetica, sans-serif;
}
.cart-row-remove a:hover, .cart-row-quantity a:hover, .cart-message p a:hover
{
text-decoration:underline;
}
.cart-total-label
{
font: normal 14px "gill-ss-std", Arial, Helvetica, sans-serif;
text-align: right;
line-height: 200%;
}
.cart-total
{
color: #666; font: normal 14px "gill-ss-std-bold", Arial, Helvetica, sans-serif;
line-height: 200%;
}
.checkout-wait
{
clear:both;
text-align:right;
}
.cart-checkout-btn, .cart-processing-btn
{
float:right;
background-color:#e2007a;
color:white; font:normal 17px "gill-ss-std-bold","Times New Roman", Times, serif;
float: right; text-transform: uppercase;
margin: 0px;
clear:both;
line-height:150%;
padding: 5px 10px 5px 10px;
}
.cart-processing-btn {
background-color:#666;
display: block;
margin: 0 0 20px 20px;
}
.checkout-btn
{
float:right;
background-color: #7FB719;
color:white; font:normal 16px "gill-ss-std-bold","Times New Roman", Times, serif;
text-transform: uppercase;
margin: 0px;
clear:both;
line-height:150%;
padding: 2px 7px;
}
.checkout-btn a
{
color:white;
}
.cart-message
{
display: block;
clear: both;
text-align:right;
position:relative;
padding-top:10px;
}
.cart-total
{
}
.cart-closing .grey, .cart-closing .cart-message
{
float:right;
}
.job-form input { margin-bottom: 5px; }
#main-well { float: left; color: #666; font: normal 1.4em/1.2em "gill-ss-std","Times New Roman", Times, serif;}
#main-well input[type="text"], #main-well input[type="password"] { border: 1px solid #666; }
/* RD: code added to format text boxes */
.control-group__label {
float: left;
line-height: 28px;
position: relative;
text-align: right;
width: 200px; /* edited by Rob for nicer layout */
}
.control-group {
clear: both;
margin-bottom: 15px;
}
input[type="text"], input[type="password"] {
border: solid 1px #CCC;
height: 28px;
margin-bottom: 5px;
padding: 0 5px;
width: 100%;
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.control-group__controls { /* edited by Rob for nicer layout */
margin-left: 220px;
width: 340px;
}
/* RD: end */
.info-message { display:block; padding: 30px 0; font: normal 1.4em/1.2em "gill-ss-std","Times New Roman", Times, serif; color:#7fb719; }
#left-title { position: relative; text-indent: 20px; margin-top: 3px; }
#checkout-main-well { float: left; width: 480px; padding-top: 6px; margin-left: 6px; color: #666; font: normal 1.4em/1.2em "gill-ss-std","Times New Roman", Times, serif;}
a.cart-link, a.cart-link:visited { color:#7fb719; text-decoration:none; }
a.cart-link:hover { text-decoration:underline; }
#checkout-main-well #checkout-title { margin: 26px 0 10px 0; }
#checkout-main-well #checkout-breadcrumb img { margin: 0 0 25px 0; float:left; }
#checkout-main-well input { border: 1px solid #666; }
#checkout-enter-email { float: left; width: 344px; margin: 0 0 0 0; display: inline; clear:both; }
#checkout-main-well h3 { background:url("../img/temp/product-title_bg.jpg") repeat-x scroll top right transparent;
color:#fff;
font: normal 30px "bebasneue", Arial, Helvetica, sans-serif; display:block; height:36px;
line-height:90%;
text-transform:uppercase; padding: 5px 0 0 8px ; margin: 0;}
.order-summary-title {font: normal 30px "bebasneue", Arial, Helvetica, sans-serif; display:block; height:36px; }
#checkout-enter-email .right { width: 290px; }
#checkout-enter-email input.textBox { border-top: 2px solid #999; border-right: 1px solid #bbb;
border-bottom: 1px solid #ddd; border-left: 1px solid #bbb; }
#checkout-enter-email .checkout-input-field-title { font-size: 12px; font-weight: bold; margin-bottom: 2px; }
#checkout-enter-email .checkout-enter-email-continue { float:left; clear:both; position:relative; }
#checkout-enter-email .left, #checkout-enter-email .right { padding-bottom: 10px; }
#checkout-enter-email-outer { width: 344px; background: url(/images/site/well-344-background.gif) repeat-y; }
#checkout-enter-email-inner { width: 316px; width: 344px; padding: 10px 14px 18px 14px;
background: url(/images/site/well-344-bottom.gif) no-repeat bottom left; }
.checkout-form-well-final-top { margin-top: 0 !important; margin-top: -13px !important; }
.checkout-summary-final-top { margin-top: 18px !important; margin-top: 5px !important; }
#checkout-form-well { float: left; width: 432px; margin: 35px 0 0 0; display: inline; }
#checkout-form-well table tr td { font-size: 12px; vertical-align: top; padding-bottom: 4px; }
#checkout-form-well table tr td input,
#checkout-form-well table tr td select { font-size: 12px;
border-top: 2px solid #999; border-right: 1px solid #bbb; border-bottom: 1px solid #ddd; border-left: 1px solid #bbb; }
#checkout-order-summary
{
float: right;
width: 270px;
background: url(/images/site/checkout-order-summary-background.gif) repeat-y;
margin-top: 168px;
color: #666;
font: normal 1.4em/1.2em "gill-ss-std","Times New Roman", Times, serif;
}
#checkout-order-summary-top
{
background: url(/images/site/checkout-order-summary-top.gif) no-repeat;
}
#checkout-order-summary a, p a:visited { color:#7fb719; text-decoration:none; }
#checkout-order-summary a:hover { text-decoration:underline; }
#checkout-order-summary-mid
{
padding-left:10px;
padding-right: 10px;
}
#checkout-order-summary-bottom
{
background: url(/images/site/checkout-order-summary-bottom.gif) no-repeat;
}
#pd_form
{
border: 1px solid #d3ddac;
background-color: #f3fad9; /* Edited by Rob */
display: block;
float: left;
padding: 20px;
position: relative;
width: 88%;
}
#pd_form div
{
}
.pd_form_selector, .pd_form_qty, .pd_form_price, .pd_form_buynow
, .pd_select_images, .pd_select_images img, .pd_ColorSelector
, .pd_form_spacer
{
float: left;
display:block;
position:relative;
}
.pd_form_qty, .pd_form_price
{
margin:0px;padding:0px;
}
.pd_form_selector
{
float:left;
clear:both;
margin-bottom:15px;
}
.pd_form_qty
{
float:left;
clear:both;
}
.pd_form_price
{
}
.pd_form_left
{
float:left;
}
.pd_form_right
{
float:right;
width:140px;
}
.pd_form_buynow
{
float:right;
margin:10px 0px 0px 0px;
}
.pd_buy_now, .cart-it
{
float:right;
background-color:#e2007a;
color:white; font:normal 17px "gill-ss-std-bold","Times New Roman", Times, serif;
height:45px; float: right; text-transform: uppercase;
width:137px;
margin: 0px;
}
.cart-it { /* RD */
padding:5px 10px;
height:auto;
}
.cart-it:disabled {
color: #DDD;
background-color:#BBB;
}
.pd_form_detail
{
font-size:11px;
}
.pd_form_label, .pd_price_label
{
font-size:11px;
margin-left:2px;
}
.pd_price_label
{
font-weight:bold;
}
.pd_price_label
{
font-size:18px;
line-height:22px;
}
#pd_price
{
color:#E2007A;
}
#pd_price_original
{
font-size:12px;
color:#666;
text-decoration:line-through;
font-weight:normal;
}
.pd_ColorSelector
{
margin-bottom:15px;
width:100%;
}
.pd_select_images
{
width:220px;
}
.pd_select_images a img
{
margin-bottom:5px;
}
.pd_selected_image
{
float: left;
display:block;
position:relative;
width:70px;
text-align:center;
min-height:110px;
margin: 15px 0 0 30px;
}
.pd_form_spacer
{
margin-bottom:8px;
width:100%;
}
#lOutOfStock, #lCustomerService
{
overflow:visible;
width:140px;
}
a.grey
{
color: #666;
display: block;
font: normal 15px "gill-ss-std-bold",Verdana, Geneva, sans-serif;
margin: 0;
padding: 0;
position: relative;
text-align: left;
text-transform: uppercase;
float:left;
}
a.grey:hover
{
color: #7FB719;
}
a.grey span
{
background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -210px -40px no-repeat;
display: inline-block;
height: 12px;
margin: 0 0 0 5px;
position: relative;
width: 7px;
}
a.grey span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -220px -60px no-repeat; display: inline-block; height: 9px; margin: 10px 0 0 5px; width:5px; }
a.grey:hover span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -230px -60px no-repeat; }
/**
*
* MASTERING
*
*/
body { background:#fff; }
#master { margin:0; padding:0; position:relative; width:100%; }
#master .wrapper1200 { margin:0 auto; max-width:1070px; min-width:800px; padding:0 5px; position:relative; z-index:5; } /* edit by Rob min width was 751*/
#master .wrapper1200.first { z-index:6; }
#master .wrapper1200.body { margin-top:30px; }
#tbs-symbol{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/bg_tbs-symbol.png) 0 0 no-repeat transparent; height:316px; left:-80px; position:absolute; top:12px; width:327px; z-index:1; }
#header-bg{ background-color: #000; /*background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/bg_header.jpg) 0 0 repeat-x;*/ height:160px; left:0; position:absolute; top:0; width:100%; }
#header-bg span{background:#fff; height:31px; overflow:hidden; position: absolute; width:100%;}
/**
*
* HEADER
*
*/
#banner { height: 160px; position:relative; width: 100%; z-index:2; }
#main-logo{ display:block; float:left; height:33px; margin:73px 0 0 3px; position:relative; width:310px; }
#main-logo a{ display:block; height:33px; position:relative; text-indent:-9999em; width:100%; }
#main-logo img{ display:block; left:0; position:absolute; top:0; width:100%; }
#baseline{ color:#fff; font:normal 2.4em/1em "TBSactivist", "Comic Sans MS", cursive; left:50%; margin:0 0 0 -200px; position:absolute; text-align: center; top:108px; width:400px;}
#baseline a{ color:#fff; font-size: 1.2em;}
#baseline a:hover{ color:#93be21; }
#baseline img{ display:block; left:0; position:absolute; top:0; width:100%; }
#main-search{ left:50%; margin:0 0 0 -135px; position:absolute; top:72px; }
#main-search input[type="text"]{ border:1px solid #7fb719; color:#666; float:left; font:normal 1.6em/1em "gill-ss-std",Verdana, Geneva, sans-serif; height:28px; margin:0; padding:0 10px; width:220px; }
#main-search input[type="submit"]{ background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) no-repeat scroll -80px -160px transparent; float:left; height:30px; margin:0 0 0 0; padding:0; text-indent:-9999em; width:28px; }
#complementary-nav{ color:#666; right:0px; font:normal 1.2em/23px "gill-ss-std",Verdana, Geneva, sans-serif; /*right:-5px;*/ margin:0; position:absolute; top:4px; text-transform:uppercase; }
#complementary-nav ul{ list-style:none; }
#complementary-nav ul li{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-01.gif) center right no-repeat transparent; display: block; float:left; }
#complementary-nav ul li:last-child{ background:0 none; }
#complementary-nav ul li a{ color:#666; display:block; float:left; height:23px; padding:0 7px; }
#complementary-nav ul li a:hover{ color:#93be21; }
#complementary-nav ul li:first-child a{ padding:0 7px 0 0; }
#complementary-nav ul li:last-child a span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -80px 0px no-repeat; display:block; float:right; height:23px; width:44px; } /* edited by Rob */
#complementary-nav ul li a img{ display:block; float:right; margin:0; }
/* ONLY FOR CANADIAN LANGUAGE */
#lang-switch { color:#666; float:right; font: 14px/16px "gill-ss-std",Verdana, Geneva, sans-serif; /*left:5px; position:absolute;*/ margin:7px 20px 0 0; position:relative; /*top:5px;*/ }
#lang-switch a { color:#666; }
#lang-switch a:hover , #lang-switch .active{ color:#7fb719; }
/**/
#client-manager{ background-color:#fff; /* border:1px solid #c6c6c5;*/ clear:both; float:right; height:80px; margin:0; overflow:hidden; padding:0 0 0 10px; position:absolute; right:0; top:52px; }
#client-manager nav{ color:#fff; /*float:right;*/ font:normal 1.2em/16px "gill-ss-std",Verdana, Geneva, sans-serif; margin: 5px 10px 15px 0; text-transform:uppercase; }
#client-manager nav ul{ list-style:none; text-align:right; }
#client-manager nav ul li{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-01.gif) top right no-repeat transparent; display:inline-block; /*float:left;*/ position:relative; }
#client-manager nav ul li:last-child{ background:0 none; }
#client-manager nav ul li a{ color:#666665; display:block; /*float:left;*/ height:16px; padding:0 8px; }
#client-manager nav ul li a:hover{ color:#333; }
#client-manager nav ul li:last-child a{ padding:0 0 0 8px; }
#client-manager #basket{ clear:both; color:#666; font:normal 1.4em/40px "gill-ss-std",Verdana, Geneva, sans-serif; list-style:none; margin:0; text-transform:uppercase; }
#client-manager #basket a{ color:#666665; display:block; font-family:"gill-ss-std-bold",Verdana, Geneva, sans-serif; height:40px; padding:0 10px 0 0; }
#client-manager #basket a .visual{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -280px -140px no-repeat; color:#666; display:block; float:left; font-family:"gill-ss-std-bold",Verdana, Geneva, sans-serif; height:40px; margin:-7px 10px 0 0; width:39px; }
#client-manager #basket a:hover{ color:#333; }
#login_popup{ background-color:#fff; border:1px solid #C6C6C5; display:none; position:absolute; right:83px; top:89px; z-index:20; }
#login_popup .error_msg { color:red; display:block; font: 14px/1em "gill-ss-std",Verdana, Geneva, sans-serif; padding:0 10px 15px; width:320px; }
#login_popup .title{ background-color:#7fb719; color: #FFF; font: 24px/30px "bebasneue",Impact, Charcoal, sans-serif; margin:0 0 10px 0; text-indent: 10px; }
/*#login_popup .title span{ color:#fff; cursor:pointer; float:right; font-family:Arial, Helvetica, sans-serif; margin:0 10px 0 0; }*/
#login_popup .btn.close{ color:#fff; display:inline-block; *display:inline; /*float:right;*/ font:normal 14px/22px "gill-ss-std",Verdana, Geneva, sans-serif; padding:0 20px 0 0; position:absolute; right:10px; text-align:right; top:3px; }
#login_popup .btn.close span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -330px -30px no-repeat; /*display:inline-block; *display:inline;float:right;*/ height:17px; margin:0 0 0 5px; position:absolute; right:0; top:4px; width:17px; }
#login_popup .label{ display:block; float:left; margin:0 0 0 10px; width:150px; }
#sign-in_tools{ float:left; margin:0 0 0 10px; }
#sign-in_tools a{ color:#93be21; display:block; font: 14px/16px "gill-ss-std",Verdana, Geneva, sans-serif; }
#login_form{ clear:both; }
#login_popup .label, #login_form label{ color: #666666; float: left; font: 14px/16px "gill-ss-std",Verdana, Geneva, sans-serif; padding:0; width:140px; }
#login_popup .label, #login_form .login { width:180px; }
#login_form { padding:10px 45px 10px 10px; position:relative; }
#login_form label{ color: #666666; float: left; font: 14px/16px "gill-ss-std",Verdana, Geneva, sans-serif; margin:0 10px 0 0; padding:0; }
#login_form input[type="text"], #login_form input[type="password"]{ background-color:#dadada; color:#000; font:normal 14px/26px "gill-ss-std",Verdana, Geneva, sans-serif; height:26px; margin:5px 0 0 0; padding:0 5px; width:130px; }
#login_form input[type="password"]{ font-family:Arial, Helvetica, sans-serif; }
#login_form .login input[type="text"]{ width:170px; }
#login_form input[type="submit"]{ background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) no-repeat scroll -40px -160px transparent; bottom:10px; color: #FFFFFF; font: 1.2em/26px "gill-ss-std-bold",Verdana,Geneva,sans-serif; height:26px; margin:0 0 0 0; padding:0 5px; position:absolute; right:10px; text-indent: -9999em; text-transform:uppercase; width:31px; }
#log_subtitle { color:#666; font: 14px/16px "gill-ss-std",Verdana, Geneva, sans-serif; position: absolute; right: 10px; top: 22px; }
#log_subtitle span{ display:inline-block; }
#email-updates_popup{ background-color:#fff; border:1px solid #C6C6C5; display:none; padding:0 0 0 0; position:absolute; right:90px; top:42px; width:340px; z-index:20; }
#email-updates_popup .email_update-01{ }
#email-updates_popup .title{ background-color:#7fb719; color: #FFF; font: 24px/30px "bebasneue",Impact, Charcoal, sans-serif; margin:0; text-indent: 10px; }
#email-updates_popup .btn.close { -moz-font-feature-settings: normal; -moz-font-language-override: normal; -x-system-font: none; color: #FFFFFF; display: inline-block; font-family: "gill-ss-std",Verdana,Geneva,sans-serif; font-size: 14px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 22px; padding-bottom: 0; padding-left: 0; padding-right: 20px; padding-top: 0; position: absolute; right: 10px; text-align: right; top: 3px;}
#email-updates_popup .btn.close span { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png); background-origin: padding-box; background-position: -330px -30px; background-repeat: no-repeat; background-size: auto auto; height: 17px; margin-bottom: 0; margin-left: 5px; margin-right: 0; margin-top: 0; position: absolute; right: 0; top: 4px; width: 17px;}
#email-updates_popup form { padding:10px; }
#email-updates_popup label{ color: #666666; display:block; float:left; font: 14px/26px "gill-ss-std",Verdana,Geneva,sans-serif; margin:0; }
#email-updates_popup input[type="text"]{ background-color:#dadada; color:#000; font:normal 14px/26px "gill-ss-std",Verdana, Geneva, sans-serif; height:26px; margin:0; padding:0 5px; width:130px; }
#email-updates_popup input[type="text"]{ width:170px; }
#email-updates_popup input[type="submit"]{ background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) no-repeat scroll -40px -160px transparent; color:#fff; font: 1.2em/26px "gill-ss-std-bold",Verdana,Geneva,sans-serif; height:26px; margin:1px 0 0 5px; padding:0 5px; position:relative; text-indent: -9999em; text-transform:uppercase; width:31px; }
#email-updates_popup .error_msg{ color:red; display:block; font: 14px/1em "gill-ss-std",Verdana, Geneva, sans-serif; margin:5px 0 0 0; padding: 0 10px 10px 10px; }
#lang-popup{ background:url(../img/common/pixel/pixel_black60.png) 0 0 repeat transparent; display:none; height:100%; left:0; position:absolute; top:0; visiblity:hidden; width:100%; z-index:500; }
#lang-popup .overlay{ position:relative; width:100%; }
#lang-popup .btn.close{ color:#7fb719; font:normal 1.4em/17px "gill-ss-std",Verdana, Geneva, sans-serif; position:absolute; right:10px; top:10px; }
#lang-popup .btn.close a{ color:#7fb719; display:block; padding:0 20px 0 0; }
#lang-popup .btn.close span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -310px -30px no-repeat; display:block; /*float:right; */height:17px; margin:0; position:absolute; right:0; top:0; width:17px; z-index:1; }
#lang-popup .container{ background-color:#FFF; border:1px solid #C6C6C5; left:50%; margin:0 0 0 -196px; padding:15px; position:absolute; top:50%; width:360px; z-index:1; }
#lang-popup .container .title{ color:#7fb719; font: 30px/1em "bebasneue",Impact, Charcoal, sans-serif; margin:0 0 10px 0; overflow:hidden; text-transform:uppercase; }
#lang-popup .container .title .visual{ background:url(../img/common/ico/ico_sticker-20-S.png) 0 0 no-repeat; display:block; float:left; height:72px; margin:0 15px 0 0; text-indent:-9999em; width:72px; }
#lang-popup .container .title .text{ display:block; float:left; line-height:25px; margin:5px 0 0 0; width:215px; }
#lang-popup .container .description{ clear:both; color:#666; font: 14px/1em "gill-ss-std",Verdana, Geneva, sans-serif; margin:0 0 10px 0; }
#lang-popup .container .description span{ font: 14px/1em "gill-ss-std-bold",Verdana, Geneva, sans-serif; }
#lang-popup .container .disclaimer{ color:#666; font: 12px/1em "gill-ss-std",Verdana, Geneva, sans-serif; margin:0 0 10px 0; }
#lang-popup .email_update-01{ margin:0 0 10px 0; }
#lang-popup input[type="text"]{ background-color:#dadada; color:#000; font:normal 13px/26px "gill-ss-std",Verdana, Geneva, sans-serif; height:26px; margin:0; padding:0 5px; width:210px; }
#lang-popup input[type="submit"]{ background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) no-repeat scroll -40px -160px transparent; color:#fff; font: 1.2em/26px "gill-ss-std-bold",Verdana,Geneva,sans-serif; height:26px; margin:0 0 0 5px; padding:0 5px; position:relative; text-indent: -9999em; text-transform:uppercase; width:31px; }
#lang-popup .error_msg{ color:red; display:block; font: 14px/1em "gill-ss-std",Verdana, Geneva, sans-serif; margin:5px 0 0 0; }
/**
*
* MAINNAV // NAVIGATION
*
*/
#mainnav { background-color:#FFF; border:1px solid #cccccb; bottom:0; height:35px; left:5px; position:absolute; padding:0; right:5px; text-transform:uppercase; top:142px; z-index:2; } /* edited by Rob for better navigation */
#mainnav > ul > li{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-01.gif) center right no-repeat transparent; display:inline-block; float:left; position:relative; text-align:left; }
#mainnav > ul > li:first-child{ }
#mainnav > ul > li:last-child, #mainnav > ul > .last{ background:0 none; }
#mainnav > ul > li:nth-child(2){ }
#mainnav > ul > li > a{ color:#666; display:block; float:left; font:normal 1.6em/35px "gill-ss-std",Verdana, Geneva, sans-serif; height:35px; }
#mainnav > ul > li:hover > a, #mainnav > ul > li.active > a{ color:#93be21; background-color:#F3F9DA;} /* edited by Rob for greater navigation visibility */
#mainnav > ul > li:hover .submenu{ display:block; }
#mainnav > ul > li > a img{ display:block; }
#mainnav > ul > .first > a{ display:block; text-indent:-9999em; position:relative; width:18px; }
#mainnav > ul > .first > a span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) 0 -40px no-repeat; display:block; float:left; height:17px; margin:8px 0 0 0; text-indent:-9999em; width:18px; overflow:hidden; position:relative; }
#mainnav > ul > .first > a:hover span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) 0 -57px no-repeat; }
#mainnav > ul > .hot > a{ color:#ec008c; }
#mainnav > ul > .hot:hover > a{ color:#93be21; }
#mainnav .submenu{ background-color:#fff; border:1px solid #999; display:none; padding:10px 15px; position:absolute; top:35px; width:170px; }
#mainnav .first .submenu{ left:0; }
#mainnav .last .submenu{ left:auto; right:8px; /*text-align:right;*/ }
#mainnav .submenu .category-list{ margin:0; }
#mainnav .submenu .category-list .title{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) bottom left repeat-x transparent; color:#666; font:normal 2.4em/1em "bebasneue", Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:6px 0; }
#mainnav .submenu .category-list li{ color:#666; font:normal 1.3em/1em "gill-ss-std",Verdana, Geneva, sans-serif; }
#mainnav .submenu .category-list li a{ color:#666; display:block; padding:4px 0; }
#mainnav .submenu .category-list li:hover, #mainnav .submenu .category-list li > a:hover { color:#93be21; background-color:#F3F9DA; }
/**
*
* MAIN BANNER
*
*/
#main-banner{ background-color:#E8EFF1; position:relative; z-index:2;
background: #eaf5fb;
margin-bottom: 0px; /* edit by Rob reduced from 15 to 0 */
}
#main-banner .wrapper1200{ overflow:hidden; }
#main-banner .item-L.item-01 > .title{ display:none; }
/**
*
* MAIN // NAVIGATION
*
*/
#maincontent { overflow:hidden; margin:0 0 15px 0; padding:30px 0 0 0; position:relative; width: 100%; z-index:2; }
#maincontent > .row:last-child { margin:0; }
/*#maincontent img { display:block; width: 100%; }*/
#maincontent img { display:block; }
/**
*
* FOOTER // CONTENTINFO
*
*/
#mainfooter { background:#fff; background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) left top repeat-x transparent; clear: both; /*min-height:420px;*/ padding: 0; width: 100%; display:block; position:relative; }
#mainfooter #tools{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) left bottom repeat-x transparent; height:68px; /*overflow: hidden;*/ position: relative; z-index:5; }
.warranties{ height:58px; } /* edit by Rob reduced from 68 to 58 removed float:left; */
.warranties.row {text-align: center; margin: 0 0 0 0;} /* added by Rob for under banner */
.warranties ul{ list-style:none; }
.warranties ul li{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-01.gif) right center no-repeat; display: inline-block; /*float:left;*/ height:68px; position:relative; /*text-align:center;*/ }
.warranties ul li:last-child{ background:0 none; }
.warranties ul li .title{ color:#8f8f8f; display:block; float:left; font:normal 1em/68px "gill-ss-std-bold",Verdana, Geneva, sans-serif; text-align:left; text-transform:uppercase; }
.warranties ul li .subtitle{ color:#8f8f8f; font:normal .7em/1em "gill-ss-std",Verdana, Geneva, sans-serif; left: 13px; position: absolute; text-align: left; top: 42px; }
.warranties.row ul .delivery{ background:0 none; }
.warranties ul .payment .title{ padding:0 15px 0 10px; }
.warranties ul .returns .title{ padding:0 15px 0 10px; }
.warranties ul .delivery .title{ padding:0 15px 0 12px; position:relative; }
.de .warranties ul .delivery .title{ line-height:12px!important; margin-top:11px!important; position:relative!important; }
.de #maincontent .warranties ul .delivery .title{ margin-top:0!important; }
.de .warranties ul li .subtitle{ top: 28px!important; }
.warranties ul li .visual{ float:left; }
.warranties ul .payment .visual{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -130px 0 no-repeat; display:block; float:left; height:40px; margin:13px 0 0 10px; width:21px; }
.warranties ul .returns .visual{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -160px 0 no-repeat; display:block; height:40px; margin:15px 0 0 10px; width:39px; }
.warranties ul .delivery .visual{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -200px 0 no-repeat; display:block; height:45px; margin:13px 0 0 8px; width:55px; }
span.delivery { background:url(../img/common/delivery.png) 0px 0px no-repeat;height: 35px; }
.warranties ul li span em{ color:#0b8765; }
#mainfooter .extras{ float:right; position:relative; }
#mainfooter .social-networks, .social-networks{ color:#666; float:left; font:normal 1.4em/1.8em "gill-ss-std",Verdana, Geneva, sans-serif; height:48px; padding:9px 10px 0 0; }
#mainfooter .social-networks p, .social-networks p{ float:left; margin:0 5px 0 0; }
#mainfooter .social-networks ul, .social-networks ul{ float:left; list-style:none; }
/*#mainfooter .social-networks a{ display:inline-block; margin:0 0 -8px 5px; position:relative; text-indent:-9999em; }
#mainfooter .social-networks a span{ display:block; height:100%; right:0; position:absolute; top:0; width:100%; }
#mainfooter .social-networks .fb{ height:28px; width:28px; }
#mainfooter .social-networks .fb span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -80px -40px no-repeat; height:28px; width:28px; }
#mainfooter .social-networks .tw{ height:28px; width:28px; }
#mainfooter .social-networks .tw span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -260px 0 no-repeat; height:28px; width:28px; }
#mainfooter .social-networks .yt{ height:29px; width:30px; }
#mainfooter .social-networks .yt span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -140px -40px no-repeat; height:29px; width:30px; }*/
.social-networks ul li{ float:left; margin:0 5px 0 0; }
.social-networks ul li:last-child{ margin:0; }
.social-networks ul li a{ display:block; height:28px; position:relative; text-indent:-9999em; width:28px; }
.social-networks ul .twitter a{ width:28px; }
.social-networks ul .twitter a span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -260px 0 no-repeat; height:100%; left:0; position:absolute; top:1px; width:100%; }
.social-networks ul .facebook a{ width:28px; }
.social-networks ul .facebook a span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -288px 0 no-repeat; height:100%; left:0; position:absolute; top:1px; width:100%; }
.social-networks ul .youtube a{ height:29px; width:30px; }
.social-networks ul .youtube a span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -316px 0 no-repeat; height:100%; left:0; position:absolute; top:0; width:100%; }
.social-networks ul .instagram a span {
background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -190px -113px no-repeat;
height: 31px;
left: 0;
position: absolute;
top: -1px;
width: 30px;
}
#mainfooter .lang-menu{ color:#666; float:left; font:normal 1.4em/1.2em "gill-ss-std",Verdana, Geneva, sans-serif; padding:22px 0 0 10px; }
/*#mainfooter .lang-menu select{ display:none; }*/
#mainfooter .lang-menu .dummy{ display:inline-block; margin:0 0 0 5px; position:relative; width:165px; z-index:100; }
#mainfooter .lang-menu .dummy p{ background-color:#4f4f4f; border:none; color:#fff; display:inline-block; height:25px; /*font-size:12px;*/ line-height:25px; height:25px; margin:0; padding:0 25px 0 0 ; position:relative; text-align:right; width:140px; }
#mainfooter .lang-menu .dummy p .arrow{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -20px -40px no-repeat; display:inline-block; height:25px; right:0; position:absolute; top:0; width:25px; }
#mainfooter .lang-menu .dummy ul{ background-color:#4f4f4f; display:none; height:200px; left:0; list-style:none; overflow-x:hidden; overflow-y:scroll; position:absolute; top:25px; -webkit-overflow-scrolling:scroll; -webkit-overflow-scrolling:auto; }
#mainfooter .lang-menu .dummy ul li{ position:relative; }
#mainfooter .lang-menu .dummy ul li a{ color:#fff; display:block; height:25px; line-height:25px; padding:0 5px 0 25px; text-align:right; width:120px; }
#mainfooter .lang-menu .dummy ul li:hover a{ background-color:#fff; color:#4f4f4f; }
#mainfooter .lang-menu .dummy .flag{ display:block; height:11px; left:5px; position:absolute; top:7px; width:16px; }
#mainfooter .lang-menu select{ margin:0 0 0 5px; width:165px; }
#mainfooter .lang-menu select option{ background-color:#4f4f4f; color:#fff; /*text-indent:20px;*/ width:140px; }
/* added by Rob */
#mainfooter .lang-menu a {color: #666666;}
#mainfooter .main-content { padding:15px 0; margin:0; overflow:hidden; position:relative; }
#mainfooter .wrapper-01{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) bottom left repeat-x; height:254px; left:0; overflow:hidden; padding:0 0 0 298px; position:absolute; top:15px; width:100%;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#mainfooter .ethics{ height:254px; left:0; position:absolute; top:0px; width:288px; z-index:2; } /* edited by Rob */
#mainfooter .ethics .html{ }
#mainfooter .ethics .visual{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/globe-new.jpg) 0 0 no-repeat; display:block; height:275px; left:0; position:absolute; top:0; width:288px; }
#mainfooter .quicknav { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) bottom left repeat-x transparent; float:left; /*min-height:254px;*/ margin:0; padding:0 0 15px 0; position:relative; width:100%; }
#mainfooter .quicknav .container{ overflow:hidden; margin:0 288px; position:relative; }
.quicknav .column { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/separator-03.png) top right no-repeat; float:left; margin:0; min-height:244px; padding:0 15px; }
.quicknav .column:last-child { background:0 none; }
.quicknav .column .title { color:#666; font:normal 2.4em/1em "bebasneue",Impact, Charcoal, sans-serif; margin:0; padding:0; }
.quicknav .column .title a { color:#666;margin:0; padding:0;}
.quicknav .column .title a:hover { color:#93be21;margin:0; padding:0;}
.quicknav .column ul { list-style:none; margin:2px 0 5px 0; }
.quicknav .column ul li { color:#666; font:normal 1.2em/1em "gill-ss-std",Verdana, Geneva, sans-serif; text-transform:uppercase; }
.quicknav .column ul li a { color:#666; display:block; padding:4px 0; }
.quicknav .column ul li a:hover { color:#93be21; }
#mainfooter .customer { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-01.gif) top left repeat-y #fff; /*min-height:254px;*/ overflow:hidden; position:absolute; right:0; top:15px; margin:0; padding:0 10px 0 25px; width:253px; z-index:2; }
#mainfooter .customer .title { color:#000; font:normal 3em/1em "bebasneue",Impact, Charcoal, sans-serif; margin:0 0 4px 0; }
#mainfooter .customer .title span { color:#7fb719; }
#mainfooter .customer .category { color:#666; font:normal 2.4em/1em "bebasneue",Impact, Charcoal, sans-serif; margin:0 0 4px 0; }
#mainfooter .customer .infos { color:#666; font:normal 1.1em/1.2em "gill-ss-std",Verdana, Geneva, sans-serif; margin:0 0 10px 0; }
#mainfooter .customer .infos span { display:block; }
#mainfooter .customer ul{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) 0 0 repeat-x transparent; color:#666; font:normal 1.2em/29px "gill-ss-std",Verdana, Geneva, sans-serif; list-style:none; text-transform:uppercase; }
#mainfooter .customer ul li{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) bottom left repeat-x transparent; }
#mainfooter .customer ul li a{ color:#515050; display:block; height:29px; position:relative; }
#mainfooter .customer ul li a:hover{ color:#7FB719; }
#mainfooter .customer ul li a span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -220px -60px no-repeat; display: inline-block; float:right; height: 9px; margin: 10px 0 0 5px; width:5px; }
#mainfooter .customer ul li a:hover span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -230px -60px no-repeat; }
#mainfooter .customer .request_newsletter label{ color:#515050; font: 2.4em/24px "bebasneue",Impact, Charcoal, sans-serif; }
#mainfooter .customer .request_newsletter .alternate { color:#515050; font: 2.3em/24px "bebasneue",Impact, Charcoal, sans-serif; }
#mainfooter .customer .request_newsletter a { color: #515050; font-size: 1.1em; font-weight: 100; }
#mainfooter .customer .request_newsletter a .arrow { background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) no-repeat scroll -220px -60px transparent; display: inline-block; height: 9px; margin-left: 5px; position: relative; width: 7px; }
#mainfooter .request_newsletter{ padding:15px 0; }
#mainfooter .disclaimer { clear:both; margin:0 0 0 0 ; padding:20px 0 40px 10px; }
#mainfooter .disclaimer .copyright{ color:#666; font:normal 1.8em/1.2em "bebasneue",Impact, Charcoal, sans-serif; }
#mainfooter .disclaimer .registered{ color:#666; font:normal 1.1em/1.2em "gill-ss-std",Verdana, Geneva, sans-serif; }
/*################
#### SKIN CSS ####
################*/
/**
*
* FONT FACE
*
*/
@font-face {
font-family: 'gill-ss-std';
src: url('../font/gillsansstd-webfont.eot');
src: url('../font/gillsansstd-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/gillsansstd-webfont.woff') format('woff'),
url('../font/gillsansstd-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gill-ss-std-bold';
src: url('../font/gillsansstd-bold-webfont.eot');
src: url('../font/gillsansstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/gillsansstd-bold-webfont.woff') format('woff'),
url('../font/gillsansstd-bold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bebasneue';
src: url('../font/bebasneue-webfont.eot');
src: url('../font/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/bebasneue-webfont.woff') format('woff'),
url('../font/bebasneue-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TBSactivist';
src: url('../font/tbs-activist-webfont.eot');
src: url('../font/tbs-activist-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/tbs-activist-webfont.woff') format('woff'),
url('../font/tbs-activist-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ModernPictogramsNormal';
src: url('../font/modernpics-webfont.eot');
src: url('../font/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/modernpics-webfont.woff') format('woff'),
url('../font/modernpics-webfont.ttf') format('truetype'),
url('../font/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
font-weight: normal;
font-style: normal;
}
/* SUSCRIBE NEWSLETTER FORM */
.request_newsletter{ overflow:hidden; position:relative; }
.request_newsletter label{ color:#666; display:block; font:normal 3em/24px "bebasneue",Impact, Charcoal, sans-serif; margin:0 0 10px 0; text-transform:uppercase; }
.request_newsletter input[type="text"]{ background-color:#dadada; color:#000; font: 1.2em/1em "gill-ss-std",Verdana, Geneva, sans-serif; height:26px; padding:0 10px; width:190px; }
.request_newsletter input[type="submit"]{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -40px -160px no-repeat; color:#fff; font:normal 1.2em/26px "gill-ss-std-bold",Verdana, Geneva, sans-serif; height:26px; text-align:center; text-indent:-9999em; text-transform:uppercase; width:31px; }
/*ADDITIONAL NAV*/
#additionnal-nav{ background-color:#fff; border:1px solid #ccc; display:block; position:relative; width:240px; z-index:150; }
#additionnal-nav .title{ color:#666; font:normal 3em/45px "bebasneue",Impact, Charcoal, sans-serif; position:relative; text-indent:20px; }
#additionnal-nav .title span{ /*background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -230px -60px no-repeat;*/ display:block; height:5px; margin:-2px 0 0 0; position:absolute; right:20px; top:50%; width:10px; }
#additionnal-nav ul{ list-style:none; }
#additionnal-nav ul li { display:block;color:#666;padding:4px 35px 4px 20px;position:relative;font:normal 1.4em/14px "gill-ss-std",Verdana, Geneva, sans-serif;position:relative;text-transform:uppercase; }
#additionnal-nav ul li a { color:inherit; }
#additionnal-nav > ul > li:hover, #additionnal-nav > ul > li > a:hover { color:#7fb719; background-color:#F3F9DA;} /* edited by Rob for greater navigation visibility */
#additionnal-nav ul li span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -230px -60px no-repeat; display:block; height:9px; margin:-4px 0 0 0; position:absolute; right:20px; top:50%; width:5px; }
.advert-list{ position:relative; display:block; min-height: 200px; overflow:hidden; margin-top:20px;} /* edited by Rob */
.advert-list ul{ list-style:none; overflow:hidden; position:relative; }
.advert-list ul li{ overflow:hidden; position:relative; }
.advert-list a img { border: 1px solid #CCC; }
/* BREADCRUMB */
/*#breadcrumb{ float:left; }
#breadcrumb ul{ list-style:none; }
#breadcrumb ul li{ color:#666; display:inline-block; font:normal 1.4em/45px "gill-ss-std",Verdana, Geneva, sans-serif; }
#breadcrumb ul li span{ font-size:10px; margin:0 3px; }
#breadcrumb ul li:last-child span{ font-size:14px; bottom:-1px; position:relative; }
#breadcrumb ul li a{ color:#666; }
#breadcrumb ul .active a{ font-family:"gill-ss-std-bold",Verdana, Geneva, sans-serif; }
#breadcrumb{}*/
#breadcrumb { width:100%; }
#breadcrumb ul{ list-style:none; width:100%; }
#breadcrumb ul li{ float:left; font:normal 1.4em/45px "gill-ss-std","Times New Roman", Times, serif; margin:0 8px 0 0; color:#666; }
#breadcrumb ul li span{ color:#666; }
#breadcrumb ul li:last-child{ font-family:"gill-ss-std-bold","Times New Roman", Times, serif; }
#breadcrumb ul span{ background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) no-repeat scroll -220px -60px transparent; display: inline-block; height: 9px; margin: 0 5px 0 0; width: 5px; }
#breadcrumb ul li a { color:#666; }
#breadcrumb ul li a:hover { color:#7fb719; }
/* SMALL ITEMS */
.item-S.item-01{ position:relative; width:100%; }
.item-S.item-01 .wrapper{ border:1px solid #c6c6c5; overflow:hidden; padding: 0; position:relative; }
.item-S.item-01 .wrapper .title {/*background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/bg_headerXmas.jpg) repeat-x scroll top right transparent; */
/*background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/home_bg-title-article.jpg) no-repeat scroll top right transparent;*/
background-color: #7fb719;
color:#fff; font:normal 3em/44px "bebasneue", Arial, Helvetica, sans-serif; display:block; margin:0 0 20px 0; padding:0 20px; }
.item-S.item-01 .wrapper .title a { color:#fff; }
.item-S.item-01 .wrapper .title a:hover { text-decoration:underline; }
.item-S.item-01 .wrapper .container{ overflow:hidden; position:relative; }
.item-S.item-01 .wrapper .content{ overflow:hidden; position:relative; }
.item-S.item-01 .visual{ display: block; float:left; margin:0 2.025% 0 0; padding:0 3.038% 0; width: 37.975% !important; }
.item-S.item-01 .visual .sticker-quickshop { display: none !important; left: 2.025%; z-index: 1; }
.item-S.item-01 .visual:hover .sticker-quickshop { display: block !important; }
.item-S.item-01 .visual .sticker { overflow: hidden; position: absolute; top: 0; width: 50px !important; }
.item-S.item-01 .infos{ float:left; margin:0; padding:0 0 10px 2.025%; width:50%; }
.item-S.item-01 .infos .name{ color:#666; display:block; font:normal 1.4em/1.2em "gill-ss-std",Verdana, Geneva, sans-serif; text-transform:uppercase; width:95%; margin-bottom:10px; }
.item-S.item-01 .infos .name a{ color:#666; }
.item-S.item-01 .infos .name a span{ display:block; font-size:.8em; line-height:14px; }
.item-S.item-01 .infos .name a:hover{ color:#7fb719; }
.item-S.item-01 .infos .note{ margin:0 0 5px 0; /*width:90px;*/ min-height:100px; }
.item-S.item-01 .infos .description{ clear:both; color:#666; display:block; font:normal 1.4em/1.2em "gill-ss-std",Verdana, Geneva, sans-serif; /*margin-top: 10px;*/ width:95%; }
.item-S.item-01 .infos .prices{ color:#666; margin:0 0 5px 0; }
.item-S.item-01 .infos .prices span{ display:inline-block; }
.item-S.item-01 .infos .prices .new { color:#E2007A; font:normal 1.8em/1.6em "gill-ss-std-bold",Verdana, Geneva, sans-serif; margin:0 20px 0 0; }
.item-S.item-01 .infos .prices .old { color:#666; font:normal 1.2em/1em "gill-ss-std",Verdana, Geneva, sans-serif; text-decoration:line-through; }
.item-S.item-01 .infos .prices .old em { text-decoration:line-through; padding: 0 5px 0 0 ; }
.item-S.item-01 .infos .prices .offer{ color:#666; font:normal 1.4em/1.2em "gill-ss-std",Verdana, Geneva, sans-serif; }
.item-S.item-01 .more{ border-top:1px solid #C6C6C5; clear:both; width:100%; }
.item-S.item-01 .more .view_all{ clear:both; color:#666; display:block; float: right; font:normal 1.4em/35px "gill-ss-std",Verdana, Geneva, sans-serif; padding:0 10px 0 0px; }
.item-S.item-01 .more .view_all:hover{ color:#7fb719; }
.item-S.item-01 .more .view_all span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -220px -60px no-repeat; display:inline-block; height:9px; margin:0 0 0 5px; width:5px; }
.item-S.item-01 .more .view_all:hover span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -230px -60px no-repeat; }
.item-S.item-01 ul{ border-bottom:1px solid #C6C6C5; list-style:none; overflow:hidden; padding:10px 0; position:relative; width:100%; }
.item-S.item-01 ul li{background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-01.gif) top right repeat-y #fff; display:block; float:left; height:20.253%; width:33.333%; }
.item-S.item-01 ul li a{ display:block; padding:0 10%; width:80%; }
.item-S.item-01 ul li a .visual-S{ border:1px solid transparent; width:100%; }
.item-S.item-01 ul .active a .visual-S{ border:1px solid #7FB719; }
.item-S.item-01 ul li:last-child{ background:0 none; }
.item-S.item-01 ul li a img{ display:block; /*width:80%!important;*/ }
.item-S.item-01 .button, #general-competition-well .button { background-color:#e2007a; color:#FFF; display:block; font:normal 2em/33px "gill-ss-std-bold",Verdana, Geneva, sans-serif; margin:0 0 5px 0; padding:0 8px; position:relative; text-align:center; text-transform:uppercase; }
#general-competition-well .button { width: 350px; }
.item-S.item-01 .button:hover, #general-competition-well .button:hover { text-decoration:underline; }
.item-S.item-01 .button span, #general-competition-well .button span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -210px -40px no-repeat; display:inline-block; height:14px; margin:0 0 0 5px; position:relative; width:7px; }
.item-S.item-02{ float:left; width:100%; }
.item-S.item-02 .wrapper{ padding:10px; }
.item-S.item-03{ margin-bottom:0.833%; width:100%; }
.item-S.item-03 > .title{ color:#7fb719; font:normal 3em/1em "bebasneue",Impact, Charcoal, sans-serif; text-transform:uppercase; }
.item-S.item-04{ overflow:hidden; position:relative; /*width:100%;*/ }
.item-S.item-04 .visual{ display:block; margin:8%; position:relative; width:84%; }
.item-S.item-04 .batch{ padding:55px 0 0 0; position:relative; }
.item-S.item-04 .visual .sticker{ overflow:hidden; position:absolute; top:0; width:33.60%!important; }
.item-S.item-04 .visual .sticker-quickshop{ display:none!important; left:0; z-index:1; }
.item-S.item-04 .visual:hover .sticker-quickshop{ display:block!important; }
.item-S.item-04 .visual .sticker-01{ right:0; z-index:1; }
.item-S.item-04 .visual .sticker-02{ right:0; z-index:1; }
.item-S.item-04 .visual .sticker-03{ right:0; z-index:1; }
.item-S.item-04 .visual .sticker-04{ right:0; z-index:1; }
.item-S.item-04 .visual .product{ position:relative; width:100%; }
.item-S.item-04 .title, .item-S.item-04 .name{ color:#666; display:block; font:normal 1.6em/1em "gill-ss-std",Verdana, Geneva, sans-serif; overflow:hidden; text-transform:uppercase; width:100%; }
.item-S.item-04 .title-01{ color:#7fb719; font:normal 3em/1em "bebasneue",Impact, Charcoal, sans-serif; text-transform:uppercase; }
.item-S.item-04 .title-02{ color:#666; font:normal 1.4em/16px "gill-ss-std",Verdana, Geneva, sans-serif; text-transform:uppercase; min-height:48px; }
.item-S.item-04 .title a, .item-S.item-04 .name a{ color:#666; }
.item-S.item-04 .title a, .item-S.item-04 .name a span{ display:block; font-size:.8em; line-height:14px; }
.item-S.item-04 .title a:hover, .item-S.item-04 .name a:hover{ color:#7fb719; /*text-decoration:underline;*/ }
.item-S.item-04 .rating{ margin:0 0 10px 0; }
.item-S.item-04 .rating img{ float:left; margin:0 10px 0 0; width:115px!important; }
.item-S.item-04 .rating .detail{ color:#333; font:normal 1.2em/22px "gill-ss-std",Verdana, Geneva, sans-serif; }
.item-S.item-04 .buy{ /*padding:25px 0 10px 0;*/ overflow:hidden; position:relative; width:100%; }
.buy span p { margin: 0 0 17px 0; }
.item-S.item-04 .prices{ clear:both; color: #E2007A; float:left; font:normal 2.5em/1em "gill-ss-std-bold",Verdana, Geneva, sans-serif; margin:0 0 10px 0; position:relative; width: 100%; }
.item-S.item-04 .prices .new { color:#e2007a; font:normal 22px/1em "gill-ss-std-bold",Verdana, Geneva, sans-serif; margin: -1px 10px -10px 0; }
.item-S.item-04 .prices .old { color:#666; /*display:block;*/ float: left; font:normal 14px/32px "gill-ss-std",Verdana, Geneva, sans-serif; left:0; margin: -3px 10px -10px 0; position:relative; text-decoration:line-through; }
.item-S.item-04 .prices .new .old { display: inline-block; float: none; }
.item-S.item-04 .button{ background-color:#e2007a; color:#FFF; display:block; font:normal 1.9em/34px "gill-ss-std-bold",Verdana, Geneva, sans-serif; margin:0; padding:0 8px; position:relative; text-align:center; text-transform:uppercase; }
.item-S.item-04 .button:hover { text-decoration:underline; }
.catalog .item-S.item-04 .batch .button{ background-color: #E2007A; bottom: 0; color: #FFFFFF; display: block; font: 1.5em/24px "gill-ss-std-bold",Verdana,Geneva,sans-serif; left: 0; margin: 0; padding: 0 8px; position: absolute;text-align: center; text-transform: uppercase; }
.item-S.item-04 .batch .button span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -210px -40px no-repeat; display:inline-block; height:12px; margin:0 0 0 5px; position:relative; width:7px; }
.item-S.item-05{ position:relative; } /* edited by Rob for category headers width:100%; */
.item-S.item-05 .wrapper{ border:1px solid #c6c6c5; overflow:hidden; padding: 0 0 10px; position:relative; }
.products-list .item-S.item-05 .wrapper { border: 0px none; }
.item-S.item-05 .wrapper .title { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/home_bg-title-article.jpg) 0 0 repeat-x; color:#808080; font:normal 3em/44px "bebasneue", Arial, Helvetica, sans-serif; display:block; margin:0 0 10px 0; padding:0 20px; }
.products-list .item-S.item-05 .wrapper .title { background: none; margin: 0; padding: 0 0 0 10px; height: 60px; }
.products-list .item-S.item-05 .wrapper .title a { color:#666; line-height:101%; display: block }
.item-S.item-05 .wrapper .title .ico { float: left; margin: 0 10px 0 0; }
.item-S.item-05 .wrapper .title .ico.top-rated { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) no-repeat scroll -120px -160px transparent; display: block; height: 27px; overflow: hidden; position: relative; top: 7px; width: 29px; }
.item-S.item-05 .wrapper .title .ico.bestsellers { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) no-repeat scroll -160px -160px transparent; display: block; height: 31px; overflow: hidden; position: relative; top: 7px; width: 24px; }
.item-S.item-05 .wrapper .title .ico.new-in { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) no-repeat scroll -200px -160px transparent; display: block; height: 22px; overflow: hidden; position: relative; top: 11px; width: 23px; }
.item-S.item-05 .wrapper .title a { color:#fff; }
.item-S.item-05 .wrapper .title a:hover { text-decoration:underline; }
.item-S.item-05 .wrapper .container{ /*background: url("https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif") repeat-x scroll 0 0 transparent;*/ overflow:hidden; position:relative; }
.item-S.item-05 .wrapper .content{ overflow:hidden; padding: 0 20px 10px; position:relative; }
.products-list .item-S.item-05 .wrapper .content { padding: 0 20px 10px; }
.item-S.item-05 .visual{ display: block; margin:0; padding: 0; width: 100%; }
.item-S.item-05 .button-01 { bottom: 10px; position: absolute; right: 20px; }
.item-S.item-05 .note{ margin:0 0 5px 0; overflow:hidden; /*width:90px;*/ }
.item-S.item-05 .note .detail{ color: #333333; display:block; float:left; font: 1.2em/22px "gill-ss-std",Verdana,Geneva,sans-serif; }
.item-S.item-05 .note .rating-stars{ float:left; margin:0 5px 0 0; width:115px!important; }
.products-list .item-S.item-05 .button-01 { bottom: 0; float: right; margin: 10px 0 0; position: relative; right: 0; }
/*
.item-S.item-01 .infos{ float:left; margin:0; padding:0 0 10px 2.025%; width:50%; }
.item-S.item-01 .infos .name{ color:#666; display:block; font:normal 1.4em/1.2em "gill-ss-std",Verdana, Geneva, sans-serif; margin-bottom:5px; min-height: 67px; text-transform:uppercase; width:95%; }
.item-S.item-01 .infos .name a{ color:#666; }
.item-S.item-01 .infos .name a span{ display:block; font-size:.8em; line-height:14px; }
.item-S.item-01 .infos .name a:hover{ color:#7fb719; }
.item-S.item-01 .infos .note{ margin:0 0 5px 0; overflow:hidden; }
.item-S.item-01 .infos .note .detail{ color: #333333; display:block; float:left; font: 1.2em/22px "gill-ss-std",Verdana,Geneva,sans-serif; }
.item-S.item-01 .infos .note .rating-stars{ float:left; margin:0 5px 0 0; width:115px!important; }
.item-S.item-05 .description{ color:#666; display:block; font:normal 1.4em/1.2em "gill-ss-std",Verdana, Geneva, sans-serif; margin-top: 10px; width:95%; }
*/
/* MEDIUM ITEMS */
.item-M.item-01{ width:100%; }
.item-M.item-01 .wrapper{ background-color: #fff; border:1px solid #c6c6c5; padding:0; }
.item-M.item-01 .visual-case{ position:relative; width:100%; margin-bottom: 5px; }
.item-M.item-01 .visual-case h5{ height:0; }
.item-M.item-01 .visual{ display: block; margin:0; width: 100%; }
.item-M.item-01 .wrapper .title { /*background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/bg_headerXmas.jpg) repeat-x scroll top left transparent; */
/*background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/home_bg-title-article.jpg) no-repeat scroll top left transparent;*/
background-color: #7fb719;
border-bottom: 3px solid #fff; color:#fff; font:normal 3em/44px "bebasneue", Arial, Helvetica, sans-serif; display:block; padding:0 20px; margin-bottom: 0px; }
.item-M.item-01 .wrapper .title a { color:#fff; }
.item-M.item-01 .wrapper .title a:hover { text-decoration:underline; }
.item-M.item-01 .wrapper .subtitle { color:#7fb719; display:block; font:normal 3em/1em "bebasneue", Arial, Helvetica, sans-serif; margin:0 0 10px 0; padding:0 20px; text-transform: uppercase}
.item-M.item-01 .wrapper .subtitle a {
color: #7fb719;
}
.item-M.item-01 .wrapper .subtitle a:hover {
color: #666;
}
.item-M.item-01 .wrapper .description { color:#666; display:block; font:normal 1.4em/1em "gill-ss-std",Verdana, Geneva, sans-serif; margin:0 0 15px 0; padding:0 20px; }
.item-M.item-01 #slider-campaigns{display:block; position: relative; width:100% }
.item-M.item-01 #slider-campaigns .arrow-left{ height:155px; left:0; position:absolute; top:0; width:44px; z-index:1}
.item-M.item-01 #slider-campaigns .arrow-left span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) no-repeat -170px -40px transparent; height:34px; left:50%; margin:-20px 0 0 -8px; position:absolute; top:50%; width:16px; z-index:1; }
.item-M.item-01 #slider-campaigns .arrow-left:hover{cursor: pointer;}
.item-M.item-01 #slider-campaigns .arrow-right{ height:155px; position:absolute; top:0; right:0; width:44px; z-index:1}
.item-M.item-01 #slider-campaigns .arrow-right span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) no-repeat -190px -40px transparent; height:34px; left:50%; margin:-20px 0 0 -8px; position:absolute; top:50%; width:16px; z-index:1; }
.item-M.item-01 #slider-campaigns .arrow-right:hover{cursor: pointer;}
.item-M.item-01 #slider-campaigns .slider-wrapper-contener{ overflow: hidden; padding: 0 44px; position:relative;}
.item-M.item-01 #slider-campaigns .slider-wrapper{height:277px; overflow:hidden; position:relative; width:100%} /* Edited by Rob - more height */
.item-M.item-01 #slider-campaigns ul{ list-style:none; position:relative; width:15000px}
.item-M.item-01 #slider-campaigns ul li{ float:left; display: block; margin:0 8px; position:relative; width:190px}
.item-M.item-01 #slider-campaigns ul li img.visual{border:1px solid #c6c6c5; /*height:155px;*/ width:100%}
.item-M.item-01 #slider-campaigns ul li .item-title{color:#7fb719; display:block; font:normal 1.4em/1.2em "gill-ss-std-bold",Verdana, Geneva, sans-serif; padding:5px 0; text-transform: uppercase; width:100%}
.item-M.item-01 #slider-campaigns ul li .item-title a{ color:#7fb719; font:normal 1.5em/1em "bebasneue", Arial, Helvetica, sans-serif; }
.item-M.item-01 #slider-campaigns ul li .item-title a:hover{ color:#666; }
.item-M.item-01 #slider-campaigns ul li .item-description{color:#666; display:block; font:normal 1.4em/1.2em "gill-ss-std",Verdana, Geneva, sans-serif; width:100%; }
.link-find-out-more span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -220px -60px no-repeat; display:inline-block; height:9px; margin:0 0 0 5px; width:5px; }
.link-find-out-more:hover span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -230px -60px no-repeat; }
.item-M.item-02 { padding: 0 150px 40px; position:relative; } /* edited by Rob */
.item-M.item-02 .visual{ height:125px; position:absolute; top:0; width:125px !important;}
.item-M.item-02.left .visual{ left:0px; }
.item-M.item-02.right .visual{ right:0px; }
.item-M.item-02.left h4.name{ color:#3A5508; font:normal 30px "TBSactivist", Arial, Helvetica, sans-serif; padding : 0; text-align:left;}
.item-M.item-02.right h4.name{ color:#3A5508; font:normal 30px "TBSactivist", Arial, Helvetica, sans-serif; padding : 20px 0 0 0; text-align:right; }
.item-M.item-02 .name span{ color:#3a5508; font:normal 18px "bebasneue", Arial, Helvetica, sans-serif;position: relative; text-transform:uppercase; }
.item-M.item-02 .description{ color:#666; font:normal 1.4em/1.2em "gill-ss-std","Times New Roman", Times, serif; position: relative; }
.item-M.item-02.left .description{ text-align: left; }
.item-M.item-02.right .description{ text-align: right; }
/* LARGE ITEMS */
/* Comment fields by Rob - removed to improve home page banner */
.item-L.item-01{ overflow: hidden; padding:0 0 20px 0; position:relative; width:100%; }
.item-L.item-01 .visual{ display:block; left:244px; position:absolute; top:0; } /* height:100%; */
.item-L.item-01 > .title{ }
.item-L.item-01 #additionnal-nav { margin:39px 0 0 10px; position:relative; width:242px; z-index:2; }
.advertising{ height:177px; /*border:1px solid #ccc;*/ overflow:hidden; position:relative; display:block; width:241px; z-index:2; } /* height:187px; */
.advertising img{ display:inline-block; left:0; position:absolute; top:0; }
.item-L.item-01 .advertising-01{ margin:30px 0 0 10px; position:relative; } /* set left margin to 5/7 for edge buffer */
.item-L.item-01 .advertising-02{ right:10px; position:absolute; top:39px; } /* add 5/7 to right for edge buffer */
.item-L.item-01 .advertising-03{ right:10px; position:absolute; bottom:20px; }/* add 5/7 to right for edge buffer */
.item-L.item-02{ background-color:#fff; border:1px solid #c6c6c5; height:115px; padding:0px; position: relative; overflow:hidden; }
.item-L.item-02 .wrapper{ height:100%; width:100%;}
.item-L.item-02 .wrapper hgroup{margin:20px 0 0 20px; }
.item-L.item-02 .wrapper .title { color:#7fb719; font:normal 3em/1em "bebasneue",Impact, Charcoal, sans-serif; margin:0 0 5px 0; }
.item-L.item-02 .wrapper .title a{ color:#7fb719; }
.item-L.item-02 .wrapper .title a:hover{ text-decoration:underline; }
.item-L.item-02 .wrapper .description { color:#666; font:normal 1.4em/1.2em "gill-ss-std",Verdana, Geneva, sans-serif; }
.item-L.item-02 .wrapper #slider-ingredients{display:block; height:115px; position: absolute; right:24px; top:0; width:75%; }
.item-L.item-02 .wrapper #slider-ingredients .arrow-left{ height:100%; left:0; position:absolute; top:0; width:16px; z-index:1; }
.item-L.item-02 .wrapper #slider-ingredients .arrow-left span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) no-repeat -170px -40px transparent; height:34px; left:0; margin:-20px 0 0 0; position:absolute; top:50%; width:16px; z-index:1; }
.item-L.item-02 .wrapper #slider-ingredients .arrow-left:hover{cursor: pointer;}
.item-L.item-02 .wrapper #slider-ingredients .arrow-right{ height:100%; position:absolute; top:0; right:0; width:16px; z-index:1; }
.item-L.item-02 .wrapper #slider-ingredients .arrow-right span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -190px -40px no-repeat ; height:34px; margin:-20px 0 0 0; position:absolute; top:50%; right:0; width:16px; z-index:1; }
.item-L.item-02 .wrapper #slider-ingredients .arrow-right:hover{cursor: pointer;}
.item-L.item-02 .wrapper #slider-ingredients .slider-wrapper-contener{ overflow: hidden; padding: 0px 20px 0px 20px; position:relative;}
.item-L.item-02 .wrapper #slider-ingredients .slider-wrapper{height:100%; overflow:hidden; position:relative; width:100%; }
.item-L.item-02 .wrapper #slider-ingredients ul{ list-style:none; margin-top: 0; position:relative; width:150000px; }
.item-L.item-02 .wrapper #slider-ingredients ul li{ float:left; display: block; height:115px; position:relative; width:115px; }
.item-L.item-02 .wrapper #slider-ingredients ul li a{ display:block; }
.item-L.item-02 .wrapper #slider-ingredients ul li .visual{ margin: 22px; width:80px; }
.item-L.item-02 .wrapper #slider-ingredients ul li .item-description{display:none; left:50%; position:absolute; top:0;z-index: 2;}
.item-L.item-02 .wrapper #slider-ingredients ul li:hover .item-description{display:block; }
.link-find-out-more, a.link-find-out-more:visited {color:#666; display:block; font:normal 1em/1.2em "gill-ss-std",Verdana, Geneva, sans-serif; }
a.link-find-out-more:hover{color:#7fb719; text-decoration:none;}
.item-L.item-03{ overflow:hidden; position:relative; width:100%; }
.item-L.item-03 .left{ float:left; margin:0 0 35px 0; overflow:hidden; position:relative; width:50%}
.item-L.item-03 .right{ float:left; margin:0 0 35px 0; overflow:hidden; position:relative; width:50%}
.item-L.item-03 .visual{ display:block; padding:0 5%; position:relative; width:90%; }
.item-L.item-03 .batch{ padding:70px 0 0 0; position:relative; }
.item-L.item-03 .visual .sticker{ right:5%; overflow:hidden; position:absolute; top:0; width:23%!important; }
.item-L.item-03 .visual .product{ position:relative; width:100%; }
.item-L.item-03 .product_views{ margin:10px 0 10px 0; overflow:hidden; position:relative; z-index:3; }
.item-L.item-03 .product_views ul{ list-style:none; }
.item-L.item-03 .product_views ul li{ float:left; width:20%; }
.item-L.item-03 .product_views ul li { border: 1px solid #fff; }
.item-L.item-03 .product_views ul li a{ /*display:block; height:80px; width:80px;*/ }
.item-L.item-03 .product_views ul li.product_selected-view{ border: 1px solid #7fb719; }
.item-L.item-03 .tools{ overflow:hidden; position: relative; }
.item-L.item-03 .tools .title { color: #666666; font: 1.4em/1em "gill-ss-std","Times New Roman",Times,serif; float:left; margin:0 5px 0 0; }
.item-L.item-03 .product-controls{ float:left; list-style:none; margin:0 10px 10px 0; position:relative; }
.item-L.item-03 .product-controls li { float:left; margin-right:3px; width:25px; }
.item-L.item-03 .product-sharing{ float:left; list-style:none; position:relative; width:250px; }
.item-L.item-03 .product-sharing li { display:inline-block; float:left; margin-right:3px; }
.item-L.item-03 .product-sharing li > div { width:auto!important; }
.item-L.item-03{ clear:both; /*padding:35px 0 0 0;*/ padding:0; }
.item-L.item-03 .right { color:#666; /*font:normal 1.4em/15px "gill-ss-std","Times New Roman", Times, serif;*/ }
.item-L.item-03 .right > .title{ color: #343434; /*font:normal 4em/.9em "bebasneue", Arial, Helvetica, sans-serif;*/ font:normal 3em/.9em "gill-ss-std","Times New Roman", Times, serif; margin:0 0 10px 0; text-transform:uppercase; }
.item-L.item-03 .right .note{ font-family:"gill-ss-std","Times New Roman", Times, serif; }
.item-L.item-03 .right .note .rating{ float:left; margin:0 5px 5px 0; width:115px; }
.item-L.item-03 .right .note .rating-score{ color:#333; float:left; font:normal 1.2em/22px "gill-ss-std","Times New Roman", Times; }
.item-L.item-03 .right .note .fb-like{float:right; line-height:21px; padding: 4px 0 0 0;}
.item-L.item-03 .right .note .user-info-request{ border-bottom: 1px dotted #ccc; clear:both; display:block; margin: 0 0 20px 0; overflow: hidden; padding: 0 0 15px 0; position:relative; width:100%;}
.item-L.item-03 .right .note .user-info-request a { color:inherit; font-size:1.2em;}
.item-L.item-03 .right .note .user-info-request a:hover { color:#000;}
.item-L.item-03 .right .note .user-info-request .user-review{ font-size:1.4em; list-style-image:url('../img/common/ico/ico_article.gif'); float:left;}
.item-L.item-03 .right .note .user-info-request .user-review li{ float: left; margin:0 15px;}
.item-L.item-03 .right .note .user-info-request .user-review li:last-child{ margin-left:12px;}
.item-L.item-03 #video_container{ display:none; height: 363px; position:relative; overflow:hidden; width:363px;}
/* order */
.item-L.item-03 .right .order .title{ clear:both; color:#666; font:normal 1.4em/1em "gill-ss-std","Times New Roman", Times, serif; margin:0 0 10px 0;}
.item-L.item-03 .right .order .title .weight{ color:#000; font-family:"gill-ss-std-bold","Times New Roman", Times, serif; margin:0 0 0 5px; }
.item-L.item-03 .right .order ul.size-selector{ list-style:none; margin:0 0 15px 0; overflow:hidden; position:relative; }
.item-L.item-03 .right .order ul.size-selector li{ float: left; margin: 0 0 0 10px;}
.item-L.item-03 .right .order ul.size-selector li:first-child{ margin: 0px;}
.item-L.item-03 .right .order ul.size-selector li input {display: none;}
.item-L.item-03 .right .order ul.size-selector li label{background-color:white; border:1px solid #4f4f4f; color: #666; display:block; float: left; font:normal 1.4em/25px "gill-ss-std-bold","Times New Roman", Times, serif; padding: 0 5px}
.item-L.item-03 .right .order ul.size-selector li label.selected-size{ background-color:#4f4f4f; border:1px solid #4f4f4f; color: #fff; display:block; float: left; font:normal 1.4em/25px "gill-ss-std-bold","Times New Roman", Times, serif; padding: 0px 5px;}
.item-L.item-03 .right .order .shade-selector{ padding: 10px 0 0 0; }
.item-L.item-03 #main-form { /*float: left;*/ margin :0 0 15px 0; overflow:hidden; position: relative; width:100%}
.item-L.item-03 #main-form .product-quantity{ text-align:right; width:60px; }
.item-L.item-03 #main-form .product-size{ text-align:right; width:90px; }
/*.item-L.item-03 #main-form .shade-type-select{ text-align:right; width:130px; }*/
.item-L.item-03 #main-form div { /*float:left; margin-right: 15px; */}
.item-L.item-03 #main-form .quantity { clear:both; }
.item-L.item-03 #main-form .quantity, .item-L.item-03 #main-form .volume, .item-L.item-03 #main-form .shade-type{ float:left; margin:0 15px 15px 0; }
.item-L.item-03 #main-form .shade-type .shade-type-select{ width:270px; }
.item-L.item-03 #product-block{ border: 1px solid #868686; display:block; float: left; padding: 20px; position: relative;}
.item-L.item-03 #product-block .content{ display:block; height:100%; overflow: hidden; width:100%}
.item-L.item-03 #product-block .prices { float: left; margin:0 20px 10px 0; }
.item-L.item-03 #product-block .prices:last-of-type { float: left; margin:0 0px 5px -10px; }
.item-L.item-03 #product-block .prices #price_per_ml { font-size:8px; float: left; margin:0 20px 10px 0; }
.item-L.item-03 #product-block .title { display:block; font-size:16px; line-height:1em; margin:0; }
.item-L.item-03 #product-block .price { display:table-cell; height:30px; vertical-align:top; }
.item-L.item-03 #product-block .prices .old { color:#666; font:normal 1.8em/1.6em "gill-ss-std-bold","Times New Roman", Times, serif; text-decoration:line-through; }
.item-L.item-03 #product-block .prices .new { color:#e2007a; font:normal 2.6em/2.1em "gill-ss-std-bold","Times New Roman", Times, serif; }
.item-L.item-03 .right .button-buy {background-color:#e2007a; color:white; font:normal 2em "gill-ss-std-bold","Times New Roman", Times, serif; height:45px; float: right; text-transform: uppercase; width:195px;}
.item-L.item-03 .right .button-buy:hover { text-decoration:underline; }
.item-L.item-03 .right .free-shipping-amout{ float:right; font:normal 1.4em/1em "gill-ss-std", "Times New Roman", Times, serif; }
.item-L.item-03 .right .free-shipping-amout .amount-left{font:normal 1em "gill-ss-std-bold","Times New Roman", Times, serif; color:#343434; }
.item-L.item-03 .right .free-shipping-amout .free-shipping{background:url("../img/common/product/free-shipping_bg.gif") no-repeat scroll bottom left transparent; display:inline-block; color:#343434; font:normal 1em/30px "gill-ss-std-bold","Times New Roman", Times, serif; }
.item-L.item-03 .right #product-offers{float:left; margin-top:15px;}
.item-L.item-03 .right #product-offers p:first-child{font:normal 1.4em/1em "gill-ss-std-bold","Times New Roman", Times, serif; }
.item-L.item-03 .right #product-offers p:last-child{color:#e2007a;font:normal 1.4em/1em "gill-ss-std","Times New Roman", Times, serif; padding:5px 0; }
.item-L.item-03 .right .warranties { border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; float:left; font:normal 1.4em/34px "gill-ss-std", "Times New Roman", Times, serif; height:34px; margin: 10px 0; overflow:hidden; /*padding:15px 0;*/ width:100%; }
/*.item-L.item-03 .right .warranties img { height:34px; padding:0 10px 0 0; display:inline !important}
.item-L.item-03 .right .warranties ul {list-style:none; float:left;}
.item-L.item-03 .right .warranties ul li{ display:block; float:left; height:34px; position:relative;}*/
.item-L.item-03 .right .warranties ul li > a { display:block; float:left; color:#7fb719; padding: 0 10px; }
.item-L.item-03 .right .warranties ul li a:hover { text-decoration: underline; }
.item-L.item-03 .right .warranties ul li:first-child img { width:18px !important;}
.item-L.item-03 .right .warranties ul li:last-child { background: none; }
.item-L.item-03 .right .warranties ul li:last-child img { padding:5p 0 0; width:43px !important;}
.item-L.item-03 .right .warranties ul li:last-child .delivery-txt{ display:block; float:left; line-height:58px; padding:0 0 0 10px; position:relative; }
.item-L.item-03 .right .warranties ul li:last-child .delivery-txt a{ color:#7fb719; font-size:.9em; }
.item-L.item-03 .right .warranties ul li:last-child .delivery-txt .shipping-amount{font:normal 1em "gill-ss-std-bold", "Times New Roman", Times, serif;}
.item-L.item-03 .right .warranties .delivery-txt .more_info{ color:#7fb719; font-size:12px; }
.item-L.item-03 .right .product-infos { color:#4d4d4d; float:left; font:normal 1.4em/1.2em "gill-ss-std", "Times New Roman", Times, serif; padding: 15px 0;width:100%; }
.item-L.item-03 .right .product-infos .title { font-family:"gill-ss-std-bold", "Times New Roman", Times, serif; margin:0 0 5px 0; }
.item-L.item-03 .right .product-infos .introduction { margin:0 0 5px 0; }
.item-L.item-03 .right .product-infos .description { margin:0 0 20px 0; }
.item-L.item-03 .right .product-infos ul{ margin:0 15px 20px 15px; }
.item-L.item-03 .right .product-infos ul li{padding: 2px 5px; }
.item-L.item-04{ /*overflow: hidden;*/ position: relative; width:100%; }
.item-L.item-04 header { display:block; padding:0 0 80px 0; position:relative; }
.item-L.item-03 header { display:block; padding:0 0 50px 0; position:relative; }
.item-L.item-04 header hgroup, .item-L.item-03 header hgroup{ width:50%; }
.item-L.item-04 header .title, .item-L.item-03 header .title{ color:#7fb719; font:normal 64px "bebasneue",Impact, Charcoal, sans-serif; margin:0 0 25px 0; }
.item-L.item-04 header .subtitle, .item-L.item-03 header .subtitle{ color:#424242; font:normal 1.3em/1em "gill-ss-std",Verdana, Geneva, sans-serif; margin:0 0 0 0; text-transform:uppercase; width:365px; line-height: 110%; }
/* Added by Rob for category headers */
.item-L.item-04 #category-header {/*background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) bottom left repeat-x;*/ min-height: 200px}
.item-L.item-04 #category-header hgroup { width:50%; }
.item-L.item-04 #category-header .title { color:#7fb719; font:normal 54px "bebasneue",Impact, Charcoal, sans-serif; margin:0 0 25px 0; }
.item-L.item-04 #category-header .bodycopy { color:#424242; font:normal 1.5em/1em "gill-ss-std",Verdana, Geneva, sans-serif; margin:0 0 0 0; text-transform:none; width:365px; line-height: 110%; }
.item-L.item-04 #category-header .visual { height:100%; position:absolute; right:0; top:0; width:50%; }
.item-L.item-04 #category-header .visual_subcat-01{ top:-50px; position:absolute; right:30px; width:auto!important; max-width:100%; }
.item-L.item-04 header .more { color:#7fb719; font:normal 40px "bebasneue",Impact, Charcoal, sans-serif; margin: 10px 0 0 0; }
.item-L.item-04 header .bodycopy { color:#424242; font:normal 1.3em/1em "gill-ss-std",Verdana, Geneva, sans-serif; margin:0 0 0 0; text-transform:none; width:365px; line-height: 110%; }
.item-L.item-04 header .bodycopy a {text-decoration: none;outline: none;color: #7FB719;}
.item-L.item-04 header .subtitle span, .item-L.item-03 header .subtitle span { font-family:"gill-ss-std-bold",Verdana, Geneva, sans-serif; }
.item-L.item-04 header .visual { height:100%; position:absolute; right:0; top:0; width:50%; }
.item-L.item-03 header .visual { top: 0; position: absolute; right: 30px; width: auto!important; max-width: 100%; }
.item-L.item-04 header .button-01 { bottom: 10px; position: absolute; right: 0;}
.item-L.item-04 .visual_subcat-01{ /*float:right;*/ top:-50px; position:absolute; right:30px; width:auto!important; max-width:100%; }
.item-L.item-04 .filters{ border:1px solid #ccc; color:#666; font:normal 1.4em/42px "gill-ss-std",Verdana, Geneva, sans-serif; height:42px; overflow:hidden; padding:0 10px 0 15px; position:relative; width:100%; }
.item-L.item-04 .filters .title{ display:block; float:left; font-family:"gill-ss-std-bold",Verdana, Geneva, sans-serif; /*margin:0 25px 0 0;*/ margin:0; }
.item-L.item-04 .filters > .title{ margin:0 10px 0 0; overflow:hidden; text-transform:uppercase; }
.item-L.item-04 .filters ul{ display:block; float:left; text-transform:uppercase; }
.item-L.item-04 .filters ul li{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-03.gif) center right no-repeat; display:block; float:left }
.item-L.item-04 .filters ul li:last-child{ background:0 none; }
.item-L.item-04 .filters ul li:hover a{ color:#666; }
.item-L.item-04 .filters ul li:hover{ background-color:#e5e5e5; }
/*.item-L.item-04 .filters ul li:last-child{ background-image: none; }*/
.item-L.item-04 .filters ul li a{ color:#666; display:block; padding:0 13px; }
.item-L.item-04 .filters ul .active a{ font-family:"gill-ss-std-bold",Verdana, Geneva, sans-serif; }
.item-L.item-04 .filters ul li a span{ display:inline-block; font-size:10px; height:6px; position:relative; top:-2px; width:11px; }
.item-L.item-04 .filters ul li a .up{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -280px -30px no-repeat; }
.item-L.item-04 .filters ul li a .down{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -260px -30px no-repeat; }
#diagnostic-tool{ color:#666; float:right; /*position:absolute; top:0; right:10px;*/ }
#diagnostic-tool a{ color:#7fb719; }
#diagnostic-tool a:hover{ color:#666; }
#diagnostic-tool .alt-style-01{ font:normal 28px/42px "TBSactivist", "Comic Sans MS", cursive; }
#diagnostic-tool .alt-style-02{ text-transform:uppercase; }
#diagnostic-tool .arrow{ font-size:10px; }
/*.item-L.item-04 .products-list{ clear:both; display: block; margin: 0; overflow: hidden; position:relative; width:100%; }*/
/* COMMUNITY LINK */
#community_link{ color:#666666; /*float:left;*/ font:normal 1.4em/45px "gill-ss-std-bold",Verdana, Geneva, sans-serif; position: absolute; right: 0; top: 0; text-transform:uppercase; }
#community_link a{ color:#7fb719; font-family:"gill-ss-std",Verdana, Geneva, sans-serif; }
#community_link a:hover{ text-decoration:underline; }
/* PAGINATION */
.pagination{ color:#666; float:right; font:normal 1.4em/48px "gill-ss-std",Verdana, Geneva, sans-serif; }
.pagination ul{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-03.gif) center right no-repeat; display:inline-block!important; margin:0 7px 0 0; padding:0 7px; list-style:none; }
.pagination ul li{ display:inline-block; *display:inline; }
.pagination a{ color:#666; display:inline-block; padding:0 7px; }
.pagination a:hover, .pagination .active a{ color:#7fb719; }
.pagination .active a{ color:#7fb719; font-family:"gill-ss-std-bold",Verdana, Geneva, sans-serif; }
.pagination .current { font-weight: bold; color: #7fb719; }
/* BUTTON */
.button-01 { background-color: #7fb719; color: #FFFFFF; display: inline-block; font: 16px/35px "gill-ss-std",Verdana,Geneva,sans-serif; margin: 0; padding: 0 10px; position: relative; text-align: center; text-transform: uppercase; }
.button-01:hover { text-decoration:underline; }
.button-01 span { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -210px -40px no-repeat; display:inline-block; height:14px; margin:0 0 0 10px; position: relative; top: 1px; width:7px; }
/*SEPARATOR*/
.category .products-list .separator { }
/*####################
#### EXTERNAL CSS ####
####################*/
.customStyleSelectBox { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/ico_arrow-down_lang.jpg) right top no-repeat #4f4f4f; border:none; color:#fff; font-size:12px; line-height:25px; height:25px; margin:0 0 0 5px; padding:0 25px 0 0 ; text-align:right; }
.customStyleSelectBox-white { background:url(../img/ico_arrow-down_white.gif) right top no-repeat #fff; border:1px solid #4f4f4f; color:#4f4f4f; font:normal 1.4em/25px "gill-ss-std-bold",Verdana, Geneva, sans-serif; line-height:25px; height:25px; padding:0 25px 0 0 ; text-align:right; }
/* SUBCATEGORY ORDER FILTER SELECT */
/*#community-filter .customStyleSelectBox { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/ico_arrow-down_lang.jpg) right top no-repeat #4f4f4f; border:none; color:#fff; height:25px; margin:0; padding:0 45px 0 10px; text-align:left; }*/
#community-filter .customStyleSelectBox { background:url(../img/common/ico/ico_arrow-down_white.gif) right top no-repeat #fff; border:1px solid #666; color:#666; height:25px; margin:0; padding:0 25px 0 10px; text-align:right; }
#main-form .customStyleSelectBox { background:url(../img/common/ico/ico_arrow-down_white.gif) right top no-repeat #fff; border:1px solid #666; color:#666; height:25px; margin:0; padding:0 25px 0 10px; text-align:right; }
#quickshop .customStyleSelectBox { background:url(../img/common/ico/ico_arrow-down_white.gif) right top no-repeat #fff; border:1px solid #666; color:#666; height:25px; margin:0; padding:0 25px 0 10px; text-align:right; }
/* second titre traduit */
/*####################
#### LIB GRIS CSS ####
####################*/
.container {
}
.row {
overflow: hidden;
width: 100%;
margin: 0 0 10px 0;
}
.row div:last-child {
margin-right: 0!important;
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
float: left;
margin-right: 0.833%;
min-height: 1px;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.row .fourcol {
width: 32.75%;
}
.row .sixcol {
width: 49.583%;
}
.row .eightcol {
width: 66.333%;
}
.row .twelvecol {
float: left;
width: 100%;
}
/*######################
#### LIB COLUMN CSS ####
######################*/
.gcontainer { margin:0 auto; position:relative; text-align:left; }
.gcols{ clear:both; position:relative; }
.gcol, .gcol2, .gcol3, .gcol4, .gcol5{ float:left; display:inline; margin-left:20px; }
.gcols .first, .gcol:first-child{ margin-left:0 !important; }
.gcol{width:49%;}
.gcols3 .gcol{width:32%;}
.gcols4 .gcol{width:23.5%;}
.gcols5 .gcol{width:18.4%;}
.gcols6 .gcol{width:15%;}
.gcols2 .gcol-L { width: 730px; }
.gcols2 .gcol-R { width: 188px; }
.gcols3 > .gcol-L { left:0; position:absolute; top:0; width: 244px; z-index:10; }
.gcols3 > .gcol2 { margin:0 0 0 264px; width: auto; }
.gcols3 > .gcol2.specific-breadcrumb { box-sizing: border-box; margin: 0; padding: 0 0 0 264px; width: 100%; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; }
.subcategory .gcols3 > .gcol2.content { float:none; display:block; margin:0 0 0 264px; width: auto; }
/*.gcols3 > .gcol2.content { clear:both; width:inherit; }*/
.gcols3 > .gcol2 .gcol-L { width: 78.83%; }
.gcols3 > .gcol2 .gcol-R { margin:0 0 0 2.16%; width: 19%; }
/*######################
####### HOME CSS #######
######################*/
.home #maincontent{ padding:0 0 0 0;} /* Edit by Rob for MakeupMatch page */
.home #maincontent .warranties{ margin-bottom:0; text-align:center; }
.home #maincontent .warranties ul li { display: inline-block; }
/* ingredients slider */
.home .item-L.item-02 {/*background:#f3fad9; border:0px;*/}
#request_newsletter a, #request_newsletter a:hover
{
background-color: #666;
color: white;
display: block;
font: normal 13px "gill-ss-std-bold",Verdana, Geneva, sans-serif;
margin: 0 0 5px 0;
padding: 3px 5px;
position: relative;
text-align: left;
text-transform: uppercase;
float:left;
}
#request_newsletter a span
{
background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -210px -40px no-repeat;
display: inline-block;
height: 12px;
margin: 0 0 0 5px;
position: relative;
width: 7px;
}
.home #customer-tools .request_newsletter { margin-bottom:3px; background-color: #7fb719;height: 26px;padding: 10px;text-transform: uppercase;font: normal 3em/1em "bebasneue", Arial, Helvetica, sans-serif;font-size: 29px; } /* edited by Rob */
.home #customer-tools .request_newsletter label{ color:#FFF; font:normal 3em/1em "TBSactivist", "Comic Sans MS", cursive; text-transform: none;}
.home #customer-tools .request_newsletter .batch{ padding:0 35px 0 0; position:relative; }
.home #customer-tools .request_newsletter input[type="text"]{ background-color:#FFF; color:#666; padding:0 10px; width:92%; }
.home #customer-tools .request_newsletter input[type="submit"]{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) 0 -160px no-repeat; color:#004c32; position:absolute; right:0; text-indent:-9999em; top:0; }
.home #customer-tools p { color:#FFF; font-size:1.7em; line-height: 18px; font-weight: bold; padding-bottom: 5px; }
.home #customer-tools a { color:#FFF; font-size:1.1em; font-weight: 100; }
.home #customer-tools a .arrow { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -260px -59px no-repeat; display:inline-block; height:9px; margin-left: 5px; position:relative; width:7px; }
.home #social-networks{ clear:both; margin:0; position:relative; }
.home #fb-block{ position:relative; }
.home #join_community{ border:1px solid #ccc; overflow:hidden; margin:0 0 -1px 0; padding: 8px 120px 8px 10px; position:relative; }
.home #join_community .title{ color: #ec008c; float:left; font: 3em/1em "bebasneue",Impact, Charcoal, sans-serif; }
.home #join_community .title .alt-style-01{ color: #666; }
.home #join_community .title .alt-style-02{ color: #333; }
.home #join_community ul{ /*float:right;*/ list-style:none; /*margin:15px 0 0 0;*/ }
.home #join_community .social-networks{ position:absolute; right:15px; top:0px; background:none; }
/*.home #join_community ul li{ float:left; margin:0 5px 0 0; }
.home #join_community ul li:last-child{ margin:0; }
.home #join_community ul li a{ display:block; height:28px; position:relative; text-indent:-9999em; width:28px; }
.home #join_community ul .twitter a{ width:28px; }
.home #join_community ul .twitter a span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -260px 0 no-repeat; height:100%; left:0; position:absolute; top:1px; width:100%; }
.home #join_community ul .facebook a{ width:28px; }
.home #join_community ul .facebook a span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -288px 0 no-repeat; height:100%; left:0; position:absolute; top:1px; width:100%; }
.home #join_community ul .youtube a{ height:29px; width:30px; }
.home #join_community ul .youtube a span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -316px 0 no-repeat; height:100%; left:0; position:absolute; top:0; width:100%; }*/
.home #social-networks .wrapper{ border: 1px solid #CCCCCC; bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; }
.home #social-networks iframe { margin: -1px 0 0 -1px; }
.home #likebox-fb{ overflow:hidden; position:relative; }
.home #fb-block{ border:1px solid #ccc; overflow:hidden; position:relative; }
.home #fbbox{ margin: -1px 0 0 -1px; }
.home #fbbox .fbConnectWidgetTopmost { border-color:#CCCCCC!important;}
#maincontent .warranties{ height:58px; }
#maincontent .warranties ul li{ height:58px; position:relative; /*text-align:center;*/ }
#maincontent .warranties ul li .title{ line-height:58px; }
#maincontent .warranties ul .returns .visual{ margin:12px 0 0 15px; }
#maincontent .warranties ul .delivery .visual{ margin:11px 0 0 12px; }
#maincontent .warranties ul li .subtitle{ top: 37px; }
/*######################
###### PRODUCT CSS #####
######################*/
.product #additionnal-nav { margin:0 0 20px 0; }
.product .advertising { margin:0 0 20px 0; }
/*.product .gcol.gcol2{position:relative;}*/
.product .contextual-nav {margin-top:-38px; position: absolute; right:0; z-index:1;}
.product .contextual-nav ul{ list-style:none; }
.product .contextual-nav ul li{ float:left; font:normal 1.5em/30px "gill-ss-std-bold","Times New Roman", Times, serif; /*margin:0 0 0 10px;*/ margin:0; text-transform: uppercase; }
.product .contextual-nav ul li a {color:#666}
.product .contextual-nav ul li a span {color:#7fb719; font-family: "gill-ss-std",Verdana, Geneva, sans-serif;}
.product .contextual-nav ul li a:hover span {text-decoration: underline;}
.product .catalog{ overflow:hidden; position:relative; }
.product .catalog ul{ list-style:none; }
.product .catalog .item-S.item-04 { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) left bottom repeat-x; padding:15px 0; }
.product .catalog li:last-child .item-S.item-04{ background:0 none; }
.product .catalog .item-S.item-04 .wrapper{ border:0 none; overflow:hidden; position:relative; }
.product .catalog .item-S.item-04 .visual{ display:block; margin:0 10% 5px 10%; position:relative; min-height:110px; }
.product .catalog .item-S.item-04 .title-01{ color:#7fb719; font:normal 3em/1em "bebasneue",Impact, Charcoal, sans-serif; text-transform:uppercase; }
.product .catalog .item-S.item-04 .batch { padding: 0 0 50px; position:relative; display:block; }
.product .catalog .item-S.item-04 .rating{ margin:0 0 10px 0; }
.product .catalog .item-S.item-04 .rating img{ float:left; margin:0 10px 0 0; width:115px!important; }
.product .catalog .item-S.item-04 .prices{ margin:0 0 5px 0; width:100%; }
.product .catalog .item-S.item-04 .prices .new{ font-size:18px; line-height:20px; }
.product .catalog .item-S.item-04 .prices .old{ font-size:16px; line-height:20px; position: relative; margin: 5px 5px 5px 0; }
/*.product .catalog .item-S.item-04 .button{ }*/
h4.title.title-02 { margin: 0px; padding: 0px; }
.product .item-L.item-03 .right .order ul.size-selector li:hover{ background: #ccc;}
.product .item-L.item-03 .right .button-buy { font-size: 17px;margin: 15px 0 0;width: 38%;}
/*.product #maincontent .warranties { height: 30px; }
.product .item-L.item-03 .right .warranties ul { margin-top:-5px; }
.product #maincontent .warranties ul li { height: 40px; display:inline-block; }*/
/*.product .item-L.item-03 .right .warranties img { height:auto; }*/
.product .item-L.item-03 .right .warranties ul li:last-child img { width: 33px!important; }
.product .item-L.item-03 .right .warranties ul li a { /*font-size:0.9em;*/ line-height: 58px; }
/*.product .item-L.item-03 .right .warranties ul li:last-child .delivery-txt { font-size:0.9em; line-height: 40px;}
.product .item-L.item-03 .right .warranties ul li:last-child .delivery-txt a { font-size:0.9em;}
.product .item-L.item-03 .right .warranties ul li:last-child .delivery-txt .shipping-amount { font-size:0.9em; }*/
.product .item-L.item-03 .right .warranties img { float:left; padding: 17px 0 0 10px; }
.product .featured{position:relative; margin: 25px 0 0 0;}
.product .featured .title{ font:normal 1.4em/15px "gill-ss-std-bold","Times New Roman", Times, serif;}
.product .featured a{ color:#7fb719; font:normal 1.4em/15px "gill-ss-std","Times New Roman", Times, serif; text-decoration: underline;}
.product .featured a:hover{ text-decoration: none;}
.product .gcol.gcol-L.first .inner-nav{border: 1px solid #ccc; position:relative; margin: 0 0 25px 0;}
.product .gcol.gcol-L.first .inner-nav ul{ list-style:none; overflow:hidden; position:relative; text-transform: uppercase;}
.product .gcol.gcol-L.first .inner-nav ul li{background: url('https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-01.gif') center right no-repeat; color:#3a5508; display:block; float:left; font:normal 1.4em/40px "gill-ss-std", "Times New Roman", Times, serif !important; height:40px;}
.product .gcol.gcol-L.first .inner-nav ul li.selected{background: none; background-color:#e5e5e5; font:normal 1.4em/40px "gill-ss-std-bold", "Times New Roman", Times, serif !important; height:40px; }
.product .gcol.gcol-L.first .inner-nav ul li a{color:#666; display:block; /*height:20px;*/ }
.product .gcol.gcol-L.first .inner-nav ul li:hover a{color:#666;}
.product .gcol.gcol-L.first .inner-nav ul li:hover{background-color:#e5e5e5; }
.product .gcol.gcol-L.first .inner-nav ul li:last-child{background-image: none;}
.product .gcol.gcol-L.first .about-content {list-style:none; overflow:hidden; width:100%}
.product .gcol.gcol-L.first .about-content > li{ margin:0 0 7px 0; overflow:hidden; position:relative; }
.product .gcol.gcol-L.first .about-content > li .title{ color:#666; font:normal 14px "gill-ss-std-bold","Times New Roman", Times, serif; margin:0 0 5px 0; text-transform:uppercase; }
.product .gcol.gcol-L.first .about-content > li .description{ color:#666; font:normal 14px "gill-ss-std","Times New Roman", Times, serif; position: relative; }
.product .gcol.gcol-L.first .about-content > li .description a{ color:#7fb719; }
.product .gcol.gcol-L.first .about-content table{ }
.product .gcol.gcol-L.first .about-content tr{ border-bottom:1px solid #ccc; }
.product .gcol.gcol-L.first .about-content th{ color:#666; font:normal 1.4em/1em "gill-ss-std-bold","Times New Roman", Times, serif; padding:10px; }
.product .gcol.gcol-L.first .about-content td{ color:#666; font:normal 1.4em/1.4em "gill-ss-std","Times New Roman", Times, serif; padding:10px; }
.product .about-content td a, .product .about-content th a{ color:#666; }
.product .about-content td a:hover, .product .about-content th a:hover{ text-decoration:underline; }
.product .gcol.gcol-L.first .about-content li > .title{background:#fff; color:#fff; font:normal 3em/40px "bebasneue", Arial, Helvetica, sans-serif; display:block; height:40px; overflow:hidden; padding:0 20px; width:100%; }
.product .gcol.gcol-L.first .about-content li > .title a{ color:#7fb719; display:block; }
.product .gcol.gcol-L.first .about-content .opened > .title a{ color:#fff; display:block; }
.product .gcol.gcol-L.first .about-content li > .border{ border: 1px solid #CCCCCC;display: block;height: 38px;overflow: hidden;position: absolute; width: 99%;}
.product .gcol.gcol-L.first .about-content .opened > .border{ display:none; }
.product .gcol.gcol-L.first .about-content li > .title a:hover{ text-decoration:underline; }
/*.product .gcol.gcol-L.first .about-content li > .title a:hover span{ text-decoration:underline; }*/
.product .gcol.gcol-L.first .about-content .opened > .title{ background:url("../img/temp/product-title_bg.jpg") repeat scroll top left transparent; color:#fff; font:normal 3em/40px "bebasneue", Arial, Helvetica, sans-serif; display:block; height:40px; overflow:hidden; padding:0 20px;}
/*.product .gcol.gcol-L.first .about-content li h4.title span{font:normal 14px/40px "gill-ss-std", "Times New Roman", Times, serif; float: right; margin-right:5px; position:relative;}*/
.product .about-content li .title em{ color:#666; font:normal 14px/40px "gill-ss-std", "Times New Roman", Times, serif; /*float: right; margin-right:5px; position:relative;*/ position:absolute; right:20px; top:0; }
.product .about-content li .title em span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -290px -50px no-repeat; display:inline-block; height:14px; margin:0 0 0 5px; position:relative; top:2px; width:14px; }
.product .about-content li .title:hover, .product .about-content li .title:hover em span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -310px -50px no-repeat; }
.product .about-content .opened .title em{ color:#fff; font:normal 14px/40px "gill-ss-std", "Times New Roman", Times, serif; /*float: right; margin-right:5px; position:relative;*/ position:absolute; right:20px; top:0; }
.product .about-content .opened .title em span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -205px -40px no-repeat; position:relative; top:2px; }
.product .about-content .opened .title:hover em span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -328px -50px no-repeat; }
.product .gcol.gcol-L.first hr{/*border: 1px solid #ccc; width:100%;*/}
.product .gcol.gcol-L.first .button { background-color: #7fb719; color: #FFFFFF; display: inline-block; float: right; font: 22px/40px "gill-ss-std-bold",Verdana,Geneva,sans-serif; margin: 0 0 0 10px; padding: 0 15px; position: relative; text-align: center; }
.product .gcol.gcol-L.first .button:hover { text-decoration:underline; }
.product .gcol.gcol-L.first .about-content li h4.title img{ float: right; width:14px !important; height:14px; margin-top:13px}
.product .gcol.gcol-L.first .about-content .catalog{ padding:10px 20px; }
.product .gcol.gcol-L.first .about-content .catalog li{ margin:0 0 10px 0; }
.product .gcol.gcol-L.first .about-content .back-to-top{ color:#666; float:right; font:normal 1.4em/1.2em "gill-ss-std", "Times New Roman", Times, serif; margin:0 20px 0 0; position: relative; padding: 0 0 10px 0;}
.product .gcol.gcol-L.first .about-content .back-to-top:hover{ color:#7fb719; }
.product .gcol.gcol-L.first .about-content .back-to-top span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -270px -40px no-repeat; display:inline-block; height:7px; margin:0 0 0 5px; width:13px; }
.product .gcols3 > .gcol2.content { padding-top:20px; }
.advert-dummy{ overflow:hidden; padding: 20px 0 0; position:relative; }
.advert-dummy ul{ list-style:none; }
.advert-dummy ul li{ /*display:inline-block;*/ display:block; float:left; width:33%; }
.advert-dummy ul li .advertising{ margin:0!important; }
.advert-dummy ul li:nth-child(3n+1) .advertising{ float:left; }
.advert-dummy ul li:nth-child(3n+2) .advertising{ margin:0 auto!important; }
.advert-dummy ul li:nth-child(3n+3) .advertising{ float:right; }
#microbasket{ background:url(../img/common/pixel/pixel_black60.png) 0 0 repeat transparent; height:100%; left:0; position:absolute; top:0; visibility:hidden; width:100%; z-index:500; }
#microbasket .overlay{ left: 0; position:absolute; top: 230px; width:100%; }
#microbasket .btn.close{ color:#fff; display:inline-block; *display:inline; /*float:right;*/ font:normal 14px/22px "gill-ss-std",Verdana, Geneva, sans-serif; padding:0 20px 0 0; position:absolute; right:10px; text-align:right; top:10px; }
#microbasket .btn.close span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -330px -30px no-repeat; /*display:inline-block; *display:inline;float:right;*/ height:17px; margin:0 0 0 5px; position:absolute; right:0; top:4px; width:17px; }
#microbasket .container{ background-color:#FFF; border:1px solid #C6C6C5; left:50%; margin:0 0 0 -196px; padding:0; position:absolute; top:50%; width:390px; z-index:1; }
#microbasket .container .visual{ display:block; float:left; height:80px; margin:0 10px; width:80px; }
#microbasket .container .infos{ float:left; width:275px; }
#microbasket .container .infos .price{ color:#666; font: 18px/1em "gill-ss-std-bold",Verdana, Geneva, sans-serif; }
#microbasket .container .infos .quantity{ color:#666; font: 14px/1em "gill-ss-std",Verdana, Geneva, sans-serif; }
#microbasket .container .infos .quantity span{ font-family: "gill-ss-std-bold",Verdana, Geneva, sans-serif; }
#microbasket .container > .title{ background-color:#7fb719; color:#fff; display:block; font:30px/41px "bebasneue",Impact, Charcoal, sans-serif; height:45px; margin:0 0 10px 0; overflow:hidden; text-indent:15px; }
#microbasket .container > .title strong{ float:left; font-weight:normal; text-transform:uppercase; }
#microbasket .container .content{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) bottom left repeat-x; overflow:hidden; padding:0 15px 15px 0; position:relative; }
#microbasket .container .content .title{ color:#666; font: 14px/1em "gill-ss-std",Verdana, Geneva, sans-serif; margin:0 0 15px 0; text-transform:uppercase; }
#basket-summary{ background-color:#e5e5e5; clear:both; padding:15px; overflow:hidden; position:relative; }
#basket-summary .total{ color:#333; font: 24px/1em "gill-ss-std-bold",Verdana, Geneva, sans-serif; margin:0 0 10px 0; position:relative; }
#basket-summary .total span{ position:absolute; right:0; }
#basket-summary .tools{ clear:both; margin:0 0 15px 0; overflow:hidden; position:relative; }
#basket-summary .tools .btn{ color:#fff; display:block; float:left; font: 15px/25px "gill-ss-std-bold",Verdana, Geneva, sans-serif; position:relative; text-align:center; text-transform:uppercase; width:48%; }
#basket-summary .tools .btn span{ background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) no-repeat scroll -260px -60px transparent; display: inline-block; height: 8px; margin: 0 0 0 5px; position:relative; top:-1px; width: 4px; }
#basket-summary .tools .btn.wish{ background-color:#7fb719; margin:0 4% 0 0; }
#basket-summary .tools .btn.buy{ background-color:#e2007a; }
#basket-summary .disclaimer{ color:#666; font: 12px/1em "gill-ss-std",Verdana, Geneva, sans-serif; padding:0 15px 0 0; text-align:right; }
#contextual-info{ border:3px solid #343434; padding:10px 0; }
#contextual-info p { font:normal 1.4em/1em "gill-ss-std", "Times New Roman", Times, serif; text-align:center; }
#contextual-info p .amount-left{font:normal 1em "gill-ss-std-bold","Times New Roman", Times, serif; color:#343434; }
#contextual-info p .free-shipping{background:url("../img/common/product/free-shipping_bg.gif") no-repeat scroll bottom left transparent; display:inline-block; color:#343434; font:normal 1em/30px "gill-ss-std-bold","Times New Roman", Times, serif; }
#contextual-product{}
#contextual-product > .title{ color:#7fb719; font: 3em/45px "bebasneue",Impact, Charcoal, sans-serif; padding:0 15px; text-transform:uppercase; }
#contextual-product ul{ list-style:none; overflow:hidden; padding:0 0 10px 0; position:relative; }
#contextual-product li{ display:block; float:left; text-align:center; width:50%; }
#contextual-product li:first-child{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-03.gif) top right repeat-y; }
#contextual-product li a span{ color:#666; display:block; font: 10px/1em "gill-ss-std",Verdana, Geneva, sans-serif; text-transform:uppercase; }
#contextual-product li a span:last-child{ color:#666; display:block; font: 9px/1em "gill-ss-std",Verdana, Geneva, sans-serif; text-transform:uppercase; }
#contextual-product li:hover a span{ color:#7fb719; }
#microbasket .container .link.detail{ color:#7fb719; float:right; font: 14px/40px "gill-ss-std",Verdana, Geneva, sans-serif; margin:0; text-decoration:underline; }
#microbasket .container .link.detail span { background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) no-repeat scroll -230px -60px transparent; display: inline-block; height: 9px; margin: 0 20px 0 5px; width: 5px; }
/*.product .shade-selector .description .name{ color:#000; margin:0 5px 0 0; }*/
.product #selected-shade .description .weight{ display:block; }
/*#######################
#### SUBCATEGORY CSS ####
#######################*/
.subcategory #additionnal-nav,.category #additionnal-nav { margin:0 0 20px 0; }
.subcategory .advertising,.category .advertising { margin:0 0 20px 0; }
.subcategory .advertising-03,.category .advertising-03 { height:306px; }
.subcategory .catalog-01{ overflow:hidden; position:relative; width:100%; }
.subcategory .catalog-01 .nav.first { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) bottom left repeat-x; height:48px; position:relative; }
.subcategory .catalog-01 ul{ /*display:inline-block; *display:inline;*/ list-style:none; }
.subcategory .catalog-01 .products-list { display:block; overflow:hidden; padding:0; width:100%; }
.subcategory .catalog-01 .products-list > li{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) bottom left repeat-x; display:block; float:left; margin:0; overflow:hidden; padding:20px 0; position:relative; width:33.33%; }
.subcategory .catalog-01 .products-list > li:first-child, .catalog-01 .products-list > li:nth-child(2), .catalog-01 .products-list > li:nth-child(3){ /*margin:0 0 0 0;*/ }
.subcategory .catalog-01 .products-list > li article{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/separator-04.gif) top right repeat-y; }
.subcategory .catalog-01 .products-list > li:nth-child(3n+1) { clear: both; width:32.5%; }
.subcategory .catalog-01 .products-list > li:nth-child(3n+2) { width:35%; }
.subcategory .catalog-01 .products-list > li:nth-child(3n+3) { width:32.5%; }
.subcategory .catalog-01 .products-list > li:nth-child(3n+1) article{ padding:0 7.692% 0 0; }
.subcategory .catalog-01 .products-list > li:nth-child(3n+2) article { padding:0 7.142%; }
.subcategory .catalog-01 .products-list > li:nth-child(3n+3) article { background:0 none; padding:0 0 0 7.692%; }
/* added by Rob for category headers */
.subcategory #category-browse .catalog-01 { overflow:hidden; position:relative; width:100%; }
.subcategory #category-browse .catalog-01 ul{ list-style:none; }
.subcategory #category-browse .catalog-01 .products-list { display:block; overflow:hidden; padding:0; width:100%; }
.subcategory #category-browse .catalog-01 .products-list > li{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) bottom left repeat-x; display:block; float:left; margin:0; overflow:hidden; padding:10px 0; position:relative; width:33.33%; }
.subcategory #category-browse .catalog-01 .products-list > li article{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/separator-04.gif) top right repeat-y; }
.subcategory #category-browse .catalog-01 .products-list > li:nth-child(3n+1) { clear: both; width:32.5%; }
.subcategory #category-browse .catalog-01 .products-list > li:nth-child(3n+2) { width:35%; }
.subcategory #category-browse .catalog-01 .products-list > li:nth-child(3n+3) { width:32.5%; }
.subcategory #category-browse .catalog-01 .products-list > li:nth-child(3n+1) article{ padding:0 7.692% 0 0; }
.subcategory #category-browse .catalog-01 .products-list > li:nth-child(3n+2) article { padding:0 7.142%; }
.subcategory #category-browse .catalog-01 .products-list > li:nth-child(3n+3) article { background:0 none; padding:0 0 0 7.692%; }
.subcategory #category-browse .visual{ display: block; margin:0; padding: 0; width: 100%; position: relative;}
.subcategory .item-L.item-04 header { padding: 0 0 0 0;min-height: 200px; }
.subcategory .item-S.item-04 .name{ left:0; position:absolute; top:0; width:100%; }
.subcategory .item-S.item-04 .prices .new{ display:table-cell; /*height:33px;*/ vertical-align:bottom; }
.subcategory .item-S.item-04 .button{ float:left; /*width:50%; }
.subcategory .item-S.item-04 .button span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -210px -40px no-repeat; display:inline-block; height:14px; margin:0 0 0 5px; position:relative; width:7px; }
.subcategory #community,.category #community{ border:1px solid #7eb818; /*left:1px;*/ position:relative; /*right:1px; width:100%;*/ }
.subcategory #community .batch,.category #community .batch{ padding:15px; }
.subcategory #community .title,.category #community .title{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/bg_title_grass.jpg) 0 0 repeat-x; color:#fff; font:3em/30px "bebasneue",Impact, Charcoal, sans-serif; padding:6px 10px }
.subcategory #community .subtitle,.category #community .subtitle{ color:#666; display:inline-block; font:normal 1.8em/1em "gill-ss-std-bold","Times New Roman", Times, serif; margin:0 0 10px 0; }
.subcategory #community .info,.category #community .info{ color:#666; display:inline-block; font:normal 1.4em/1em "gill-ss-std","Times New Roman", Times, serif; margin:0 0 0 20px; }
.subcategory #community .description,.category #community .description{ color:#666; font:normal 1.4em/1.2em "gill-ss-std","Times New Roman", Times, serif; margin:0 0 20px 0; }
.subcategory #community .description a,.category #community .description a{ color:#7fb719; }
.subcategory #community .description span,.category #community .description span{ font-family:"gill-ss-std-bold","Times New Roman", Times, serif; }
.subcategory #community .choice,.category #community .choice { color:#4d4d4d; display: block; font-family:"gill-ss-std",Verdana, Geneva, sans-serif; font-size:2.6em; overflow: hidden; position: relative; text-align: right; }
.subcategory #community .choice .search_q,.category #community .choice .search_q { color:#666; font-family:"gill-ss-std","Times New Roman", Times, serif; font-size:20px; margin:0 20px 0 0; }
.subcategory #community .choice .search_q:hover,.category #community .choice .search_q:hover { color: #7fb719; }
.subcategory #community .button,.category #community .button { background-color: #7fb719; color: #FFFFFF; display: inline-block; font: 22px/40px "gill-ss-std-bold",Verdana,Geneva,sans-serif; margin: 0 0 0 10px; padding: 0 15px; position: relative; text-align: center; }
.subcategory #community .button:hover ,.category #community .button:hover { text-decoration:underline; }
.subcategory #community .button span,.category #community .button span { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -210px -40px no-repeat; display:inline-block; height:14px; margin:0 0 0 5px; width:7px; }
.subcategory #community .button span,.category #community .button span { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -210px -40px no-repeat; display:inline-block; height:14px; margin:0 0 0 5px; width:7px; }
#search_question {display: inline-block; overflow: hidden; position: relative; top: 12px; width:385px;}
#search_question input[type="text"]{ border:1px solid #7fb719; color:#666; float:left; font:normal .8em/1em "gill-ss-std",Verdana, Geneva, sans-serif; height:38px; margin:0; padding:0 10px; width:320px; }
#search_question input[type="submit"]{ background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) no-repeat scroll -75px -155px #7fb719; float:left; height:40px; margin:0 0 0 0; padding:0; text-indent:-9999em; width:40px; }
.subcategory #community .filters,.category #community .filters{ height:36px; margin:10px 0 0 0; overflow:hidden; position:relative; }
.subcategory #community .filters #community-search,.category #community .filters #community-search{ }
.subcategory #community .filters #community-search input[type="text"],.category #community .filters #community-search input[type="text"]{ border-bottom:1px solid #666; border-left:1px solid #666; border-top:1px solid #666; color:#666; float:left; font:normal 1.4em/32px "gill-ss-std","Times New Roman", Times, serif; height:32px; padding:0 5px; }
.subcategory #community .filters #community-search input[type="submit"],.category #community .filters #community-search input[type="submit"]{ background-color:#fff; border-bottom:1px solid #666; border-right:1px solid #666; color:#666; border-top:1px solid #666; float:left; font:normal 1.4em/34px "gill-ss-std","Times New Roman", Times, serif; height:34px; padding:0 10px; }
.subcategory #community .filters #community-filter,.category #community .filters #community-filter{ color:#666; font:normal 1.4em/25px "gill-ss-std","Times New Roman", Times, serif; float:right; }
.subcategory #community .filters #community-filter select,.category #community .filters #community-filter select{ width:100px; }
.subcategory #community .filters #community-filter label,.category #community .filters #community-filter label{ float:left; margin:0 10px 0 0; }
.subcategory #community .catalog-02,.category #community .catalog-02{ list-style:none; }
.subcategory #community .catalog-02 li,.category #community .catalog-02 li{ border-bottom:1px dotted #666; display:block; height:65px; position:relative; width:100%; }
.subcategory #community .catalog-02 li:last-child,.category #community .catalog-02 li:last-child{ border-bottom:0 none; }
.subcategory #community .catalog-02 li a,.category #community .catalog-02 li a{ color:#666; font:normal 1.4em/65px "gill-ss-std","Times New Roman", Times, serif; float:left; }
.subcategory #community .catalog-02 li a:hover,.category #community .catalog-02 li a:hover{ color:#7fb719; }
.subcategory #community .catalog-02 li a span,.category #community .catalog-02 li a span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -220px -60px no-repeat; display: inline-block; height: 9px; margin: 0 20px 0 5px; width:5px; }
.subcategory #community .answers,.category #community .answers{ color:#666; font:normal 1.4em/.8em "gill-ss-std","Times New Roman", Times, serif; margin: 12px 0 0; /*position:absolute; right:0; top:12px;*/ float:right; }
.subcategory #community .answers span,.category #community .answers span{ display:block; font:normal 24px/1em "gill-ss-std-bold","Times New Roman", Times, serif; }
.subcategory #cross-sell{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) 0 0 repeat-x; margin:10px 0 0 0; }
.subcategory #cross-sell > .title{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) bottom left repeat-x; color: #7FB719; font: 3em/45px "bebasneue",Impact,Charcoal,sans-serif; text-transform: uppercase; }
.subcategory #cross-sell .item-S.item-04 .name { color: #666666; font: 1.3em/1em "gill-ss-std",Verdana,Geneva,sans-serif; text-transform: uppercase; }
.subcategory #cross-sell .item-S.item-04 .batch { padding: 43px 0 0; }
.subcategory #cross-sell ul{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) bottom left repeat-x; list-style:none; overflow:hidden; position:relative; }
.subcategory #cross-sell ul li{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/separator-04.gif) top right repeat-y; display:block; float:left; margin:20px 0; overflow:hidden; padding:0 2%; width:22%; }
.subcategory #cross-sell ul li:first-child { padding:0 2% 0 0;}
.subcategory #cross-sell ul li:last-child { background:0 none; padding:0 0 0 2%;}
.subcategory #cross-sell .item-S.item-04 .prices .new{ font-size:20px; }
.subcategory #cross-sell .item-S.item-04 .prices .old{ font-size:15px; }
.subcategory #cross-sell .item-S.item-04 .button{ font-size:15px; }
.subcategory #cross-sell .item-S.item-04 .button span{ position:relative; top:2px; }
.subcategory .gcols3 > .gcol2.content { float:none; display:block; margin:0 0 0 264px; padding-top:0px; width: auto; } /* edited by Rob */
#product-zoom, #lb_overlay { background:url(../img/common/pixel/pixel_black60.png) 0 0 repeat transparent; display:none; height:100%; left:0; position:absolute; text-align:center; top:0; width:100%; z-index:500; }
#product-zoom img { min-height:450px; position: relative; min-width:450px; }
#product-zoom a { color:#7fb719; font:15px/1.5em Arial,Helvetica,sans-serif; right:0;position:absolute; top:50%; z-index:501}
#quickshop{ background:url(../img/common/pixel/pixel_black60.png) 0 0 repeat transparent; height:100%; left:0; position:absolute; top:0; visibility:hidden; width:100%; z-index:500; }
#quickshop .overlay{ left: 0; position:absolute; top: 230px; width:100%; }
#quickshop .btn.close{ color:#fff; display:inline-block; *display:inline; /*float:right;*/ font:normal 14px/22px "gill-ss-std",Verdana, Geneva, sans-serif; padding:0 20px 0 0; position:absolute; right:10px; text-align:right; top:10px; }
#quickshop .btn.close span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -330px -30px no-repeat; /*display:inline-block; *display:inline;float:right;*/ height:17px; margin:0 0 0 5px; position:absolute; right:0; top:4px; width:17px; }
#quickshop .container{ background-color:#FFF; border:1px solid #C6C6C5; left:50%; margin:0 0 0 -196px; padding:0; position:absolute; top:50%; width:390px; z-index:1; }
#quickshop .container .visual{ display:block; float:left; height:100px; margin:0 10px; width:100px; }
#quickshop .container .infos{ float:left; width:255px; }
#quickshop .container > .title{ background-color:#7fb719; color:#fff; display:block; font:30px/41px "bebasneue",Impact, Charcoal, sans-serif; height:45px; margin:0 0 10px 0; overflow:hidden; text-indent:15px; }
#quickshop .container > .title strong{ float:left; font-weight:normal; text-transform:uppercase; }
#quickshop .infos .title span{ display:block; font-size:.8em; line-height:14px; }
#quickshop .container .content{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) bottom left repeat-x; overflow:hidden; padding:0 15px 15px 0; position:relative; }
#quickshop .container .content .title{ color:#666; font: 14px/1em "gill-ss-std",Verdana, Geneva, sans-serif; margin:0 0 15px 0; text-transform:uppercase; }
#quickshop .container .link.detail{ color:#7fb719; float:right; font: 14px/40px "gill-ss-std",Verdana, Geneva, sans-serif; margin:0; text-decoration:underline; }
#quickshop .container .link.detail span { background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) no-repeat scroll -230px -60px transparent; display: inline-block; height: 9px; margin: 0 20px 0 5px; width: 5px; }
#quickshop .container .shade-selector{}
#quickshop .container .shade-selector .instruction{ color:#666; font: 14px/1em "gill-ss-std",Verdana, Geneva, sans-serif; padding:0 0 10px 0; }
#quickshop .shade-type-select{ margin:0 0 10px 0; width:250px; }
.shade-selector ul{ list-style:none; margin:15px 0 0 0; }
.shade-selector li{ display:inline-block; *display:block; *float:left; height:51px; margin:-10px 0 0 -5px; width:51px; }
.shade-selector li a{ display:inline-block; *display:block; height:51px; width:51px; }
.shade-selector .description, #selected-shade .description{ color:#000; font:normal 12px/1em "gill-ss-std-bold","Times New Roman", Times, serif; }
.shade-selector .description .name, #selected-shade .description .name{ color:#000; margin:0 5px 0 0; }
.shade-selector .description .weight, #selected-shade .description .weight{ font-family:"gill-ss-std","Times New Roman", Times, serif;}
.shade-selector .shade-01 a{ background:url(../img/common/ico/shades.png) 0 0 no-repeat; }
.shade-selector .shade-02 a{ background:url(../img/common/ico/shades.png) -51px 0 no-repeat; }
.shade-selector .shade-03 a{ background:url(../img/common/ico/shades.png) -102px 0 no-repeat; }
.shade-selector .shade-04 a{ background:url(../img/common/ico/shades.png) -153px 0 no-repeat; }
.shade-selector .shade-05 a{ background:url(../img/common/ico/shades.png) -204px 0 no-repeat; }
.shade-selector .shade-06 a{ background:url(../img/common/ico/shades.png) -255px 0 no-repeat; }
.shade-selector .shade-01.active a, .shade-selector .shade-01:hover a{ background:url(../img/common/ico/shades.png) 0 -51px no-repeat; }
.shade-selector .shade-02.active a, .shade-selector .shade-02:hover a{ background:url(../img/common/ico/shades.png) -51px -51px no-repeat; }
.shade-selector .shade-03.active a, .shade-selector .shade-03:hover a{ background:url(../img/common/ico/shades.png) -102px -51px no-repeat; }
.shade-selector .shade-04.active a, .shade-selector .shade-04:hover a{ background:url(../img/common/ico/shades.png) -153px -51px no-repeat; }
.shade-selector .shade-05.active a, .shade-selector .shade-05:hover a{ background:url(../img/common/ico/shades.png) -204px -51px no-repeat; }
.shade-selector .shade-06.active a, .shade-selector .shade-06:hover a{ background:url(../img/common/ico/shades.png) -255px -51px no-repeat; }
#selected-shade .shade-01{ background:url(../img/common/shades/shades_L.png) 0 0 no-repeat; }
#selected-shade .shade-02{ background:url(../img/common/shades/shades_L.png) -100px 0 no-repeat; }
#selected-shade .shade-03{ background:url(../img/common/shades/shades_L.png) -200px 0 no-repeat; }
#selected-shade .shade-04{ background:url(../img/common/shades/shades_L.png) -300px 0 no-repeat; }
#selected-shade .shade-05{ background:url(../img/common/shades/shades_L.png) -400px 0 no-repeat; }
#selected-shade .shade-06{ background:url(../img/common/shades/shades_L.png) -500px 0 no-repeat; }
/*#selected-shade .shade-01.active{ background:url(../img/common/shades/shades_L.png) 0 -51px no-repeat; }
#selected-shade .shade-02.active{ background:url(../img/common/shades/shades_L.png) -51px -51px no-repeat; }
#selected-shade .shade-03.active{ background:url(../img/common/shades/shades_L.png) -102px -51px no-repeat; }
#selected-shade .shade-04.active{ background:url(../img/common/shades/shades_L.png) -153px -51px no-repeat; }
#selected-shade .shade-05.active{ background:url(../img/common/shades/shades_L.png) -204px -51px no-repeat; }
#selected-shade .shade-06.active{ background:url(../img/common/shades/shades_L.png) -255px -51px no-repeat; }*/
#selected-shade{ float:right; position:relative; top:-15px; width:35%; }
#selected-shade .visual{ display:block; height:100px; overflow:hidden; padding:0; width:100px; }
#selected-shade{ }
#quickshop .container table{ margin:0 0 5px 0; position:relative; width:100%; }
#quickshop .container table th{ color:#666; font: 14px/1em "gill-ss-std",Verdana, Geneva, sans-serif; padding:0 15px 10px 0; text-align:left; }
.nl #quickshop .container table th{ font: 11px/1em "gill-ss-std",Verdana, Geneva, sans-serif; }
#quickshop .container table select{ margin:0 10px 0 0; width:50px; }
#quickshop .container table .price{ vertical-align:middle; }
#quickshop .container table .price .old{ color:#666; font: 16px/1em "gill-ss-std-bold",Verdana, Geneva, sans-serif; padding:0 10px 0 0; text-decoration:line-through; width:65px; }
#quickshop .container table .price .new{ color:#e2007a; font: 26px/1em "gill-ss-std-bold",Verdana, Geneva, sans-serif; padding:0 10px 0 0; width:110px; }
#quickshop .container .tools{ clear:both; margin:0 0 15px 0; overflow:hidden; padding:0 15px; position:relative; }
#quickshop .container .tools .btn{ color:#fff; display:block; float:left; font: 15px/25px "gill-ss-std-bold",Verdana, Geneva, sans-serif; position:relative; text-align:center; text-transform:uppercase; }
#quickshop .container .tools .btn span{ background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) no-repeat scroll -260px -60px transparent; display: inline-block; height: 8px; margin: 0 0 0 5px; position:relative; top:-1px; width: 4px; }
#quickshop .container .tools .btn.wish{ background-color:#7fb719; margin:0 15px 0 0; width:190px; }
#quickshop .container .tools .btn.buy{ background-color:#e2007a; height:25px; width:155px; }
#quickshop .container .tools .btn.buy.disabled{ background-color:#ccc; height:25px; width:155px; }
#quickshop .container .disclaimer{ color:#666; font: 12px/1em "gill-ss-std",Verdana, Geneva, sans-serif; margin:0 0 10px 0; padding:0 15px 0 0; text-align:right; }
/*#quickshop .container .title .text{ display:block; float:left; margin:5px 0 0 0; width:215px; }
#quickshop .container .description{ clear:both; color:#666; font: 14px/1em "gill-ss-std",Verdana, Geneva, sans-serif; margin:0 0 10px 0; }
#quickshop .container .description span{ font: 14px/1em "gill-ss-std-bold",Verdana, Geneva, sans-serif; }
#quickshop .container .disclaimer{ color:#666; font: 12px/1em "gill-ss-std",Verdana, Geneva, sans-serif; margin:0 0 10px 0; }
#quickshop .email_update-01{ margin:0 0 10px 0; }
#quickshop input[type="text"]{ background-color:#dadada; color:#000; font:normal 13px/26px "gill-ss-std",Verdana, Geneva, sans-serif; height:26px; margin:0; padding:0 5px; width:210px; }
#quickshop input[type="submit"]{ background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) no-repeat scroll -40px -160px transparent; color:#fff; font: 1.2em/26px "gill-ss-std-bold",Verdana,Geneva,sans-serif; height:26px; margin:0 0 0 5px; padding:0 5px; position:relative; text-indent: -9999em; text-transform:uppercase; width:31px; }
#quickshop .error_msg{ color:red; display:block; font: 14px/1em "gill-ss-std",Verdana, Geneva, sans-serif; margin:5px 0 0 0; }*/
#quickshop .stock{border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; /*background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) bottom left repeat-x;*/ display:block; margin-bottom: 10px;overflow: hidden; padding:15px; position:relative; width:360px;}
#quickshop .stock img{float:left; margin: 0 15px 0 0;}
#quickshop .stock a {color:#7fb719; float: left; font: 15px/50px "gill-ss-std",Verdana, Geneva, sans-serif;}
#quickshop_outofstock{ background:url(../img/common/pixel/pixel_black60.png) 0 0 repeat transparent; height:100%; left:0; position:absolute; top:0; visibility:hidden; width:100%; z-index:500; }
#quickshop_outofstock .overlay{ left: 0; position:absolute; top: 230px; width:100%; }
#quickshop_outofstock .btn.close{ color:#fff; display:inline-block; *display:inline; /*float:right;*/ font:normal 14px/22px "gill-ss-std",Verdana, Geneva, sans-serif; padding:0 20px 0 0; position:absolute; right:10px; text-align:right; top:10px; }
#quickshop_outofstock .btn.close span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -330px -30px no-repeat; /*display:inline-block; *display:inline;float:right;*/ height:17px; margin:0 0 0 5px; position:absolute; right:0; top:4px; width:17px; }
#quickshop_outofstock .container{ background-color:#FFF; border:1px solid #C6C6C5; left:50%; margin:0 0 0 -196px; padding:0; position:absolute; top:50%; width:390px; z-index:1; }
#quickshop_outofstock .container > .title{ background-color:#7fb719; color:#fff; display:block; font:30px/41px "bebasneue",Impact, Charcoal, sans-serif; height:45px; margin:0 0 10px 0; overflow:hidden; text-indent:15px; }
#quickshop_outofstock .container > .title strong{ float:left; font-weight:normal; text-transform:uppercase; }
#quickshop_outofstock .infos .title span{ display:block; font-size:.8em; line-height:14px; }
#quickshop_outofstock .container .content{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) bottom left repeat-x; overflow:hidden; padding:0 15px 15px 15px 15px; position:relative; }
#quickshop_outofstock .container .content .title{ color:#666; font: 14px/1em "gill-ss-std",Verdana, Geneva, sans-serif; margin:0 0 15px 0; text-transform:uppercase; }
#quickshop_outofstock .container img {float:left;margin: 0 0 15px 15px;}
#quickshop_outofstock .container p {color:#666; float:left; font: 14px/1em "gill-ss-std",Verdana, Geneva, sans-serif; padding: 0 15px 0 15px; width:290px;}
#quickshop_outofstock form{ margin:0 0 10px 0; }
#quickshop_outofstock form fieldset {margin: 15px 0 0 15px;}
#quickshop_outofstock input[type="text"]{ background-color:#dadada; color:#000; font:normal 13px/26px "gill-ss-std",Verdana, Geneva, sans-serif; height:26px; margin:0; padding:0 5px; width:210px; }
#quickshop_outofstock input[type="submit"]{ background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) no-repeat scroll -40px -160px transparent; color:#fff; font: 1.2em/26px "gill-ss-std-bold",Verdana,Geneva,sans-serif; height:26px; margin:0 0 0 5px; padding:0 5px; position:relative; text-indent: -9999em; text-transform:uppercase; width:31px; }
#quickshop_outofstock p.error_msg{ color:red; display:block; font: 14px/1em "gill-ss-std",Verdana, Geneva, sans-serif; padding: 0 15px 15px 15px; width:90%;}
#quickshop_outofstock_confirmation{ background:url(../img/common/pixel/pixel_black60.png) 0 0 repeat transparent; height:100%; left:0; position:absolute; top:0; visibility:hidden; width:100%; z-index:500; }
#quickshop_outofstock_confirmation .overlay{ left: 0; position:absolute; top: 230px; width:100%; }
#quickshop_outofstock_confirmation .btn.close{ color:#fff; display:inline-block; *display:inline; /*float:right;*/ font:normal 14px/22px "gill-ss-std",Verdana, Geneva, sans-serif; padding:0 20px 0 0; position:absolute; right:10px; text-align:right; top:10px; }
#quickshop_outofstock_confirmation .btn.close span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -330px -30px no-repeat; /*display:inline-block; *display:inline;float:right;*/ height:17px; margin:0 0 0 5px; position:absolute; right:0; top:4px; width:17px; }
#quickshop_outofstock_confirmation .container{ background-color:#FFF; border:1px solid #C6C6C5; left:50%; margin:0 0 0 -196px; padding:0; position:absolute; top:50%; width:390px; z-index:1; }
#quickshop_outofstock_confirmation .container > .title{ background-color:#7fb719; color:#fff; display:block; font:30px/41px "bebasneue",Impact, Charcoal, sans-serif; height:45px; margin:0 0 10px 0; overflow:hidden; text-indent:15px; }
#quickshop_outofstock_confirmation .container > .title strong{ float:left; font-weight:normal; text-transform:uppercase; }
#quickshop_outofstock_confirmation .infos .title span{ display:block; font-size:.8em; line-height:14px; }
#quickshop_outofstock_confirmation .container .content{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) bottom left repeat-x; overflow:hidden; padding:0 15px 15px 15px 15px; position:relative; }
#quickshop_outofstock_confirmation .container .content .title{ color:#666; font: 14px/1em "gill-ss-std",Verdana, Geneva, sans-serif; margin:0 0 15px 0; text-transform:uppercase; }
#quickshop_outofstock_confirmation .container img {float:left;margin: 0 0 15px 15px;}
#quickshop_outofstock_confirmation .container p {color:#666; float:left; font: 14px/1em "gill-ss-std",Verdana, Geneva, sans-serif; padding: 0 15px 0 15px; width:290px;}
#quickshop_outofstock_confirmation p.confirmation_msg{ color:#7fb719; display:block; font: 14px/1em "gill-ss-std",Verdana, Geneva, sans-serif; padding: 15px; width:90%;}
/*.subcategory .gcols3 > .gcol2.content { box-sizing: border-box; margin: 0; padding: 0 0 0 264px; width: 100%; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; }*/
/*.subcategory .gcols3 > .gcol2.content { box-sizing: border-box; margin: 0; padding: 0 0 0 264px; width: 100%; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; }
*/
/*#######################
#### CATEGORY CSS ####
#######################*/
.category .catalog-01 .products-list { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) top left repeat-x; padding:15px 0 10px; }
.category .item-L.item-04 .visual_subcat-01 { right: 100px; }
.category .ad { display: block; margin: 10px 0 5px; width: 100%; }
.category .catalog-01 .head {border: 1px solid #ccc; display: block; margin: 0 0 20px 0; overflow: hidden; position: relative; padding: 12px 15px;}
.category .catalog-01 span.title{color: #7FB719; display: block; font: 3em/1em "bebasneue",Arial,Helvetica,sans-serif; margin: 0 0 10px; text-transform: uppercase;}
.subcategory-menu { background: url("https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif") repeat-x scroll 0 0 transparent; padding: 5px 0 15px 0; position: relative; width: 100%; }
.subcategory-menu ul { display:block; list-style: none; margin: 5px 0 0 0; overflow: hidden; position: relative; width: 100%; }
.subcategory-menu ul li { background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-03.gif) repeat-y scroll right top transparent; display: block; float: left; min-height: 40px; overflow:hidden; position:relative; padding: 0; text-align: center; width: 20%; height:100%; }
.subcategory-menu ul li a { color: #666666; display:block; font: 1.4em/20px "gill-ss-std",Verdana,Geneva,sans-serif; /*margin: 0 0 10px;*/ padding:0; text-align: center; text-transform: uppercase; width:100%!important; }
.subcategory-menu ul li a:first-child { top: 0; margin: 0; }
.subcategory-menu ul li a:last-child { bottom: 0; margin: 0; }
.subcategory-menu ul li a:hover { color:#7fb719; /*text-decoration:underline;*/ }
.subcategory-menu ul li:last-child { background: none; }
.subcategory-menu h5.title a
{
/*background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/bg_headerXmas.jpg) repeat-x scroll top left transparent;*/
background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/home_bg-title-article.jpg) no-repeat scroll top left transparent;
border-bottom: 3px solid white;
color: white;
font: normal 30px "bebasneue", Arial, Helvetica, sans-serif;
display: block;
padding: 0 20px;
line-height:150%;
margin: -5px 0 0 0;
}
.category .catalog-01 ul{ display:inline-block; *display:inline; list-style:none; }
/*.subcategory .catalog-01 .products-list { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/separator-02.gif) bottom left repeat-x; padding:10px 0 25px; }*/
/*.category .catalog-01 .gondola-head { width:100%; }*/
.category .catalog-01 .gondola-head > li{ display:block; float:left; margin:0 0 0 0; overflow:hidden; padding:0 1%; position:relative; width:32%; }
.category .catalog-01 .gondola-head > li:nth-child(3n+1) { padding:0 1% 0 0; }
.category .catalog-01 .gondola-head > li:nth-child(3n+3) { background:0 none; padding:0 0 0 1%; }
.category .catalog-01{ margin:0 0 40px 0; }
.category .catalog-01 ul{ display:inline-block; *display:inline; list-style:none; width:100%; }
.category .catalog-01 .products-list > li{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/separator-04.gif) top right repeat-y; display:block; float:left; /*margin:45px 0 0 0;*/ overflow:hidden; padding:0 3%; position:relative; width:29%; }
.category .catalog-01 .products-list > li:first-child, .catalog-01 .products-list > li:nth-child(2), .catalog-01 .products-list > li:nth-child(3){ /*margin:0 0 0 0;*/ }
.category .catalog-01 .products-list > li:nth-child(3n+1) { padding:0 3% 0 0; }
.category .catalog-01 .products-list > li:nth-child(3n+2) { }
.category .catalog-01 .products-list > li:nth-child(3n+3) { background:0 none; padding:0 0 0 3%; }
/*
#lb_overlay
{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:90;
background:#2a2a2b;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity = 90);
opacity:0.9;
} */
#lb_image_wrapper
{
position:absolute;
border: 5px solid #fff;
display:block;
background-color:#fff;
z-index:95;
}
#lb_image_container
{
position:relative;
display:block;
width:800px;
height:600px;
}
#lb_image_close
{
position:absolute;
top:-20px;
right:-20px;
height:20px;
width:20px;
z-index:99;
display:block;
text-decoration:none;
outline:medium none;
border:none;
font-family:Verdana,sans-serif;
font-weight:bold;
font-size:14px;
line-height:20px;
text-align:center;
color:#979797;
background-color:#212122;
margin-left:3px;
}
#lb_image_close a:link, #lb_image_close a:visited, #lb_image_close a:hover, #lb_image_close a:active
{
color:#979797;
background-color:#212122;
}
#lb_image_placeholder
{
}
.lb_placeholder_container
{
width:800px;
height:533px;
display:block;
text-align:center;
}
.add_this
{
float:right;
margin-top:12px;
}
#catalog-thumbs a img
{
width:0px;height:0px;
}
#catalog-thumbs
{
float:left;
position:relative;
margin: 15px 0 60px 45px;
padding: 0 0 60px 0;
width:800px;
}
#catalog-thumbs a
{
text-align:center;
width:50px;
height:20px;
background-color:#F3FAD9;
float:left;
position:relative;
display:block;
margin: 5px 5px 5px 0;
padding: 5px 0 0 0;
color:#666;
font: normal 13px "gill-ss-std","Times New Roman", Times, serif;
}
#catalog-thumbs a.active, #catalog-thumbs a:hover
{
background-color:#efefef;
}
#main-image, #main-image-wrapper, .zoom-controls, .zoom-controls a
{
float:left;
display:block;
position:relative;
}
#main-image-wrapper
{
width:960px;
padding: 20px 60px 0 45px;
}
#main-image
{
z-index:1;
}
.catalog-prev-next
{
z-index:99;
}
.catalog-next
{
position:absolute;
bottom:320px;
right:17px;
}
.catalog-prev
{
position:absolute;
bottom:320px;
left:0px;
}
.catalog-prev-next a
{
padding: 318px 2px;
font: 40px 'ModernPictogramsNormal', Arial, sans-serif;
letter-spacing: 0;
color:#7FB719;
height:680px;
}
.catalog-prev-next a:hover
{
background-color: #EFEFEF;
}
.zoom-controls
{
float:right;
margin: 0 60px 0 25px;
}
.zoom-controls a
{
font: 32px 'ModernPictogramsNormal', Arial, sans-serif;
letter-spacing: 0;
padding: 12px;
color:#666;
}
.zoom-controls a:hover
{
color:#7FB719;
}
.white-bg
{
background-color:#fff;
}
#competition-title-bar h1, #competition-content-well h1 {
color: #ED1C26;
margin:0;
}
#competition-content-well h2 {
color: #FBE12A;
font: 86px/1em "bebasneue",Impact, Charcoal, sans-serif;
line-height:90%;
}
#competition-content-well h3 {
color: #FBE12A;
font: 38px/1em "bebasneue",Impact, Charcoal, sans-serif;
line-height:90%;
display:block;
float:right;
}
#competition-content-well, #competition-content-well p
{
color: #666; font: normal 14px "gill-ss-std", sans serif;
margin: 0 0 20px 0;
text-transform:uppercase;
}
#competition-content-well ol
{
padding: 5px 0;
color: #666; font: normal 14px "gill-ss-std", sans serif;
margin: 0 0 15px 30px;
text-transform:none;
}
#competition-content-well li
{
margin: 0 0 10px 20px;
text-transform:none;
}
#competition-content-well li a, #competition-content-well li a:visited { color:#7fb719; text-decoration:none; }
#competition-content-well li a:hover { text-decoration:underline; }
#competition-content-well .left, #competition-content-well right
{
display: block;
}
#competition-content-well .left
{
float:left;
width:50%;
padding:0px;
margin:0px;
}
#competition-content-well .right
{
float:right;
}
#competition-form h3 {
color: #FFF;
font: 38px/1em "bebasneue",Impact, Charcoal, sans-serif;
line-height:90%;
display:block;
width:90%;
background-color:#ED1C26;
padding: 5px 20px;
float:left;
clear:both;
margin: 0 0 25px 0;
}
.verywidetextbox
{
width:300px;
background-color: white;
border: 2px inset;
}
#competition-form input[type="text"]
{
margin: 0;
}
#competition-form a, #competition-form a:visited { font-weight:bold; color:#666; }
#competition-form a:hover { text-decoration:underline; }
#competition-form a.button, a#competition-thank-you { background-color:#ED1C26;
color:#FFF; display:block;
font:normal 18px/16px "gill-ss-std-bold",Verdana, Geneva, sans-serif; margin: 15px 0 0 0;
position:relative; text-align:center; text-transform:uppercase;
padding: 3px 15px 10px 15px;
float:left;
}
#competition-form a.button span, a#competition-thank-you span { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -210px -40px no-repeat;
display:inline-block; height:12px; margin: 10px 0 0 5px; position:relative; width:7px; }
#competition-form .clearfix
{
margin: 0 0 25px 20px;
}
.AcceptedOffers span
{
margin: 0;
}
.AcceptedOffers label, .AcceptedAgreement label
{
text-transform:none;
margin: 2px 0 0 5px;
}
#dragon-charities
{
clear:both;
}
#dragon-charities input[type="image"]
{
margin: 0 0 0 -5px;
}
.clearance {
color: #e2007a;
font-family: "gill-ss-std-bold",Verdana, Geneva, sans-serif;
font-weight:600;
}
.competition-column {
float:right;
display:block;
width:600px;
margin-left: 40px;
}
td.titleText {
padding: 10px 0 0 0;
}
.clearfix {
clear:both;
}
.AcceptedAgreement input[type="checkbox"] { vertical-align: top; }
span.AcceptedAgreement {
display:block;
}
.hide {
display: none;
}
table.job-apply tbody tr td {
padding: 2px 0 2px 2px ;
}
.job-apply-error {
color: #FC0038;
border: 1px solid #FC0038;
padding: 10px 10px 10px 10px;
margin: 15px 0;
clear: both;
}
.job-apply-error p {
color: #FC0038;
}
span.job-apply-error {
display: block;
}
.competition-options input[type="radio"]
{
margin-right: 5px;
margin-bottom: 15px;
}
.competition-options label
{
vertical-align: top;
}
#bb-banner-wrapper {
display:block;
position:relative;
height:350px;
z-index: 90;
background-repeat:no-repeat;
}
#bb-banner-wrapper div{
display:block;
position:absolute;
height:20px;
width: 20px;
background-color: #9ac2c1;
color: #fff;
border-radius: 4px;
box-shadow: 0px 2px 5px rgba(0,0,0,0.6);
}
#bb-banner-wrapper div span
{
display: inline-block;
margin: -8px 0 0 2px;
position: relative;
padding: 0px;
line-height: 100%;
font: 36px/1em "bebasneue",Impact, Charcoal, sans-serif;
font-weight: bold;
}
#bb-banner-wrapper div p {
display: none;
padding: 0 7px 0 0;
margin: -10px 18px 14px 16px;
font-size: 15px;
line-height: 120%;
color: #fff;
}
#bb-banner-wrapper h1 {
color: #FFFFFF;
font-size: 52px;
margin: -9px 0 0 20px;
padding: 0;
line-height: 90%;
}
#bb-banner-wrapper h2 {
color: #79CCC7;
font-family: "TBSactivist", Arial, Helvetica, sans-serif;
font-size: 48px;
text-transform: none;
padding: 20px 0 0 20px;
margin: 0;
line-height: 90%;
}
#bb-banner-wrapper h3 {
color: #FFFFFF;
text-transform: none;
font: normal 18px "gill-ss-std","Times New Roman", Times, serif;
margin: 10px 0 0 20px;
}
#bb-home-wrapper {
display: block;
width: 500px;
height: 490px;
position: absolute;
top: 48px;
left: 305px;
}
#bb-home-wrapper a {
display: block;
margin: 0 0 2px 15px;
float: left;
height: 131px;
width: 133px;
overflow: hidden;
background-image: url("/cms/Assets/home/body-butters/HP-Fruity-01.png");
background-position: 0 0;
}
#bb-home-wrapper a span {
font-family: "TBSactivist", Arial, Helvetica, sans-serif;
display: block;
}
#bb-home-wrapper a:hover, #bb-home-wrapper a.hovered {
background-position: 0 -131px;
}
a.hp_hoverlink {
display: block;
width: 141px;
height: 140px;
position: absolute;
top: 48px;
left: 305px;
background-position: -200px 0;
background-repeat: no-repeat;
overflow: hidden;
}
a.hp_hoverlink:hover, a.hp_hoverlink.hovered {
background-position: 0 0;
}
/*--------------------------------------------------------------
My Shopping Bag (Ajax)
--------------------------------------------------------------*/
#cart-ajax-link:hover { text-decoration:underline; }
#cart-ajax { width: 450px; min-height: 200px; display:none; border:1px solid #EEEEEE; position:absolute; background-color:#ffffff;
margin-left: -389px; margin-top: 70px; z-index:99999; padding:10px; -moz-box-shadow: 3px 3px 15px 3px #000000;
-webkit-box-shadow: 3px 3px 15px 3px #000000; box-shadow: 3px 3px 15px 3px #000000;
top:120px; left:1000px; }
#cart-ajax-table { display:none; }
/*--------------------------------------------------------------
Item Sale
--------------------------------------------------------------*/
.sale { background-repeat: no-repeat; z-index:9999; position:absolute; }
.sale_big { width:100px;height:100px; background-image:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sale_big.png); background-position: top left; }
.sale_small { width:60px;height:60px; background-image:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sale_small.png); background-position: 10px 10px; }
/*--------------------------------------------------------------
Item Sale
--------------------------------------------------------------*/
p#cart-it-error { border: 1px solid #f16048; color: #df280a; font-weight: bold; margin-left: 8px;
background: #faebe7 url(../img/error-icon.gif) no-repeat 4px 50%; }
ul#cart-it-notification { list-style: none; }
ul#cart-it-notification li { padding: 8px 25px; margin-bottom: 10px; }
#cart-it-notification .success { border: 1px solid #446423; color: #3D6611; font-weight: bold; background: #EFF5EA url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/success-icon.gif) no-repeat 4px 50%; }
#cart-it-notification .error { border: 1px solid #f16048; color: #df280a; font-weight: bold; background: #faebe7 url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/error-icon.gif) no-repeat 4px 50%; }
#table_colors_sizes { border-spacing: 3px; width:100%; }
#table_colors_sizes_title_top { border-bottom: 1px solid #000000; }
#table_colors_sizes_title_bottom { border-top: 1px solid #000000; }
#table_colors_sizes th { padding-top:3px; padding-bottom:3px; }
#table_colors_sizes tbody tr:nth-child(even) { background: #f9f9f9; }
#table_colors_sizes td { text-align:left; vertical-align: middle; }
#table_colors_sizes span.price_sale { color:#ff0000; }
#table_colors_sizes td.colour { border: 1px #808080 solid; }
#table_colors_sizes td.size { padding: 0px; /*border: 1px #808080 solid;*/
background:#fff; text-align:center; vertical-align: middle; width: 28px; height: 20px; }
#table_colors_sizes button.item_size { width:100%; height:100%; margin:0px; padding:0px; background: none repeat scroll 0 0 #FFFFFF;
text-align: center; font-size:11px; color:#666666; border: 1px #808080 solid; }
#table_colors_sizes button.item_size_deactivate { background-color:#E0E0E0; color:#808080; }
#table_colors_sizes button.item_size_selected { /* background-color:#808080; */
background: url("../img/button_continue_shopping.png") no-repeat scroll center center transparent; color:#ffffff; }
#table_colors_sizes button.item_size_bag { /* background-color:#EBA426; */
background: url("../img/button_in_bag.png") no-repeat scroll center center transparent; color:#ffffff; }
#table_colors_sizes button.item_size_bag_selected { /* background-color:#EBA426; */
background: url("../img/button_continue_shopping.png") no-repeat scroll center center transparent; color:#ffffff; }
#table_colors_sizes button.item_size:hover { background: url("../img/button_continue_shopping.png") no-repeat scroll center center transparent; color:#ffffff; }
#table_colors_sizes button.item_size_deactivate:hover { background:none; background-color:#E0E0E0; color:#808080; }
/*----------------------------------------------------------
Error capture styles
-----------------------------------------------------------*/
ul#messages { margin: 0 15px 15px 0; padding-top: 10px; list-style: none; }
ul#messages li { padding: 8px 25px; margin-bottom: 10px; }
#messages .success { border: 1px solid #446423; color: #3D6611; font-weight: bold;
background: #EFF5EA url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/success-icon.gif) no-repeat 4px 50%; }
#messages .error { border: 1px solid #f16048; color: #df280a; font-weight: bold;
background: #faebe7 url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/error-icon.gif) no-repeat 4px 50%; }
/*--------------------------------------------------------------
Checkout Summary
--------------------------------------------------------------*/
.checkout-summary { margin-bottom: 20px; width:100%;/*float: left;*/ } /* edit by Rob for Checkout Confirm Page*/
.summary-col-1 { float: left; width: 376px; /* 28/02 CK changed from 382 */
line-height: 1.5; }
.summary-col-2 { float: left; width: 376px; /* 28/02 CK changed from 382 */
line-height: 1.5; }
.checkout-summary .summary-col-2 .head,
.summary-col-2 .summary-text { border-left: 0; }
.head a { float: right; padding: 8px 0; padding-right: 19px; font-size: 12px; }
.head a.add-address { padding-left: 22px; color: #333; background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/add-address.gif) no-repeat 0 10px; }
.summary-text { border: 1px solid #dfdfdf; border-top: 0; padding: 10px 19px; clear: left; height:120px; }
.checkout-summary .head { border: 1px solid #9c9c9c; background: #dedede; float: left; width: 374px; /* 28/02 CK changed from 380 */
}
.checkout-summary .summary-col-2 .head { width: 375px; /* 28/02 CK changed from 381 */
}
#main-col .checkout-summary h2 { color: #333; font-size: 12px; float: left; margin: 0; padding: 8px 0 8px 19px; }
.checkout-summary p { margin: 0px; }
#cart-table { width: 99%; font-size: 12px; /* border-right: 1px solid #dfdfdf;*/
margin-bottom: 20px; line-height: 15px; clear:both; }
#cart-table input { text-align: right; }
#cart-table th,
#cart-table td { padding: 10px 19px; border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; vertical-align: middle; }
#cart-table th { font-weight: bold; }
#cart-table tbody td { border-right: 1px solid #dfdfdf; }
#cart-table tbody tr:nth-child(odd),
ol.addresses li:nth-child(odd) { background: #f9f9f9; }
#cart-table .totals { border-left: 0px; border-right: 0px; border-bottom: 0px; line-height: 30px; text-transform: uppercase; }
#cart-table input { float: center; font-size: 11px; margin-bottom:-20px; }
.paypal { font-size: 12px; }
.padright { padding-right: 20px; }
a.delete { display: block; margin-left: 0px; width: 14px; height: 14px; text-indent: -9999px; background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/delete.png); }
a.trash { display: block; width: 16px; height: 16px; text-indent: -9999px; background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/trash.gif); }
a.view { padding-left: 21px; background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/view.png) no-repeat; }
#cart-table.cartPage th,
#cart-table.accountPage th { font-weight: bold; border-left: 0px; }
#cart-table.cartPage,
#cart-table.accountPage,
#cart-table.cartPage tfoot td { border: 0px; }
#cart-table.cartPage .border-right,
#cart-table .border-right,
#cart-table.accountPage .border-right { border-right: 1px solid #dfdfdf; }
.options { float: right; margin-right: 6px; /* CK 29/02 */
}
#container .options li { float: left; background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/options-div.gif) no-repeat 0 4px; font-size: 12px; padding: 0 0 0 10px; margin: 0 0 0 8px; }
#container .options li:first-child { }
#account-details label { color: #737373; }
#account-details strong { color: #000; }
#main-col .addresses p.fade { font-size: 12px; color: #737373; }
.disabled { background: #dfdfdf; border: 1px solid #dfdfdf; }
.cart-boxes { width:213px; height:100px; float:left; border: 1px solid #dfdfdf; text-align:center; font-size:10px; padding:5px; }
.cart-boxes h1 { font-size:14px; font-weight:normal; }
.cart-box-center { width:276px; height:100px; float:left; border: 1px solid #dfdfdf; margin:0 10px 0 10px;
text-align:center; font-size:10px; padding:5px; }
.cart-box-center h1 { font-size:14px; font-weight:normal; }
/*--------------------------------------------------------------
Checkout Login Hover Prompt
--------------------------------------------------------------*/
#checkout-login input{
float:none;
height:20px;
width:180px;
}
#checkout-login label{
display: block;
float: none;
margin:0px 0px 5px 0px;
position: relative;
}
#checkout-login .button{
background: none repeat scroll 0 0 #D9D9D9;
border: 0 none;
color: #FFFFFF;
height: 24px;
width: 75px;
margin-top: 10px;
margin-right: 0px;
float:right;
}
#checkout-login td.title{
text-align:center;
padding-bottom:10px;
background-image:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/px-grey.gif);
background-position: center center;
background-repeat: repeat-x;
}
#checkout-login td.title span{
font-size: 18px;
padding-left:10px;
padding-right:10px;
color:#666666;
background-color:#ffffff;
}
#checkout .inline{
/*float: right;*/
display: inline;
margin-left: 4px;
}
/*--------------------------------------------------------------
Checkout Message Prompts
--------------------------------------------------------------*/
#giftcardAjaxMessages{
padding-bottom: 10px;
padding-top: 10px;
background-color: #F2DEDE;
border: 1px solid #EED3D7;
border-radius: 4px 4px 4px 4px;
/*margin-bottom: 10px;*/
width: 350px;
padding: 3px 0px 3px 7px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
color: #B94A48;
}
#couponAjaxMessages{
padding-bottom: 10px;
padding-top: 10px;
background-color: #F2DEDE;
border: 1px solid #EED3D7;
border-radius: 4px 4px 4px 4px;
/*margin-bottom: 10px;*/
padding: 3px 0px 3px 7px;
width: 100%; /* Edited by Rob for checkout */
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
color: #B94A48;
}
/*--------------------------------------------------------------
Toolbar
--------------------------------------------------------------*/
.toolbar { border: 1px solid #dfdfdf;
float: left; width: 99%; /* 28/02 CK changed from 100% */
margin-bottom: 20px; padding: 12px 0 }
.toolbar div { float: left; }
.toolbar p,
#main-col .toolbar ul { margin: 0; float: left; line-height: 1.5; }
#main-col .toolbar li { float: left; padding: 0 10px; background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/toolbar-div.gif) no-repeat 0 3px; line-height: 1.5; }
#main-col .toolbar li.first { background: 0; }
#main-col .toolbar li:first-child { background: 0; }
#main-col .pagination li:first-child { background: 0; }
.toolbar a { color: #000; font-size: 12px; }
.toolbar li a.current { font-weight: bold; }
.toolbar .items { padding: 0 110px 0 12px; }
.toolbar .sort { float:right; text-align: right; padding: 0 0 0 0;}
.toolbar .pagination { margin-top:10px; width:100%; margin-left:12px; }
.toolbar .pagination ul { position: relative;}
.toolbar .salesorder { float:right; position:relative; left:-40%; text-align:left; }
/* ----------------------------------------------------------
* Standard Accordion CSS Properties
* ---------------------------------------------------------- */
/* accordion header properties */
section.accordion nav.accordion-header { display:block;margin:0 0 7px 0; }
section.accordion nav.accordion-header ul li { display:inline-block;height:40px;border:1px solid #cccccc;margin:0% 1%;width:22.9%; }
section.accordion nav.accordion-header ul li:first-child { margin-left:0%; }
section.accordion nav.accordion-header ul li:last-child { margin-right:0%; }
section.accordion nav.accordion-header ul li.selected { background-color:#7fb719;border-color:#ffffff; }
section.accordion nav.accordion-header ul li a { height:inherit;display:block;font-family:"gill-ss-std-bold" "Times New Roman", Times, serif;font-size:1.4em;line-height:40px;text-transform:uppercase;color:#7fb719;overflow:hidden;text-align:center;white-space:nowrap; }
section.accordion nav.accordion-header ul li.selected a { color:#ffffff; }
/* accordion detail properties */
section.accordion ul.accordion-details { list-style:none; }
section.accordion ul.accordion-details > li { overflow:hidden;height:40px;border:1px solid #cccccc;margin:0px 0px 7px 0px; }
section.accordion ul.accordion-details > li.open { border-color:#ffffff; }
section.accordion ul.accordion-details > li.open > div { /*background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/bg_headerXmas.jpg) repeat scroll top left transparent;*/ background-color: #7FB719; }
/*section.accordion ul.accordion-details > li.open > div { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/itemnote-accordion-detail-open.jpg) repeat scroll top left transparent; }*/
section.accordion ul.accordion-details > li > div > a { display:block; }
section.accordion ul.accordion-details > li > div > a:hover > h4 { text-decoration:underline; }
section.accordion ul.accordion-details > li > div > a > h4 { padding:0px 20px;font-family:"bebasneue", Arial, Helvetica, sans-serif;color:#7fb719;font-size:3em;line-height:40px;height:40px; }
section.accordion ul.accordion-details > li.open > div > a > h4 { color:#ffffff; }
section.accordion ul.accordion-details > li > div > a > h4 > em { float:right;font-family:"gill-ss-std", "Times New Roman", Times, serif;font-size:14px;color:#666; }
section.accordion ul.accordion-details > li.open > div > a > h4 > em { color:#ffffff; }
section.accordion ul.accordion-details > li > div > a > h4 > em > span{ display:inline-block;background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -290px -50px no-repeat;height:14px;width:14px;position:relative;top:2px;margin-left:5px; }
section.accordion ul.accordion-details > li.open > div > a > h4 > em > span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -205px -40px no-repeat; }
section.accordion ul.accordion-details > li.open > div > a:hover > h4 > em > span{ background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -328px -50px no-repeat; }
section.accordion ul.accordion-details > li > div > a:hover > h4 > em > span { background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -310px -50px no-repeat; }
section.accordion > ul > li > section { margin-top:10px; }
/* ----------------------------------------------------------
* checkout page
* ---------------------------------------------------------- */
table.coupon { border-collapse:separate;font-family: gill-ss-std, 'Times New Roman', Times, serif;float:left;margin-right:10px;font-size:14px; }
table.coupon tr { height:29px; }
table.coupon td { vertical-align:middle;width:150px;text-align:right;padding-right:5px; }
table.coupon td.label { color:#000000;font-weight:bold;text-align:right;width:190px;padding-right:10px; }
div#checkoutConfirm { height:40px;border:1px solid #cccccc;margin:0px 0px 7px 0px; }
div#checkoutConfirm > a { display:block;height:inherit; }
div#checkoutConfirm > a:hover > h4 { text-decoration:underline; }
div#checkoutConfirm > a > h4 { height:inherit;padding:0px 20px;font-family:"bebasneue", Arial, Helvetica, sans-serif;color:#7fb719;font-size:3em;line-height:40px; }
div#checkoutConfirm > a > h4 > em { float:right;font-family:"gill-ss-std", "Times New Roman", Times, serif;font-size:14px;color:#666; }
div#checkoutConfirm > a > h4 > em > span{ display:inline-block;background:url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/icons/sprites.png) -290px -50px no-repeat;height:14px;width:14px;position:relative;top:2px;margin-left:5px; }
table.couponInput { border-collapse:separate;font-family:gill-ss-std, 'Times New Roman', Times, serif;font-size:14px;clear:both; }
table.couponInput tr { height:37px; }
table.couponInput td { vertical-align:middle; }
table.couponInput td.label { text-align:right;width:190px;padding-right:10px; }
table.couponInput input { width:150px;margin-right:10px; }
div#couponList table { border-collapse:separate;font-family:gill-ss-std, 'Times New Roman', Times, serif;font-size:14px;clear:both;/*padding-left:150px;*/ } /* Edited by Rob for Checkout Voucher */
div#couponList table td.label { width:150px;padding-right:10px; }
div#couponList h2 { font-size:18px;color: #E2007A;/*padding-left:150px*/;padding-top:10px; } /* Edited by Rob for Checkout Voucher */
table.giftcardInput { border-collapse:separate;font-family:gill-ss-std, 'Times New Roman', Times, serif;font-size:14px;clear:both; }
table.giftcardInput tr { height:37px; }
table.giftcardInput td { vertical-align:middle; }
table.giftcardInput td.label { text-align:right;width:220px;padding-right:10px; } /* Edited by Rob for better presentation */
table.giftcardInput input { width:150px;margin-right:10px; }
table.giftcardInput td[colspan="2"] input { width:310px;margin-right:0px; }
div#giftcardList table { border-collapse:separate;font-family:gill-ss-std, 'Times New Roman', Times, serif;font-size:14px;clear:both;padding-left:150px; }
div#giftcardList td { width:250px; }
div#giftcardList td.value { width:50px;text-align:right;padding-right:10px; }
div#giftcardList h2 { font-size:18px;padding-left:150px;padding-top:10px; }
input.warning,select.warning { border-color:red; }
input#EWAY_CVN { width:150px; }
div#payment_methods table.form-input tr { height:30px; }
div#table-eway table.form-input tr { height:37px; }
/* ----------------------------------------------------------
* customer details table
* ---------------------------------------------------------- */
table.customer-details { padding-top:15px;border-collapse:separate;font-family: gill-ss-std, 'Times New Roman', Times, serif;font-size:14px;clear:both; }
table.customer-details a {text-decoration: none;outline: none;color: #7FB719;} /* edited by Rob for consistency with brand*/
table.customer-details tr { height:29px; }
table.customer-details td { vertical-align:middle; }
table.customer-details td.custdata {font-size:18px;color:#7FB719;}
table.customer-details.edit tr { height:37px; }
table.customer-details td.label { text-align:right;width:190px;padding-right:10px; }
table.customer-details input, table.customer-details select { width:300px;height:28px;margin-bottom:0px; }
table.customer-details input[type="checkbox"] { width:inherit;vertical-align:middle; }
a.button, input.button { background-color:#7FB719;color:white;font:normal 16px "gill-ss-std-bold","Times New Roman", Times, serif;text-transform:uppercase;line-height:150%;padding:2px 7px;text-align:center;margin-bottom:5px;display:inline-block;margin-top:0.5em; }
a.right-align, input.right-align { display:block;margin-left:auto;margin-right:0px;width:150px; }
.form-row { clear:both;display:block;width:360px;margin:5px 0px; }
#table-eway .form-row {clear:both;display:block;width:360px;padding:5px 0px;} /* edited by Rob for readability */
/* -------------------------------------------------------------------------
* Giftcard page
* ------------------------------------------------------------------------- */
img#giftcard-image { display:block;margin-left:auto;margin-right:auto; }
table.form-input { /*padding-top:15px;*/border-collapse:separate;font-family: gill-ss-std, 'Times New Roman', Times, serif;font-size:14px;clear:both; } /* Edited by Rob for payment methods appearance */
table.form-input tr { height:37px; }
table.form-input td { vertical-align:middle;padding-left: 5px; }
table.form-input td.label { text-align:right;padding-right:10px;width:190px;vertical-align:top;padding-top:10px; }
table.form-input input, table.form-input select { width:300px;height:28px;margin-bottom:0px; }
table.form-input textarea { width:288px;height:150px;margin-bottom:0px;padding:5px;resize:none;margin-top:5px;border-color:rgb(204,204,204);border-style:solid;border-width:1px; }
table.form-input input[type="checkbox"], table.form-input input[type="radio"] { width:inherit;vertical-align:middle; }
table.centered { margin-left:auto;margin-right:auto; }
/* -------------------------------------------------------------------------
* /checkout/confirm/ page.
* ------------------------------------------------------------------------- */
table.cart-checkout { width:100%;margin-bottom:15px; }
table.cart-checkout thead tr { padding:5px;border:1px solid #bbbbbb;background:none repeat scroll 0 0 #EBEBEB;font-family:"gill-ss-std", Verdana, Geneva, sans-serif; }
table.cart-checkout thead tr th { text-align:center;padding:5px;font-weight:normal;text-transform:uppercase;border:1px solid #bbbbbb;width:100px; }
table.cart-checkout thead tr th.description { width:auto;text-align:left; }
table.cart-checkout thead tr th.total { text-align:right; }
table.cart-checkout tbody tr { padding:5px;border:1px solid #bbbbbb; }
table.cart-checkout tbody tr td { padding:5px;border:1px solid #bbbbbb;vertical-align:middle;text-align:center;text-transform:uppercase;font-size:15px; }
table.cart-checkout tbody tr td.description { text-align:left; }
table.cart-checkout tbody tr td.total { text-align:right; }
table.cart-checkout a { text-decoration:none;outline:none;color:#7FB719; }
table.cart-checkout table.cart-totals { width:100%;padding:5px;margin:5px 0px 15px 0px; border:1px solid #bbbbbb;font-size:15px;font-family:"gill-ss-std", Verdana, Geneva, sans-serif;background:none repeat scroll 0 0 #F9F9F9; }
table.cart-checkout table.cart-totals tr { padding:5px;border:0px; }
table.cart-checkout table.cart-totals tr td { padding:5px;text-align:right;border:0px;text-transform:none; }
table.cart-checkout table.cart-totals tr.discounts { border-bottom:1px dotted #BBBBBB; }
table.cart-checkout table.cart-totals tr.discounts td { color:#E2007A; }
table.cart-checkout table.cart-totals tr.more_shipping { border-bottom:1px dotted #BBBBBB; }
table.cart-checkout table.cart-totals tr.grandtotal td { font-size:20px; }
table.cart-checkout table.cart-totals tr.grandtotal td span.grand-total { font-weight:bold; }
/*
Cart total widget
*/
table.cart-totals { width:100%;padding:5px;margin:5px 0px 15px 0px; border:1px solid #bbbbbb;font-size:15px;font-family:"gill-ss-std", Verdana, Geneva, sans-serif;background:none repeat scroll 0 0 #F9F9F9; }
table.cart-totals tr { padding:5px;border:0px; }
table.cart-totals tr td { padding:5px;text-align:right;border:0px;text-transform:none; }
table.cart-totals tr.discounts { border-bottom:1px dotted #BBBBBB; }
table.cart-totals tr.discounts td { color:#E2007A; }
table.cart-totals tr.more_shipping { border-bottom:1px dotted #BBBBBB; }
table.cart-totals tr.grandtotal td { font-size:20px; }
table.cart-totals tr.grandtotal td span.grand-total { font-weight:bold; }
/*
Loyalty Widget
*/
#checkout-loyalty { padding-bottom: 0px; width: 100%; }
#checkout-loyalty .rewardspoints { background: none repeat scroll 0 0 #F3FAD9; border: 1px solid #BBBBBB; float: left; height: auto; margin: 5px 1.1% 5px 0; padding: 5%; position: relative; width: 85%; min-height:150px;}
#checkout-loyalty h4 {color: #E2007A;float: left;font-family: "gill-ss-std", Verdana, Geneva, sans-serif;font-size: 14px;padding:5px; font-weight: bold;font-family: "gill-ss-std", Verdana, Geneva, sans-serif; width: 100%;}
#checkout-loyalty .LYBC-img {padding-bottom: 20px;}
#checkout-loyalty .NLYB-img {width: 50%;float: left;}
#checkout-loyalty .NLYB-img img {width: 90%;display: block;float: left;overflow: hidden;}
#checkout-loyalty .NLYB-text {float: right;padding-top: 10px;width: 50%;}
#checkout-loyalty .pink-text-heading {color: #E2007A;font: 12px gill-ss-std,'Times New Roman',Times,serif;margin: 0;text-transform: uppercase;float: left;padding-top: 5px; width: 100%;}
#checkout-loyalty .join-rewards-scheme {float: left;cursor: pointer;font-family: "gill-ss-std",Verdana,Geneva,sans-serif;font-size: 12px;color: #74bf02;padding-bottom: 10px;}
#checkout-loyalty .rewardspoints a {float: left;text-decoration: none;outline: none;color: #7FB719;}
#checkout-loyalty .rewards-text {float:left;padding-top: 3px; width: 100%;}
#checkout-loyalty .loyalty-program-text { float:left;padding-top: 3px;padding-left: 0px;}
#checkout-loyalty .loyalty-program-text select { width: 180px;}
/*
Promotion Coupon Widget
*/
#checkout-promocode { padding-bottom: 0px; width: 100%; }
#checkout-promocode h4 {color: #E2007A;float: left;font-family: "gill-ss-std", Verdana, Geneva, sans-serif;font-size: 14px;padding:5px; font-weight: bold;font-family: "gill-ss-std", Verdana, Geneva, sans-serif;}
#checkout-promocode .promotioncode { background: none repeat scroll 0 0 #F3FAD9; border: 1px solid #BBBBBB; float: left; height: auto; margin: 5px 1.1% 5px 0; padding: 2%; position: relative; width: 300px; min-height:150px;}
#checkout-promocode .promotion-text {float:left;padding-bottom: 20px;}
/*
Custom Alert box
*/
#dialogoverlay{
display: none;
opacity: .8;
position: fixed;
top: 0px;
left: 0px;
background: #FFF;
width: 100%;
z-index: 100;
}
#dialogbox{
display: none;
position: fixed;
border-radius:7px;
width:550px;
z-index: 100;
}
#dialogbox > div{ height: 250px; margin:8px; }
#dialogbox > div > #dialogboxhead{ background-color: #7fb719; /*background: url(https://s3-ap-southeast-2.amazonaws.com/tbsnz/img/values/home_bg-title-article.jpg) 0 0 repeat-x;*/ font-size:19px; font-weight:bold; /*padding:10px;*/ color:White; text-align:center; }
#dialogbox > div > #dialogboxbody{ font-size:13px; padding:80px 20px 20px 20px; color:#666; }
#dialogbox > div > #dialogboxfoot{ /*background: #F3FAD9;*/ padding:20px; text-align:center; }