﻿/*
 * Styles for Object Details Template B
 *
 */

/*** New standard tags ***/
.text-left  { text-align: left; }
.text-right { text-align: right; }

/*** Generic 2-column gridlayout ***/
ul.grid                         { width: 100%; }
div.page-col50 ul.grid li.left  { width: 300px; float: left; }
div.page-col50 ul.grid li.right { width: auto; padding-left: 240px; }
div.page-col25 ul.grid li.left  { min-width: 5.5em; float: left; }
div.page-col25 ul.grid li.right { width: auto; padding-left: unset; }

/*** New Object details view ***/
div.image-slideshow  { margin-bottom: 20px; }
div.image-big        { float: left; width: 320px;}
div.image-big-full   { width: 100%; }
div.image-thumbs     { padding-left: 320px; }

div.image-big      img { width: 312px; border: solid 4px #e0e0e0; }
div.image-big-full img { width: 442px; border: solid 4px #e0e0e0; }
div.image-thumbs   img { width: 40px; height: 40px; border: solid 4px #e0e0e0; margin: 0 0 14px 14px; cursor:pointer;}
.image-slideshow > .image-big {	cursor: zoom-in; }
div.image-big a, div.image-thumbs a { margin: 0; padding: 0; }

.register-interest .box-secondary-outer, .object-interest .box-secondary-outer, .object-arealinks .box-secondary-outer, .object-documents .box-secondary-outer { min-height: 30px; }
div.object-buttons { text-align: center; padding-top: 8px; }
span.button-list input {
	background-position: center top;
	padding: 26px 0 0 0;
	height: auto;
}
/*WCAG stuff. Make the two columns not grow over each other when using letter spacing and large text size*/
.object-facts ul.grid li:first-child {
	display: table;
}

/*Make the value element bold */
.object-facts ul.grid li:nth-child(1n+2) {
	font-weight:600;
}