/*
Theme Name: Bespoke
Description: Bespoke Theme
Version: 1.0
Author: Ian Atkins
Author URI: http://www.kith-kin.co.uk
Tags:


*/


* {margin: 0px; padding: 0px;}
.left {float: left;}
.right {float: right;}
a,img {outline: none; border: 0px;}
.clear {clear: both;}
li {list-style-type: none;}

body {background-color: #f0f0f0; background-image: url(images/bg.gif); background-position: top; background-repeat: repeat-x; font-size: 14px; color: #58585a; font-family: Helvetica, Arial, 'Sans Serif';}

/* container */
#container {margin-left: auto; margin-right: auto; width: 962px; background-color: #FFFFFF; background-image: url(images/container-bg.gif); background-repeat: repeat-y;}

.header {background-color: #FFFFFF; width: 962px;}

/* page image */
#image img {margin-left: 1px;}

/* menu */
#menu {height: 34px; background-image: url(images/menu-bg.gif); background-repeat: repeat-x; background-position: top left; margin-left: 1px; margin-right:1px;}
#menu li {float: left; background-image: url(images/menu-divider.gif); background-position: top right; background-repeat: no-repeat; line-height: 34px;}
#menu li a {display: block; color: #FFFFFF; text-align: center; text-decoration: none; height: 0px; padding-top: 34px; overflow: hidden; background-position: top left;}
#menu li.page-item-6 a {width: 228px; background-image: url(images/menu/about.png);} /* about */
#menu li.page-item-6 a:hover, .parent-pageid-6 #menu li.page-item-6 a, .page-id-6 #menu li.page-item-6 a {width: 228px; background-image: url(images/menu/about_active.png);}
#menu li.page-item-7 a {width: 153px; background-image: url(images/menu/overview.png);} /* overview */
#menu li.page-item-7 a:hover, .parent-pageid-7 #menu li.page-item-7 a, .page-id-7 #menu li.page-item-7 a {width: 153px; background-image: url(images/menu/overview_active.png);}
#menu li.page-item-8 a {width: 161px; background-image: url(images/menu/industry.png);} /* industry */
#menu li.page-item-8 a:hover, .parent-pageid-8 #menu li.page-item-8 a, .page-id-8 #menu li.page-item-8 a {width: 161px; background-image: url(images/menu/industry_active.png);}
#menu li.page-item-9 a {width: 72px; background-image: url(images/menu/faq.png);} /* faq */
#menu li.page-item-9 a:hover, .parent-pageid-9 #menu li.page-item-9 a, .page-id-9 #menu li.page-item-9 a, #menu li.page-item-9.current_page_ancestor a{width: 72px; background-image: url(images/menu/faq_active.png);}
#menu li.page-item-10 a {width: 82px; background-image: url(images/menu/news.png);} /* news */
#menu li.page-item-10 a:hover, .parent-pageid-10 #menu li.page-item-10 a, .page-id-10 #menu li.page-item-10 a, .blog #menu li.page-item-10 a, .single #menu li.page-item-10 a  {width: 82px; background-image: url(images/menu/news_active.png);}
#menu li.page-item-11 a {width: 126px; background-image: url(images/menu/contact.png);} /* contact */
#menu li.page-item-11 a:hover, .parent-pageid-11 #menu li.page-item-11 a, .page-id-11 #menu li.page-item-11 a {width: 126px; background-image: url(images/menu/contact_active.png);} 

/* content */
#content {padding:47px 50px 100px 32px; clear: both;}
#content .post {width: 620px; float: right; line-height: 19px;}
#content .post p {margin-bottom: 20px;}
#content .post ul {margin-bottom: 20px;}
#content .post ul li {list-style-type: disc; list-style-position: inside; color: #96cf11; font-weight: bold;}
#content .post a {font-size: 15px; color: #8fcc00; text-decoration: underline;}
#content .post blockquote {color: #ff00a2; font-style: italic;}
#content .post a.top {margin-bottom: 20px; display: block; font-weight: bold; padding-left: 15px; background-image: url(images/top.gif); background-position: left; background-repeat: no-repeat; text-decoration: none;}
#content .post sup {font-size: 10px;}
#content .post h2 sup {font-size: 12px; line-height:5px;} 

#content .post table {font-size: 11px; margin-bottom: 26px; width: 100%;}
#content .post table td {border-bottom: 1px solid #e4e4e4; line-height: 20px; width: 60px;}
#content .post table th {border-bottom: 2px solid #e4e4e4; line-height: normal; padding-bottom: 3px; text-align: left; vertical-align: top;}
#content .post table .key span {float: left; display: block; padding-right: 20px; font-size: 10px;}
#content .post table sup {font-size: 8px;}

/* side bar */
#content #sidebar {border-top:1px solid #e4e4e4; width: 213px; float: left;}
#content #sidebar li {padding: 7px 0px 5px 0px; line-height: 18px; border-bottom: 1px solid #e4e4e4;} 
#content #sidebar li a {color: #8fcc00; font-weight: bold; text-decoration: none; letter-spacing:-0.2px;}
#content #sidebar li.current_page_item a {color: #58585a;}

/* news */
.blog #content h3 {margin-bottom: 3px;}
.blog #content h4 {margin-bottom: 20px;}
.blog #content hr {margin-top: 40px;}
.blog #content .navigation {border-top:0px;}

#content #sidebar.news li {line-height: normal; padding-top: 10px; padding-bottom: 10px;}
#content #sidebar.news li span {display: block; color: #96d502; font-weight: bold;}
#content #sidebar.news li a {font-size: 14px; font-weight: normal; color: #58585a; line-height: normal; line-height: 18px;}

#content .navigation {width: 620px; float: right; line-height: 19px; margin-top: 60px; border-top:1px solid #e4e4e4; padding-top: 20px;}
#content .navigation .alignleft {float: left;}
#content .navigation .alignright {float: right;}
#content .navigation a {color: #96D502;}

/* by industry - plastics */
.page-id-26 #content #sidebar ul  {display: none;}

/* sub menu */
#content #sidebar ul {margin-top: 2px; margin-bottom: -3px;}
#content #sidebar ul li {line-height: 25px; padding-top: 0px; padding-bottom: 0px; list-style-type: disc; list-style-position: inside; border:0px; color: #58585a;}
#content #sidebar ul li a {font-size: 14px; font-weight: normal; color: #58585a;}

/* headings */
h1 {font-size: 24px; color: #96d502; font-weight: bold; margin-bottom: 26px;}
h2 {font-size: 20px; color: #58585a; font-weight: normal; margin-bottom: 26px; line-height: 23px;}
h3 {font-size: 17px; color: #96d502; font-weight: bold; margin-bottom: 20px; text-transform: uppercase}
h4 {font-size: 14px; font-weight: bold;}
hr {height: 0px; border:0px; border-top:1px solid #e4e4e4; margin-bottom: 26px;}

/* form */
label {float: left; width: 112px; line-height: 25px; text-align: right; margin-right: 16px; margin-bottom: 14px;}
label.error {text-align: left; font-size: 12px; width: 150px; margin-left: 20px; color: #e53844;}
input {float: left; margin-bottom: 14px; height: 25px; line-height: 25px; width: 262px; background-image:url(images/input.gif); background-repeat: no-repeat; border: 0px; padding-left: 12px; color: #58585a;}
textarea {border: 0px; padding: 12px; height: 146px; width: 416px; background-image: url(images/textarea.gif); font-size: 14px; color: #58585a; font-family: Helvetica, Arial, 'Sans Serif'; clear: both; margin-bottom: 20px;}
input#submit, input.submit {height: 25px; padding-top: 25px; background-image: url(images/submit.gif); background-position: top left; width: 80px;  margin-left: 124px; cursor: pointer;}
.wpcf7-form br {display: none;}
.wpcf7-form p, #subForm p {clear: both;}

/* form checkboxes */
.wpcf7-form span.which {padding-top: 10px; display: block; padding-bottom: 15px;}
.wpcf7-form div.which {width: inherit; float: none; margin-left: 124px; display: block; text-align: left; clear: both; padding-top: 10px;}
.wpcf7-form div.which label.which {width: inherit; float: none; text-align: left; clear: both;}
.wpcf7-form div.which .wpcf7-list-item {clear: both; display: block;}
.wpcf7-form div.which .wpcf7-list-item-label {display: inline; float: none; margin-left: 10px; text-align: left; line-height: normal;}
.wpcf7-form div.which input {margin-bottom: 0px; background-image: none; float: none; display: inline;}
.wpcf7-form span.wpcf7-not-valid-tip {font-size: 12px; background-color: transparent; border: 0px; color: #e53844; position: relative; display: inline; width: auto; padding: 0px; left: auto; top:auto;}
.wpcf7-form div.wpcf7-validation-errors {border: 0px; padding: 0px; color: #e53844; clear: both;}
.wpcf7-form div.wpcf7-mail-sent-ok {border: 0px; padding: 0px; color: #96D502; clear: both;}
.wpcf7-form .wpcf7-list-item label {width: 300px; margin-bottom: 0px; line-height: 20px; text-align: left;}
.wpcf7-form .wpcf7-list-item {display: block; margin-bottom: 3px; height: 30px;}
.wpcf7-form .wpcf7-list-item input {height: auto; width: auto;}
.confirmation {display: none; }
.wpcf7-form input#submit {margin-left: 124px; margin-top: 20px; margin-bottom: 20px;}
.wpcf7-form .textarea {margin-left: 124px;}
.wpcf7-form .ajax-loader {margin-left:10px; margin-top:24px;}
.wpcf7-form #mailing-list span {display: inline; float: none; text-align: left; line-height: normal;}

#error {font-size: 12px; margin-bottom: 15px; margin-top: -15px;}

/* form replace select box */
form .newListSelected {width: 262px; height: 25px; float: left; background-image: url(images/select.gif); background-position: top left; line-height: 25px; padding-left: 12px; color: #58585a; font-size: 12px;}
form .newListSelected ul {position: absolute; z-index: 2; background-color: #f4f4f4; width: 233px; margin-left: 10px; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
form .newListSelected ul li a.newListHover {background-color: #FFFFFF;}
#content .post form .newListSelected ul li {list-style-type: none !important;}
#content .post form .newListSelected ul li a { font-size: 12px ; color: #58585a; font-weight: normal; text-decoration: none; display: block; padding-left:5px;}
#content .post form .country ul.newList {height: 300px !important; overflow-y: scroll;}

/* mailing list*/
#content .post #subForm p, #content .post .wpcf7-form p {margin-bottom: 0px !important;}

/* footer */
#footer {clear: both; padding:47px 50px 20px 32px; height: 40px;}
#footer ul {float:right; line-height:19px; width:620px; padding-bottom: 5px;}
#footer ul li {float: left; border-right:1px solid #96D502;}
#footer ul li.page-item-6 a {margin-left: 0px;}
#footer ul li a {color:#58585a; text-decoration: none; font-size: 12px;display: block; margin-right: 10px; margin-left: 10px; }
#footer ul li a:hover, #footer ul li.current_page_parent a, #footer ul li.current_page_item{color: #96D502;}
#footer div {clear: both; font-size: 10px; width: 620px; float: right; padding-bottom: 20px;}