@import url(//fonts.googleapis.com/css?family=Crimson+Text:400,600) ;

@media screen {
body
{
	font : normal normal normal 12px/1.5 arial, verdana, sans-serif ;
	color : #5f585e ;
	background : #fff /* url(/services/services/styleimages/31/69.png?i=7730) repeat-x fixed center bottom */;
	text-align : center ;
}
body.public
{
	text-align : left ;
}
body#tinyMCE,
.editor_body,
.iframe_body
{
	background-color : #fff ;
	background-image : none ;
	padding : 0px ;
	margin : 0px ;
}
img
{
	border : none ;
	padding : 0px ;
	margin : 0px ;
}
p
{
	padding : 0px ;
	margin : 0px ;
}
a
{
	font-weight : normal ;
	color: #2f479c ;
	text-decoration : none ;
}
a:hover
{
	color: #a59498 ;
	text-decoration : underline ;
}
section.page
{
	-moz-box-sizing : border-box ;
	-webkit-box-sizing : border-box ;
	box-sizing : border-box ;
	background-color : #fff;
	max-width : 1600px ;
	margin : 0 auto 50px ;
	padding : 0px 0px 20px ;
	position : relative ;
	-webkit-box-shadow : 0px 0px 1px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.03) inset ;
	-moz-box-shadow : 0px 0px 1px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.03) inset ;
	box-shadow : 0px 0px 1px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.03) inset ;
}
section.page:before, section.page:after
{
	z-index : -1 ;
	position : absolute ;
	content : "" ;
	bottom : 15px ;
	left : 10px ;
	width : 50% ;
	top : 80% ;
	max-width :300px ;
	background : #777 ;
	-webkit-box-shadow : 0 15px 15px rgba(77,77,77,.5) ;
	-moz-box-shadow : 0 15px 15px rgba(77,77,77,.5) ;
	box-shadow : 0 15px 15px rgba(77,77,77,.5) ;
	-webkit-transform : skewY(-2deg) ;
	-moz-transform : skewY(-2deg) ;
	-o-transform : skewY(-2deg) ;
	-ms-transform : skewY(-2deg) ;
	transform : skewY(-2deg) ;
}
section.page:after
{
	-webkit-transform : skewY(2deg) ;
	-moz-transform : skewY(2deg) ;
	-o-transform : skewY(2deg) ;
	-ms-transform : skewY(2deg) ;
	transform : skewY(2deg) ;
	right : 10px ;
	left : auto ;
}
.header
{
	text-align : right ;
	height : 146px ;
	padding : 0 ;
	background : #fff url(/services/services/styleimages/31/33.png?i=7730) no-repeat center center ;
        position: relative;
        max-width: 1600px;
        display: block;
}
.header .s_114
{
	height : 146px ;
        position: relative;
        max-width: 1600px;
        display: block;
}
.header .header-left {
        text-align: left;
        left: 0;
        bottom: 0;
        margin-left: 20px;
        margin-bottom: 5px;
        display: inline-block;
        position: absolute;
}

.header .header-right {
        text-align: right;
        right: 0;
        bottom: 0;
        margin-right: 20px;
        margin-bottom: 5px;
        display: inline-block;
        position: absolute;
}
.contentarea
{
	max-width : 1600px ;
	background-color : #fff ;
	/*padding-bottom : 22px ;*/
}
.cookietrail
{
	height : 0px ;
	text-align : left ;
	padding-top : 0px ;
	clear : both ;
	font-size : 12px ;
	color : #a59498 ;
}
.cookietrail a
{
	color : #5f585e ;
}
.tail
{
	font-size : 0px ;
}
.newtail
{
	width : 972px ;
	height : 45px ;
	font-size : 10px ;
	background-color : #fff ;
	padding-top : 20px ;
}
.newtail a
{
	font-weight : normal ;
	color : #5f585e
}
.newtail a:hover
{
	text-decoration : underline ;
}
.tail div
{
	float : right ;
	margin : 56px 230px 0px 0px ;
	color : #fff ;
}
.tail a
{
	font-weight : normal ;
	color : #fff ;
}
.tail a:hover
{
	text-decoration : underline ;
}
.loginpanel
{
	color : #fff ;
	font-size : 10px ;
	position : absolute ;
}
.loginpanel div
{
	float : left ;
	margin-left : 15px ;
	text-align : left ;
}
.loginpanel input
{
	font-family : "lucida grande", tahoma, verdana, arial, sans-serif ;
	font-size : 12px ;
	padding : 3px ;
	border : 1px solid #333 ;
	-moz-border-radius : 3px ;
	-webkit-border-radius : 3px ;
	-khtml-border-radius : 3px ;
	border-radius : 3px ;
}
.loginpanel input.inputbutton
{
	font-size : 11px ;
	color : #fff ;
	font-weight : bold ;
	background-color : #486d91 ;
	padding : 2px ;
	border : 1px solid #333 ;
	border-top-color : #ccc ;
	margin-top : 1px ;
	cursor : pointer ;
	-moz-border-radius : 3px ;
	-webkit-border-radius : 3px ;
	-khtml-border-radius : 3px ;
	border-radius : 3px ;
}
.upper
{
	text-transform : uppercase ;
}
iframe
{
	border : 0px ;
	overflow : hidden ! important ;
}
.enquiry
{
	text-align : left ;
}
.enquiry p
{
	text-align : left ;
}
.enquiry label
{
	font-weight : bold ;
}
.link
{
	clear : both ;
	text-align : left ;
	width : 145px ;
	vertical-align : bottom ;
}



/*revamp*/

.organic-middle-slots h2 { font-family: 'GothamBook', Helvetica, sans-serif; font-size: 3em; text-transform: uppercase; color: white; font-weight: 200; transition: transform 0.5s; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0);transform: translate3d(0,0,0); font-smoothing: antialiased !important; }
.organic-middle-slots h2:hover { transform: scale(1.1);  }
.organic-middle-slots h2 a { font-family: 'GothamBook', Helvetica, sans-serif; text-transform: uppercase; color: white; text-decoration: none; font-weight: 200; }
.organic-middle-slots h3 { font-family: 'GothamBook', Helvetica, sans-serif; font-size: 2.8em; text-transform: uppercase; color: white; font-weight: 200; transition: transform 0.5s; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0);transform: translate3d(0,0,0); font-smoothing: antialiased !important; }
.organic-middle-slots h3:hover { transform: scale(1.1); }
.organic-middle-slots h3 a { font-family: 'GothamBook', Helvetica, sans-serif; text-transform: uppercase; color: white; text-decoration: none; font-weight: 200; }
.organic-middle-slots h4 { font-family: 'GothamBook', Helvetica, sans-serif; font-size: 2.6em; text-transform: uppercase; color: white; font-weight: 200; transition: transform 0.5s; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0);transform: translate3d(0,0,0); font-smoothing: antialiased !important; }
.organic-middle-slots h4:hover { transform: scale(1.1) }
.organic-middle-slots h4 a { font-family: 'GothamBook', Helvetica, sans-serif; text-transform: uppercase; color: white; text-decoration: none; font-weight: 200; }
.organic-middle-slots img { opacity: 0.6; transition: opacity 1s; display: block; width: 100%; height: auto; }
.organic-middle-slots img:hover { opacity: 0.9 }
.organic-slot-container { background-color: black; /*opacity: 0.6*/; transition: opacity 0.75s; position: relative; }
.organic-slot-container:hover { opacity: 0.9 }
.promotional-banner { opacity: 0.6; transition: opacity 0.75s; }
.promotional-banner:hover { opacity: 0.9 }
/*.promo-banner { background-color: black; }*/
.promo-banner a img { opacity: 1; }
.organic-middle-left { float: left; margin-right: 0; max-width: 50%; position: relative; }
.organic-middle-right { float: right; max-width: 50%; position: relative; }
.organic-middle-slots { max-width: 1600px; height: auto; overflow: hidden; margin-top: 2px; /*padding: 5px 0 0 0;*/ }

.footer1 { width: 1600px; height: 400px; background-color: grey; color: white; font-size: 3em; text-align: center; vertical-align: center; }

/*.welcome-banner { background-image: url(/services/services/styleimages/31/71.png?i=7730) ; background-repeat: no-repeat; background-size: contain; height: 290px; width: 100%; margin-bottom: 4px; }
.welcome-title { font-family: PlantinLight,serif; font-size: 2.3em; font-weight: 400; color: #0d2969; margin: 0 0 .5em; padding-top: 0; margin-top: 0; }
.welcome-banner p { line-height: 1.5em; font-size: 1.3em; color: #48443c; margin: 5px 0 20px; font-family: trade gothic lt,Helvetica,sans-serif; font-weight: 300; }*/

