/*
CLEK BLUE:        #0096d7 - rgb(0,150,215);
CLEK GRAY:        #807f83 - rgb(128,127,131);
CLEK GRAY 50%:    #bbbabf - rgb(187,186,191); 
*/


@font-face {
    font-family: 'FunctionProBookRegular';
    src: url('/fonts/functionpro_book/FunctionPro-Book-webfont.eot');
    src: local('☺'), url('/fonts/functionpro_book/FunctionPro-Book-webfont.woff') format('woff'), url('/fonts/functionpro_book/FunctionPro-Book-webfont.ttf') format('truetype'), url('/fonts/functionpro_book/FunctionPro-Book-webfont.svg#webfont') format('svg');
}
@font-face {
    font-family: 'FunctionProBookDemi';
    src: url('/fonts/functionpro_demi/FunctionPro-Demi-webfont.eot');
    src: local('☺'), url('/fonts/functionpro_demi/FunctionPro-Demi-webfont.woff') format('woff'), url('/fonts/functionpro_demi/FunctionPro-Demi-webfont.ttf') format('truetype'), url('/fonts/functionpro_demi/FunctionPro-Demi-webfont.svg#webfont') format('svg');
}
@font-face {
    font-family: 'FunctionProBookBold';
    src: url('/fonts/functionpro_bold/FunctionPro-Bold-webfont.eot');
    src: local('☺'), url('/fonts/functionpro_bold/FunctionPro-Bold-webfont.woff') format('woff'), url('/fonts/functionpro_bold/FunctionPro-Bold-webfont.ttf') format('truetype'), url('/fonts/functionpro_bold/FunctionPro-Bold-webfont.svg#webfont') format('svg');
}
@font-face {
    font-family: 'FunctionProBookExtraBold';
    src: url('/fonts/functionpro_extrabold/FunctionPro-ExtraBold-webfont.eot');
    src: local('☺'), url('/fonts/functionpro_extrabold/FunctionPro-ExtraBold-webfont.woff') format('woff'), url('/fonts/functionpro_extrabold/FunctionPro-ExtraBold-webfont.ttf') format('truetype'), url('/fonts/functionpro_extrabold/FunctionPro-ExtraBold-webfont.svg#webfont') format('svg');
}

