/*
Theme Name: Bespoke
Description: Bespoke Theme
Version: 1.5
Author: Ian Atkins
Author URI: http://www.addedlovely.com
*/

@font-face {
    font-family: 'Effra';
    src: url('fonts/effra-bold-webfont.eot');
    src: url('fonts/effra-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/effra-bold-webfont.woff') format('woff'),
         url('fonts/effra-bold-webfont.ttf') format('truetype'),
         url('fonts/effra-bold-webfont.svg#EffraBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

*{margin: 0px; padding: 0px;}
.left {float: left;}
.right {float: right;}
a,img {outline: none; border: 0px;}
a {text-decoration: none; color: #282828;}
.clear {clear: both;}

html {background: url(images/bg.jpg) repeat;}
body {font-family: Verdana, sans-serif; color: #282828; font-size: 14px; line-height: 18px; background: url(images/gradient.jpg) 0 0 repeat-x; padding: 4px 0 0 0;}  

/* container */
.container {margin-left: auto; margin-right: auto; width: 946px; clear: both;}

/* header */
#header {position: relative;}
#header .logo {display: block; padding: 12px 0 16px 0; width: 165px; }
#header .strapline {position: absolute; top:96px; left:120px; display: none;}
#logo {display: block;}
#language {position: absolute; top:49px; right:0; font-size: 11px; color: #000; font-family: 'Effra', Arial, Sans-serif;}
#language a {display: block; width: 25px; height: 18px; background: url(images/sprite.png) 0 0 no-repeat; position: relative;}
#language li {list-style-type: none; margin-left: 15px; float: left;}
#language .fr {background-position: -40px 0;}
#language .es {background-position: -80px 0;}
#language .cn {background-position: -120px 0;}
#language span {display: block; width: 5px; height: 3px; background: url(images/sprite.png) -109px -19px; position: absolute; bottom:-8px; left:11px;}
#client-login {position :absolute; top:108px; right:0; width:94px; height:25px; line-height:25px; text-align:center; display: block; font-size: 12px; font-weight: bold; background: url(images/sprite.png) 0 -19px no-repeat; padding-right: 14px; font-family: 'Effra', Arial, Sans-serif;}

/* menu */
#menu {font-size: 13px; height: 121px; position: relative; margin-bottom: -40px; font-family: "neo-sans", sans-serif; text-transform: uppercase; background: url(images/menu-bg.png) 0 0 repeat-x;}
#menu a {display: block; padding: 0 26px 0 26px; height: 56px; text-align: center; line-height: 61px; border-bottom:5px solid transparent; position: relative; margin-right: 1px;}
#menu li {list-style-type: none; float: left; background: url(images/menu-divider.png) top right no-repeat;}
#menu li span {position: absolute; width: 10px; height: 5px; display: block; overflow: hidden; margin-left: -5px; bottom:-10px; left:50%; background: url(images/sprite.png) 0 -262px; z-index: 2;}
#menu ul {position: absolute; top:61px; left:0; width: 944px; height: 40px; background: url(images/menu.png) 0 0; font-size: 12px; text-transform: uppercase; display: none; white-space: nowrap;}
#menu ul li {margin: auto; float: none; display: inline-block; background: 0;}
#menu ul a {background: none; line-height: 38px; margin: 0 15px 0 15px; width: auto; height: auto; display: inline; display: block; height: 38px; border-bottom: 0; padding: 0;}
#menu ul .current-menu-item a, #menu ul .current-menu-item a, #menu ul .current-page-ancestor a {border-bottom: 2px solid;}

/* menu - sub section */
#menu .current-menu-item ul, #menu .current-page-ancestor ul {display: block;}


/* menu - sections */
#menu-item-23.current-menu-item a, #menu-item-23.current-page-ancestor a,
#menu-item-839.current-menu-item a, #menu-item-839.current-page-ancestor a,
#menu-item-1136.current-menu-item a, #menu-item-1136.current-page-ancestor a {border-color:#e3106a !important;} /* home */

/* Clients */
#menu-item-20.current-menu-item a, #menu-item-20.current-page-ancestor a,
#menu-item-860.current-menu-item a, #menu-item-860.current-page-ancestor a,
#menu-item-1182.current-menu-item a, #menu-item-1182.current-page-ancestor a {border-color:#bb023d !important;} /* clients */ 
#menu li#menu-item-20 span, #menu li#menu-item-860 span, #menu li#menu-item-1182 span {background-position: -11px -262px;}

/* Brands */
#menu-item-19.current-menu-item a, #menu-item-19.current-page-ancestor a,
#menu-item-945.current-menu-item a, #menu-item-945.current-page-ancestor a,
#menu-item-1487.current-menu-item a, #menu-item-1487.current-page-ancestor a {border-color:#65166d !important;} /* brands */ 
#menu li#menu-item-19 span, #menu li#menu-item-945 span,  #menu li#menu-item-1487 span {background-position: -22px -262px;}

/* Private Label */
#menu-item-24.current-menu-item a, #menu-item-24.current-page-ancestor a,
#menu-item-949.current-menu-item a, #menu-item-949.current-page-ancestor a,
#menu-item-1491.current-menu-item a, #menu-item-1491.current-page-ancestor a {border-color:#1c5095 !important;} /* private label */ 
#menu li#menu-item-24 span, #menu li#menu-item-949 span, #menu li#menu-item-1491 span {background-position: -33px -262px;}

/* Consulating */
#menu-item-21.current-menu-item a, #menu-item-21.current-page-ancestor a, 
#menu-item-952.current-menu-item a, #menu-item-952.current-page-ancestor a,  
#menu-item-1494.current-menu-item a, #menu-item-1494.current-page-ancestor a  {border-color:#201d56 !important;} /* consulting */ 
#menu li#menu-item-21 span, #menu li#menu-item-952 span, #menu li#menu-item-1494 span {background-position: -44px -262px;}

/* Tools & Links */
#menu-item-26.current-menu-item a, #menu-item-26.current-page-ancestor a,
#menu-item-873.current-menu-item a, #menu-item-873.current-page-ancestor a,
#menu-item-1229.current-menu-item a, #menu-item-1229.current-page-ancestor a  {border-color:#69b433;} /* tools & links */ 
#menu li#menu-item-26 span, #menu li#menu-item-873 span,  #menu li#menu-item-1229 span {background-position: -90px -262px;}

#menu-item-22.current-menu-item a, #menu-item-22.current-page-ancestor a,
#menu-item-959.current-menu-item a, #menu-item-959.current-page-ancestor a,
#menu-item-1230.current-menu-item a, #menu-item-1230.current-page-ancestor a {border-color:#ff5703 !important;} /* contact */ 
#menu li#menu-item-22 span, #menu li#menu-item-959 span, #menu li#menu-item-1230 span {background-position: -55px -262px;}

/* menu - spacing corrections */
.page-id-8 #menu, .parent-pageid-8 #menu, .page-id-10 #menu, .parent-pageid-10 #menu, .page-id-12 #menu, .parent-pageid-12 #menu, .parent-pageid-58 #menu, .parent-pageid-28 #menu, .page-id-706 #menu, .parent-pageid-706 #menu, .page-id-697 #menu, .parent-pageid-697 #menu, .page-id-733 #menu, .parent-pageid-733 #menu, .page-id-1023 #menu, .parent-pageid-1023 #menu, .page-id-1044 #menu, .parent-pageid-1044 #menu, .page-id-1073 #menu, .parent-pageid-1073 #menu, .parent-pageid-721 #menu, .parent-pageid-709 #menu, .parent-pageid-1025 #menu, .parent-pageid-1049 #menu {height: 161px;}

/* content */
#content {line-height: 18px; position: relative;}
#content p {margin-bottom: 14px;}
#content .page a {color: #201d56; font-weight: bold; font-size: 12px;}
#content .page p {width: 600px;}
#content .page li {margin-bottom: 10px; list-style-position: inside; list-style-type: none; background: url(images/bullet.gif) 0px 6px no-repeat; padding-left: 20px;}
#content .page ol li {list-style-position: inside; list-style-type: decimal; background-image: none; width: 600px;}
#content .page ul, #content .page ol {padding-bottom: 16px; padding-top: 6px; width: 600px;}
#content .page table {width: 578px; padding: 10px 24px 24px 24px; -webkit-box-shadow: 0px 3px 5px 0px #e8e8e8;   -moz-box-shadow: 0px 3px 5px 0px #e8e8e8; box-shadow: 0px 3px 5px 0px #e8e8e8; margin: 16px 0 16px 0; background-color: #FFF;}
#content .page td {line-height: 30px; font-size: 13px; vertical-align: top;}
#content .page thead {font-weight: normal; font-family: "neo-sans", sans-serif;}
#content .page thead td {line-height: 60px; margin-bottom: 10px; font-size: 18px; padding-left: 12px;}
#content .page td.first {padding-top: 10px;}
#content table tr.odd {background-color: #fbfbfb;}
h1 {padding:16px 0 16px 0; font-size: 30px; font-weight: normal; font-family: "neo-sans", sans-serif; line-height: normal; width: 750px;}
h2 {line-height: 30px; font-size: 22px; font-weight: normal; margin-bottom: 26px; font-family: "neo-sans", sans-serif;}
h3 {font-size: 14px; font-weight: bold; margin-bottom: 8px;}
h3.section {line-height: 50px; font-family: Georgia; font-size: 12px; font-weight: bold; border-bottom: 1px solid #dddddd; border-top:1px solid #dddddd; text-transform: uppercase; margin-bottom: 16px; overflow: auto; clear: both; position: relative;}
small {color: #646464; font-size: 11px;}

/* buttons */
.button, .more {padding: 0 6px 0 6px; position: absolute; bottom:-20px; line-height: 20px; height: 20px; left:16px; display: inline-block; font-size: 14px; color: #ffffff; font-family: "neo-sans", sans-serif; text-transform: uppercase;}
.more {position: relative; left: auto; margin-top: 16px; margin-bottom: 16px; background-color: #000;}
.rss {background:url(images/sprite.png) no-repeat -62px -198px; display: block; position: absolute; width: 22px; height: 22px; right:0px; top:14px;}
.pdf {background: url(images/pdf.png); width: 384px; height: 58px; line-height: 58px; display: block; padding: 0 0 0 66px; font-size: 12px;  font-family: "neo-sans", sans-serif; font-weight: 600; overflow: hidden;}
.pdf span {color: #201d56; font-size: 13px;}

/* inline images */
.alignleft {float: left; background-color: #FFF; padding: 5px; margin: 0 26px 26px 0;  -webkit-box-shadow: 0px 0px 5px 0px #cfcece; -moz-box-shadow: 0px 0px 5px 0px #cfcece; box-shadow: 0px 0px 5px 0px #cfcece;}

/* slideshow */
#slideshow {display: block; width: 946px; height:272px; overflow: hidden; margin-bottom: 32px; border-bottom: 5px solid;}

/* home */
.home #slideshow {border-bottom: 5px solid #e3106a; height: 272px;}
.home .listing li {width: 340px;}
.home .listing .last {width: 254px;}
.home #listing .shadow h2 {margin-top: 10px;}
.home #listing .shadow {padding-bottom: 200px;}
.home #listing .shadow img {margin-top: 20px; border-bottom: 0; border-top: 3px solid; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; position: absolute; bottom:20px; left:20px;}
#listing .shadow {padding: 20px; font-size: 11px; position: relative; width: 266px; margin-bottom: 70px;}
#listing .shadow img {margin: -20px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom:3px solid;}
#listing .shadow h2 + p {font-size: 14px;}
#listing .shadow h2 {margin: 38px 0 16px 0;}
#listing .side-shadow {right:-8px; top:10px;}

#newsfeed div {background: url(images/hr.gif) bottom left repeat-x; padding-bottom: 12px; margin-bottom: 12px; font-family: Georgia; font-size: 11px; font-style: italic; color: #999; margin-right: 34px;}
#newsfeed div a {font-size: 14px; margin-bottom: 6px; display: block; font-family: "neo-sans", sans-serif;}
#newsfeed div p {margin-bottom: 0;}

.dlm-downloads {clear: both; overflow: auto; padding: 0 0 0 16px;}
.dlm-downloads li {width: 460px; float: left; list-style-type: none; padding-bottom: 12px;}
.dlm-downloads span {padding-right: 5px;}

.shadow {padding: 10px; background-color: #FFF; position: absolute; top:0; left:0;  -webkit-box-shadow: 0px 3px 5px 0px #e8e8e8;   -moz-box-shadow: 0px 3px 5px 0px #e8e8e8; box-shadow: 0px 3px 5px 0px #e8e8e8; -webkit-border-radius: 10px;  -moz-border-radius: 10px;  border-radius: 10px; }
.shadow .side-shadow {position: absolute; width: 8px; /* top:0px; right:-18px;*/ top:8px; right:-8px; background: url(images/shadow.png); display: block; height: 80px;}

/* clients */
#clients {margin-right: -14px;}
#clients li {height: 226px; width: 240px;}
#clients .shadow {padding: 0; width: 226px; height: 226px;}
#clients li.last {width: 226px;}
#clients li img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#clients h3 {font-size: 18px; color: #333333; font-weight: normal; position: absolute; bottom:20px; left:20px; margin-bottom: 0; display: none;}
#clients h3 em, #client h3 em {font-size: 12px; display: block;}
#clients .more {color: #bb023d; font-size: 11px; text-transform: uppercase; position: absolute; bottom:20px; right:20px; font-weight: bold; display:none; padding: 0; background-color: transparent; margin: 0;}
#clients a {display: block;}
/*
#clients div:hover {padding: 20px; top:-20px; left:-20px; z-index: 2; -webkit-box-shadow: 0px 3px 10px 0px #8f8f8f;  -moz-box-shadow: 0px 3px 10px 0px #8f8f8f; box-shadow: 0px 3px 10px 0px #8f8f8f;  -webkit-border-radius: 0px;   -moz-border-radius: 0px;  border-radius: 0px;  }
#clients div:hover .more {display: block;}
#clients div:hover h3 {display: block;}
#clients div:hover .side-shadow {display: none;}
*/
.page-id-6 #content .page ul, .page-id-775 #content .page ul, .page-id-1019 #content .page ul {border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 36px 0 26px 0; width: auto; margin-bottom: 36px;}
#ajax {display: none; overflow: hidden;}
.page-template-_clients-php #client {padding-top: 0; border-top:0;}
.page-template-_clients-php #client .close {top:0;}

/* single client */
.parent-pageid-6 #content {padding-top: 20px;}
#client {border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 36px 0 26px 0; width: auto; margin-bottom: 36px; clear: both; overflow: auto; position: relative; }
#client .right {width: 680px; float: right; position: relative;}
#client .shadow {position: relative; width: 226px; height: 226px; float: left; padding: 0;}
#client .shadow img { -webkit-border-radius: 10px;  -moz-border-radius: 10px;  border-radius: 10px; }
#client .website {color: #BB023D; font-size: 14px; font-weight: bold; text-decoration: none;}
#client .close {position: absolute; font-family: 'Effra', Arial, Sans-serif; color: #353535; text-transform: uppercase; top:36px; right:36px; text-align: right; 
font-size: 12px; display: block; line-height: 11px; height: 11px; width: 100px;}
#client .close span {width: 11px; height: 11px; display: inline-block; margin-left: 6px; background:url(images/sprite.png) -101px -262px; overflow: hidden; float: right;}

/* success stories */
.back {width: 51px; height: 11px; text-indent: 100px; overflow: hidden; position: absolute; top:30px; right:30px; background: url(images/sprite.png) 0 -285px no-repeat;}
.back:hover {background-position: 0 -274px;}

/* links & tools */
.page-template-_links-php .shadow {position: relative; padding: 0; width: 226px; height: 226px;}
.page-template-_links-php .shadow img {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.page-template-_links-php .shadow .side-shadow {right:-8px; top:10px;}
.page-template-_links-php .shadow span.text {padding: 10px; font-family: "neo-sans", sans-serif; font-size: 18px; color: #CCC; display: block; line-height: 26px;}
.page-template-_links-php .shadow span.text small {display: block; font-size: 11px; text-transform: none;  color: #69b433;}
.page-template-_links-php h2 {margin-top: 26px;}

#sidebar {width: 266px; right:0; left: auto; top:200px; padding: 20px 20px 40px 20px;}
#sidebar h2 {font-size: 24px; padding: 7px 20px 7px 20px; border-bottom: 1px solid; margin: 0 -20px 12px -20px;}
#sidebar p {font-size: 12px; line-height: 18px;}
#sidebar .button, #cboxClose {background-color: #65166D; color: #FFF; width: auto; height: 30px; line-height: 30px; padding: 0 26px 0 26px; font-size: 14px;   -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; position: relative; left: auto; top:auto; margin-bottom: 10px; text-transform: none; font-family: Verdana, sans-serif;}

/* forms */
input {outline: none; width: 154px; padding: 0 5px 0 5px; line-height: 25px; height: 25px; border: 1px solid #999999; margin-bottom: 12px;}
input.submit {border: 0; margin: 12px 0 12px 100px; background-color: #999999; color: #FFF; width: auto; height: 30px; line-height: 30px; padding: 0 26px 0 26px; font-size: 14px;   -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; font-family: Verdana, sans-serif; }
label {width: 100px; float: left; line-height: 26px; display: block; margin-bottom: 12px; font-size: 14px; color: #282828; font-family: Arial, Helvetica, sans-serif;}

/* footer */
#footer {background-color: #FFF; font-family: Arial, Helvetica; color: #797979; overflow: auto; font-size: 11px; clear: both; padding: 0 0 10px 0;}
#footer .color {display: block; width: 100%; height: 3px;}
#footer .right a {color: #424242; padding: 0 6px 0 6px;}
#footer .follow {display: block; line-height: 40px; height: 40px; border-top:1px solid #e4e4e4; text-transform: uppercase; color: #434343;  font-family: 'Effra', Arial, Sans-serif; margin-top: 20px; font-size: 12px;}
#footer a.twitter, #footer a.rss {position: absolute; left:10px; bottom:16px; overflow: hidden; width: 30px; height: 30px; display: block; background: url(images/sprite.png) 0 -190px no-repeat; top:auto; right: auto; text-indent: 40px;} 
#footer a.twitter {left: 50px; background-position: -31px -190px;}
#footer input {height: 30px; width: 186px; margin-bottom: 1px; color: #797979; font-family: Verdana, Arial; font-size: 14px; padding: 0 10px 0 10px; background-color: #e9e9e9; border: 0;}
#footer #submit {background-color: transparent; padding: 0; font-size: 18px; height: 54px; line-height: 54px; text-align: left; display: block;}  
#footer-menu {line-height: 70px; width: 946px; margin: auto; text-align: center;}
#footer-menu li {list-style-type: none; display: inline-block;}
#footer-menu a {font-size: 11px; font-weight: normal; text-transform: uppercase; padding: 0 18px 0 18px;}
#footer-columns {padding-top: 16px; overflow: auto; width:948px;}
#footer-columns li {list-style-type:none; width: 208px; float: left; color: #999999; line-height: normal; background-color: #f3f3f3; margin-right: 12px; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; height: 320px;  position: relative; overflow: hidden;}
#footer-columns li.last {margin-right: 0px;}
#footer-columns li.last h3 {margin-right: 0;}
#footer-columns p {margin-bottom: 10px;}
#footer-columns a {color: #424242;}
#footer-columns h3 {line-height: 40px; font-size: 14px; margin-bottom: 12px; border-bottom: 1px solid #e5e5e5; margin-right: 34px; color: #424242; font-family: "neo-sans", sans-serif;}
#footer-columns div {background: url(images/footer-hr.gif) bottom left repeat-x; padding-bottom: 20px; margin-bottom: 20px; font-family: Georgia; font-size: 11px; font-style: italic; color: #999; margin-right: 34px;}
#footer-columns div a {font-size: 14px; margin-bottom: 6px; display: block; font-family: "neo-sans", sans-serif;}
#footer-columns div:last-child {background-image: none;}
#twitter h3 {background: url(images/sprite.png) 0 -221px no-repeat; text-indent: -500px; overflow: hidden;}
#twitter small {color: #424242; display: block;  margin-top: 8px; font-weight: bold; font-family: Arial, Verdana; font-size: 11px; font-style: normal;}
#footer-columns #twitter a {display: inline;}
.footer-contact { padding-top:20px; display: flex; flex-direction: row; justify-content: space-between; }
.footer-contact h3 { text-transform: uppercase; color: #434343; font-family: 'Effra', Arial, Sans-serif; font-size: 12px; }

/* images */
.image { display: block; position: relative; z-index: 1; overflow: hidden;}
.image a, .image img {display: block;}

/* columns */
.col {width: 320px; float: left;}
.col li {list-style-position: inside; font-size: 13px; margin-bottom: 10px; width: 300px;}
.col li li {margin-left: 16px; margin-top: 10px; width: 284px;}
.col ul {margin-bottom: 16px;}

/* listing */
.listing {clear: both;}
.listing li {list-style-type: none; float: left; display: block; width: 240px; margin-bottom: 14px; position: relative;}
.listing img {display: block;}
.listing .last {width: 226px;} 
.listing .first {clear: left;}

/* one column - listing template */
.one {padding-top: 14px;}
.one li {width: 946px; padding-bottom: 36px; clear: both;}
.one .shadow {width: 226px; height: 226px; padding: 0; float: left; position: relative;}
.one .right {width: 680px; padding-bottom: 30px; border-bottom: 1px solid #dedede;}
.one li li {line-height: 26px; margin: 0; padding: 0; background: url(images/arrow.gif) no-repeat 0 10px; padding-left: 20px; width: auto;}
.one li ul {margin:20px 0 0 0;}
.one .shadow img {  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

/* two column */
.two li {width: 480px;}
.two .last {width: 466px;}
.two .image {overflow: hidden; width: 466px; height: 194px; margin: -20px -20px 20px -20px; border-bottom: 3px solid transparent;}
.two .image img {width: 100%; height: auto; margin: 0 !important;}
#listing.two .shadow {padding: 20px; font-size: 11px; position: relative; width: 425px; margin-bottom: 70px;}
#listing.two .shadow h2 {margin-top: 10px;}

/* three column */
.three li {width: 320px;}
.three .last {width: 306px;}
.three .image {overflow: hidden; width: 306px; height: 194px; margin: -20px -20px 20px -20px; border-bottom: 3px solid transparent;}
.three .image img {width: 100%; height: auto; margin: 0 !important;}
#listing.three .shadow h2 {margin-top: 20px;}

/* case study */
.page-template-_case-study-php .page {width: 600px; float: right;}
.page-template-_case-study-php .page h2 {margin-left: -346px;}
#sidebar .shadow {padding: 0; position: relative; margin-bottom: 20px; width: 306px;}
#sidebar .shadow img { -webkit-border-radius: 10px;  -moz-border-radius: 10px;   border-radius: 10px; }
#sidebar .pdf {width: 214px; height: 58px; padding-left: 56px; margin: 0 0 0 18px;}
#sidebar .tel {font-size: 18px; margin: 0 0 10px 0; padding-top: 10px; color: #353535;}
#sidebar .tel, #sidebar .email {line-height: 25px; height: 25px;}
#sidebar .email span, #sidebar .tel span  {width: 25px; height: 25px; display: inline-block; background: url(images/sprite.png); margin-right: 16px; float: left;}
#sidebar .email span {background-position: -26px -297px;}
#sidebar .tel span {background-position: 0 -297px;}

/* sections */
.home .color {background-color: #E3106A;}
.clients .shadow img {border-color: #bb023d !important; }
.clients .button, .parent-pageid-6 .more, .page-id-6 .color, .parent-pageid-6 .color {background-color: #bb023d;}
.brands .shadow .image, .brands .shadow img,  #slideshow.brands {border-color: #65166d !important;}
.brands .button, 
.parent-pageid-8 .more, .page-id-8 .color, .parent-pageid-8 .color, 
.parent-pageid-1023 .more, .page-id-1023 .color, .parent-pageid-1023 .color,
.parent-pageid-706 .more, .page-id-706 .color, .parent-pageid-706 .color
{background-color: #65166d;}
.parent-pageid-10 .more, .page-id-10 .color, .parent-pageid-10 .color, .parent-pageid-58 .color, .page-id-10 .button,
.parent-pageid-697 .more, .page-id-697 .color, .parent-pageid-697 .color, .parent-pageid-721 .color, .page-id-697 .button,
.parent-pageid-1044 .more, .page-id-1044 .color, .parent-pageid-1044 .color, .parent-pageid-1049 .color, .page-id-1044 .button
{background-color: #1C5095;} /* Private Label */
.consulting .button,
.page-id-12 .color, .parent-pageid-12 .color, .page-id-12 .button,
.page-id-1073 .color, .parent-pageid-1073 .color, .page-id-1073 .button,
.page-id-733 .color, .parent-pageid-733 .color, .page-id-733 .button
{background-color: #201d56;} /* consulting */
#slideshow.consulting, .consulting .shadow .image  {border-color:#201d56 !important;}
.page-id-14 .color {background-color: #69B433;} /* tools & links */
.page-id-16 .color {background-color: #FF5703;} /* contact */
.own-label .image, .own-label {border-bottom-color: #1C5095 !important;}

/* brands */
.parent-pageid-8 .contact h2, .parent-pageid-28 .contact h2 {border-bottom-color: #7a2980 !important;}
.parent-pageid-8 .contact a, .parent-pageid-28 .contact a {color: #7a2980;}

/* private label */
.page-id-10 .contact h2, .parent-pageid-10 .contact h2, .parent-pageid-58 .contact h2, .page-id-697 .contact h2, .parent-pageid-697 .contact h2 , .parent-pageid-721 .contact h2   {border-bottom-color: #1C5095 !important;} 
.page-id-10 .contact a, .parent-pageid-10 .contact a, .parent-pageid-58 .contact a, 
.page-id-697 .contact a, .parent-pageid-697 .contact a, .parent-pageid-721 .contact a,  
.page-id-1044 .contact a, .parent-pageid-1044 .contact a, .parent-pageid-1049 .contact a
{color: #1C5095;}
.page-id-10 .page small, .page-id-697 .page small, .page-id-1044 .page small {padding-left: 16px;}


/* consulting */
.parent-pageid-12 .contact h2,
.parent-pageid-1073 .contact 1073,
.parent-pageid-733 .contact h2 {border-bottom-color: #201D56 !important;}
.parent-pageid-12 .contact a,
.parent-pageid-1073 .contact a,
.parent-pageid-733 .contact a {color: #201D56;}

/* sales */
.page-id-54 #content p, .page-id-54 .page ul, .page-id-54 #content h3, .page-id-736 #content p, .page-id-736 .page ul, .page-id-736 #content h3, .page-id-1075 #content p, .page-id-1075 .page ul, .page-id-1075 #content h3 {float: right; width: 600px;}
.page-id-54 #sidebar, .page-id-736 #sidebar, .page-id-1075 #sidebar {right: auto; left:0; position: absolute; width: 266px; padding: 20px;}
.page-id-54 #sidebar h2, .page-id-736 #sidebar h2, .page-id-1075 #sidebar h2 {border-bottom: 1px solid #65166d; margin: 0 -20px 6px -20px; padding: 0 20px 0 20px; line-height: 45px;}
#sales {width: 306px; height: 285px; display: block; background: url(images/sales/sales.png) top left; margin: -20px -20px 0 -20px; position: relative;   -webkit-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px; }
#sales a {position: absolute; width: 90px; height: 90px;}
#sales li {list-style-position: inside;  padding: 0 8px 0 18px;}
#sales li.base {background: transparent; height: 26px; list-style-type: none; display: block;}
#sales li.first {padding-top: 8px;}
#sales li.last {padding-bottom: 8px;}
#sales a ul {display: none; font-size: 11px; line-height: 18px; position: absolute; z-index: 1000;}
#sales a:hover ul {display: block; }
#sales-food {left: 192px; top: 179px;}
#sales-food ul {background: url(images/sales/food_base.png) bottom left no-repeat; width: 309px; height: auto; top: -125px; left: 55px;}
#sales-food li {background: url(images/sales/food.png) repeat-y; color: #1c4f92;}
#b2b {left: 25px; top: 179px;}
#b2b ul {background: url(images/sales/b2b_base.png) bottom left no-repeat; width: 183px; height: auto; top: -95px; left: 25px;}
#b2b li {background: url(images/sales/b2b.png) repeat-y; color: #69b034;}
#retail {left: 108px; top: 26px;}
#retail ul {background: url(images/sales/retail_base.png) bottom left no-repeat; width: 216px; height: auto; left: 42px; top: -130px;}
#retail li {background: url(images/sales/retail.png) repeat-y; color: #e00068;}
#retail li span, #b2b li span, #sales-food li span {color: #282828;}

/* sales - french */
.page-id-736 #sales {background: url(images/sales/sales_fr.png);}

/* sales - spanish */
.page-id-1075 #sales {background: url(images/sales/sales_es.png);}

/* contact */
.page-template-_contact-php h3.section {margin-top: 30px; height: 60px; line-height: 60px; font-size: 24px; font-family: "neo-sans", sans-serif; border-color: #6f6f6f; text-transform: none; font-weight: normal;}
.page-template-_contact-php .page {position: relative; line-height: 24px;}
.page-template-_contact-php #content table {padding: 0; margin-bottom: 26px; background-color: transparent; -webkit-box-shadow: none; box-shadow: none;}
.page-template-_contact-php #content table tr.odd {background-color: transparent;}
.page-template-_contact-php #content .page a {color: #ff5703; text-decoration: underline;}
.page-template-_contact-php #content .page p {margin-bottom: 24px;}
.page-template-_contact-php .page h2 {width: 946px;}
.page-template-_contact-php .map {position: absolute; width: 300px; height: 300px; right:-330px; bottom:-200px; top:70px;}
.map .google-maps {display: block; margin-top: 30px; text-align: center;}
.map .google-maps img {margin-left: 0 auto 0 auto;}
.page-template-_contact-php #content {width: 616px;}
.page-template-_contact-php .listing {overflow: auto; font-size: 12px; line-height: 24px;}
.page-template-_contact-php .listing li {width: 33%;}
.page-template-_contact-php .listing a {display: block; font-weight: bold;}
#accordion {margin: 30px 0 30px 0; border-bottom: 1px solid #dedede;}
#accordion div {border-top: 1px solid #dedede; font-size: 12px;} 
#accordion div a {text-decoration: underline;}
#accordion h3 {line-height: 60px; height: 60px; overflow: hidden; font-size: 18px; font-weight: normal; margin-bottom: 0; position: relative; border-top: 1px solid #dedede; outline: none;}
#accordion h3 span { background: url(images/sprite.png) no-repeat -66px -262px; display: block; width:11px; height:6px; position: absolute; right:15px; top:30px;}
#accordion h3 a {padding-left: 48px; background: url(images/sprite.png) no-repeat; display: block; outline: none; border: 0;}
#accordion h3.ui-state-active {border-bottom: 0;}
#accordion h3.ui-state-active span {background-position: -78px -262px;}
#accordion div.ui-accordion-content-active {border-top:0; border-bottom: 1px solid #dedede;}
#accordion .road a {background-position: -146px 0;}
#accordion .air a {background-position: -146px -59px;}
#accordion .eurostar a {background-position: -146px -118px;}
#accordion .walking a {background-position: -146px -173px;}
#useful-links {padding-top: 12px;}
#useful-links a {display: block; width: 190px; height: 30px; float: left; padding-top: 70px;}
#useful-links .eurostar {background: url(images/links/eurostar.gif) no-repeat top left;}
#useful-links .hotel {background: url(images/links/hotels.gif) no-repeat top left;}

.district, .victoria, .piccadilly, .jubilee {color: #FFF; padding: 0px 3px 0px 3px;}
.district {background-color: #007229;}
.victoria {background-color: #009FE0;}
.piccadilly {background-color: #0450A1;}
.jubilee {background-color: #686E72;}

/*
 * jQuery UI Accordion 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute;}
.ui-accordion .ui-accordion-content { position: relative; top:1px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

#cboxOverlay{background:#000;}
#colorbox{padding: 25px;}
#cboxContent{background:#fff;}
#cboxClose{position:absolute; bottom:-50px; right:0; background-color: #FFF; color: #000; text-transform: capitalize;}
#cboxLoadedContent iframe { width:100%; height:100%; }

/* Internet Explorer */
.ie7 #footer-menu li, .ie7 #menu ul li  {display: inline;}
.ie7 #footer-columns li.last {width: 190px;}
.ie7 #menu a {border-bottom-color: #eaeaea;}

/* Old Versions of Firefox (3.0) */
.no-fontface #menu a {padding: 0 18px 0 18px;}

/* ==========================================================================
	Layout : Cookie
   ========================================================================== */
.layout-cookie-warning {position: fixed; bottom: 0; left: 0; right: 0; display: none; background: #FFF; padding: 20px; text-align: left; z-index: 2; box-shadow: 0px 3px 5px 0px #e8e8e8; font-size: 14px; }
.layout-cookie-warning .container {position: relative;}
.layout-cookie-warning.active {display: block;}
.layout-cookie-warning p {margin-right: 140px;}
.layout-cookie-warning .button {position: absolute; top:0; right: 0; left: auto; bottom: 0; margin: auto; background: #e4116a; color: #FFF; text-transform: uppercase; -webkit-appearance: none; appearance: none; border-radius: 0; outline:none; border: 0; cursor: pointer; }
.layout-cookie-warning a {text-decoration: underline; }