.text-banner-wrapper { z-index: 500; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 95%; }
.organic-middle-right .organic-slot-container { margin-left: 2px; }
.organic-middle-left .organic-slot-container { margin-right: 2px; }
.organic-middle-slots .visible-mobile { display: none; }

@media only screen and (max-width: 1200px) {
	.organic-middle-slots h2 { font-size: 2.4em;  }
	.organic-middle-slots h2:hover { font-size: 2.6em }
	.organic-middle-slots h3 { font-size: 2.2em; }
	.organic-middle-slots h3:hover { font-size: 2.4em }
	.organic-middle-slots h4 { font-size: 2em; }
	.organic-middle-slots h4:hover { font-size: 2.2em }
}
@media only screen and (max-width: 900px) {
	.organic-middle-slots h2 { font-size: 2em;  }
	.organic-middle-slots h2:hover { font-size: 2.2em }
	.organic-middle-slots h3 { font-size: 1.9em; }
	.organic-middle-slots h3:hover { font-size: 2.1em }
	.organic-middle-slots h4 { font-size: 1.8em; }
	.organic-middle-slots h4:hover { font-size: 2em }
}

@media only screen and (max-width: 670px) {
	.organic-middle-left { float: none; margin: 4px 0 0px; max-width: 100%; }
	.organic-middle-right { float: none; max-width: 100%; margin-top: 4px; }
	.organic-middle-slots.promo-banner { margin-top: 4px; }
	.organic-middle-left  { margin-right: 0px; }
	.organic-middle-right  { margin-left: 0px; }
	.organic-middle-left .organic-slot-container { margin-right: 0; max-width: 100%; }
	.organic-middle-right .organic-slot-container { margin-left : 0; }
	.organic-middle-slots { padding-top: 0px; margin-top: 0px; }
	.organic-middle-slots img { width: 100%; }
	.welcome-banner { height: 580px; width: 100%; }
	.banner-text-wrapper { font-size: 2em; max-width: 90%; }
	.organic-middle-slots h2 { font-size: 2.6em;  }
	.organic-middle-slots h2:hover { font-size: 2.8em }
	.organic-middle-slots h3 { font-size: 2.4em; }
	.organic-middle-slots h3:hover { font-size: 2.6em }
	.organic-middle-slots h4 { font-size: 2.2em; }
	.organic-middle-slots h4:hover { font-size: 2.4em }
	.organic-middle-slots .hidden-mobile { display: none; }
	.organic-middle-slots .visible-mobile { display: block; margin-top: 4px; }
}

@media only screen and (max-width: 500px) {
	.organic-middle-slots h2 { font-size: 2em;  }
	.organic-middle-slots h2:hover { font-size: 2.2em }
	.organic-middle-slots h3 { font-size: 1.9em; }
	.organic-middle-slots h3:hover { font-size: 2.1em }
	.organic-middle-slots h4 { font-size: 1.8em; }
	.organic-middle-slots h4:hover { font-size: 2em }
}

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

/*BART Main Page*/

.organic-bottom-left { float: left; position: relative; max-width: 50%;  margin-bottom: 2px; }
.organic-bottom-right { float: right; position: relative;  max-width: 50%; margin-bottom: 2px; }
.organic-prefooter-left { float: left; position: relative;   max-width: 50%; margin-bottom: 2px; }
.organic-prefooter-right { float: right; position: relative;  max-width: 50%; margin-bottom: 2px;}
.organic-left { position: relative; margin-bottom: 2px; }

.organic-bottom-left img { display: block; width: 100%; height: auto; opacity: 0.6; transition: opacity 0.75s; }
.organic-bottom-right img { display: block; width: 100%; height: auto; opacity: 0.6; transition: opacity 0.75s; }
.organic-prefooter-left img { display: block; width: 100%; height: auto; opacity: 0.6; transition: opacity 0.75s; }
.organic-prefooter-right img { display: block; width: 100%; height: auto; opacity: 0.6; transition: opacity 0.75s; }
.organic-left img { display: block; width: 100%; height: auto; opacity: 0.6; transition: opacity 0.75s; }

.organic-bottom-left img:hover { opacity: 0.9 }
.organic-bottom-right img:hover { opacity: 0.9 }
.organic-prefooter-left img:hover { opacity: 0.9 }
.organic-prefooter-right img:hover { opacity: 0.9; }
.organic-left img:hover { opacity: 0.9 }

.text-banner-wrapper:hover + a img { opacity: 0.9 }

/*Not needed as the hover works and light it up??*/
/*.organic-bottom-left .text-banner-wrapper h2 { margin: 0; padding: 0 }
.organic-bottom-right .text-banner-wrapper h2 { margin: 0; padding: 0 }
.organic-prefooter-left .text-banner-wrapper h2 { margin: 0; padding: 0 }
.organic-prefooter-right .text-banner-wrapper h2 { margin: 0; padding: 0 }
.organic-left .text-banner-wrapper h2 { margin: 0; padding: 0 }*/


.organic-bottom-left h2, .organic-bottom-right h2, .organic-prefooter-left h2, .organic-prefooter-right h2, .organic-left h2 { font-family: 'GothamBook', Helvetica, sans-serif; font-size: 3em; text-transform: uppercase; color: white; font-weight: 200; transition: transform 0.5s ; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0);transform: translate3d(0,0,0); font-smoothing: antialiased !important; }
.organic-bottom-left h2:hover, .organic-bottom-right h2:hover, .organic-prefooter-left h2:hover, .organic-prefooter-right h2:hover, .organic-left h2:hover { transform: scale(1.1); transform-origin: 50% 50%; }
.organic-bottom-left h2 a, .organic-bottom-right h2 a, .organic-prefooter-left h2 a, .organic-prefooter-right h2 a, .organic-left h2 a { font-family: 'GothamBook', Helvetica, sans-serif; text-transform: uppercase; color: white; text-decoration: none; font-weight: 200; }

/*.organic-bottom-left, .organic-bottom-right, .organic-prefooter-left, .organic-prefooter-right, .organic-left { background-color: black }*/

iframe { max-width: 600px !important; }

.s_87 { height: auto !important; width: auto !important; margin-left: 2px; }
.s_87 img { height: auto !important; width: 100% !important; display: block; }

.stockUpdates { max-width: 50%; float: left }

.organic-left .main-slot-container { margin-right: 2px; background-color: black; }
.organic-bottom-left .main-slot-container { margin-right: 2px; background-color: black; }
.organic-bottom-right .main-slot-container { margin-left: 2px; background-color: black; }
.organic-prefooter-left .main-slot-container { margin-right: 2px; background-color: black; }
.organic-prefooter-right .main-slot-container { margin-left: 2px; background-color: black; }

/*.services table { width: 90%; }*/
#widget_container table { width: 90%; } 

@media only screen and (max-width: 1000px) {
	.organic-bottom-left h2, .organic-bottom-right h2, .organic-prefooter-left h2, .organic-prefooter-right h2, .organic-left h2 { font-size: 2em; }
	.organic-bottom-left h2:hover, .organic-bottom-right h2:hover, .organic-prefooter-left h2:hover, .organic-prefooter-right h2:hover, .organic-left h2:hover { font-size: 2.2em }
}

@media only screen and (max-width: 670px) {
	.organic-bottom-left { float: none; margin: 4px 0 0px; max-width: 100%; }
	.organic-bottom-right { float: none; margin: 4px 0 0px; max-width: 100%; }
	.organic-prefooter-left { float: none; margin: 4px 0 0px; max-width: 100%; }
	.organic-prefooter-right { float: none; margin: 4px 0 0px; max-width: 100%; }
	.organic-left { float: none; margin: 4px 0 0px; max-width: 100%; }
	
	.stockUpdates { float: none; max-width: 100%; margin-bottom: 4px; }
	.stockUpdates + div { float: none !important; max-width: 100% !important; /*padding-top: 55%;*/ }

	/*.s_87 div { top: 14%; left: auto !important; }*/

	.organic-left .main-slot-container { margin-right: 0px }
	.organic-bottom-left .main-slot-container { margin-right: 0px; }
	.organic-bottom-right .main-slot-container { margin-left: 0px; }
	.organic-prefooter-left .main-slot-container { margin-right: 0px; }
	.organic-prefooter-right .main-slot-container { margin-left: 0px; }

	.s_87 { margin-left: 0px; }

	iframe { max-width: 450px !important; }
	/*.services table { width: 100%; }*/

	.organic-bottom-left h2, .organic-bottom-right h2, .organic-prefooter-left h2, .organic-prefooter-right h2, .organic-left h2 { font-size: 2.6em; }
	.organic-bottom-left h2:hover, .organic-bottom-right h2:hover, .organic-prefooter-left h2:hover, .organic-prefooter-right h2:hover, .organic-left h2:hover { font-size: 2.8em }
}