/* !BASICS */
body { margin: 0; padding: 0; font: 62.5% 'FunctionProBookRegular', Arial, sans-serif; text-align: center; color: #807f83; background-color: #ffffff; }

/* !HTML5 */
article, footer, nav, section, aside, header, hgroup { display: block; margin: 0; padding: 0; border: none; }

h1, h2 { margin: 0; font-family: 'FunctionProBookRegular', Verdana, sans-serif; font-weight: normal; color: #0096d7; }
h3, h4, h5, h6 { margin: 0; font-family: 'FunctionProBookDemi', Verdana, sans-serif; font-weight: normal; color: #807f83; }

a, a:link, a:visited { color: #807f83; }
a.no-underline, a:link.no-underline, a:visited.no-underline {text-decoration: none;}
a:hover { color: #0096d7; }
a:active { color: #0096d7; }

h1 a:link, h2 a:link, h1 a:visited, h2 a:visited, h1 a:hover, h2 a:hover { color: #0096d7; text-decoration: none; }
h3 a:link, h3 a:visited, h3 a:hover { color: #807f83; text-decoration: none; }
a:hover h3 { color: #0096d7; text-decoration: none; } 

ol.alpha { list-style: upper-alpha; }

img { border: none; }

strong, b { font-family: 'FunctionProBookBold', Verdana, sans-serif; font-weight: normal;}
em { font-style: normal; text-transform: uppercase; }

sup, sub { line-height: 0; font-size: 0.5em; }

table caption { caption-side: bottom; }

/* !MASTHEAD */
#site-logo { margin: 12px 0 8px 40px; font-size: 0.85714em; line-height: 2em; }

#country-language { width: 71px; height: 24px; margin: 25px 10px 0 0; float: right; overflow: hidden; }
#country { width: 24px; height: 24px; padding: 0; text-align: right; float: left; overflow: hidden; }
#current-country { font-size: 1.2em; text-decoration: none; vertical-align: bottom; }
#current-country img { vertical-align: top; float: left; }
#country-home-list-container { position: absolute; left: auto; top: 14px; width: 93px; margin: 0 0 0 -11px; padding: 0; font-size: 1.2em;text-align: left; background-color: #fff; border: 1px solid #bbbabf; -moz-border-radius: 7px; -webkit-border-radius: 5px; border-radius: 5px; display: none; z-index: 9000;}
#country-home-list-container ul { margin: -13px 10px 10px 10px; padding: 0; list-style: none; }
#country-home-list-container ul li { margin: 0; padding: 0; }
#country-home-list-container a:link, #country-home-list-container a:visited { text-decoration: none; } 
#country-home-list-container a img { vertical-align: middle; }
#country-home-list-hide { display: block; margin-top: -6px; padding: 4px 4px; cursor: pointer; font-size: 16px; }
#language-nav {
    height: 14px;
    width: 40px; 
    margin: 4px 0 0 5px;
    font-size: 1.1em; 
    line-height: 1em;

    border: 1px solid #bbbabf;

    -moz-border-radius: 7px;
    -webkit-border-radius: 7px; 

    border-radius: 7px;    
    overflow: hidden; 
    display: block; 
    float: left;
}
#language-nav ul { 
    width: 40px; 
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1em; 
    text-transform: uppercase;
    border: none;
    overflow: hidden;
}
#language-nav ul li { width: 20px; text-align: center; float: left; }
#language-nav ul li a, #language-nav ul li a:link, #language-nav ul li a:visited { height: 14px; padding: 2px 0 0 0; text-decoration: none;  background-color: transparent; display: block; border: none; }
#language-nav ul li a:hover { color: #0096d7; background-color: transparent; }
#language-nav ul li a:active { color: #fff; background-color: #807f83; }
#language-nav ul li.selected a, #language-nav ul li.selected a:link, #language-nav ul li.selected a:visited { color: #ffffff; background-color: #bbbabf; }
#language-nav ul li:first-child a { -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-left-color: transparent; }
#language-nav ul li:last-child a { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-color: transparent; }


.region-language-group { margin-bottom: 2.5333333em; }
.region-language-group img { padding-right: 10px; float: left; vertical-align: top; }
.region-language-group input.radio { margin-top: 6px; }

/* !MAIN NAVIGATION */
nav#main-nav { 
    width: 940px; 
    margin: 0px 10px 19px 10px; 
    font-size: 1.5em; 
    line-height: 1em; 
    background: url(/img/bg_main_nav_gradient.png) 0px 0px repeat-x #fefefe; 
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-box-shadow: 0px 1px 1px #e6e6e6;
    -webkit-box-shadow: 0px 1px 1px #e6e6e6;

    border: 1px solid #f0f0f0; 
    border-bottom-color: #e6e6e6; 
    border-radius: 5px; 
    box-shadow: 0px 1px 1px #f0f0f0;
    overflow: hidden; 
    display: block; 
}
nav#main-nav ul { height: 34px; vertical-align: middle; margin: 0; padding: 0; list-style: none; display: block; overflow: hidden; float: left; }
nav#main-nav ul.site-nav { border-right: 1px solid #f6f6f6; float: left; overflow: hidden; }
nav#main-nav ul.site-nav li { height: 34px; border-right: 1px solid #e0e0e0; float: left; display: block; white-space: nowrap; }
nav#main-nav ul.site-nav li a { height: 14px; padding: 10px 28px; border-right: 1px solid #f6f6f6;  border-left: 1px solid #f6f6f6; display: block; }
nav#main-nav ul.site-nav li:first-child a { -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-left-color: transparent; }
nav#main-nav ul.site-nav li:last-child a { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-color: transparent; }
nav#main-nav ul.site-nav li.social-media-nav { width: 32px; }
nav#main-nav ul.site-nav li.social-media-nav a { padding: 8px; }
a:link#social-media-nav-facebook img {  }
a:link#social-media-nav-twitter img { background: url(/img/clek_social.png) -110px 0 no-repeat transparent; }
a:link#social-media-nav-facebook img { background: url(/img/clek_social.png) -140px 0 no-repeat transparent; }
a:hover#social-media-nav-twitter img { background: url(/img/clek_social.png) -110px -30px no-repeat transparent; }
a:hover#social-media-nav-facebook img { background: url(/img/clek_social.png) -140px -30px no-repeat transparent; }
a:active#social-media-nav-twitter img { background: url(/img/clek_social.png) -110px -30px no-repeat transparent; }
a:active#social-media-nav-facebook { background: url(/img/clek_social.png) -140px -30px no-repeat transparent; }
nav#main-nav ul.site-nav li.social-media-nav a img { vertical-align: baseline; }
nav#main-nav ul li a:link, nav#main-nav ul li a:visited { color: #807f83; text-decoration: none; }
nav#main-nav ul li a:hover { color: #0096d7; }
nav#main-nav ul li a:active { color: #0096d7; background: url(/img/bg_main_nav_gradient.png) 0px -34px repeat-x #fefefe; border-color: transparent; }
nav#main-nav ul li.selected a:link, nav#main-nav ul li.selected a:visited { color: #0096d7; }
nav#main-nav ul li.selected a:hover { color: #0096d7; }

/* !ALERT BOX */
section.alert { padding-top: 8px;  font-size: 1.5em; line-height: 1.2666666; }
section.alert div.hide { margin-bottom: 0px; margin-right: -20px; font-size: 0.666666em; line-height: 1em; text-align: right; text-transform: uppercase; color: #888; background-color: transparent; }
section.alert div.hide a img { vertical-align: top; }
section.alert div.hide a:link { color: #807f83; text-decoration: none; }
section.alert div.hide a:link img { background: url(/img/icon_close.png) left top no-repeat transparent; }
section.alert div.hide a:visited { color: #807f83; }
section.alert div.hide a:hover, section#alert div.hide a:active { color: #0096d7; }
section.alert div.hide a:hover img, section#alert div.hide a:active img { background: url(/img/icon_close.png) left -15px no-repeat transparent; }

/* !PAGE BODY */
section#body {  }

/* !GRIDS */
.page { width: 960px; margin: 0 auto; padding: 0; text-align: left; display: block; overflow: hidden; }
.grid { margin: 0; padding: 0; overflow: hidden; display: block; }
.grid-2 { width: 120px; float: left; }
.grid-3 { width: 180px; float: left; }
.grid-4 { width: 240px; float: left; }
.grid-8 { width: 480px; float: left; }
.grid-12 { width: 720px; float: left; }
.grid-16 { width: 960px; clear: both; }

/* !BOXES */
.box { 
    position: relative;
    margin: 0 10px 19px 10px; 
    padding: 28px; 
/*     background: url(/img/bg_box_gradient.png) left bottom repeat-x transparent;  */

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-box-shadow: 0px 1px 1px #e6e6e6;
    -webkit-box-shadow: 0px 1px 1px #e6e6e6;

    border: 1px solid #f0f0f0; 
    border-bottom-color: #e6e6e6; 
    border-radius: 5px; 
    box-shadow: 0px 1px 1px #f0f0f0;
    overflow: hidden; 
    display: block; 
}
.box-2 { width: 42px; }
.box-3 { width: 82px; }
.box-4 { width: 162px; }
.box-8 { width: 402px; }
.box-12 { width: 642px; }
.box-16 { width: 882px; }

.box-bg-img {
    margin: 0 -14px 0 -14px;
    line-height: 0;
}

/* remove extra space at the bottom of the box due to bottom margin of the last element */
/* .box > *:last-child { margin-bottom: 0; padding-bottom: 0; } */


/* !ARTICLES */
article { font-size: 1.5em; line-height: 1.2666666; }
article .box section { margin: 0 -28px; padding: 2.5333333em 14px; border-top: 1px solid #fff; border-bottom: 1px solid #e6e6e6; overflow: hidden; }
article hgroup.first { margin: 0 -28px; padding: 0 28px; border-top: none; border-bottom: 1px solid #e6e6e6;  }
article .box section.first, article .box header.first { padding-top: 0; border-top: none; }
article .box section.last { padding-bottom: 0; border-bottom: none; }

article table { margin-top: 0; margin-bottom: 1.214286em; border-spacing: 0px; }
article table th, article table td { border-bottom: 1px dotted #bbbabf; vertical-align: top; }
article h1 { margin-top: 0; margin-bottom: 1em; font-size: 2em; line-height: 1.05; }
article h2 { margin-bottom: 0; font-size: 1.5333333em; line-height: 1.05; }
article h3, article h4, article h5, article h6 { margin-bottom: 0; font-size: 1em; }
article p, article ul, article ol, article dl, article form { margin: 0 0 1.2666666em 0; }
article ul, article ol { margin-left: 1.375em; padding-left: 0; }
article dl { margin-left: 0; padding-left: 0; }
article dt { font-family: 'FunctionProBookBold', Verdana, sans-serif; }
article dd { margin: 0 0 1.2666666em 0; }
article .caption { display: block; font-size: 0.8666666em; line-height: 1.153846; margin-bottom: 1.384615em; }
article .footnote { margin-top: 1.384615em; font-size: 0.8666666em; line-height: 1.153846; color: #bbbabf; }
article section.article-meta { margin: 1.25em 0 2.5em 0; padding: 1.25em 0 0 0; font-size: 0.8em; line-height: 1.214286; border-top: 1px dotted #bbbabf; border-bottom: 1px dotted #bbbabf; }
article .breadcrumb { height: 1.5em; margin-top: -10px; margin-bottom: 0; font-size: 1.25em; line-height: 1.5em; color: #807f83; }

.column hgroup h2 { margin-bottom: 0.25em; }
.column hgroup h3, .column hgroup h4, .column hgroup h5, .column hgroup h6 { font-size: 1em; font-family: 'FunctionProBookRegular', Verdana, sans-serif; margin-bottom: 1.5em; text-transform: uppercase; }

/* !ASIDE */
aside { font-size: 1.3em; line-height: 1.230769; }
aside .box { width: 198px; padding: 10px; }
aside .box section { margin: 0 -10px; padding: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #ececec; }
aside .box section.first { padding-top: 0; border-top: none; }
aside .box section.last { padding-bottom: 0; border-bottom: none; }

aside .box h1, aside .box h2, aside .box h3, aside .box h4, aside .box h5, aside .box h6 { margin-bottom: 0; font-size: 1em; }
aside p, aside ul, aside ol, aside dl, aside form { margin: 0 0 1.230769em 0; }

/* remove extra space at the bottom of the box due to bottom margin of the last element */
aside .box > *:last-child { margin-bottom: 0; padding-bottom: 0; }




/* !LINK LISTS */
ul.links { margin-left: 0; padding-left: 0; list-style: none; }
ul.links li { padding-left: 1em; text-indent: -0.9em;}
ul.links li:before { content: "\00BB\00A0\00A0"; }
ul.links a:link, ul.links a:visited { text-decoration: none; }

ul.no-bullet { margin-left: 0; padding-left: 0; list-style: none; }

/* !PAGE FOOTER */
footer { font-size: 1.1em; white-space: nowrap; }
footer section.legalese { width: 510px; margin: 0 0 1em 10px; padding: 1em 0; border-top: 1px solid #e6e6e6; float: left; }
footer section.additional-links { width: 430px; margin: 0 10px 1em 0; padding: 1em 0; text-align: right; border-top: 1px solid #e6e6e6; float: left; }

/* !FORM */
form { width: 100%; }
.form-row { width: 100%; margin-bottom: 0.607143em; }
label { font-size: 0.9333333em; line-height: 1.214286; }
input { padding: 0.25em 0;}
select { margin: 0.25em 0; width: 100%; border: 1px solid #807f83; }
textarea { padding: 0.25em 0; width: 100%; height: 10em; }
.form-row.half { width: 45%; margin-right: 5%; float: left; }
.form-row.quarter { width: 25%; float: left; }
input.radio {}
input.checkbox {}
input.text-box, input.button { padding: 3px; line-height: 1.2666666; border: 1px solid #807f83; }
input.half, select.half, textarea.half { width: 45%; }
input.full, select.full, textarea.full { width: 100%; }
.blue-button { 
    font-family: 'FunctionProBookRegular', Arial, sans-serif; font-size: 1em; color: #fff; background-color: #0096d7;     
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-box-shadow: 0px 1px 2px #e6e6e6;
    -webkit-box-shadow: 0px 1px 2px #e6e6e6;

    border: 1px solid transparent; 
    border-bottom-color: #c8c4c5; 
    border-radius: 5px; 

	background: -webkit-gradient(linear, left top, left bottom, from(#0096d7), to(#006b99));
	background: -moz-linear-gradient(top,  #0096d7,  #006b99);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0096d7', endColorstr='#006b99');
}
.blue-button:active { 
	background: -webkit-gradient(linear, left top, left bottom, from(#006b99), to(#0096d7));
	background: -moz-linear-gradient(top, #006b99, #0096d7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#006b99', endColorstr='#0096d7');
}
.gray-button { 
    font-family: 'FunctionProBookRegular', Arial, sans-serif; font-size: 1em; color: #807f83; background-color: #bbbabf; border: none;     
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-box-shadow: 0px 1px 2px #e6e6e6;
    -webkit-box-shadow: 0px 1px 2px #e6e6e6;

    border: 1px solid transparent; 
    border-bottom-color: #c8c4c5; 
    border-radius: 5px; 

	background: -webkit-gradient(linear, left top, left bottom, from(#bbbabf), to(#7c7c80));
	background: -moz-linear-gradient(top,  #bbbabf,  #7c7c80);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbabf', endColorstr='#7c7c80');
}
.button-row { margin-top: 0.607143em; padding-top: 0.607143em; border-top: 1px dotted #807f83; }
.form-top-instruction { margin-bottom: 1.214286em; border-bottom: 1px dotted #807f83; }
.field-error { background-color: #ffd; }

section.box { padding-top: 1.2666666em; padding-bottom: 1.2666666em; overflow: hidden; }
.box-inset { padding: 1.2666666em; background-color: #efefef; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; }
.box-inset > form:last-child { margin-bottom: 0; }

.box-callout { margin-bottom: 1.2em; border: 1px solid #f0f0f0; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; }

/* !COLUMNS */
/* used to divide boxes that are 8, 12 or 16 wide (others are too narrow to be divided) */
.column-group { width: 910px; position: relative; margin-left: -14px; margin-right: -14px; overflow: hidden; }

.column { position: relative; margin: 0; padding-left: 14px; padding-right: 13px; float: left; border-right: 1px solid transparent; border-left: 1px solid transparent;}

.column-2in8 { width: 186px; }
.column-3in8 { width: 114px; }

.column-1in12 { width: 642px; }
.column-2in12 { width: 306px; }
.column-3in12 { width: 194px; }
.column-4in12 { width: 138px; }

.column-1in16 { width: 882px; float: none; clear: both; }
.column-2in16 { width: 426px; }

.column-3in16, .column-1of3in16 { width: 274px; }
.column-2of3in16 { width: 578px; }

.column-4in16, .column-1of4in16 { width: 198px; }
.column-2of4in16 { width: 424px; }
.column-3of4in16 { width: 652px; }

.column-5in16, .column-1of5in16 { width: 153px; }
.column-4of5in16 { width: 696px; }
.column-3of5in16 { width: 515px; }
.column-2of5in16 { width: 334px; }

.column-6in16 { width: 122px; }
.column-5of6in16 { width: 730px; }

.column h2, .column h3, .column h4, .column h5, .column h6 { margin-top: 0; }
.column h2 { margin-bottom: 0.82069em; }

.column-group .add-divider-right, .column-group .add-border-right { border-right: 1px solid #e0e0e0; }
.column-group .add-divider-left, .column-group .add-border-left { border-left: 1px solid #fff; }

.box-split { position: relative; margin: 24px -14px; padding: 0; width: 938px; color: #fff; background-color: #363636; overflow: hidden; }
.box-split-support { position: relative; margin: 24px -14px; padding: 0; width: 698px; color: #fff; background-color: #363636; overflow: hidden; }
.box-split-closer { position: absolute; top: 10px; right: 14px; color: #ccc; font-size: 0.75em; float: right; cursor: pointer; }

/* !ALIGNMENT */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-top { vertical-align: top; }
.align-middle { vertical-align: middle; }
.align-bottom { vertical-align: bottom; }
.clear-left { clear: left; }

/* !TRIMMERS */
.padding-trim-left { padding-left: 0px !important; }
.padding-trim-right { padding-right: 0px !important; }
.padding-trim-both { padding-left: 0px !important; padding-right: 0px !important; }
.padding-trim-bottom { padding-bottom: 0px !important; }
.padding-trim-top { padding-top: 0px !important; }
.margin-trim-left { margin-left: 0px !important; }
.margin-trim-right { margin-right: 0px !important; }
.margin-trim-both { margin-left: 0px !important; margin-right: 0px !important; }
.remove-border { border: none !important; }

/* !BORDER-STYLE */
.border-dashed { border-style: dashed; }
.border-dotted { border-style: dotted; }


a.panel-hover { margin: -14px; padding: 14px; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-color: transparent; }
a:hover.panel-hover{ background-color: #eee; }

/* !RETAILER LOCATOR */
#retailer-locator-location { width: 300px; margin-top: 2px; padding: 3px; font-size: 0.8em; }
#retailer-locator-radius { width: 60px; margin-top: 2px; }
#retailer-locator-submit { width: 100px; }
img.flagship-retailer { vertical-align: top ; }

#retailer-locator-form { margin-bottom: 0; }
#retailer-list-container { height: 440px; padding: 15px 0; overflow-y: auto; border-top: 1px dotted #807f83; border-bottom: 1px dotted #807f83; }
#retailers-list { margin-left: 2em; }
#retailers-list li { margin-bottom: 1.2666666em; }
#retailer-map-box { height: 506px; border: 1px solid #bbbabf; }
.map-loading { background: url(/img/ajax-loader.gif) center 232px no-repeat; }
#retailer-map { height: 506px; border: none; font: 12px Arial, sans-serif; }
#retailer-map b { font: bold 12px Arial, sans-serif; }
.retailer-name { color: #555; }

/* !FLAGSHIP RETAILERS */
.flagship-retailers-group h2 { margin-left: 14px; margin-bottom: 0.5em; }

/* !SHOP CLEK BANNER */
#shopclek { width: 882px; margin: 0; padding: 0; font-size: 1em; border: 1px solid #e0e0e0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#shopclek a, #shopclek a:link, #shopclek a:visited { width: 882px; overflow: hidden; display: block; text-decoration: none; color: #807f83; }
#shopclek:hover { background-color: #eee; border-color: #eee; }
#shopclek h2 { font-size: 1.333333em; }
#shopclek-logo-box { width: 193px; height: 71px; margin: 4px 0px; padding: 24px 24px 3px 24px; float: left; display: block; border-right: 1px solid #e0e0e0; }
#shopclek-text-box { width: 590px; height: 71px; margin: 4px 0px; padding: 13px 24px 3px 24px; float: left; display: block; }
#shopclek-logo-box-es { width: 193px; height: 71px; margin: 4px 0px; padding: 29px 24px 8px 24px; float: left; display: block; border-right: 1px solid #e0e0e0; }
#shopclek-text-box-es { width: 590px; height: 71px; margin: 4px 0px; padding: 6px 24px 3px 24px; float: left; display: block; }
#shopclek .call-to-action p { margin-bottom: 0; }

/* !ONLINE RETAILERS LIST */
.online-retailers-list { margin-left: 0; padding-left: 0; position: relative; list-style: none; float: left; }
.online-retailers-list li { width: 220px; float: left; }
.online-retailers-list li a:link, .online-retailers-list li a:visited { padding: 9px 6px; text-decoration: none; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-color: transparent; }
.online-retailers-list li a:hover { background-color: #eee; }

/* !QUESTION MARK OVERRIDE */
.q { font-family: Helvetica, Arial, Verdana, sans-serif; }
b .q, h3 .q { font-weight: bold; }
/* !SHOP BUTTON */
.shop-button { width: 98px; text-align: center; margin: 0.5em 0; }
.shop-button.medium { width: 148px; }
.shop-button.large { width: auto; text-align: left; padding: 0 10px; }
.shop-button a, .shop-button a:link, .shop-button a:visited, .shop-button a:hover { width: auto; padding: 0.25em 0; display: block; color: #fff; text-decoration: none; }
.shop-button-group { overflow: hidden; }
.shop-button-group .shop-button { float: left; margin-right: 10px; }
.shop-button.last { margin-right: 0px; }

/* !LIGHTBOX */
.lightbox { padding: 10px; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-color: transparent; font-size: 1.5em; overflow: hidden; }
.lightbox-trigger { cursor: pointer; }
.lightbox-trigger:hover { color: #0096d7; }
.lightbox-close { display: block; margin-top: -6px; padding: 4px 4px; cursor: pointer; font-size: 16px; }
.lightbox-gallery {}
.lightbox-gallery-nav { width: 82px; float: left; }
.lightbox-gallery-nav ul { margin: 0; padding: 0; padding-right: 10px; list-style: none; overflow: hidden; text-align: center; }
.lightbox-gallery-nav li { text-align: center; }
.lightbox-gallery-nav img { padding: 3px; border: 1px solid transparent; cursor: pointer; }
.lightbox-gallery-nav img.selected { border: 1px solid #0096d7; }
.lightbox-gallery-content  { width: 700px; padding-left: 10px; text-align: center; float: left; border-left: 1px solid #e6e6e6; float: left; }
.lightbox-gallery-content img { vertical-align: bottom; }

/* !VIDEOS */
.video-thumbnail img { max-width: 100%; margin-bottom: 0; margin-padding: 0; }
.video-thumbnail .caption {  }

.video-container { width: 640px; margin: 0 auto; padding: 48px 0 12px 0; }
.video-container video { width: 640px; height: 360px; }
.video-caption {  width: 640px; margin: 0 auto; padding: 0 0 48px 0; text-align: center; font-size: 0.75em; }

.video-navigation { padding: 24px 0 0 0; float: left; width:100%; overflow:hidden; position:relative; }
.video-navigation ul { clear:left; float: left; list-style: none; margin: 0; padding: 0; position: relative; left: 50%; text-align: center; }
.video-navigation li { position: relative; width: 114px; margin: 0 5px; padding: 0; display: block; float: left; right: 50%; list-style: none; }
.video-split-trigger { width: 112px; position: relative; display: block; font-size: 0.75em; text-align: center; }
.video-split-trigger img { border: 1px solid #bbbabf; }
.video-split-trigger img:hover, .video-split-trigger.selected img { border: 1px solid #0096d7; }
.video-split-trigger img.video-thumb-play { position: absolute; top: 51px; left: 1px; border: none; }

.video-incontent-split-trigger { width: 198px; height: 144px; margin: 0; margin-bottom: 5px; display: block; text-align: left; position: relative; overflow: hidden; }
.video-incontent-split-trigger img { border: none; display: block; position: static; }
.video-incontent-split-trigger span.play-video { width: 166px; margin: 0 1px; padding: 5px 5px 5px 25px; display: block; position: absolute; left: 0; bottom: 10px; font-size: 0.75em; text-align: left; background: url(/img/icon_video.png) 5px 3px no-repeat transparent; background-color: #fff; background-color: rgba(255,255,255,0.80); }
.video-incontent-split-trigger:hover span.play-video { background-position-y: -20px; }

ul.color-swatch-list-large { list-style: none; }
ul.color-swatch-list-large li { width: 95px; padding-bottom: 0.5em; float: left; text-align: center; }

ul.color-swatch-list-small { margin: 0 auto; padding: 0; list-style: none; text-align: center; display: block; overflow: hidden; }
ul.color-swatch-list-small li { display: inline; }
ul.color-swatch-list-small li img { vertical-align: top; }

.color-picker { padding: 1em 5px; }
.color-picker ul.swatch-list { margin: 0; padding: 0; list-style: none; text-align: center; overflow: hidden; }
.color-picker ul.swatch-list li { margin-bottom: 1.8em; font-size: 0.8666666em; line-height: 1.5; text-align: center; float: left; }
.color-picker ul.swatch-list li.last { margin-bottom: 0; }
.color-picker-caption { margin: -1em 5px 1.5em 5px; font-size: 0.8666666em; }

/* !MODEL COMPARISON */
table.model-comparison-table { width: 100%; }
table.model-comparison-table th { padding: 1.6466658em 0 1.266666em 0; vertical-align: bottom; }
table.model-comparison-table td { padding: 1.6466658em 0 1.266666em 0; vertical-align: middle; }
table.model-comparison-table ul.color-list { margin: 0; padding: 0; list-style: none; }
table.model-comparison-table ul.color-list li { display: inline; }

article .box section.column-group.matrix { overflow: visible; width: 938px; }
article .box section.matrix { padding: 0; }
article .box section.matrix table { width: 100%; margin: 0; padding: 0; border: none;}
article .box section.matrix table td { margin: 0; padding: 0; border-bottom: none; overflow: hidden;}
article .box section.matrix table td.half { width: 50%; }
article .box section.matrix table td.third { width: 33%; }
article .box section.matrix table td.quarter { width: 25%; }
article .box section.matrix table td.two-third { width: 66%; }
article .box section.matrix table td.three-quarter { width: 75%; }
article .box section.matrix img { vertical-align: top; }
article .box section.matrix img.go-icon { vertical-align: middle; }

table.content-grid { width: 100%; margin: 0 0 1.5em 0; padding: 0; border: none; border-collapse: collapse; }
table.content-grid td { margin: 0; padding: 14px; border-bottom: none; overflow: hidden;}
table.content-grid td.half { width: 50%; }
table.content-grid td.third { width: 33%; }
table.content-grid td.quarter { width: 198px; }
table.content-grid td.two-third { width: 66%; }
table.content-grid td.three-quarter { width: 75%; }
table.content-grid td p { margin-bottom: 0; }

/* !CHILD HEIGHT, WEIGHT, AGE */
table.child-height-weight-age { width: 100%; margin-bottom: 1.2666666em; border-collapse: collapse; }
table.child-height-weight-age caption { text-align: left; }
table.child-height-weight-age th { width: 32%; padding: 0.6333333em 0 0.6333333em 0; line-height: normal; vertical-align: middle; text-align: center; color: #fff; border: 1px solid #807f83; background-color: #807f83; }
table.child-height-weight-age td { width: 32%; padding: 0.6333333em 0 0.6333333em 0; vertical-align: middle; text-align: center; border: 1px solid #807f83; }

/* !SPECIFICATIONS */
table.specifications { width: 100%; margin-bottom: 1.2em; border: 1px solid #f0f0f0; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; }
table.specifications th { padding: 1.6466658em 1.266666em; width: 25%; vertical-align: top; border-bottom: 1px solid #fff; background-color: #f0f0f0; }
table.specifications td { padding: 1.6466658em 1.266666em; vertical-align: top; border-bottom: 1px solid #f0f0f0; }
table.specifications table:last-child, 
table.specifications p:last-child, 
table.specifications ol:last-child, 
table.specifications ul:last-child { margin-bottom: 0; padding-bottom: 0; } 
table.specifications tr.first {}
table.specifications tr.last {}
table.specifications tr.last th, table.specifications tr.last td { border-bottom: none; }
table.specifications tr.odd { background-color :#fff; }
table.specifications tr.even { background-color: #f2f2f2; }
table.specifications table { border-collapse: collapse; width: 100%; }
table.specifications table th { width: auto; padding: 0.6333333em 1.2666666em; vertical-align: middle; text-align: center; border: 1px solid #807f83; background-color: #fff; color: #807f83; font-family: 'FunctionProBookDemi', Verdana, sans-serif; }
table.specifications table thead th { padding: 1.6466658em 1.266666em; background-color: #807f83; color: #fff; }
table.specifications table td { width: auto; padding: 0.6333333em 1.2666666em; vertical-align: middle; text-align: center; border: 1px solid #807f83; }
table.specifications tr.last table  th, table.specifications tr.last table td { border-bottom: 1px solid #807f83; }
table.specifications span.caption { margin-bottom: 0; }

.matrix a { cursor: pointer; }
.matrix-padding { display: block; padding: 1.2em 28px; overflow: hidden; }

.back-to-top { position: absolute; top: 1em; right: 28px; font-size: 0.8666666em; line-height: 1; color: #bbbabf; }
.back-to-top a:link, .back-to-top a:visited { text-decoration: none; color: #bbbabf; }
.back-to-top a:hover { color: #0096d7; }

.go { line-height: 1.8em; display: block;}
.go a, .go a:link, .go a:visited { text-decoration: none; }
.go img.go-icon { padding-bottom: 5px; vertical-align: middle; }
.call-to-action .go img.go-icon { padding-bottom: 5; vertical-align: middle; }

.to-specifications { position: absolute; bottom: 1em; right: 28px; }
.to-specifications .go { line-height: 1em; }
.to-specifications .go img.go-icon { vertical-align: middle; }

.no-border { border: none; }

.hidden { display: none; }

.about-us-group { margin-bottom: 1.2666666em; }

.hero h1 { font-size: 2.5em; margin-bottom: 0;}
.hero p { font-size: 1.25em; }

/* !COLORS FORCED */
.clek-blue, a:link.clek-blue, a:visited.clek-blue { color: #0096d7; }
.clek-gray, a:link.clek-gray, a:visited.clek-gray { color: #807f83; }
.clek-gray-50, a:link.clek-gray-50, a:visited.clek-gray-50 { color: #bbbabf; }


/* !OLLI COLORS LIGHTBOX ADJUST */
#lightbox-gallery-olli-colors .lightbox-gallery-nav { margin-top: 10px; }


/* !EDITORS MARKS */
.need-translation { background-color: #ff0; }
.need-copy { background-color: #fcc; }
.need-copy.need-translation { background-color: #ff0; border: 2px solid #f00; }
.need-link { background-color: #ccf; }

.debug { margin: auto 0; padding: 2em; background-color: #ffc; color: #000; font-size: 1.2em; font-family: Courier; text-align: left; }

.sidebar-list {
  margin-top: 1em;
  margin-left: 1.5em;
  padding: 0;
}


/* HOME SLIDESHOW CONTROLS */
div.slides-control-container { width: 960px; height: 21px; margin-bottom: 2em; margin-top: -19px; }
div.slides-control-container ul { margin: 0; padding: 0; position: relative; left: 50%; clear: left; float: left; list-style: none;  text-align: center;}
li.slides-control { position: relative; right: 50%; width:13px; height:13px; margin: 8px 4px; float: left; display:block; list-style: none; background: url(/img/bg_banner_button.png) 0px 0px no-repeat transparent; cursor: pointer; }
li.slides-control.selected { background-position: 0px -20px; }