@charset "utf-8";
/* CSS Document */

/* 	By Andie Gilmour
	andie.gilmour@gmail.com
	For Photographers Direct
	2015, 2016

	GNU Terry Pratchett
*/

html {
	background-color:transparent; /* reset to browser default */
}

html,
body {
	margin:0;
	padding:0;
	height:100%;
}

/* TYPOGRAPHY */

body{
	font-size:90%;
	line-height:1.5;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	color:#999999;
}

h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', Helvetica, Arial, sans-serif;}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
	color:#999999;
	font-weight:700;
	font-style:italic;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
	color:#999999;	
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
	color:#218494;
	font-weight:700;
	
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
	color:#999999;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
	color:#999999;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
	color:#999999;
}

p {
	font-size: 1em;
    margin: 1em 0;
	color:#444444;
}


ul {
	list-style:circle;
	margin-left:3em;

}

li {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	color:#444444;
}

a {
	color:#967C41;
	font-weight:700;
	text-decoration:none;
}

a:hover {
	color:#967C41;
	text-decoration: underline;
}


input {
	padding:0.5em;
	/*border-radius:10px;*/
	border:1px solid #999999;
	margin:1em 0.2em;
	margin-bottom:0;
}

input[type=checkbox]{vertical-align:middle; }

input[type=text]:focus {border-color:#333; background-color:#eeeeee; }

input[type=submit] {
	color:white;
	background-color:#967c41;
}

label {
	color:#444444;
}


/* DIVS */

#pd_searchform, #uploader, #update_seller_image_details {padding-bottom:6em !important;}

#cookie-bar p{color:white; font-size:90%;}

body{
	background-color:white;
}

#burgermenu {
	display:none;
	position:absolute; 
	top:1em; 
	right:1em; 
	z-index:99;
	cursor:pointer;	
}

#header {
	height:3em;
	padding-bottom:0.5em;
	padding-top:0.5em;
	background:#218494;
	position:relative;
	background: -moz-linear-gradient(top,  #beeaf1 0%, #218494 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#beeaf1), color-stop(100%,#218494)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #beeaf1 0%,#218494 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #beeaf1 0%,#218494 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #beeaf1 0%,#218494 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #beeaf1 0%,#218494 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beeaf1', endColorstr='#218494',GradientType=0 ); /* IE6-9 */
}

#header_image img{
	width:100px; 
	border:none; 
	background:none; 
	border-radius:none; 
	box-shadow:none; 
	margin:0 auto; 
	display:block;
}

#header_website_ident h1 {
	display:inline-block;
	color:white; 
	font-size:98%; 
	margin:3px 0 0 0 ;
}

#header_login p {
	text-align:right;
	margin:0.25em 0 0.25em 0 ;
}

#header_navigation {}

#header_navigation a, #header_login a {
	color:white;
	text-decoration:none;
	font-weight:normal;
	display:block;
	padding:0 3px;
	border-radius:0.5em;
	font-size:80%;
}

#header_navigation a:hover, #header_login a:hover {
	background-color:#D62931;
}

#header_navigation li {	
	display:inline-block;
	margin-right:0.5em;
}

#header_navigation ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#lightbox_not_logged_in_box, #no_active_lightbox, #not_logged_in_box, #logged_in_box {
	position:relative;
}

#lightbox_bar {border-bottom:1px solid #999999;}


#navigation {float:right;}

#social {
	position:absolute;
	right:1em;
	top:5em;
}

#facebook, #twitter, #googleplus {
	display:inline;
	margin-left:0.5em;
}



#header_name {
	background-color:white; 
	border-bottom:1px solid #999999;
	margin-bottom:1.5em;
	padding-top:0.5em;
    -moz-box-shadow: 0px 2px 15px #999999;
    -webkit-box-shadow: 0px 2px 15px #999999;
    box-shadow: 0px 2px 15px #999999;
}

#header_name p {
	line-height:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3em;
	color: #999999;
	font-weight: bold;
	margin: 0.1em 0 0 0;
	padding: 0;
	text-align:center;
}

