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

*/
body {font-family: Helvetica, Arial; font-size: 12px; color: #000000; line-height: 18px;}
* {margin: 0px; padding: 0px;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.center {text-align: center;}
a img, a{border: 0px; outline: none; color: #000000;}
li {list-style-type: none;}


#container,#footer {margin-left: auto; margin-right: auto; width:944px; position: relative;}
#container { z-index: 2;}
#header {text-align: center; margin:16px 0 0px 0; position: relative; z-index: 2; height: 140px; border-bottom: 2px solid #bcb9b6; }
#header h3 {font-family: Georgia, serif; font-weight: normal; position: absolute; top:100px; line-height: 40px; left:0; text-transform: uppercase; font-size: 12px;}
#footer {padding-bottom: 100px; clear: both;}
#logo {position: absolute; top:0; right:0; width:944px; border-bottom:1px solid #BCB9B6; text-align:left; padding-bottom: 10px; }

#menu {font-family: Georgia, serif; position:absolute; top:100px; right:0px; line-height: 40px; text-align: right; clear: both; height: 50px; z-index: 100; width: 944px;}
#menu li a {padding: 0 0px 0 10px;}
#menu li li a {padding: 0 10px 0 10px;}
#menu li a, #menu li {text-transform: uppercase; text-decoration: none; color: #333333; display: block;}
#menu li {width: 200px; text-align: right; float: right; list-style-type: none; text-indent: 0px;}
#menu li.current_page_item a, #menu li.current_page_parent a {}
#menu li.current_page_item li a, #menu li.current_page_parent li a {font-weight: normal;}

#menu li ul {background-color: #f0f0f1; padding:15px; width: 170px; overflow: visible;}
#menu li ul li { text-indent: 0px; line-height: 20px; float: none; width: 170px; padding: 0;}
#menu li ul li a {display: block; color: #827e79; text-transform: none; padding: 0;}
#menu li ul li a:hover {color: #000000;}
#menu li ul li.current-cat a, #menu li ul li.current_page_item a, #menu li ul li.current_page_ancestor a, #menu li ul li.current_page_parent a  {color: #000000;}
 
h1 {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 26px; font-weight: normal; width:290px; float: left; line-height: normal; }
h2 {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: normal; font-size: 20px; margin-bottom: 16px; padding-top: 40px; clear: both;}
hr {background-color: #a5a19e; height: 1px; border: 0px; display: block;}

/* homepage */
.home #menu {margin-bottom: 1px;}
.home #content h1 {color: #423c38; font-size: 18px; line-height: 24px; font-weight: normal; width: 600px;}
.home h1 .signature {margin: 10px 0 0 -5px; display: block;}
.home #gallery {width: 944px; height: 425px; }
.home hr {margin-top: 1px; margin-bottom: 0px;} 
.home .post {padding-left: 10px; float: left; width: 688px;}
.home ul.category-products {margin-top: 16px;}
.home ul.category-products li span {height: 224px; overflow: hidden;}
.home .gallery-container {height: 425px; margin-bottom: 16px;}
a.image {display: block; height: 286px; overflow: hidden; text-decoration: none;}
a.caption {display:block; background-color: #F2F1F0; line-height: 30px; text-indent: 10px; text-decoration: none;}

#buttons {font-family: Georgia, serif; clear: both; width: 688px; overflow: hidden; padding-top: 20px;}
#buttons li {width: 171px; list-style-type: none; float: left; font-size: 16px; border-right:1px solid #666;}
#buttons li.first a , #buttons li:first-child a {padding-left: 0;}
#buttons li.last, #buttons li:last-child {border-right:0;}
#buttons a {text-decoration: none; padding: 16px; display: block; text-align: left; color: #666;}
#buttons a:hover {color: #423C38;}
#tweet {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 16px; line-height: 28px;  color: #666; overflow: hidden; height: 204px;}

/* products */
.category-description {position: absolute; top:40px; font-style: italic; font-size: 14px; width: 266px; display: none;}
ul.category-products {margin-right: -16px; clear: both; width: 960px;}
ul.category-products li {width:224px; height: auto; background-color: #EFEFEF; margin-right: 16px; margin-bottom:25px; float: left; position: relative;} 
ul.category-products li span {width: 224px; display: block; height: 286px; overflow: hidden;}
ul.category-products li div {background-color: #F2F1F0; padding: 10px;}
ul.category-products li div a, #content ul.category-products a {text-decoration: none;}
ul.category-products li small {display: block; font-size: 10px; font-family: Arial, Helvetica, sans-serif; margin-top: 4px; text-transform: uppercase; color: #666;}

/* content */
#content {position: relative; z-index: 1;}
#content .text {clear: both;}
#content .text div {font-size: 14px; font-weight: normal; font-style: italic; width:626px; float: left; padding-top: 0px; clear: none; font-size: 14px;}
#content p, #content .text div br {margin-bottom: 16px;}

/* product */
#content .product {margin-bottom: 60px; clear: both; display: block;}

/* single product */
#gallery {width: 626px; height: 626px; overflow: hidden; float: left; list-style-type: none; overflow: hidden; position: relative; background-color: #000000;}
#gallery-controls { margin-bottom: 26px; position: relative; float: left; width: 626px;}
#gallery-controls, #gallery-controls li {background-color: #F2F1F0; line-height: 30px; display: block; height: 30px; margin-bottom: 26px;}
#gallery-controls li {margin-bottom: 0px;}
#gallery-controls li a {text-decoration: none; color:#333333; display: block; padding-left: 10px; padding-right: 10px;}
#gallery-controls li.center {display: block;}
#gallery-controls li.center a {display: inline;}
#gallery-controls li a.activeSlide {color: #000000;font-weight: bold;}
#gallery-controls .left {width: 150px; position: absolute; left:0; top:0;}
#gallery-controls .right {width: 150px; text-align: right; position: absolute; top:0; right:0;}

/* lifestyle - single */
.lifestyle #gallery {width: 944px; height: 531px;}
.lifestyle #gallery-controls {width: 944px;}
#content.lifestyle .text div.left {width: 318px;}
#content.lifestyle .text div.left h1 {margin-bottom: 10px;}

/* news - listing */
#news a.image {width: 320px; height: auto; display: block; float: left;}
#news a span {display: block; width: 304px; height: 171px; overflow: hidden;}
#news li {clear: both; margin-bottom: 25px; overflow: auto;}
#news .entry {float: left; width: 624px; padding-bottom: 25px;}
#news .entry h2 {padding-top: 0; margin-bottom: 4px;}
#news .entry h2 a {text-decoration: none;}
#news .entry small {font-size: 11px; display:block; margin-bottom: 10px;}
#news .entry p {width: 550px;}

/* news - single*/
.news #gallery {width: 944px; height: 531px;}
.news #gallery-controls {width: 944px;}
#content.news .text div.left {width: 318px;}
#content.news .text div.left h1 {margin-bottom: 10px;}

/* manufacturing */
.page-template-manufacturing-php #gallery {width: 944px; height: 531px;}
.page-template-manufacturing-php #gallery-controls {width: 944px;}
ul.wide {margin-right: -16px; clear: both; width: 960px;}
ul.wide li {width:304px; height: auto; background-color: #EFEFEF; margin-right: 16px; margin-bottom:25px; float: left; position: relative;} 
ul.wide li span {width: 304px; display: block; height: 171px; overflow: hidden;}
ul.wide li div {background-color: #F2F1F0; padding: 10px;}
ul.wide li div a, #content ul.wide a {text-decoration: none;}
ul.wide li.last {margin-right:0;}

#left {width: 626px; float: left;}
#right {width: 280px; float: right;}

ul#products-menu {float:right; width: 280px; height: inherit;  font-family: Arial, sans-serif; clear: none;}
ul#products-menu li {display: block; float: none; line-height: 20px; /* border-bottom: 1px solid #999999; */ font-size: 11px; color: #443E39; clear: both; padding: 5px;} 
ul#products-menu li a {color: #8F8985; text-decoration: none; padding: 0;}
ul#products-menu li.current a {color: #000000; font-weight: bold;}

.single .product {clear:both; }
.single .product h1 {font-size: 26px; width:280px; float: left; padding-right: 10px;}
.single .product h1 span {display: block; font-size: 11px; text-transform: uppercase; font-family: Arial; font-style: normal; margin-top: 3px;}
.single .product h2 {font-family: Helvetica, Arial; font-weight: normal; font-style: normal; width:336px; float: left; padding-top: 0px; clear: none;  font-size:12px; line-height: 18px;}
.single .product h2 p {margin-bottom: 12px;}

ul.details {width: 280px; float: right; font-family: Arial; border-top:1px solid #999999;}
ul.details li {line-height: 20px; border-bottom: 1px solid #999999; text-indent: 5px;font-size: 11px; color: #443E39; clear: both;}
ul.details li span {color:#8F8985; width: 100px; display: block; float: left;}
ul.details li span b {display: block; float: left;}
ul.details li a {color: #443E39; text-decoration: none;}
ul.details li a:hover,ul.details li.active a, #content.slim ul#products-menu li.active a  {color: #000000;}
ul#tech-list {border-top:0px;}
ul.prices a {font-weight: bold;}
ul.prices a span {font-weight: normal;}

/* manufacturing video link */
ul#video {border-top:1px solid #999999; margin-bottom: 26px;}
ul#video li.icon {background-image: url('images/video-icon.gif'); background-position: center left; background-repeat: no-repeat;}
ul#video li.icon a {padding-left: 12px;}

/* technical drawing and variations */
.technical-drawing, .variations {width: 626px; clear: both; overflow: hidden; float: left; margin-bottom: 40px;}
.technical-drawing a {width: 626px; overflow: hidden;}
.technical-drawing img {border-top:1px solid #999999; padding-top: 10px;}
.variations {height: auto;}
.variations li {margin-bottom: 10px;}
.variations-downloads {margin-top: -16px;}
h2.variations {border-bottom:1px solid #999999; padding-bottom: 16px; clear: both; margin-bottom: 16px; padding-top: 0px;}
#content table {width: 100%; border-top:1px solid #999999;}
#content table tr {line-height: 25px; margin-bottom: 1px}
#content table tr th {background-color: #EFEFEF; text-align: left; text-indent: 5px; line-height: 30px; border-bottom: 1px solid #333333;}
#content table tr th.price {text-align: right; padding-right:5px;}
#content table tr td {padding-left:5px; font-size: 11px; border-bottom: 1px solid #FFFFFF;  background-color: #F2F1F0;}
#content table tr td.price {text-align: right; padding-right: 5px;}

/* product downloads */
.downloads {width: 280px; border-top:1px solid #999999; line-height: 20px; float: right;padding-top: 5px; font-family: Arial; font-size: 11px;  margin-bottom: 26px;}
.downloads b {color: #443E39; text-transform: uppercase; text-indent: 5px; font-weight: normal; display: block;}
.downloads a {color: #8F8985; text-decoration: none; padding-left: 5px; text-transform: uppercase;}
.downloads hr {margin-top: 5px;}

/* material finishes */
.single h2.finishes {width: 626px; border-bottom:1px solid #999999; padding-bottom: 16px; margin-bottom: 0px; padding-top: 0;}
.single ul.finishes {font-family: Arial; font-size: 11px; text-transform: uppercase;  width: 626px; margin-right:-50px; display: block; float: left; margin-bottom: 26px;}
.single ul.finishes li {float: left; margin-right: 6px; width: 120px; margin-top: 26px;}
.single ul.finishes li.last {margin-right: 0px;}
.single ul.finishes .image {width: 120px; height: 120px; overflow: hidden; margin-bottom: 10px; background-color: #EFEFEF;}

/* suggested products */
.suggested-products h2 {background-color: #443E39; line-height: 30px; color: #FFFFFF; padding: 0px; font-size: 16px; text-indent: 10px; cursor: pointer; background-image: url('images/suggested.gif'); background-position: left; background-repeat: no-repeat; background-position: 150px 0px;}
.suggested-products {height: 30px; overflow: hidden; margin-top: 26px;}
.suggested-products.open {height:auto;}
.suggested-products.open h2 {background-image: url('images/suggested-open.gif'); background-repeat: no-repeat;}
.suggested-products ul {position: relative; display: none;}
.suggested-products.open ul {display: block;}

/* gallery */
.gallery-container {position: relative; height: 531px;}
.gallery-container #caption {position: absolute; bottom: 0px; left: 0px; background-image: url(images/80.png); text-indent: 10px; color: #ffffff; font-size: 14px; font-family: Georgia; line-height: 40px; z-index: 100; display: block; width: 100%; display: none;}

/*contact page */
#content form {padding: 16px;}
#content label {width: 90px; float: left; line-height: 25px; font-family: Arial; margin-bottom: 5px;}
#content input.submit {width: 250px; font-family: Georgia; font-size:14px; float: none; margin-left: 90px; text-align: left; background-color: transparent; padding-top: 0px;}
#content input {width: 440px; line-height: 26px; height: 20px; font-family: Arial; margin-bottom: 5px; text-indent: 5px; border: 0px; background-color: #FFFFFF; padding-top: 6px;}
#content textarea {width: 430px; height: 200px; padding: 5px; font-family: Arial; font-size: 12px; border: 0px; background-color: #FFFFFF;}
#content div.wpcf7-response-output, #content div.wpcf7-validation-errors  {margin-left: 90px; border: 0px; color: red; font-family: Arial; font-size: 11px; margin-bottom: 0px; margin-top: 0px; line-height:20px; padding: 0px; font-weight: bold;}
#content div.wpcf7-mail-sent-ok {color: green;}
#content span.wpcf7-not-valid-tip {float: right; height: 18px; width: 18px; border: 4px solid #FFFFFF; line-height: 18px; background-color: red; color: #FFFFFF; top:0; left:442px; padding: 0px; margin: 0px; overflow: hidden; text-align: center; font-weight: bold;}

/* locations*/
.page-id-21 h2.first {padding-top: 7px;}
.page-id-21 #content .text div {font-style: normal;}

/* manufacturing */
.play-video {position: absolute; left: 0px; right: 0px;}

/* manufacturing detail */
.parent-pageid-5 .text {width: 300px; float: left;}
.parent-pageid-5 .text p {margin-bottom: 15px;}
.parent-pageid-5 .video {float: right;}

/* about */
.page-id-3 #content ul.category-products li div span {display: block; margin-top: -10px; height: inherit; width: inherit;}

/* brochure download */
.page-id-17 #content ul.press li div {font-weight: normal;}

/* footer */
#footer {padding-top: 100px; clear: both; font-size: 10px; text-align: right;  background: url(images/iso.gif) no-repeat 859px 133px;}
#footer ul {clear: both; display: block;}
#footer li {float: right; margin-top: 10px; color: #333333; padding-left: 10px; padding-right: 10px; border-left: 1px solid #333333; height: 10px; line-height: 8px;}
#footer li.top {padding-right: 0px;}
#footer li.first {border-left: 0px;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/* hover menu */
.sf-menu, .sf-menu * { z-index:1000;}

/* about */
.page-id-3 h2 {border-bottom: 1px solid #999999; padding-bottom: 16px;}
.page-id-3 h2 a {text-decoration: none;}

/*sitemap */
#sitemap {width:960px; margin-right: -26px;}
#sitemap ul {float:left; margin-bottom:25px; margin-right:16px; position:relative; width:304px; display: block;}
#sitemap ul li {line-height: 25px; border-bottom: 1px solid #999999; text-indent: 10px; margin-right:10px; font-family: Arial; font-size: 11px; color: #443E39}
#sitemap ul li li {border-bottom: 1px solid #CCCCCC; text-indent: 10px;}
#sitemap ul li a {text-decoration: none;}
#sitemap ul li.title {font-weight: bold; font-family: Georgia; font-size: 12px;}
#sitemap ul li.title li {font-weight: normal; font-size: 11px; font-family: Arial;}
#sitemap input {width: 140px;}
#sitemap ul li li li {text-indent: 30px;}
#sitemap ul li li.title {font-weight: bold; font-family: Georgia; font-size: 12px; text-indent: 20px;}
#sitemap ul li li.title li {font-weight: normal; font-size: 11px; font-family: Arial;}

/* breadcrumb */
#breadcrumb {line-height: 40px; font-size: 10px; /* border-bottom: 1px solid #EFEFEF; */ color: #666666; position: relative;}
#breadcrumb a {text-decoration: none; padding-right: 5px; padding-left: 5px; color: #666666}
#breadcrumb a:hover {color: #333333;}
#breadcrumb span {padding-left: 5px;}
.page-id-14 #breadcrumb, .page-id-3 #breadcrumb, .page-id-16 #breadcrumb, .page-id-21 #breadcrumb, .page-id-3570 #breadcrumb {margin-bottom: 16px;}

.page-id-3 #content .text div, .page-id-14 #content .text div, #content.news .text div.right, .page-id-16 #content .text div, .page-id-3570 #content .text div {font-size: 12px; font-weight: normal; font-style: italic; width:626px; float: left; padding-top: 0px; clear: none; line-height: 20px;}
.page-id-16 .text div h3 {margin-top: 26px; margin-bottom: 5px;}
.page-id-16 .text div h3:first-child {margin-top: 0px;}

.post-edit-link {clear: both; display: block;}

/* ex display / clearance */
.page-id-3570 #content h1 {width: 270px; padding-right: 20px;}

/* manuals and drawings */
.page-template-manuals-drawings-php table td.product-title {width: 250px;}
.page-template-manuals-drawings-php td {vertical-align: top;}
.page-template-manuals-drawings-php table a {margin-right: 10px;}
.page-template-manuals-drawings-php #breadcrumb {margin-bottom: 16px;}

/*
 * jQuery UI Tabs 1.8.16
 *
 * 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/Tabs#theming
 */
.ui-tabs { position: relative; zoom: 1; }
.ui-tabs .ui-tabs-nav { margin: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* New Contact page */
.page-template-_contact-php #content {}
.page-template-_contact-php .image {float: left; width: 370px; height: 380px;}
.page-template-_contact-php .entry {float: left; width:574px;  height: 380px;  background-color: #333;}
.page-template-_contact-php .entry #tabs a {text-decoration: none; padding: 0 5px 0 5px; display: block; color: #333;}
.page-template-_contact-php .wpcf7 br {display: none;}
.page-template-_contact-php .intro {padding: 20px; height: 20px; overflow: hidden; color: #FFF;}
.page-template-_contact-php .intro p {margin-bottom: 0;}
.page-template-_contact-php .intro a {color: #FFF;}
.page-template-_contact-php #tabs div.tab {height: 290px;}
#tabs div.tab {margin: 0; padding: 0 20px 0 20px; background-color: #F1F2F2;}
#tabs ul {margin: 0; padding: 0 20px 0 20px; height:30px;}
#tabs li {float: left; width: 150px; font-size: 14px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; line-height: 30px; margin-right: 5px; background-color: #CCC; margin-bottom: 1px; height: 29px;}
#tabs li.ui-state-active {margin-bottom: -1px; background-color: #F1F2F2; margin-bottom: 0; height: 30px}
#tabs .wpcf7-form {padding: 10px 0 0 0;}
#tabs label span {color: red;}
#tabs .ticket {display: block; clear: both;}
#tabs div.wpcf7 img.ajax-loader {margin-top: -2px; margin-left: 10px;}
#tabs span.wpcf7-form-control-wrap {position: static;}
#tabs div.wpcf7-response-output {height: auto; line-height: 14px;}
#content #tabs span.wpcf7-not-valid-tip {background-color: transparent; color: red; border: 0; right:-10px; left: auto; padding: 0; font-size: 11px; text-align: left; height: 26px; line-height: 26px; position: absolute; width: 125px; font-weight: normal;}
#content #tabs input {width: 320px; padding-top: 0; height: 26px; line-height: 26px; font-size: 12px;}
#content #tabs textarea {height: 90px; width: 310px; font-size: 12px;}
#content #tabs select {margin-bottom: 8px;}
#content #tabs p {margin-bottom: 4px; position: relative;}
#content #tabs input.submit {width: auto; padding: 0 10px 0 10px; background-color: #333; line-height: 30px; height: 30px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 6px; margin-bottom: 0;}