@media screen and (max-width: 500px) {
	iframe { max-width: 360px !important; }
	.organic-bottom-left h2, .organic-bottom-right h2, .organic-prefooter-left h2, .organic-prefooter-right h2, .organic-left h2 { font-size: 1.8em; }
	.organic-bottom-left h2:hover, .organic-bottom-right h2:hover, .organic-prefooter-left h2:hover, .organic-prefooter-right h2:hover, .organic-left h2:hover { font-size: 2em }
}

@media screen and (max-width: 400px) {
	iframe { max-width: 300px !important; height: 380px !important;  }
	/*.services table { width: 100%; }*/
	#widget_container table { width: 100%; }

}

/*FOOTER*/

.footer { height: auto; z-index: 4000; display: block; position: relative; margin-bottom: -50px; }
#footer ul { margin: 0; padding: 0; }
#footer.footer2 { color: #707070; margin: 2px 0 0; padding: 2em 0 0 1em; background: #e7e7e7; clear: both; position: inherit; font-family: palentin regular mt,times new roman,serif; }
#footer.footer2 .col1, #footer.footer2 .col2, #footer.footer2 .col3 { width: 45%; margin: 3px 0; float: left; padding: .5em; }
#footer.footer2 .col4 { width: 96%; margin: 3px 0; float: left; padding: .5em; }
.accreditation { width: 100%; clear: both; font-size: 1em; padding: 1em 0 3em; text-align: left; }
#footer.footer2 h2 { color: #20386a; margin: 0; letter-spacing: .02em; font-size: 110%; font-weight: 400; font-family: palentin regular mt,times new roman,serif; }
#footer.footer2 a, #footer.footer2 a:link, #footer.footer2 a:visited { color: #707070; text-decoration: none; }
#footer.footer2 h3 { color: #707070; text-align: left; font-family: palentin regular mt,times new roman,serif; }
#footer.footer2 .col4 h3 { display: block; clear: both; padding: 0; margin: 0; font-weight: 400; font-size: 1.22em; letter-spacing: .02em; }
#footer.footer2 .col4 h4 { display: block; clear: both; margin: 0; padding: 0; font-weight: 400; font-size: 1.22em; letter-spacing: .02em; font-family: palentin regular mt,times new roman,serif; }
#footer.footer2 ul { list-style-type: none; }
#footer.footer2 ul li { list-style-type: none; }
#footer.footer2 { text-align: left; }

/*CREDIT CARDS*/
ul.cc-list li a { display: inline-block; width: 36px; height: 23px; margin: 0; padding: 0; pointer-events: none; cursor: default; }
ul.cc-list li a.cc-veri-visa { background: url(/services/services/styleimages/31/73) no-repeat; zoom: .85; }
ul.cc-list li a.cc-mastercard { background: url(/services/services/styleimages/31/73) -39px 0 no-repeat; }
ul.cc-list li a.cc-visa { background: url(/services/services/styleimages/31/73) -75px 0 no-repeat; }
ul.cc-list li a.cc-maestro { background: url(/services/services/styleimages/31/73) -111px 0 no-repeat; }
ul.cc-list li a.cc-paypal { background: url(/services/services/styleimages/31/73) -231px 0 no-repeat; width: 84px; }
ul.cc-list li a.cc-american-express { background: url(/services/services/styleimages/31/73) -400px 0 no-repeat; }
.icon-fallback-text { display: none; }
#footer.footer2 ul.cc-list li { display: inline-block; margin-right: 1px; padding: 1em 0; }
#footer.footer2 ul.cc-list { border-top: 1px solid #aaa; }

/*SOCIAL MEDIA*/
#footer.footer2 ul.social-media-links li { display: inline; margin-right: 1em; }
#footer.footer2 ul.social-media-links { border-bottom: 1px solid #aeaeae; }

/*NEW SOCIAL ICONS - SPRITE*/

#footer.footer2 ul.social-icons li a.social-facebook { background: url(/services/services/styleimages/31/81) no-repeat; }
#footer.footer2 ul.social-icons li a.social-twitter { background: url(/services/services/styleimages/31/81) -110px 0 no-repeat; }
#footer.footer2 ul.social-icons li a.social-youtube { background: url(/services/services/styleimages/31/81)-320px 0 no-repeat; }
#footer.footer2 ul.social-icons { margin: 1.1em 0 0; padding: 0 0 2em; pointer-events: none; cursor: default; }
#footer.footer2 .col4 ul { margin-bottom: 1.5em; padding: 0 0 1.1em; position: relative; }
#footer.footer2 ul.social-icons li { display: inline; margin-right: 1em; }
#footer.footer2 ul.social-icons li a { display: inline-block; width: 70px; height: 73px; margin: 0; padding: 0; }

/*AWARDS*/

#footer.footer2 ul.awards-list li a.awards-honest { background: url(/services/services/styleimages/31/79) no-repeat; }
#footer.footer2 ul.awards-list li a.awards-soil { background: url(/services/services/styleimages/31/79) -95px 0 no-repeat; }
#footer.footer2 ul.awards-list li a.awards-carbon-neutral { background: url(/services/services/styleimages/31/79)-190px 0 no-repeat; }
#footer.footer2 ul.awards-list li a.awards-cruelty-free { background: url(/services/services/styleimages/31/79)-285px 0 no-repeat; }
#footer.footer2 ul.awards-list { margin: 1.1em 0 0; padding: 0 0 2em; pointer-events: none; cursor: default; }
#footer.footer2 .col4 ul { margin-bottom: 1.5em; padding: 0 0 1.1em; position: relative; }
#footer.footer2 ul.links-to-awards li { display: inline; /*margin-right: 1em;*/ }
#footer.footer2 ul.links-to-awards li a { display: inline-block; width: 90px; height: 84px; margin: 0; padding: 0; }
/*NEW*/
#footer.footer2 ul.awards-list li { display: inline; margin-right: 1em; }
#footer.footer2 ul.awards-list li a { display: inline-block; width: 90px; height: 84px; margin: 0; padding: 0; }

@media only screen and (min-width: 670px) {
	#footer.footer2 .col1, #footer.footer2 .col2, #footer.footer2 .col3 { box-sizing: border-box; width: 15.3%; padding: .5em; font-size: 1.45em; letter-spacing: 0.02em; }
	#footer.footer2 .col4 { box-sizing: border-box; min-width: 37%; max-width: 44%; padding: .5em .5em .5em 3em; border-left: #afafaf 1px solid; font-size: 1.3em; }
}
@media screen and (max-width: 670px) {
	#footer.footer2 ul.awards-list { zoom: 0.67; }
}

/*HEADER*/