#header p.strapline {
	line-height:1.5;
	font-weight:normal;
	font-size:1.2em;
	font-style:italic;
	padding-bottom:0.5em;
}

#wrapper {
	min-height:100%;
	position:relative;
}

#content {
	clear:both;
	background-color:white;
	width:80%; 
	margin:0 auto; 
	min-height:200px;
	padding-bottom: 10em; /* height of footer element */
	
}

#footer {
	clear: both;
	width:100%;
	height:6em;
	position:absolute;
	bottom:0;
	left:0;
	background:#D62931;
/* grad to colour was #d17778 */
	background: -moz-linear-gradient(top,  #d62931 0%, #993535 100%); /* FF3.6+ */ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d62931), color-stop(100%,#993535)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d62931 0%,#993535 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d62931 0%,#993535 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d62931 0%,#993535 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d62931 0%,#993535 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62931', endColorstr='#993535',GradientType=0 ); /* IE6-9 */
}

/* new footer */
#footer_text p{
	font-family: Arial, Helvetica, sans-serif;
	color:white;
	margin:0.5em 1em 0 1em;
}

#footer_ident {
	color:white !important;
	font-size: 1.5em;
	margin:0;
	display:inline-block;
}

#footer_copyright {
	color:white !important;
	font-size: 0.7em;
	margin:0;
	font-weight:normal !important;
}

#footer_img img {
	display:inline-block;
	margin-top:-8px;
}

#footer_img a {
	text-decoration:none;
}

#share {
	text-align:right;
}

#share a {
	text-decoration:none;
}

#share img {
	border:1px solid transparent;
	width:25px;
}

#share img:hover {
	border:1px solid white;
}

/* end new footer */

#social_likes{
	position:absolute;
	background-color:#218494;
	bottom:3em;
	border-top:1px solid #999999;
	width:100%;
	padding:0.5em 0 0 0;
}

#subsite {
	border: 1px solid #218494; 
	background-color:#f7f7f7;
	border-radius: 0.5em; 
	padding: 0.5em 1em; 
	margin-top: 1em;}

/* ----- not_logged_in_box ----- */
#not_logged_in_box, #lightbox_not_logged_in_box {
	display:none; 
	border:1px solid #218494;
	margin-top:0.5em;
	background-color:#F7F7F7;
}


/* ----- direction_control ----- */
#direction_control form{border:none; margin-bottom:1em;}
#direction_control button{background-color:#218494; padding:0.5rem 1rem; margin-bottom:0;}
#direction_control button:hover{background-color:#d62931;}

/* ----- search box ----- */
#search_box form{border:none; margin-bottom:1em;}
#search_box input{margin-top:0; margin-bottom:0.5em; width:100%;}
#search_box button{background-color:#218494; padding:0.5rem 1rem; margin-bottom:0; width:auto;}
#search_box button:hover{background-color:#d62931;}

/* ----- output area ----- */
#output_area button{background-color:#218494; padding:0.5rem 1rem; margin-bottom:0;}
#output_area button:hover{background-color:#d62931;}



#overlay {
	background: #ffffff;
	color: #666666;
	opacity: 0.9;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 5000;
	top: 0;
	left: 0;
	float: left;
	text-align: center;
	padding-top: 15%;
}

#options {
	display:none;
	background: #444444;
	color: #ffffff;
	opacity: 0.95;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 5000;
	top: 0;
	left: 0;
	float: left;
	text-align: center;
	padding-top: 1em;
}

#options p, #options h1, #options h2, #options h3,#options h4 {color: white;}
#options label {color:#444444;}

#buyer_logged_in {
	border-bottom:1px solid #999999;
}

#buyer_logged_in p, #buyer_logged_in label {
	font-size:80%;
	color:#444444;
}

#logged_in_box label {font-weight:bold;}

