/* Global: Typography */
html {
font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
color:#000;
padding:0;
border:none;
margin:0;
}
body,ul,ol,dl,td,th,caption,pre,p,blockquote,input,textarea { font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
body {
font-size:100.01%; /* 16px in everything but Safari 2 */
background:#3a3834 url('/images/layout/background-body.png') repeat-y center top;
color:#666;
font-size:0.75em;
line-height: 1.125em;
padding:0;
border:none;
margin:0;
}
strong, b { font-weight:bold; }
h1, h2, h3, h4, h5 {
clear:both;
font-weight:bold;
letter-spacing:0;
line-height:1.25em;
padding:0;
margin:0 0 12px 0;
}
ul {list-style-type: square; margin-left:0; padding-left:15px;}
ul li { margin-bottom:12px; }
ol {list-style-type: decimal;}
h1 { font-size:1.75em; font-weight:normal;}
h2 { font-size:1.5em; font-weight:normal;}
h3 { font-size:1.25em; }
h4 { font-size:1.1em; }
h5 { font-size:1.0em; }
p { padding:0; margin:0 0 12px 0; }
p span.heading { font-weight: bold; }
/* Global: Helpers */
.left { float:left }
.right { float:right; }
.clear { clear:both; }
div.pad-12 { padding:12px; }
div.pad-0-12 { padding:0 12px; }
div.pad-24 { padding:24px; }
div.pad-0-24 { padding:0 24px; }
div.pad-0-24-24-24 { padding:0 24px 24px 24px; }
div.pad-24-0-24-24 { padding:24px 0 24px 24px; }
div.pad-24-24-0-24 { padding:24px 24px 0 24px; }
div.pad-24-24-24-0 { padding:24px 24px 24px 0; }
div.pad-60-24-24-0 { padding:60px 24px 24px 0; }
div.pad-left-24 { padding:0 0 0 24px; }
div.pad-right-24 { padding:0 0 0 24px; }
div.pad-bot-24 { padding-bottom:24px; }
div.pad-bot-12 { padding-bottom:12px; }
.invisible { display:none; }
.color-000 { color:#000; }
.color-fff { color:#fff; }
.color-red { color:#D13B29; }
.color-gray { color:#69635f; }
.right { float:right;}
.left { float:left;}
div.back-fff { background-color:#fff; }
div.rule { clear:both; width:auto; height:1px; border-bottom:1px solid #c4c3bd; margin-bottom:12px; }
div.rule.mb24 { margin-bottom:24px; }
div.rule.dark { border-bottom:1px solid #333; }
div.rule.dotted { border-bottom:1px dotted #ddd; }
.subtitle { text-transform:uppercase; color:#999; font-size:0.825em}
/* Global: Block elements */
div.doc-960 {
clear:both;
width:960px;
margin:0 auto;
}
div.doc-960.darkgray { color:#b1b1a2; background:#3a3834 url('/images/layout/background-top-darkgray.jpg') repeat-x top left; }
div.doc-960.main { background:#fff url('/images/layout/background-main.png') repeat-y top left; }
div.doc-960.main-blog { background:#fff url('/images/layout/background-main-blog.png') repeat-y top left; }
div.doc-960.main.bottom { height:22px; background:#fff url('/images/layout/background-main-bottom.png') no-repeat top left; }
div.doc-960.error { background-color:#fff; }
/* Global: Columns */
div.doc-960 div.col-320 { float:left; width:320px; }
div.col-576 { float:left; width:576px; }
div.col-576 div.col-288 { float:left; width:288px; }
div.col-384 { float:left; width:384px; }
div.col-192 { float:left; width:192px; }
/* Global: Topnav */
div.doc-960#topnav { background:#3a3834 url('/images/layout/background-topright-chalk.jpg') no-repeat top right; }
div.doc-960#topnav a#logo {
display:block;
float:left;
width:300px;
height:80px;
}
div.doc-960#topnav div#utility {
display:block;
float:right;
font-size:0.825em;
color:#fff;
padding:10px;
}
div.doc-960#topnav div#utility a { color:#fff; text-decoration:none; }
div.doc-960#topnav div#utility a:hover { color:#D13B29; }
div.doc-960#topnav div.tabs { float:left; padding:12px 0 0 89px; }
div.doc-960#topnav div.tabs.logintabs { float:right; padding:12px 0 0 0; }
div.doc-960#topnav div.tabs a {
display:block;
float:left;
height:25px;
}
div.doc-960#topnav div.tabs a span { display:none; }
div.doc-960#topnav div.tabs a#services { width:98px; background:transparent url('/images/layout/topnav-tab-services.png') no-repeat top left; }
div.doc-960#topnav div.tabs a#services.here, div.doc-960#topnav div.tabs a#services:hover { background:transparent url('/images/layout/topnav-tab-services.png') no-repeat bottom left; }
div.doc-960#topnav div.tabs a#shoppers { width:103px; background:transparent url('/images/layout/topnav-tab-shoppers.png') no-repeat top left; }
div.doc-960#topnav div.tabs a#shoppers.here, div.doc-960#topnav div.tabs a#shoppers:hover { background:transparent url('/images/layout/topnav-tab-shoppers.png') no-repeat bottom left; }
div.doc-960#topnav div.tabs a#blog { width:161px; background:transparent url('/images/layout/topnav-tab-blog.png') no-repeat top left; }
div.doc-960#topnav div.tabs a#blog.here, div.doc-960#topnav div.tabs a#blog:hover { background:transparent url('/images/layout/topnav-tab-blog.png') no-repeat bottom left; }
div.doc-960#topnav div.tabs a#about { width:96px; background:transparent url('/images/layout/topnav-tab-about.png') no-repeat top left; }
div.doc-960#topnav div.tabs a#about.here, div.doc-960#topnav div.tabs a#about:hover { background:transparent url('/images/layout/topnav-tab-about.png') no-repeat bottom left; }
div.doc-960#topnav div.tabs.logintabs a#clientlogin-tab { width:92px; background:transparent url('/images/layout/topnav-tab-clientlogin.png') no-repeat top left; }
div.doc-960#topnav div.tabs.logintabs a#clientlogin-tab.here, div.doc-960#topnav div.tabs.logintabs a#clientlogin-tab:hover { background:transparent url('/images/layout/topnav-tab-clientlogin.png') no-repeat bottom left; }
div.doc-960#topnav div.tabs.logintabs a#shopperlogin-tab { width:101px; background:transparent url('/images/layout/topnav-tab-shopperlogin.png') no-repeat top left; }
div.doc-960#topnav div.tabs.logintabs a#shopperlogin-tab.here, div.doc-960#topnav div.tabs.logintabs a#shopperlogin-tab:hover { background:transparent url('/images/layout/topnav-tab-shopperlogin.png') no-repeat bottom left; }
#shopperlogin-panel { display:none; }
/* Global: Textcontent */
.textcontent {
line-height:1.5em;
}
.textcontent.general h1, .textcontent.general h2, .textcontent.general h3 { color:#D13B29; line-height:1.25em; }
/* Global: Headlines */
div.col-192 div.headlines { line-height:1.5em; }
div.col-192 div.headlines a { color:#D13B29; font-weight:bold; text-decoration:none; }
div.col-192 div.headlines a:hover { color:#000; }
h5 { color:#333; text-transform:uppercase; }
/* Global: Promos */
div.col-192 div.promo { line-height:1.5em; padding:12px; border-bottom:1px solid #d3d2cc; }
h5 a { color:#D13B29; font-weight:bold; text-decoration:none; text-transform:uppercase;}
div.col-192 div.promo a:hover { color:#000; }
div.col-192 div.promo a.button.icon { font-weight:bold; }
div.col-192 div.promo a.button.icon:hover { color:#000; }
/* Global: Graphic Text */
.text { display:block; margin-bottom:12px; }
.text h2, .text h3 { display:none; }
/* Global: Links */
:active, :focus { outline:none; }
a { color:#D13B29; }
a:hover { color:#000; }
a.button { display:block; }
a.button.icon { min-height:15px; line-height:1.5em; color:#D13B29; text-decoration:none; padding:0 0 5px 25px; }
a.button.icon:hover { color:#000; }
a.button.icon.home:hover { color:#fff; }
a.button.icon.plus { background:transparent url('/images/layout/icon-plus.png') no-repeat top left; }
a.button.icon.minus { color:#000; background:transparent url('/images/layout/icon-minus.png') no-repeat top left;}
a.button.icon.arrow { background:transparent url('/images/layout/icon-arrow.png') no-repeat top left; }
a.button.icon.arrow-back { background:transparent url('/images/layout/icon-arrow-back.png') no-repeat top left; }
a.button.icon.popup { background:transparent url('/images/layout/icon-popup.png') no-repeat top left; }
a.button.icon.twitter { color:#00b0ee; font-weight:bold; background:transparent url('/images/layout/twitter_16.png') no-repeat top left; padding-bottom:12px;}
a.button.icon.rss { font-weight:bold; background:transparent url('/images/layout/rss_16.png') no-repeat top left; padding-bottom:12px;}
a.button.icon.twitter:hover { color:#000; }
a.button.bullet { color:#666; font-weight:bold; text-decoration:none; background:transparent url('/images/layout/bullet-arrow.png') no-repeat 0px 7px; padding:0 0 12px 9px; }
a.button.bullet:hover, a.button.bullet.here { color:#D13B29; }
a.button.signup { width:90px; height:30px; background:transparent url('/images/layout/button-signup.png') no-repeat top left; }
a.button.signup:hover { background:transparent url('/images/layout/button-signup.png') no-repeat bottom left; }
a.button.signup span { display:none; }
/* Global: Sidenav */
div.doc-960 div.col-192 div.sidenav { padding:12px 0; }
div.doc-960 div.col-192 div.sidenav a.tab {
display:block;
width:157px;
height:20px;
color:#69635f;
font-weight:bold;
text-decoration:none;
background:transparent url('/images/layout/sidenav-tab.png') no-repeat top right;
padding:8px 0 0 35px;
}
div.doc-960 div.col-192 div.sidenav a.tab.here {
background:transparent url('/images/layout/sidenav-tab.png') no-repeat bottom right;
color:#D13B29;
height:22px;
padding:7px 0 0 35px;
}
div.doc-960 div.col-192 div.sidenav a.tab:hover { color:#D13B29; }
div.doc-960 div.col-192 div.sidenav a.tab.last { height:22px; padding-top:7px; }
/* Global: Login */
.text.h2.client-login { width:107px; height:21px; background:transparent url('/images/layout/text-h2-client-login.png') no-repeat top left; }
.text.h2.shopper-login { width:125px; height:21px; background:transparent url('/images/layout/text-h2-shopper-login.png') no-repeat top left; }
div.login { color:#fff; background:#D13B29 url('/images/layout/background-orangestripes.png') repeat top left; padding:12px; }
div.login input { width:150px; border:none; margin-bottom:6px;}
div.login div.links { clear:both; font-size:0.825em; line-height:1.5em; padding-top:12px;}
div.login div.links a { color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none;}
div.login div.links a:hover { color:#000; }
div.login form input[type="submit"] {
background: transparent url('/images/layout/icon-go.png') no-repeat top right;
width:150px;
height:30px;
cursor:pointer;
}
/* Global: Backgrounds */
.back-silhouettes { min-height:510px; background:transparent url('/images/layout/background-topright-silhouettes.png') no-repeat top right; }
.back-graphs { min-height:130px; background:transparent url('/images/layout/background-left-graphs.jpg') no-repeat center left; }
.back-graylogo { background:transparent url('/images/layout/background-topright-graylogo.png') no-repeat top right; }
.back-bandannagirl { padding-bottom:240px; background:transparent url('/images/layout/background-bandannagirl.png') no-repeat bottom left; }
.back-peoplelogo { min-height:230px; background:transparent url('/images/layout/background-topright-peoplelogo.png') no-repeat top right; }
/* Global: Footer */
div.doc-960#footer { background-color:#716a66; }
div.doc-960#footer div.textcontent { color:#b6b3ae; padding:12px }
div.doc-960#footer a { color:#d3d2cc; text-decoration:none; }
div.doc-960#footer a:hover { color:#fff; }
div.doc-960#footer div#trustmarks { float:right; padding-top:35px;}
div.doc-960#footer div#trustmarks img { padding-right:12px; }
div.doc-960#footer div.infobox { float:left; width:180px; padding-bottom:6px;}
/* Home: Marquee */
div.doc-960#marquee-home {
width:960px;
height:400px;
background-color:#fff;
margin-bottom:4px;
}
/* Home: Columns */
div.doc-960 div.col-320.pad-12-0 { width:320; padding:12px 0; }
div.doc-960 div.col-320.pad-12-0.logo { background:transparent url('/images/layout/background-topright-logo.png') no-repeat top right; }
div.doc-960 div.col-320.pad-12-0 div.textcontent { font-size:0.9em; line-height:1.5em; padding:0 12px; }
div.doc-960 div.col-320.pad-12-0 div.textcontent.leftborder { border-left:1px solid #666; }
div.doc-960 div.col-320.pad-12-0 div.textcontent.leftborder a:hover { color:#fff; }
/* Home: Graphic Text */
.text.h3.perfecting-the-art { width:201px; height:32px; background:transparent url('/images/layout/text-h3-perfecting-the-art-and-science-of-mystery-shopping.png') no-repeat top left; }
.text.h3.testimonials { width:91px; height:13px; background:transparent url('/images/layout/text-h3-testimonials.png') no-repeat top left; }
.text.h3.talking-shop-blog { width:127px; height:16px; background:transparent url('/images/layout/text-h3-talking-shop-blog.png') no-repeat top left; }
/* Service: Icons */
.col-192.serviceicon {
clear:both;
text-align:right;
padding-top:0px;
}
/* FAQ Layout */
.faq-answer {
display:none;
line-height:1.5em;
padding:0 0 24px 25px;
}
/* Shopper Layout */
.shopper-leftbox {
min-height:340px;
background:#e1e5e9 url('/images/layout/background-lowright-silhouette.png') no-repeat bottom right;
padding:24px;
border-top:1px solid #c4c3bd;
}
.shopper-rightbox {
min-height:340px;
background:transparent url('/images/layout/background-lowright-graylogo.png') no-repeat bottom right;
padding:24px;
border-top:1px solid #c4c3bd;
}
/* Blog */
form#blog-mailings input {
width: 160px;
margin-bottom: 12px;
}
form#blog-mailings img {
margin-bottom: 12px;
}
h1.blog-title { font-weight:normal; color:#D13B29; margin-bottom:0; }
h1.blog-title a { text-decoration:none; }
div.blog-smallimage { padding-bottom:12px; }
div.blog-links { padding-bottom:24px; }
div.blog-links a { text-decoration:none; }
div.form-label { clear:left; float:left; width:88px; line-height:1.5em; padding:0.25em 12px 12px 0;}
div.form-field { float:left; width:428px; line-height:1.5em; padding-bottom:12px;}
/* About Layout */
.about-leftbox {
min-height:420px;
background:#fff url('/images/layout/background-lightstripes.png') repeat;
padding:24px;
}
.about-rightbox {
min-height:420px;
background:#e1e5e9 url('/images/layout/background-mspa.png') no-repeat bottom right;
padding:24px;
}
.bio-tagline { font-size:1.25em; font-style: italic; }