@media screen and (max-width:800px) {
	.header { background: #fff url(/services/services/styleimages/31/33.png?i=7730) no-repeat center 10%; }
	.header .header-left { display: none; }
}
@media screen and (max-width:550px) {
	.header { background: #fff url(/services/services/styleimages/31/33.png?i=7730) no-repeat center top; height: 230px;  }
	.header .header-right { padding-top: 160px; text-align: center; margin: 0; position: static; display: block; }
}

/*NEW CONSULTANTS PAGE*/

.new-organic-middle-left { float: left; max-width: 50%; }
.new-organic-middle-right { float: right; max-width: 50%; }
.new-organic-middle-left .text-banner-wrapper h2 { color: #2c2c2d; font-size: 2.2vw; margin-bottom: 0; margin-top: 0; text-transform: none; letter-spacing: 0.02em; }
.new-organic-middle-left .text-banner-wrapper h2:hover { transform: none; }
.new-organic-middle-left .text-banner-wrapper p { font-family: 'GothamBook', Helvetica, sans-serif; color: #6c6c70; font-size: 1.2vw; margin-left: 0; line-height: 1.5vw; letter-spacing: 0.025em; }
.new-organic-middle-left .text-banner-wrapper a { font-family: 'Gotham Medium', Helvetica, sans-serif; color: #2c2c2d ; font-size: 1.2vw; padding-top: 0.5em; display: block; font-weight: bold; }
.new-organic-middle-left .text-banner-wrapper p:nth-child(2) { font-weight: bold; padding-bottom: 0.5em; font-family: 'GothamMedium', Helvetica, sans-serif;}
.new-organic-middle-left .text-banner-wrapper { text-align: left; }
.new-organic-middle-left .organic-slot-container { background: white; }
.new-organic-middle-left .organic-slot-container img { opacity: 1;  }
.services .essential-viewings { padding: 0.5% 0 1.5%; }
.services .essential-viewings p { margin-left: 0; padding: 0 2.5%;  font-family: 'GothamBook', Helvetica, sans-serif; color: #6c6c70; font-size: 1.25vw; }
.services .essential-viewings h5 { margin: 0; padding: 0; padding-left: 2.5%; padding-top: 2.5%; font-style: normal; color: #2c2c2d; font-family: 'GothamBook', Helvetica, sans-serif; font-weight: bold; font-size: 1.25vw; }
.services .essential-viewings a { color: #6c6c70; font-weight: bold; }

@media screen and (min-width: 1600px) {
	.new-organic-middle-left .text-banner-wrapper h2 { font-size: 3em; }
	.new-organic-middle-left .text-banner-wrapper p { font-size: 1.6em; line-height: 1.3em;  }
	.new-organic-middle-left .text-banner-wrapper a { font-size: 1.6em; }
	.services .essential-viewings p { font-size: 1.5em; }
	.services .essential-viewings h5 { font-size: 1.5em; }
}
@media screen and (max-width: 850px) {
	.new-organic-middle-left .text-banner-wrapper p { margin-right: 0; }
	.services .essential-viewings p { margin-right: 0; }
}
@media screen and (max-width: 670px) {
	.new-organic-middle-right { float: none; max-width: 100%; }
	.new-organic-middle-left { float: none; max-width: 100%; }
	.new-organic-middle-left .text-banner-wrapper { position: static; transform:none; margin: 0 auto;}
	.new-organic-middle-left img { display: none; }
	.new-organic-middle-left .text-banner-wrapper h2 { font-size: 1.75em; padding-top: 1em;}
	.new-organic-middle-left .text-banner-wrapper p { font-size: 1.35em; line-height: 1.5em; margin-right: 0; }
	.new-organic-middle-left .text-banner-wrapper a { font-size: 1.35em; }
	.services .essential-viewings p { margin-right: 0; }
	.services .essential-viewings h5 { font-size: 1.35em; }
	.services .essential-viewings p { font-size: 1.35em; }
}
@media screen and (max-width: 450px) {
	.new-organic-middle-left .text-banner-wrapper h2 { font-size: 1.5em; }
	.new-organic-middle-left .text-banner-wrapper p { font-size: 1.2em; }
	.new-organic-middle-left .text-banner-wrapper a { font-size: 1.2em; }
	.services .essential-viewings h5 { font-size: 1.2em; }
	.services .essential-viewings p { font-size: 1.2em; }
}


/*Business updates*/

.businessUpdatesBanner { font-size: 14px; background: #e6dfc9; font-family: PlantinRegular,serif; text-align: center; padding: 6px 8px 5px; color: #082566; line-height: 1.3em; border-top: 2px solid white; }
.businessUpdates { padding-top: 2px; }

/*essential viewings*/

.services .peacemarsh-signature { width: 100%; height: auto; }
.services img.kindersleys-portrait { float: left; width: 50%; height: auto; padding-right: 20px; }
h1,h2,h3
{
	font-family : 'Gudea', sans-serif ;
	color : #2f479c ;
	font-weight : normal ;
}
h1
{
	font-size : 24px ;
	line-height : 24px ;
}
h2
{
	font-size : 18px ;
}
h1 strong, h1 b, h2 strong, h2 b, h3 strong, h3 b
{
	font-weight : normal ! important ;
}
h3
{
	font-family : Tahoma, Arial, sans serif ;
	font-size : 12px ;
}
h2,h3
{
	line-height : 1.6em ;
}
h4
{
	font-family : Tahoma, Arial, sans serif ;
	colour : #5f585e ;
	font-size : 40px ;
	font-weight : normal ;
	margin : 10px ;
}
h5
{
	font-family : Tahoma, Arial, sans serif ;
	font-size : 18px ;
	font-style : italic ;
	font-weight : normal ;
	line-height : 1.6em ;
}
p
{
	font-family : Tahoma, Arial, sans serif ;
	font-size : 12px ;
	line-height : 1.6em ;
}}
@media all {
.services
{
	margin : 0px 0px ;
	text-align : left ;
	min-height : 500px ;
	font : normal normal normal 12px/1.5 arial, verdana, sans-serif ;
	color : #5f585e ;
	position : relative ;
}
.services.extrawide
{
	margin : 0px ;
}
.services .ns
{
	display : none ;
}
.services .s
{
	display : block ;
}
.services table
{
	border-collapse : collapse ;
}
.services table.styled > tbody > tr:hover
{
	background-color : #f0f0f4 ;
}
.services tr.nohover:hover
{
	background-color : #fff !important ;
}
.services thead th,.colhead
{
	padding : 2px 6px ;
}
.services tbody td,.data
{
	font : normal normal normal 12px/1.5 arial, verdana, sans-serif ;
	text-align : left ;
	vertical-align : top ;
	padding : 5px 6px ;
}
.services table.styled > tbody > tr > td, .services table.styled > thead > tr > th,.data
{
	border : 1px solid #ddf7e3 ;
}
.services .warning, .services .asterisk
{
	color : #f00 ! important ;
}
.services table
{
	margin : 0px auto ;
}
.services input
{
	font-family : "lucida grande", tahoma, verdana, arial, sans-serif ;
	font-size : 12px ;
	padding : 3px ;
	border : 1px solid #333 ;
	-moz-border-radius : 3px ;
	-webkit-border-radius : 3px ;
	-khtml-border-radius : 3px ;
	border-radius : 3px ;
	background-color : #fffdf9 ;
}
.services input.buttons, .services button.buttons
{
	font-size : 12px ;
	color : #fff ;
	font-weight : bold ;
	background-color : #2f479c ;
	padding : 3px ;
	margin : 1px 5px ;
	-moz-border-radius : 5px ;
	-webkit-border-radius : 5px ;
	-khtml-border-radius : 5px ;
	border-radius : 5px ;
	cursor : pointer ;
	border : 2px solid transparent ;
}
.services input.buttonsyellow, .services button.buttonsyellow
{
	font-size : 12px ;
	color : #fff ;
	font-weight : bold ;
	background-color : #FF8000 ;
	padding : 3px ;
	margin : 1px 5px ;
	-moz-border-radius : 5px ;
	-webkit-border-radius : 5px ;
	-khtml-border-radius : 5px ;
	border-radius : 5px ;
	cursor : pointer ;
	border : 2px solid transparent ;
}
.services input.buttonsred, .services button.buttonsred
{
	font-size : 12px ;
	color : #fff ;
	font-weight : bold ;
	background-color : #D90202 ;
	padding : 3px ;
	margin : 1px 5px ;
	-moz-border-radius : 5px ;
	-webkit-border-radius : 5px ;
	-khtml-border-radius : 5px ;
	border-radius : 5px ;
	cursor : pointer ;
	border : 2px solid transparent ;
}
.services input.buttonsgreen, .services button.buttonsgreen
{
	font-size : 12px ;
	color : #fff ;
	font-weight : bold ;
	background-color : #3C962E ;
	padding : 3px ;
	margin : 1px 5px ;
	-moz-border-radius : 5px ;
	-webkit-border-radius : 5px ;
	-khtml-border-radius : 5px ;
	border-radius : 5px ;
	cursor : pointer ;
	border : 2px solid transparent ;
}
.services input.smallbuttons, .services input.sb
{
	font-size : 10px ;
	color : #fff ;
	font-weight : bold ;
	background-color : #2f479c ;
	padding : 1px ;
	border : 1px solid #333 ;
	border-top-color : #ccc ;
	margin : 1px 2px ;
	-moz-border-radius : 5px ;
	-webkit-border-radius : 5px ;
	-khtml-border-radius : 5px ;
	border-radius : 5px ;
	cursor : pointer ;
	border : 2px solid transparent ;
}
.services input.smallbuttons:hover,
.services input.sb:hover,
.services input.buttons:hover,
.services button.buttons:hover
{
	border-color : #ccc ;
}
.services .l
{
	text-align : left ;
}
.services .r
{
	text-align : right ;
}
.services .m
{
	text-align : center ;
}
.services .b
{
	font-weight : bold ;
}
.services b, .services strong
{
	font-size : 1em ;
	font-weight : bold ;
}
.services .fr
{
	float : right ;
}
.services .fl
{
	float : left ;
}
.services .clear
{
	clear : both ;
}
.services .expand
{
	width : 100% ;
}
.services .halfexpand
{
	width : 50% ;
}
.services .categoryboxz
{
	margin : 0px ;
	padding : 1px ;
	width : 900px ;
	height : 142px ;
	vertical-align : top ;
	overflow : auto ;
}
.services .categorybox
{
	margin : 0px ;
	padding : 1px ;
	width : 900px ;
	height : 200px ;
	vertical-align : top ;
	overflow : auto ;
}
.services .objectbox2
{
	padding : 1px ;
	margin : 10px auto ;
	border : 1px solid #6d779c ;
	width : 900px ;
	height : 250px ;
	vertical-align : top ;
	overflow : auto ;
}
.services .objectbox5
{
	padding : 1px ;
	margin : 10px auto ;
	border : 1px solid #6d779c ;
	width : 900px ;
	height : 330px ;
	vertical-align : top ;
	overflow : auto ;
}
.services .objectboxg
{
	padding : 1px ;
	margin : 5px 0px ;
	border : 1px solid #e2e0ff ;
	width : 898px ;
	vertical-align : top ;
	height : 360px ;
	overflow-y : scroll ;
}
.services .clickable
{
  cursor : pointer ;
}
.services .top
{
  vertical-align : top ;
}
.services .bottom
{
  vertical-align : bottom ;
}
.services .nowrap
{
  white-space : nowrap ;
}
.services .info
{
  padding : 0px 5px ;
  height : 100px ;
  color : #4c4c4c ;
  background-color : #ffffb7 ;
}
.services .info td
{
	padding : 2px 3px ;
}
.services .help
{
	cursor : help ;
}
.services tr.nowopen td.arrow,.services span#hidefl span.arrow
{
	background : url( /services/services/styleimages/31/23.gif?i=7730 ) no-repeat center center ;
}
.services tr.nowget td.arrow,.services span#getfl span.arrow
{
	background : url( /services/services/styleimages/31/25.gif?i=7730 ) no-repeat center center ;
}
.services tr.nowshut td.arrow,.services span#showfl span.arrow
{
	background : url( /services/services/styleimages/31/24.gif?i=7730 ) no-repeat center center ;
}
.services td.arrow,.services span.arrow
{
	width : 15px ;
}
.services .genlink
{
	cursor : pointer ;
}
.services .genlink:hover
{
	background-image : url(/services/services/styleimages/31/27.gif?i=7730) ;
	background-position : bottom right ;
	background-attachment : scroll ;
	background-repeat : no-repeat ;
	color : #5c7399 ;
}
.services .dr
{
	background-color : #ffe3e3 ;
}
.services .dg
{
	background-color : #e3ffe3 ;
}
.services .dy
{
	background-color : #ffffe3 ;
}
.services .dw
{
	background-color : #fff ;
}
.services .dp
{
	background-color : #fff2cc ;
}
.services .leg
{
	padding : 5px 14px ;
	font-size : 14px ;
}
.services .box
{
	padding : 3px ;
}
.services .orderinfopanel
{
	position : absolute ;
	top : -206px ;
	right : -20px ;
	height : 80px ;
	width : auto ;
	padding : 4px ;
	text-align : center ;
	background-color : #fffaf0 ;
	border : 3px solid #fff ;
	-moz-border-radius : 10px ;
	-webkit-border-radius : 10px ;
	-khtml-border-radius : 10px ;
	border-radius : 10px ;
	-webkit-box-shadow : 1px 1px 3px rgba(50, 50, 50, 0.25) ;
	-moz-box-shadow : 1px 1px 3px rgba(50, 50, 50, 0.25) ;
	box-shadow : 1px 1px 3px rgba(50, 50, 50, 0.25) ;
}
.services .orderinfopanel table
{
	margin : 0px auto ;
}
.services .orderinfopanel table th, .services .orderinfopanel table td
{
	font-size : 10px ;
	padding : 3px 6px !important ;
}
.services .orderinfopanel table th
{
	font-weight : bold ;
	color : #333 ;
	background-color : transparent ;
}
.services .orderinfopanel table td.splitter
{
	width : 3px ;
	padding: 0!important;
}
.services .waiting
{
	width : 32px ;
	height : 32px ;
	background : #fff url(/services/services/styleimages/31/26.gif?i=7730) no-repeat scroll center center ;
}
.services .day
{
	color : #777 ;
	float : left ;
}
.services .today
{
	color : #f00 ;
}
.services .bookings
{
	clear : both ;
	font-size : 18pt ;
	font-weight : bold ;
	text-align : center ;
	text-decoration : none ;
}
.services .pagetitle
{
	padding 10px 0px 15px ;
	text-align : left;
	font-size : 22px ;
	font-weight : normal ;
	margin : 0px ;
	color : #2f479c ;
}
.services .bookings a
{
	font-size : 18pt ;
	color : #6d779c ;
	text-decoration : none ;
}
.services .bookings a:hover
{
	color : #555 ;
	text-decoration : underline ;
}
.services .cal
{
	vertical-align : top ;
	border : 1px solid #6d779c ;
	background-color : #fbfcf9 ;
	width : 60px ;
	height : 47px ;
}
.services .blankcal
{
	border : 1px solid transparent ;
	padding : 0px 1px ;
	width : 60px ;
	height : 47px ;
}
.services form
{
  margin : 0px ;
  padding : 0px ;
  display : inline ;
}

.services th,.colhead
{
	text-align : left ;
	font-size : 13px ;
	color : #fff ;
	font-weight : bold ;
	background-color : #2f479c ;
	padding : 3px ;
}

.services div#subdiv .tabtitle
{
	float : left ;
	height : 23px ;
	padding : 7px 30px 0px ;
	margin-right : 2px ;
	font-size : 12px ;
	color : #2f479c ;
	font-weight : bold ;
	border : 1px solid #2f479c ;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	border-top-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	border-top-right-radius: 20px;
	cursor : pointer ;
}
.services div#subdiv .tabtitle.selected
{
	border-bottom : 1px solid #fff ;
}
.services div#subdiv .tabtitle:hover
{
	text-decoration : underline ;
}
.services div#subdiv .tabtitle.selected:hover
{
	text-decoration : none ;
}
.services div#subdiv .subpage
{
	border : 1px solid #2f479c ;
	position : relative ;
	margin-top : 30px ;
	padding : 15px 0px ;
	width : 100% ;
}
.services div#subdiv .titles
{
	padding-left : 10px ;
	position : absolute ;
	top : -32px ;
}
iframe.regiframe
{
	padding : 1px ;
	margin  : 10px auto ;
	border : 1px solid #6d779c ;
	width : 920px ;
	height : 285px ;
	overflow : auto ;
}

/*REVAMP*/

.oldServices  { padding-left: 20px; padding-right: 20px; }
.oldServices .objectboxg { margin: 0 auto; }


/*#DownMenu1, #DownMenu2, #DownMenu3, #DownMenu4, #DownMenu5, #DownMenu6, #DownMenu7, #DownMenu8, #DownMenu9, #DownMenu10, #DownMenu11, #DownMenu12, #DownMenu13, #DownMenu14, #DownMenu15, #DownMenu16, #DownMenu17, #DownMenu18, #DownMenu19, #DownMenu20, #DownMenu21, #DownMenu22 { float: left; }*/
/*#FAQMenu1, #FAQMenu2, #FAQMenu3, #FAQMenu4, #FAQMenu5, #FAQMenu6 { float: left; }*/
.downloadsInnerDiv .objectbox form { float: left; }
.faqInnerDiv .objectbox form { float: left; }

.objectbox br { display: none; }
.objectbox form:nth-child(odd) { clear: left; width: 50%; padding: 0.5em; margin-left: 5em; font-size: 1.2em; }
.objectbox form:nth-child(even) { font-size: 1.2em; }

.services .downloadsInnerDiv p, .services .faqInnerDiv p { margin-left: 4em; font-size: 1.5em; }
.services .downloadsInnerDiv .fl, .services .faqInnerDiv .fl { margin-left: 3em; }
.services .downloadsInnerDiv .fr, .services .faqInnerDiv .fr { margin: 10px 10px 10px 0; }
.services .downloadsInnerDiv .fr #gosearch input[text], .services .faqInnerDiv .fr #gosearch input[text] { margin-right: -4px; }
.services .downloadsInnerDiv .fr #gosearch button, .services .faqInnerDiv .fr #gosearch button { font-size: 12px; padding: 3px; margin-left: -6px; background-color: #fffdf9; border: 1px solid #333;  border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
/*FAQ and DOWNLOAD inner pages*/
.services .downloadsInnerDiv h1, .services .faqInnerDiv h1 { margin-left: 5%; margin-right: 5%; }
.services .downloadsInnerDiv .objectbox table, .services .faqInnerDiv .objectbox table { width: 90%;  }
.services .downloadsInnerDiv .m { padding-bottom: 20px; }

/*Search Bar*/
/*.services .fr { margin: 10px 10px 10px 0; }
.services .fr #gosearch input[text] { margin-right: -4px; }
.services .fr #gosearch button { font-size: 12px; padding: 3px; margin-left: -6px; background-color: #fffdf9; border: 1px solid #333;  border-top-right-radius: 3px; border-bottom-right-radius: 3px; }*/

/*body {*/
  /* Set "my-sec-counter" to 0 */
 	/*counter-reset: my-sec-counter 0;
}

.objectbox .faqheading::before {*/
  /* Increment "my-sec-counter" by 1 */
 /* counter-increment: my-sec-counter ;
  content: "Section " counter(my-sec-counter) ". ";
}*/


@media screen and (max-width: 850px) {
	#DownMenu1, #DownMenu2, #DownMenu3, #DownMenu4, #DownMenu5, #DownMenu6, #DownMenu7, #DownMenu8, #DownMenu9, #DownMenu10, #DownMenu11, #DownMenu12, #DownMenu13, #DownMenu14, #DownMenu15, #DownMenu16, #DownMenu17, #DownMenu18, #DownMenu19, #DownMenu20, #DownMenu21, #DownMenu22 { float: none; }

	#FAQMenu1, #FAQMenu2, #FAQMenu3, #FAQMenu4, #FAQMenu5, #FAQMenu6 { float: left; }
	.objectbox br { display: inline; }
	.objectbox form:nth-child(odd) { padding: 0; padding-left: 10%; margin-left: 0; }
	.objectbox form:nth-child(even) { padding: 0; padding-left: 10%; margin-left: 0; }
	.services .downloadsInnerDiv .fl, .services .faqInnerDiv .fl  { margin-left: 10%; }
	.services .downloadsInnerDiv p, .services .faqInnerDiv p { margin-left: 10%; margin-right: 10%; }
	.services .downloadsInnerDiv input#search, .services .faqInnerDiv input#search { width: 60%; }
	.services .downloadsInnerDiv .fr label,  .services .faqInnerDiv .fr label { margin-left: 10%; }
}

/*BUSINESS UPDATES*/

.services .businessUpdates p { margin-left: 5%; margin-right: 5%; }

.services .businessUpdates img { padding: 2% 2% 2% 0; }
.services img.businessUpdatesHero { padding: 0; }

/*PROMOTIONS*/

.promotions-left { width : 47% ; float : left ; min-height : 500px ; }
.promotions-right { width : 48% ; float : right ; min-height : 500px ; }
.promotions-banner { margin-bottom: 1%; padding-top: 2px; }

@media screen and (max-width: 850px) {
	.promotions-left { float: none; width: 100%; }
	.promotions-left table { width: 90%; margin-left: 5%; margin-right: 5%; }
	.promotions-right { float: none; width: 100%; }
	.promotions-right table { width: 90%; margin-left: 5%; margin-right: 5%; }
}

/* GENEAOLOGY TWEAK*/

.fr table { left: 200px; }

/*MODAL*/

/* The Modal (background) */
.thisModal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 5000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.closeModal {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.closeModal:hover,
.closeModal:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#myModalBtn { font-size: 16px; padding: 5px 10px; margin: 5px; position: absolute; left: 70%; border: 1px solid #55565a; border-radius: 4px; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75); }

/*CART JOURNEY*/

/*Stock Order*/

/*.stockOrderDiv table { width: 40%; }
.stockOrderDiv h1 { margin-left: 30%; }
.stockOrderDiv p { margin-left: 30%; margin-right: 30%;  }
.stockOrderDiv .m input.buttons { background-color: #79a784; font-size: 16px; border-radius: 4px; width: 20%;  }
.stockOrderDiv form[name="p"] table { width: 60%; }*/

.stockOrderInnerDiv form table { width: 400px; }
.stockOrderInnerDiv form .m input.buttons { background-color: #79a784; font-size: 16px; border-radius: 4px; padding: 5px 10px;  }
.stockOrderInnerDiv form table td { font-size: 16px; }
.stockOrderInnerDiv form table td select { font-size: 16px; width: 190px; vertical-align: middle;  }
.stockOrderInnerDiv form table td spacer { width: 40px;  }

/*Second page after 'continue'*/
.stockOrderInnerDiv form[name="p"] table { width: 700px; }
.stockOrderInnerDiv form[name="p"] table td.l { vertical-align: middle; }
.stockOrderInnerDiv form .m input.sb { background-color: #79a784; font-size: 12px; border-radius: 4px; padding: 5px 10px;  }
.stockOrderInnerDiv .categoryboxz { margin: 0 auto; width: 700px; }
.stockOrderInnerDiv .categoryboxz input.sb { background-color: #79a784; font-size: 10px; border-radius: 4px; padding: 2px }
.stockOrderInnerDiv table.expand .d { text-align: center; }
.stockOrderInnerDiv table.expand .fl { float: none; display: inline-block; }
.stockOrderInnerDiv table.expand .fr { float: none; display: inline-block; }
.stockOrderInnerDiv table.expand .d input.sb { background-color: #79a784; font-size: 12px; border-radius: 4px; padding: 5px 10px; }
.stockOrderInnerDiv h1 {  }
.stockOrderInnerDiv p { font-size: 16px; }
.stockOrderInnerDiv { width: 80%; margin: 0 auto; }
.stockOrderInnerDiv table.summary td input.smallbuttons { background-color: white; color: #54565a; border: 2px solid #54565a; border-radius: 4px; padding: 2px;  }
.stockOrderInnerDiv .objectbox2 table { width: 100%; }
.stockOrderInnerDiv .objectbox2 table td input.smallbuttons { background-color: white; color: #54565a; border: 2px solid #54565a; border-radius: 4px; padding: 2px; }


@media screen and (max-width: 1200px) {
	.stockOrderInnerDiv .objectbox2 { width: auto; }
}
@media screen and (max-width: 850px) {
	.stockOrderInnerDiv form[name="p"] table { width: auto }
	.stockOrderInnerDiv .categoryboxz { width: auto; }
	/*.stockOrderInnerDiv form[name="p"] table tr:nth-child(2) { display: flex; flex-wrap: wrap; width: 100%; }*/
	.stockOrderInnerDiv form[name="p"] table tr:nth-child(2) td.m .fl { float: none; }
	.stockOrderInnerDiv form[name="p"] table tr:nth-child(2) td.m .fr { float: none; }
	.stockOrderInnerDiv form[name="p"] table tr:nth-child(2) td.l { width: 100%; display: inline-block; }
	.stockOrderInnerDiv form[name="p"] table tr:nth-child(2) td.l input { display: block; margin: 0 auto; }
	.stockOrderInnerDiv form[name="p"] table tr:nth-child(2) td.m { width: 100%; display: inline-block; }
}
@media screen and (max-width: 500px) {
	.stockOrderInnerDiv form table { width: 300px; }
	.stockOrderInnerDiv { width: 98%; }
	.stockOrderInnerDiv form table td.spacer { width: 0; padding: 0; margin: 0;  }
	.stockOrderInnerDiv form table td select { font-size: 14px; width: 175px; }
	.stockOrderInnerDiv form table td { font-size: 14px; }
	.stockOrderInnerDiv form h1 { margin-left: 2%; margin-right: 2%; }
	.stockOrderInnerDiv form p { margin-left: 2%; margin-right: 2%; }
	.stockOrderInnerDiv .categoryboxz tr td:nth-child(2) { display: none; }
}

/*Party Order*/

.partyOrderInnerDiv form table { width: 500px; }
.partyOrderInnerDiv form .m input.buttons { background-color: #79a784; font-size: 16px; border-radius: 4px; padding: 5px 10px;  }
.partyOrderInnerDiv form table td { font-size: 16px; }
.partyOrderInnerDiv form table td select { font-size: 16px; vertical-align: middle;  }
.partyOrderInnerDiv form table td.l table { width: auto; margin: 0; }
.partyOrderInnerDiv form table tr:nth-child(1) td input { width: 153px !important; }

.partyOrderInnerDiv h1 {  }
.partyOrderInnerDiv p { font-size: 16px; }
.partyOrderInnerDiv { width: 80%; margin: 0 auto; }

@media screen and (max-width: 1200px) {
	.partyOrderInnerDiv .objectbox2 { width: auto; }
}
@media screen and (max-width: 850px) {
	.partyOrderInnerDiv form table { width: 400px; }
	.partyOrderInnerDiv form[name="p"] table { width: auto }
	.partyOrderInnerDiv .categoryboxz { width: auto; }
	/*.partyOrderInnerDiv form[name="p"] table tr:nth-child(2) { display: flex; flex-wrap: wrap; width: 100%; }*/
	.partyOrderInnerDiv form[name="p"] table tr:nth-child(2) td.m .fl { float: none; }
	.partyOrderInnerDiv form[name="p"] table tr:nth-child(2) td.m .fr { float: none; }
	.partyOrderInnerDiv form[name="p"] table tr:nth-child(11) td:nth-child(3) { display: inline-block;  }
	.partyOrderInnerDiv form[name="p"] table tr:nth-child(11) td:nth-child(4) { display: inline-block;  }
}
@media screen and (max-width: 500px) {
	.partyOrderInnerDiv form table { width: 300px; }
	.partyOrderInnerDiv { width: 98%; }
	.partyOrderInnerDiv form table tr .l table td { padding: 0; font-size: 14px; }
	.partyOrderInnerDiv form table td.spacer { width: 0; padding: 0; margin: 0;  }
	.partyOrderInnerDiv form table td select { font-size: 14px; width: auto; }
	.partyOrderInnerDiv form table td { font-size: 14px; }
	.partyOrderInnerDiv form h1 { margin-left: 2%; margin-right: 2%; }
	.partyOrderInnerDiv form p { margin-left: 2%; margin-right: 2%; }
}

/*Amend An Order*/

.amendAnOrderInnerDiv { width: 80%; margin: 0 auto; }
.amendAnOrderInnerDiv .objectbox table.styled { width: 100%; }
.amendAnOrderInnerDiv .objectbox table.styled input.smallbuttons { background-color: white; color: #54565a; border: 2px solid #54565a; border-radius: 4px; padding: 2px;  }
.amendAnOrderInnerDiv table.summary input.smallbuttons { background-color: white; color: #54565a; border: 2px solid #54565a; border-radius: 4px; padding: 2px;  }

/*Amend Order*/

.amendOrderInnerDiv { width: 80%; margin: 0 auto; }
.amendOrderInnerDiv table.summary { width: 100%; }
.amendOrderInnerDiv form .m input.buttons { background-color: #79a784; font-size: 16px; border-radius: 4px; padding: 5px 10px;  }
.amendOrderInnerDiv form table { width: 500px; }
.amendOrderInnerDiv form table td.l table { width: auto; margin: 0;  }
.amendOrderInnerDiv .objectbox2 { width: 90%; }
.amendOrderInnerDiv .m form input.buttons { background-color: #79a784; font-size: 16px; border-radius: 4px; padding: 5px 10px;  }
.amendOrderInnerDiv .objectbox2 table { width: 100%; }
.amendOrderInnerDiv table.summary input.smallbuttons { background-color: white; color: #54565a; border: 2px solid #54565a; border-radius: 4px; padding: 2px;  }

/*View Previous Orders*/

.viewPreviousOrderInnerDiv { width: 80%; margin: 0 auto; }
.viewPreviousOrderInnerDiv .objectbox table.styled { width: 100%; }

/*View Previous Orders*/

.viewPreviousOrdersInnerDiv { width: 80%; margin: 0 auto; }
.viewPreviousOrdersInnerDiv .objectbox table.styled { width: 100%; }

/*Previous Orders*/

.previousOrderInnerDiv { width: 80%; margin: 0 auto; }
.previousOrderInnerDiv table.summary { width: 100%; }
.previousOrderInnerDiv form .m input.buttons { background-color: #79a784; font-size: 16px; border-radius: 4px; padding: 5px 10px;  }
.previousOrderInnerDiv form table { width: 500px; }
.previousOrderInnerDiv form table.expand td.d .fl input.sb { background-color: #79a784; font-size: 16px; border-radius: 4px; padding: 5px 10px; text-align: center; }
.previousOrderInnerDiv form table.expand td.d .fl { float: none; text-align: center;  }
.previousOrderInnerDiv .categoryboxb { width: 500px; margin: 0 auto; }
.previousOrderInnerDiv .objectbox2 { width: 500px; }
.previousOrderInnerDiv .objectbox2 table { width: 100%;  }
.previousOrderInnerDiv .m input.buttons { background-color: #79a784; font-size: 16px; border-radius: 4px; padding: 5px 10px;  }
.previousOrderInnerDiv .object .expand { width: auto; }

/*Stock Updates*/

.stockUpdatesInnerDiv div p { padding-left: 20px; padding-right: 20px; font-family: 'Gotham Medium', Helvetica, sans-serif; font-size: 18px; color: #6c6c70 }
.stockUpdatesInnerDiv div > img { border-top: 2px solid white; }
.stockUpdatesInnerDiv div h1 { font-family: 'GothamBook', Helvetica, sans-serif;color: #2c2c2d; font-size: 50px; margin-bottom: 20px; margin-top: 20px; text-transform: none; letter-spacing: 0.02em; padding-left: 20px; padding-right: 20px; font-weight: 200; } 
.stockUpdatesInnerDiv div h5 { margin: 0; padding: 0; font-style: normal; color: #2c2c2d; font-family: 'GothamBook', Helvetica, sans-serif; font-weight: bold; font-size: 18px; padding-left: 20px; padding-right: 20px; }

/*Business Updates*/

.businessUpdates h1 { font-family: 'GothamBook', Helvetica, sans-serif;color: #2c2c2d; font-size: 50px; margin-bottom: 20px; margin-top: 20px; text-transform: none; letter-spacing: 0.02em; padding-left: 5%; padding-right: 5%; font-weight: 200; line-height: 1; } 

/*Current Promotions*/

.promotions-banner h1 { font-family: 'GothamBook', Helvetica, sans-serif;color: #2c2c2d; font-size: 50px; margin-bottom: 42px; margin-top: 32px; text-transform: none; letter-spacing: 0.02em; padding-left: 5%; padding-right: 5%; font-weight: 200; line-height: 1; } 


/*Genealogy*/

.thisIsText { width: 900px; margin: 0 auto; padding: 5px 5px 20px; color: #2f479c; font-size: 14px;  }


/*Combined*/

@media screen and (max-width: 750px) {
	.services .orderinfopanel { right: 0; width: 285px; }
	.services .orderinfopanel table th { font-size: 5px; padding: 0 !important;  }
	.services .orderinfopanel table td { font-size: 5px;  padding: 0 !important;  }
}

/*BUTTONS*/

.services input.buttons, .services button.buttons {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    background-color: #79a784;
    padding: 3px 5px;
    margin: 1px 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    border: 2px solid transparent;
}
.services input.smallbuttons, .services input.sb {
    font-size: 10px;
    color: #54565a;
    font-weight: bold;
    background-color: white;
    padding: 2px 3px;
    border: 1px solid #333;
    border-top-color: #ccc;
    margin: 1px 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    border: 2px solid #54565a;;
}

/*HR*/

.services hr { height: 1px; color: #ccc; background-color: #ccc; border: none;}
/* Style for all navigation lists */
nav ul
{
	list-style-type : none ;
	text-align : left ;
	z-index : 2001 ;
}

/* Style top navigation bar */
nav > ul
{
	width : 100% ;
	position : relative ;
	padding : 0px ;
	margin : 0px ;
	height : 30px ;
	color : #fff ;
	background : -webkit-linear-gradient(left, #20376c , #2f4d8e, #20376c) ;
	background : -o-linear-gradient(right, #20376c , #2f4d8e, #20376c) ;
	background : -moz-linear-gradient(right, #20376c , #2f4d8e, #20376c) ;
	background : linear-gradient(to right, #20376c , #2f4d8e, #20376c) ;
	font : normal normal 600 14px/30px 'Crimson Text', serif ;
	text-transform : uppercase ;
}

/* Style the items in the navigation bar */
nav > ul > li
{
	padding : 0px 30px  ;
	float : left ;
	cursor : default ;
}

/* Fine tune the margin of the first item to centralise the items */
nav > ul > li:first-child
{
	margin-left : 9px ;
}

/* Style the selected navigation bar item */
nav > ul > li.selected
{
	color : #c2c7ff ;
}

/* Style the greyed navigation bar item */
nav > ul > li.greyed
{
	color : #666 ;
}
/* Style the items in the navigation bar when hovered (and not greyed) */
nav > ul > li:hover:not(.greyed), nav > ul > li:focus:not(.greyed)
{
	color : #444 ;
	background : #fff none ;
}

/* Style all drop downs and flyouts */
nav ul ul
{
	position : absolute ;
	display : none ;
	padding : 13px 13px ;
	border-style : solid ;
	border-color : #f5f5f5 ;
	border-width : 0px 0px 1px 1px ;
	width : 210px ;
	box-shadow : 7px 7px 10px -3px rgba(66, 66, 66, 0.5) ;
	color : #666 ;
	background : #fff none ;
	font : normal normal 400 15px/30px 'Crimson Text', serif ;
	text-transform : none ;
}

/* Style just the flyouts */
nav ul ul ul
{
	border-width : 1px 0px 1px 1px ;
}

/* Left-align the first level dropdowns with the navigation bar item ... */
nav > ul > li > ul
{
	top : 100% ;
	left : 0px ;
}
/* ... apart from the last which is right-aligned */
nav > ul > li:last-child > ul
{
	left : auto ;
	right : 0px ;
}

/* Right-align subsequent level flyouts... */
nav ul ul ul
{
	top : 0px ;
	left : 100% ;
}

/* ... apart from the last which is left-aligned */
nav > ul > li:last-child > ul ul
{
	left : auto ;
	right : 0px ;
}

/* Ensure the dropdowns / flyouts are aligned to the parent */
nav li
{
	position : relative ;
}

/* Show the dropdown / flyout on hover */
nav li:not(.greyed):hover > ul, nav li:not(.greyed):focus > ul
{
	display : block ;
}

/* Ensure the anchors don't pick up irrelevant styling */
nav a,nav a:hover, nav a:focus
{
	color : inherit ;
	text-decoration : inherit ;
	font : inherit ;
	display : block ;
}

/* Style the individual items on dropdowns and flyouts */
nav ul ul li
{
	padding : 0px 13px ;
}

/* Styling for hover on dropdown / flyout items */
nav ul ul li:hover:not(.selected), nav ul ul li:focus:not(.selected)
{
	color : #333 ;
}

/* Style selected dropdown / flyout item */
nav ul ul li.selected
{
	background-color : #dce5ff ;
}

/* Style greyed dropdown / flyout item */
nav ul ul li.greyed
{
	color : #ccc ;
}


/*Bart*/

li#hamburger:hover nav ul li { color: yellow; }
.hamburgerIcon { display: block; /*position: absolute; right: 0; top: 0;*/ }
.logoImitation, .hamburgerIcon { display: none; } 
#nav { display: flex; justify-content: center; }
/*nav li:not(.greyed):hover > ul, nav li:not(.greyed):focus > ul { display: none; }*/

@media screen and (max-width: 1000px) {
	nav > ul > li { padding: 0px 20px; }
}
@media screen and (max-width: 800px) {
	nav { overflow: hidden; background-color: #333; position: relative; }
	nav > ul > li { float: none; padding: 14px 16px; text-decoration: none; font-size: 17px; display: block; margin-left: 9px; }
	nav { overflow: hidden; background: linear-gradient(to right, #20376c , #2f4d8e, #20376c); position: relative; }
	nav > ul { height: auto; }
	nav ul ul { position: relative; width: auto; }
	nav ul li ul { display: none; }
	nav li:not(.greyed):hover > ul, nav li:not(.greyed):focus > ul { display: none; }
	/*nav ul li:not(#hamburger) { display: none; }*/
	#nav { display: none; }
	nav a.hamburgerIcon { /*background: #20376c;*/ display: block; position: absolute; right: 0; top: 0px; color: yellow; font-size: 36px; }
	nav a.hamburgerIcon i { color: white; width: 100px; height: 100px; }
	.logoImitation { padding: 14px 16px; font-size: 17px; display: block; opacity: 0; }
}body.stdwidget
{
	background : #fff none no-repeat scroll right top ;
	min-height : 0 ;
}.services .accordion
{
    height: auto;
}
.services .accordion:after
{
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden;
}

.services .accordion .accordion-content
{
    display: block;
    padding: 1em;
    position: relative;
    height: auto;
}

.services .accordion p
{
    color: #3D3D35;
    font-size: .9em;
    line-height: 1.4em;
    margin: 1em 0;
}

.services .accordion .fadetext
{
    position: absolute;
    top: 120px;
    left: 0;
    height: 150px;
    width: 100%;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #fff 80%);
    background: linear-gradient(rgba(255, 255, 255, 0), #fff 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.services .accordion .accordion-toggle
{
    font: 600 1.2em 'Trade Gothic LT', Helvetica, sans-serif;
    cursor: pointer;
    color: #52515f;
    background: #E7E7E7;
    letter-spacing: .01em;
    padding: 15px 7px;
    margin: 0;
    border: 0;
    border-bottom: #fff 1px solid;
    width: 100%;
    text-align: left;
}

.services .accordion-toggle:before
{
    content: "⟩";
    display: inline-block;
    text-align: center;
    height: 20px;
    width: 25px;
    margin-right: 5px;
    clear: both;
    transition: all 500ms ease-in 0s;
    transform-origin: center center;
}

.services .accordion-toggle.openedPane:before
{
    transform: rotate(90deg);
}body.registration_only .header {
    background: #fff url(/services/services/styleimages/31/71.png?i=7730) no-repeat center 20px;
}
body.registration_only h1 {
    font-size: 24px;
    line-height: 24px;
    text-align: center;
}
body.registration_only p {
    text-align: center;
    padding: 0 1em;
}

@media screen and (max-width: 600px) {
body.registration_only .header {
    height: 90px;
}
body.registration_only h1 {
    text-align: center;
    font-size: 22px;
}
body.registration_only p {
    text-align: center;
    padding: 0 1em;
}
body.registration_only .services input {
    width: 90%;
}
body.registration_only input[name^="sortcode"] {
    width: auto;
}

}.s_16
{
padding : 0px 15px 15px 25px ;
}
.s_67
{
width : 210px ;
text-align : center ;
font-size : 14px ;
float : left ;
}
.s_67 img
{
	margin : 0px auto ;
}.s_87
{
width : 534px ;
height : 236px ;
}
.s_93
{
display : none ;
width : 300px ;
margin-left : -75px ;
border : 3px solid #2f479c ;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding : 10px ;
position : fixed ;
top : 50% ;
left : 50% ;
color : #2f479c ;
background-color : #fff ;
-webkit-box-shadow : 3px 3px 6px rgba(50, 50, 50, 0.75) ;
-moz-box-shadow : 3px 3px 6px rgba(50, 50, 50, 0.75) ;
box-shadow : 3px 3px 6px rgba(50, 50, 50, 0.75) ;
}
.s_93 img
{
margin : 0px 10px 10px 0px ;
float : left ;
border : 5px solid #fff ;
}.s_97
{
-moz-box-sizing : border-box ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
border : 1px solid #f10089 ;
padding : 12px ;
text-align : left ;
}
.s_98
{
position : relative ;
padding : 10px 20px !important ;
background : #fffaf0 ;
-webkit-border-radius : 50px ;
-moz-border-radius : 50px ;
border-radius : 50px ;
border : #f10089 solid 4px ;
text-align : right ;
margin : 20px 0px 80px 70px !important ;
}
.s_98:before 
{
	content : '' ;
	position : absolute ;
	border-style : solid ;
	border-width : 18px 19px 0 ;
	border-color : #f10089 transparent ;
	display : block ;
	width : 0 ;
	z-index : 0 ;
	bottom : -18px ;
	right : 30px ;
}
.s_98:after 
{
	content : '' ;
	position : absolute ;
	border-style : solid ;
	border-width : 18px 18px 0 ;
	border-color : #fffaf0 transparent ;
	display : block ;
	width : 0 ;
	z-index : 1 ;
	bottom : -13px ;
	right : 31px ;
}
.s_98:nth-child(even)
{
	text-align : left ;
	margin : 20px 70px 80px 0px !important ;
}
.s_98:nth-child(even):before
{
	right : auto ;
	left : 30px ;
}
.s_98:nth-child(even):after
{
	right : auto ;
	left : 31px ;
}
.s_98 h1
{
	margin : 0px ;
	text-align : right ;
	font-size : 14px ;
	font-style : italic ;
}
.s_98 h2
{
	margin : 0px ;
	text-align : right ;
	font-size : 11px ;
	position : absolute ;
	bottom : -35px ;
	right : 55px ;
	font-weight : bold ;
}
.s_98:nth-child(even) h2
{
	left : 55px ;
}
.s_98:nth-child(even) h1, .s_98:nth-child(even) h2
{
	text-align : left ;
}.s_112
{

}
.s_112 h2:first-child
{
	display : block ;
	margin-top : 50px ;
	border-top : 1px solid #999 ;
	padding-top : 10px ;
	text-align : center ;
	font-weight : bold ;
	font-size : 24px ;
}
.s_112:first-child h2:first-child
{
	border-top : 0px ;
	margin-top : 10px ;
}.s_113
{
-moz-box-sizing : border-box ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
border : 1px solid #f10089 ;
padding : 12px ;
text-align : left ;
margin-bottom: 22px;
}
.s_113:nth-child(odd) img
{
	float : left ;
	margin-right : 12px ;
}
.s_113:nth-child(even) img
{
	float : right ;
	margin-left : 12px ;
}.s_114
{

}
.s_114 h1
{
	margin-bottom : 0px ;
}
.s_114 h3
{
	margin-top : 0px ;
	margin-right : 5px ;
	font-size : 16px ;
}
.s_114 a
{
	font-weight : bold ;
}.s_115
{

}
.s_115 table
{
	width : 200px ;
	border-collapse : collapse ;
}
.s_115 table td
{
	border : 1px solid #999 ;
	font-size : 11px ;
	padding : 1px 3px ;
}
.s_115 table td:nth-child(3)
{
	white-space : nowrap ;
}
table caption
{
	font-weight : bold ;
	height : 30px ;
}.s_116
{
background-color: #eeeeee;
    border: none;
    color: #ffffff !important;
    width: 21%;
    margin:15px 1%;
    padding:15px 1%;
    text-align: center;
    text-decoration: none;
   min-height:7em; float:left;

    transition: all 0.5s;
}
.s_116 img {height:70px; width:auto;}
.s_116:hover {background-color: #17286d;}
.s_116:hover h2 {color:#ffffff !important;}.s_117
{
width: 18%;
padding:15px 1%;
float:left;
text-align:center;
}
}