/* CLASSES */
.error {
	color:#D62931;
	font-weight:bold;
}
input.error{border:1px solid #D62931;}

.bold {
	font-weight:bold;
}

.blue {
	color:#218494;
}

.blueborder {
	border:1px solid #218494;
}

.gold {color:#967C41}

.pointer {cursor:pointer;}

.black {
	color:#444444;
}

.red {color:#D62931;}

.green {color:green;}

.white {color:#ffffff;}

.closebox {
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:5px;
	font-weight:bold;
}

.textbox {
padding:0.5em; border:1px solid #cccccc; background-color:#F7F7F7; border-radius:0.5em;	margin:0 0.5em 0 0.5em;
}

img.slide-content {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);*/
    padding: 0.5em;
	
}

.indent1 {
	margin-left:1em;
	display:block;
}

.indent2 {
	margin-left:2em;
	display:block;
}


.shadowbox {
	max-width: 100%;
	height: auto;
	display:block;
	margin:0 auto;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    padding: 4px;
}

.portfolio {}
img.portfolio-photo {max-width:100%; border-radius:1em;}

.portfolio_image_box {float:left; height:100px; margin-bottom:0.5em; margin-right:1em;}

.a_section {
	border:1px solid #dddddd;
	margin:0 3em 1em 3em;
	padding:0 0.5em;
}

.falselink {
	color:#967C41;
	font-weight:700;
	text-decoration:none;
	cursor:pointer;
}

.falselink:hover {
	text-decoration:underline;
}

.notes {
	display:none; 
	padding:0.5em; 
	border:1px solid #999999;
	background-image:url(/images/pin.png);
	background-repeat:no-repeat;
	background-position:1% 0;
	background-color:#F7F7F7;
	padding-top:1em;
}

.specialty, .specialtylink, .keywordslink{
	float:left; 
	background-color:transparent; 
	padding:0 5px; 
	color:#444444; 
	border-radius:0.5em; 
	margin-right:0.5em; 
	margin-bottom:0.5em;
	border:1px solid #1F7B8B;
}

.specialtylink, .keywordslink{
	color:white;
	background-color:#218494;
}



#specialisations_row a {
	color:white;
	text-decoration:none;
	font-weight:normal;
}

.specialtylink:hover, .keywordslink:hover {
	background-color:#D62931;
	border-color:#B52229;
	color:white;
	text-decoration:none;
}


.roundbox {
	border:1px solid #999999;
	border-radius:1em;
}

.modal_parent {
	position: fixed; /* Stay in place */
    z-index: 1; /* 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 {
	background-color: #fefefe;
    margin: 5% auto; 
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
}

.image_parent {
  position: relative;
  top: 0;
  left: 0;
}

.image_child {
  position: relative;
  top: 0;
  left: 0;	
}

.image_overlay {
  position: absolute;
  top: 5px;
  left: 5px;
}

.carousel-image {height:200px;}

.request {
	border:2px solid #218494;
	margin-bottom:1em;
	padding:1em;
}

.output_area {
	border:1px solid #218494;
	padding:1em;
	width:auto;
	margin-top:1em;
	margin-bottom:5em;
	position:relative;
}

blockquote.style1 {
  padding: 8px;
  margin: 5px;
  background-image: url(../images/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote.style1 span {
    	display: block;
    	background-image: url(../images/closequote1.gif);
    	background-repeat: no-repeat;
    	background-position: bottom right;
  	}


.ui-btn-active {	
	background:#218494;
	background: -moz-linear-gradient(top,  #beeaf1 0%, #218494 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#beeaf1), color-stop(100%,#218494)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #beeaf1 0%,#218494 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #beeaf1 0%,#218494 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #beeaf1 0%,#218494 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #beeaf1 0%,#218494 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beeaf1', endColorstr='#218494',GradientType=0 ); /* IE6-9 */
}

#twitter_foot_div, #googleplus_foot_div, #fb_foot_div {display:inline; float:right; width:100px; }

.googleplus, .twitter, .fb-like {text-align:left; margin-bottom:0.5em;}

#fb_foot_div {margin-right:1em;}


.MagnifImage{
	background-color:#ffffff;
	/*background-image:url(../images/pd_tiny.png);*/
	background-repeat:no-repeat;
	background-position:top left;
	color:#999999;
	padding:10px;  
	border-color:#333333;
	font-size:1em;
	border-style:solid;
	border-width:1px;
	text-align:center;
}


.hide-show .ui-slider-switch { width: 9em }

#topmenu {margin-bottom:0; margin-top:-0.4em; padding-left:4em;}

#topmenu li {border: 1px solid grey; 
background-color:#ffffff;
	display: inline-block; 
	margin: 0.2em 0.1em 0.2em 0.1em; 
	padding: 0.3em 0.2em;
	border-radius:0.5em;
}

#topmenu li a {
	width:100%;
}

