/*
Theme Name: Bespoke
Description: Bespoke Theme
Version: 1.0
Author: Ian Atkins
Author URI: http://www.kith-kin.co.uk
*/
*{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 {font-family: Arial; font-size: 12px; color: #333333;}

/* container */
#container {margin-left: auto; margin-right: auto; width: 946px;}
/*menu*/
#header {float: right; width: 800px;}
#new-river {float: left;}
/* blue top menu */
#top-menu {height: 50px; border-bottom: 1px solid #FFFFFF; float: left; width: 800px;}
#top-menu li {float:left; width: 199px; border-left:1px solid #FFFFFF; height: 50px; background-color: #49bde3; display: block;}
#top-menu li a {font-size: 14px; color: #FFFFFF; padding-left: 10px; padding-top: 10px; display: block; text-decoration: none; height: 40px;background-image: url('images/blue-menu.gif'); background-repeat: repeat-x;}
#top-menu li a:hover {background-image: none;}
#top-menu li.current_page_item a, #top-menu li.current_page_ancestor a, #top-menu li.current_page_parent a {background-image: none;}
/*side menu */
#side-menu {width: 146px; float: left; overflow: hidden;}
#side-menu li {height: 70px; border-bottom: 1px solid #FFFFFF;}
#side-menu li a {font-size: 14px; color: #FFFFFF; font-family: Arial; padding-left: 10px; padding-top: 10px; height: 60px; display: block; background-image: url('images/green-bg.gif'); background-repeat: repeat-x; background-color: #b4d225; text-decoration: none;}
#side-menu li a:hover {background-image: none;}
#side-menu li.facebook {background: none; height: auto;}
#side-menu li.facebook a {padding: 0px; background-image: none; background-color: #FFFFFF; height: auto;}
#side-menu li.current_page_item a, #side-menu li.current_page_ancestor a, #side-menu li.current_page_parent a {background-image: none;}
/* content */
#content {width:800px; float: right; overflow: hidden;}
h2 {font-size: 14px;}
#content a {color: #91aa1e;}
.request-callback {display: block; margin-top: 5px;}
/* footer */
#footer {font-size: 10px; text-align: center; color: #666666; display: block; padding-top: 50px; padding-bottom: 10px; clear: both;}
#footer a {color: #1794bd; text-decoration: none;}
#footer a:hover { text-decoration: underline;}


/* home */
#flash {width: 800px; height: 425px; background-image:url('http://www.newriverwomen.co.uk/wp-content/uploads/2009/11/joining-new-river.jpg'); background-position: top; background-repeat: no-repeat;}
#flash img {margin-left: 1px; margin-bottom: 1px;}
#flash a {display:block; padding-top: 380px; margin-left: 14px;}

.box {width: 282px; float: left; background-image: url('images/home/box-bg.gif'); background-repeat: repeat-y; overflow: hidden;}
.box .pad {padding-left: 14px;}
.box h2 {background-color: #b4d225; color: #FFFFFF; font-weight: normal; line-height: 32px; text-indent: 10px; font-size: 14px;}
#content .box h2 a {color: #ffffff; text-decoration: none;}
.box img {border-top: 1px solid #cccccc; border-left:1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.box img.read-more {border-bottom: 0px; border-top:0px; border-left: 0px;}
.box ul {margin-top: 16px;}
.box ul li h2 {color: #91aa1e; font-weight: bold; line-height: normal; margin-bottom: 5px; background: none; text-indent: 0px; margin-left: -15px; background-image: url(images/home/green-arrow.gif); background-position: left center; padding-left: 15px; background-repeat: no-repeat;}
#content .box ul li h2 a {text-decoration: none; color: #91aa1e;}
.box ul li {color: #666666; margin-bottom: 10px; padding-left: 20px; font-size: 12px;}
#content .box ul li a {color: #666666; text-decoration: none;}
.box .blue h2 {background-color: #49bde3;}
.box .blue ul li h2 {color: #49bde3; background:transparent url(images/home/blue-arrow.gif) no-repeat scroll left center;}
 #content .box .blue ul li h2 a {color: #49bde3; background-color: transparent;}

#sidebar {width: 226px; float: right; }
/* #sidebar .kickstarts {float: right;} */
.home #sidebar .kickstarts {margin-bottom: 14px; overflow: visible; }
.kickstarts { background-image: none; width: 226px; position: relative; overflow: visible;}
.kickstarts .pad {border: 1px solid #cccccc; padding-left: 0px; width: 224px;}
.kickstarts h2 {color: #1794bd; font-size: 12px; background-color: #f1f1f1; text-transform: uppercase;}
#content .kickstarts h2 a, #content .kickstarts ul li h2 a  {color:#1794bd;}
.kickstarts h3 {font-size: 11px; font-weight: normal; padding:10px;  border-bottom: 1px solid #cfcfcf;}
.kickstarts .read-more {display: block; padding-top: 8px;}
.kickstarts ul li { margin-left: 10px; margin-right: 10px; padding-left: 0px; border-bottom: 1px solid #cfcfcf; padding-bottom: 8px;}
.kickstarts ul li h2 {background-image: none; padding-left: 0px; margin-left: 0px; color: #1794bd;}
.kickstarts ul li.last {margin-bottom: 0px; border: 0px;}

/* newsletter */
.newsletter {background-color: #f1f1f1; height: 100px;}
.kickstarts .newsletter h2 {color: #333333;}
 input {background-image: url('images/home/input-bg.gif'); height: 20px; padding-top: 5px; padding-left: 5px; width: 201px; border: 0px; margin-left: 10px; margin-top: 5px;}
/* input.first {text-indent: 0px; padding-left: 5px; width: 201px;} */
.newsletter .email {margin-bottom: 10px;}
.newsletter input.submit {width: 56px; height: 19px; background-image: none; position: absolute; bottom:-19px; left:10px;}
#confirmation {padding: 10px;}
.banners {margin-left: 14px; padding-top: 10px; display:block; clear: both;}

/* template b */
#image,#map {width: 800px; height: 410px; position: relative;}
#map {height: 425px;}
#image img {margin-left: 1px; margin-bottom: 1px;}
#image .caption {position: absolute; left: 0px; bottom:0px; height: 147px; display: block; background-image: url('images/caption-bg.png'); background-repeat: repeat-x; width: 800px; margin-left: 1px;}
#content .caption h1 {margin-top: 45px; margin-left: 14px; font-size: 24px; color: #333333; margin-bottom: 10px; text-transform: uppercase;}
#content .caption h2 {margin-left: 14px; font-size: 14px; margin-right: 14px; font-weight: normal;}
#content .caption .back {float:right; margin-right: 10px; margin-top: 45px; }

/* content area */
.text {width: 532px; padding: 14px; padding-top:10px; padding-bottom:10px; font-size: 12px; float: left;}
.text p {margin-bottom: 14px;}
.text blockquote {padding: 10px; padding-left: 26px; padding-right: 26px; font-size: 14px; background-image: url('images/quote-left.gif'); background-position: top left; background-repeat: no-repeat;}
.text blockquote br {display: none;}
.text blockquote em {font-size: 18px; display: block; margin-bottom: 16px; background-image: url('images/quote-end.gif'); background-position:440px bottom; background-repeat: no-repeat;}
.text .banners {margin-left: 0px; margin-right: -14px;}
.text .banners img.left {margin-left: -1px;}
.text ul {margin: 26px;}
.text ul li {margin-bottom: 14px; list-style-type: disc;}
.text h2 {color: #1794bd; margin-bottom: 5px; font-weight: normal;}
.text hr {background-image: url('images/dashed.gif'); background-repeat: repeat-x; background-position: top;  margin-bottom: 24px; border: 0px; height: 1px; background-color: transparent; color:#EFEFEF; border-collapse: collapse;}
.text td {line-height: 20px; background-image: url('images/dashed.gif'); background-repeat: repeat-x; background-position: bottom;}
.text td hr {margin-top: 10px; background-image: none;}
.text td.wide {background-image: none;}

/* testimonials */
.left-col {float: left; width: 560px;}
.testimonials {width: 560px; float: left;}
.testimonials li {margin-left: 14px; padding-top: 24px;clear: both;}
.testimonials li .image {display: block; width: 144px; height: 144px; background-color: #f1f1f1; background-image: none; border: 1px solid #cccccc; float: left; padding-bottom: 0px;}
.testimonials li div {float: right; border: 0px; height: inherit; width: 380px; background-image: url('images/dashed.gif'); background-repeat: repeat-x; background-position: bottom;  padding-bottom: 24px; min-height: 120px;}
.testimonials li p {padding-bottom: 15px;}
.testimonials li b, .testimonials li a  {display: block;}
.page-id-23 .testimonials li b {font-size: 14px;}
#content .small-caption h1 {margin-top: 20px; margin-left: 14px; font-size: 24px; color: #333333; margin-bottom: 10px; text-transform: uppercase;}
#content .small-caption p {margin-left: 14px; font-size: 14px; margin-right: 14px; font-weight: normal;}

/* members club */
.testimonials li.club div {padding-top: 30px;}
.testimonials li.club div.image {padding-top: 0px; padding-bottom: 0px;}
.testimonials li.club strong {display: block; margin-top: 15px;}
.testimonials li.club a {margin-top: 15px;}

/* join */
#boxes {width: 800px; margin-top: 20px;}
#boxes li {width:272px; background-image: url('images/join/box-bg.gif'); background-position: right; background-repeat: repeat-y; float: left; overflow: hidden;padding-bottom:3px;}
#boxes li.slim {width: 264px;}
#boxes li.slim ul {width: 245px; clear: none;}
#boxes li.slim ul li {width: 228px;}
#boxes li.slim ul li.base {width: 246px; margin-left: 3px;}
#boxes li.wide {width: 282px;}
#boxes li.wide ul {width: 264px;}
#boxes li.wide ul li {width: auto;}
#boxes li.wide ul li.base {width: 265px; margin-left: 3px;}
#boxes li.slimmer {width: 238px;}
#boxes li.slimmer ul {width: 222px;}
#boxes li.slimmer ul li {width: auto; margin:10px;}
#boxes li.slimmer ul li span {margin-left: 0px;}
#boxes li.slimmer ul li.base {width: 222px; margin-left: 3px;}
#boxes li.slimmer li img {display: block;}
#boxes li ul {margin-left: 14px; border: 1px solid #cccccc; width: inherit; margin-right:3px; width: 254px; display: block; clear: both; position: relative;}
#boxes li ul li.title, #boxes li.slim ul li.title {height: 82px; background-color: #f1f1f1; margin: 0px; width: auto; padding:0px; margin-bottom: 16px;}
#boxes li ul li.title h2 {font-size: 14px; padding-top: 9px; margin-left: 9px; float: none; text-transform: uppercase;}
#boxes li ul li.title h2 a {color: #333333; text-decoration: none;}
#boxes li ul li.title h3 {font-size: 12px; font-weight: normal; color: #666666; margin-left: 9px; margin-right: 9px;}
#boxes li ul li.title h3 a {color: #666666; text-decoration: none;}
#boxes li ul li {color: #666666; margin: 9px; border-bottom: 1px solid #cccccc; width: 236px; padding-bottom: 9px; background-image: none; float: none; background-color: #fcfcfc;}
#boxes li ul li a {color: #666666; text-decoration: none;}
/*#boxes li ul li.base {background-image:url(images/join/box-base.gif); background-position:right top; background-repeat:no-repeat; border-bottom:0 none; height:4px; margin-bottom:-5px; margin-left:0px; margin-right:0; padding:0; width:257px;}
*/
#boxes li ul li.base {background-color:#CCCCCC; border-bottom:0 none; bottom:-4px; height:4px; margin-bottom:0; margin-left:4px; margin-right:0; padding:0; position:absolute; width:253px; margin-top: 0px; overflow: hidden;}

#boxes li ul li h2 {font-size: 14px; margin-left: 10px; float: left;}
#boxes li ul li small {float: left; line-height: 16px; font-size: 12px; padding-left: 5px;}
#boxes li ul li span {display: block; margin-left: 10px;clear: both;}
#boxes ul.green li h2 a {color: #91aa1e;}
#boxes ul.green li.title h2 a:hover {color: #91aa1e;} 
#boxes ul.green li h2 {background-image: url('images/home/green-arrow.gif'); background-position: top left; background-repeat: no-repeat; margin-left:-5px; padding-left:15px; color: #91aa1e; float: none;}
#boxes ul.blue li h2 a {color: #1794bd;}
#boxes ul.blue li.title h2 a:hover {color: #1794bd;} 
#boxes ul.blue li h2 {background-image: url('images/home/blue-arrow.gif'); background-position: top left; background-repeat: no-repeat; margin-left:-5px; padding-left:15px; color: #1794bd; float: none}
#boxes ul.orange li h2 a {color: #f0791c;}
#boxes ul.orange li.title h2 a:hover {color: #f0791c;} 
#boxes ul.orange li h2 {background-image: url('images/home/orange-arrow.gif'); background-position: top left; background-repeat: no-repeat; margin-left:-5px; padding-left:15px; color: #f0791c;}
#boxes ul.green li.title h2, #boxes ul.blue li.title h2, #boxes ul.orange li.title h2   {background-image: none; padding-left: 0px; margin-left: 10px; margin-bottom: 5px;}


/* book tryout */
.template-g .text {width: 546px; padding-right: 0px; padding-top: 14px;}
.form {width: 544px; float: left; background-color: #fcfcfc; border: 1px solid #cccccc;}
.form .title {height: 35px; display: block; clear: both; background-color: #f1f1f1;}
.form .title h2 {padding-top: 9px; margin-left: 9px; float: left;}
.form .title div {float: right; padding-top: 9px; margin-right: 9px; font-size: 10px; font-weight: bold;}
.form .title div span {color: #49bde3;}
.form form {margin-top: 30px; margin-left: 26px; margin-right: 26px; margin-bottom: 30px;}
.form form input {margin-left: 0px; float: left; margin-right: 100px;}
.form form input.submit {float: none; margin-right: 0px; width: 56px; height: 19px; background-image: url('images/submit-blue.gif'); text-indent: -100px; clear: both; margin-top: 20px; margin-left: 130px; padding-top: 19px; overflow: hidden; clear: both; display: block; cursor: pointer; float: left; margin-bottom: 16px;}
.form form .wpcf7-list-item input {width: auto; border: 0px; background-image: none;}
.form form select {width: 150px;  margin-top: 5px;}
.form form label {width: 130px; float: left; margin-top: 5px; font-weight: bold;}
.form form label span {color: #49bde3;}
.form form br {display: none;}
.form form p {margin-bottom: 0px;}
.form span.wpcf7-list-item-label {line-height: 20px;}
.form span.kids-corner, .form span.learning-about,.form span.how-hear {float: left; display: block; width: 360px; margin-bottom: 16px;}
.form span.kids-corner input, .form span.learning-about input, .form span.how-hear input {width: inherit; margin-right: 0px; float: none; margin-right: 10px;}
.form span.how-hear .wpcf7-list-item-label {display: block; top:5px; right:-20px; width:170px; position: absolute;}
.form span.how-hear .wpcf7-list-item {display: block; width: 170px; float: left; margin-top: 16px; position: relative;}
.form span.how-hear .wpcf7-list-item input {width: auto; float: left;}
.form span.kids-corner span.wpcf7-list-item, .form span.learning-about span.wpcf7-list-item {margin-right: 100px; display: block;}
.form hr {clear: both; margin-top: 20px; margin-bottom: 20px; height: 1px; background-color: #d0d0d0; border: 0px;}
.form .footer {padding: 30px; padding-top:0px; text-align: center;}
.form img.ajax-loader {float: left; margin-top: 22px; margin-left: 3px;}

/* page-id-66 */
.page-id-66  ul.testimonials li h2 {font-size: 24px; color: #91aa1e; margin-bottom: 16px;}

/* callback */
#callback {position: relative;}
#callback .close {position: absolute; right: 20px; top:20px;}
#container.callback {width: 576px; padding-top: 20px;}

.callback label {width: 250px; text-align: right; display: block; line-height: 20px; float: left; font-size: 12px; color: #000000; font-weight: bold; margin-top: 8px;}
.callback label.first {float: none; margin-left: 260px; margin-top: 30px; margin-bottom: 16px; font-size: 11px; font-weight: normal; text-align: left;}
.callback label span {color:#1794bd;}
.callback wpcf7-form-control-wrap {float: left;}
.callback br {display: none;}
.callback .wpcf7-list-item input {width: auto; margin-right: 5px; margin-top: 8px;}
.callback select {margin-left:10px; margin-top:8px; width:206px;}
.callback textarea {background-image: url('images/call-back/textarea.gif'); width:270px; padding: 5px; height: 132px; margin-left: 10px; border: 0px; margin-top: 8px;}
.callback .wpcf7-checkbox {width: 300px; float: left;}
.callback .wpcf7-checkbox .wpcf7-list-item {display: block; width: 250px;}
.callback .wpcf7-checkbox .wpcf7-list-item input {border: 0px; background-image: none;}
.callback .wpcf7-list-item-label {line-height: 20px;}
.callback p.text {clear: both; text-align: center; margin-top: 16px;}
.callback p {clear: both;}
.callback input.submit {width: 60px; height: 26px; text-indent: -200px; margin-left: 260px; background-image: url('images/call-back/submit.gif'); margin-top: 10px; overflow: hidden; padding-top: 26px; float: left;}
.callback img.ajax-loader {margin-top: 18px; margin-left: 5px;}
#callback {width: 650px; height: 550px;}

/* sidebar */
.home #sidebar {margin-top: 0px; margin-bottom: 14px;}
#sidebar {margin-top: 14px;}

/* template e */
.page-id-69 #boxes li ul li.content ul {margin: 0px; width: 300px; border: 0px; height: auto;}
.page-id-69 #boxes li ul li.content li {border-bottom: 0px; margin: 0px; padding-left: 18px; width: 300px; background-image: url('images/home/green-arrow.gif'); background-position: top left; background-repeat: no-repeat; background-color: transparent;}
.page-id-69 #boxes li {width: 400px;}
.page-id-69 #boxes li ul li {width: 381px;}
.page-id-69 #boxes li ul li.title {height: 80px;}
.page-id-69 #boxes li ul li.title h2 {margin-bottom: 5px;}
.page-id-69 #boxes li ul li.content, .page-id-69 #boxes li.slim ul li.content {width: auto; border-bottom: 0px; height: 220px;}
.page-id-69 #boxes li.slim ul li.content {margin: 0px; padding: 10px; margin-bottom: 0px;}
.page-id-69 #boxes li.slim ul li.base {margin-top: 1px;}
.page-id-69 #boxes li ul {width: 384px; margin-left:11px;}
.page-id-69 #boxes li.slim ul {width: 384px;}
.page-id-69 #boxes li.slim ul li {width: 384px;}
.page-id-69 #boxes li.slim ul li.base {width: 385px;}
.payasyougo {position: absolute; bottom:0px; right:0px;}
/*.page-id-69 #boxes li ul li.base {background-color: #cccccc; background-image: none; margin-left: 4px;}*/

.page-id-69 #boxes li.join-now {width: 790px; margin-left: 0px; background-image:url('images/join/join-now-bg-crop.gif'); background-repeat: no-repeat; background-position: top right; margin-top: 10px; height: 65px; float: right;}
.page-id-69 table {width: 754px;  margin-right: 15px; margin-left: 15px;}
.page-id-69 table td {border-bottom: 1px solid #cccccc; vertical-align: top; padding-top: 8px;}
.page-id-69 table td b {font-size: 14px; color: #1794bd; padding-right: 30px;}
.page-id-69 table td.title {height: 60px; border-bottom: 0px; padding-top: 10px;}
.page-id-69 #content table td.title h3 a {color: #1794bd;}
.page-id-69 table td.title h3 {color: #666666; font-size: 12px; font-weight: normal; margin-top: 7px;}
.page-id-69 table td .request-callback {margin-top: -4px;}

/*template f */
.page-template-template-f-php  .banners {width:550px;}
.parent-pageid-66 #boxes li ul li p {padding-left: 10px;}

/* bikini confidence */
.page-id-73 #boxes li ul li,.page-id-75 #boxes li ul li,.page-id-77 #boxes li ul li, .page-id-542 #boxes li ul li {border-bottom: 0px;}
.page-id-73 #boxes li.title, .page-id-75 #boxes li.title, .page-id-77 #boxes li.title, .page-id-542 #boxes li.title { border-bottom: 1px solid #cccccc;}
#boxes li ul.call li.title {height: 34px;}

/* form validation */
body span.wpcf7-not-valid-tip {background:#FFFFFF none repeat scroll 0 0;border:0 none; color:red; display:block; font-size:11px; margin-left:260px; padding:2px; width:280px; z-index:100; position: relative; left: auto; top:auto;}
body div.wpcf7-validation-errors {border: 0px; color: red; text-align: center; margin: 0px; padding: 0px; padding-top: 10px; clear: both;}
body div.wpcf7-mail-sent-ok {background-color:#398F14; color: #FFFFFF; ; border:2px solid #398F14; text-align: center; clear: both;}

/* validation - free tryout  */
.page-id-5 span.wpcf7-not-valid-tip {line-height: 20px; margin-left:-100px; padding-left:10px; padding-top:8px; width:140px; float: left;} 
.page-id-5 span.wpcf7-form-control-wrap.learning-about .wpcf7-not-valid-tip {margin-left: 0px;}
.page-id-5 .text .banners {margin-right: -3px;}

/*	images align */
img.centered {display: block;margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
/* End Images */