#topmenu li:hover {
	background-color:#999999;
	color:white;
}

#topmenu li:hover a{
	color:white;
}

#bottom_navigation {
	color:white;	
}

#bottom_navigation p{
	font-family: Arial, Helvetica, sans-serif;
	color:white;
	margin:0.5em 1em 0 1em;
	text-align:right;
}

#bottom_navigation a {color:white;}

#accordion {
	background-color:#efefef; 
	margin-top:0.5em;
}

#accordion ul {
	list-style:circle;
	margin-left:3em;

}

#accordion li {
	color:#444444;
	font-size:0.9em;
	}

#searchinput {
	font-size:1.2em; 
	border:3px solid #666666;
}

#search_button {
	margin:0; 
	padding:0; 
	margin-bottom:0.5em;
}


button.click-button {
	background-color:#218494; 
	border:1px solid #999999; 
	padding:0.5em 1em; 
	border-radius:0.5em; 
	font-weight:bold;
}

button.click-button:hover {
	background-color:#D62931; 
}

button.backandforth {
	background-color:#218494; 
	border:1px solid #999999; 
	margin:0; padding:0 0.5em 0 0.5em;
    border-radius: 0.5em;
    font-weight: bold;
    padding: 0.5em 1em;
	font-size:0.9em;
}

button.backandforth.arrow {
	background-color:transparent; 
	color:#444444;
}

button.backandforth:hover {
	background-color:#D62931; 
}

button.backandforth.arrow:hover {
	color:white;
}

.help_button {
	cursor:pointer;
}

.help_text {
	display:none;
	margin:0 1em 1em 1em;
	overflow: hidden; position: relative;
}

.nicEdit-main {cursor:text;}

.ratings_radio {
	display:inline-block;
	border:1px solid #dddddd;
	padding:0.5em;
	border-radius:0.5em;
	background-color:white;
}

/*
.ratings_radio label {
	padding:0.5em 1em;	
}
*/
.ratingsdiv {
	margin-top:1em;
	
	}

.ratings_radio input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

.ratings_radio input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('checks.png') no-repeat 0 0;
  line-height  : 24px;
}

.ratings_radio input[type=radio]:not(old):checked + label{
  background-position : 0 -48px;
}

.layout_radio {
	display:inline-block;
	/*border:1px solid #dddddd;
	padding:0.5em;
	border-radius:0.5em;
	background-color:white;*/
}

.layout_radio input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

.layout_radio input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('checks.png') no-repeat 0 0;
  line-height  : 24px;
}

.layout_radio input[type=radio]:not(old):checked + label{
  background-position : 0 -48px;
}

.photosize {margin:0.5em 0.5em !important;}
.right-align-but-not-for-mobiles {text-align:right;}

/* margin classes */
.nomargin, .margin0 							{margin:0;}

.margintop0, .nomargintop						{margin-top:0;}
.margintop05, .margintop05em 					{margin-top:0.5em;}
.margintop1, .margintop1em 						{margin-top:1em;}
.margintop125, .margintop125em 					{margin-top:1.25em;}
.margintop15, .margintop15em 					{margin-top:1.5em;}
.margintop2, .margintop2em 						{margin-top:2em;}
.margintop3, .margintop3em 						{margin-top:3em;}
.margintop4, .margintop4em 						{margin-top:4em;}
.margintop5, .margintop5em 						{margin-top:5em;}

.marginbottom0, .nomarginbottom					{margin-bottom:0 !important;}
.marginbottom05, .marginbottom05em 				{margin-bottom:0.5em;}
.marginbottom1, .marginbottom1em 				{margin-bottom:1em !important;}
.marginbottom125, .marginbottom125em 			{margin-bottom:1.25em;}
.marginbottom15, .marginbottom15em 				{margin-bottom:1.5em;}
.marginbottom2, .marginbottom2em 				{margin-bottom:2em;}
.marginbottom3, .marginbottom3em 				{margin-bottom:3em;}
.marginbottom4, .marginbottom4em 				{margin-bottom:4em;}
.marginbottom5, .marginbottom5em 				{margin-bottom:5em;}

.marginleft0, .nomarginleft					{margin-left:0;}
.marginleft05, .marginleft05em 				{margin-left:0.5em;}
.marginleft1, .marginleft1em 				{margin-left:1em;}
.marginleft125, .marginleft125em 			{margin-left:1.25em;}
.marginleft15, .marginleft15em 				{margin-left:1.5em;}
.marginleft2, .marginleft2em 				{margin-left:2em;}
.marginleft3, .marginleft3em 				{margin-left:3em;}
.marginleft4, .marginleft4em 				{margin-left:4em;}
.marginleft5, .marginleft5em 				{margin-left:5em;}

.marginright0, 	.nomarginright				{margin-right:0;}
.marginright05, .marginright05em 			{margin-right:0.5em;}
.marginright1, .marginright1em 				{margin-right:1em;}
.marginright125, .marginright125em 			{margin-right:1.25em;}
.marginright15, .marginright15em 			{margin-right:1.5em;}
.marginright2, .marginright2em 				{margin-right:2em;}
.marginright3, .marginright3em 				{margin-right:3em;}
.marginright4, .marginright4em 				{margin-right:4em;}
.marginright5, .marginright5em 				{margin-right:5em;}


/* width classes */
.width100, .fullwidth						{width:100%;}
.width50, .halfwidth						{width:50%;}
.width25, .halfwidth						{width:25%;}

#href {height:2.5em !important;}
#title {height:2.5em !important;}


/* checkboxes */
input[type=checkbox].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
	}
	
	input[type=checkbox].css-checkbox + label.css-label {
	padding-left:29px;
	height:24px; 
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
	font-weight:normal;
	
	}
	
	input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -24px;
	}
	label.css-label {
	background-image:url(checkbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}


/* ........ story ............... */
#form_story label {
}
#form_story input {
	margin-top:0;
	width:100%;
}
#form_story .inputfield {
	margin-top:1em;
}
#form_story .hiddenrow {
	display:none;
}
#form_story textarea {
	width:100%;
	padding:1em;
}
#form_story select, #form_story option {
	padding:0.5em;
}
#form_story .text-tag {
	
}
#form_story .text-button {
	background-color:#218494 !important;  
	color:#ffffff !important; 
	border-radius:0.5em !important; 
	border:1px solid #1F7B8B !important;
	}
/* ........ end story ........... */

/* ..................................................... */
input[type=checkbox].css-checkbox-thumbsdown {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
	}
	
	input[type=checkbox].css-checkbox-thumbsdown + label.css-label-thumbsdown {
	padding-left:29px;
	height:24px; 
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
	font-weight:normal;
	
	}
	
	input[type=checkbox].css-checkbox-thumbsdown:checked + label.css-label-thumbsdown {
	background-position: 0 -24px;
	}
	label.css-label-thumbsdown {
	background-image:url(checkbox-thumbsdown.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}

/* ..................................................... */
input[type=checkbox].css-checkbox-thumbsup {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
	}
	
	input[type=checkbox].css-checkbox-thumbsup + label.css-label-thumbsup {
	padding-left:29px;
	height:24px; 
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
	font-weight:normal;
	
	}
	
	input[type=checkbox].css-checkbox-thumbsup:checked + label.css-label-thumbsup {
	background-position: 0 -24px;
	}
	label.css-label-thumbsup {
	background-image:url(checkbox-thumbsup.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}



/* ..................................................... */
input[type=checkbox].css-checkbox2 {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
	}
	
	input[type=checkbox].css-checkbox2 + label.css-label2 {
	padding-left:15px;
	height:18px; 
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
	font-weight:normal;
	margin-top:5px;
	
	}
	
	input[type=checkbox].css-checkbox2:checked + label.css-label2 {
	background-position: 0 -18px;
	}
	label.css-label2 {
	background-image:url(checkbox2.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}


.lableblock, .labelblock {
	display:block;
}

.lableblock:hover, .labelblock:hover {
	background-color:#efefef;
}

    button.round{
    width:50px; /*same as the height*/
    height:50px; /*same as the width*/
    background-color:#218494;
    border:1px solid #218494; /*same colour as the background*/
    color:#fff;
	font-size:0.8em;
    /*set the border-radius at half the size of the width and height*/
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    /*give the button a small drop shadow*/
    -webkit-box-shadow: 0 0 10px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 10px rgba(0,0,0, .75);
    box-shadow: 2px 2px 15px rgba(0,0,0, .75);
    }
    /***NOW STYLE THE BUTTON'S HOVER STATE***/
    button.round:hover{
    background:#D62931;
    border:1px solid #D62931;
    /*reduce the size of the shadow to give a pushed effect*/
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0, .75);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0, .75);
    box-shadow: 0px 0px 5px rgba(0,0,0, .75);
    }

#footer-menu-options {}
#footer-menu-options ul, #footer ul {font-size:90%;}
#footer-menu-options p, #footer p {color:#ffffff; font-weight:bold;}
#footer-menu-options li, #footer li {color:#ffffff;}
#footer-menu-options a, #footer a {color:white;}

#newsletterimage {position:absolute; margin-left:1em; max-height:150px; border:2px solid white;}

.mobile_only_inline_1{display:none;}
.mobile_only_inline_2{display:none;}
.mobile_only_inline_3{display:none;}
.only_show_for_mobile {display:none;}


@media screen and (max-width:1020px){

.right-align-but-not-for-mobiles {text-align:left;}	
.closebox {display:none;}
#search_button, #search_box {width:100%;}
#search_button button, #search_box input{width:100%;}
#header {height:5em;}
/*#footer {height:8em;}*/
#footer {
	height:12em;
}
#burgermenu {display:block;}
#header_navigation {display:none;}
#bottom_navigation p, #header_login p{
	text-align:left;
}

#newsletterimage{
	display:none;
	}

#options {
	display:none;
	background: #444444;
	color: #ffffff;
	opacity: 0.95;
	position: relative;
	height: 100%;
	width: 100%;
	z-index: 5000;
	top: 0;
	left: 0;
	float: left;
	text-align: center;
	padding-top: 5%;
}

#options h2 {font-size:110%;}
#options .photosize {width:70%;}

img.portfolio-photo {width:100%; max-width:200px; border-radius:1em; margin-top:1em;}
.dont_show_for_mobile {display:none;}
.only_show_for_mobile {display:block;}


}

@media screen and (max-width:370px){

.dont_show_for_mobile {display:none;}
.only_show_for_mobile {display:block;}

.g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}

.right-align-but-not-for-mobiles {text-align:left;}	

.mobile_only_inline_1{display:inline-block; width:1em;}
.mobile_only_inline_2{display:inline-block; width:2em;}
.mobile_only_inline_3{display:inline-block; width:3em;}

.nobordermobile {border:none !important;}

#social img {}

#facebook, #twitter, #googleplus {
	display:block;
	margin-bottom:7px;
}

.carousel-image{height:150px;}

#social {
	right:5px;
top:5px;
}

img.portfolio-photo {max-width:200px; border-radius:1em; margin-top:1em;}

#footer {
	height:14em;
}

#share img {
	width:30px;
}


}