/* @override 
	http://localhost/box/wp-content/themes/box/style.css
	http://boxandlock.ensoconsultancy.com.au/wp-content/themes/box/style.css
*/

/*
	Theme Name: Box & Lock Self Storage
	Theme URI: http://enso.com.au
	Description: Box & Lock Self Storage
	Author: Sean Bunton
	Author URI: http://enso.com.au
*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p,blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} strong { font-weight: bold } em { font-style: italic } a img { border:none } .aligncenter { display:block; margin:0 auto } .alignleft { float:left } .alignright { float:right }

* {
    margin: 0;
}

#page div.content a:hover {
	color: #68b6da;
}

#page div.content p {
	font-size: 12px;
	line-height: 20px;
	color: #666;
	margin-bottom: 15px;
	margin-right: 60px;
}

#page.home div.content p { 
	margin-right: 0px;  /*40px;*/
}

#page div.content div.box-options p {
	margin-right: 0;
}

#page div.content h2 strong {
	color: #188234;
}

#page div.content h2 a strong {
	color: #28a2d0;
}

#page div.content h2 a:hover strong {
	color: #68b6da;
}

#page.measure-and-quote div.content h2 {
	width: 560px;
}

#page div.content h2 {
	font-size: 22px;
	line-height: 24px;
	color: #7cbd30;
	margin-bottom: 35px;
	margin-right: 50px;
	margin-top: 35px;
}

label {
	font-weight: bold;
	font-size: 11px;
}

form.wpcf7-form input {
	padding: 3px;
	margin-top: 3px;
	border: 1px solid #ccc;
}

form.wpcf7-form select {
	margin-top: 3px;
}

form.wpcf7-form div.submit-button input {
	font-weight: bold;
	color: #fff;
	border-style: none;
	padding: 6px 22px 7px 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-left: 244px;
	background: #28a2d0 url(images/arrow.gif) no-repeat right center;
	margin-top: 0;
}

form.wpcf7-form div.submit-button input:hover {
	color: #fff;
	border-style: none;
	background: #68b6da url(images/arrow.gif) no-repeat right center;
	cursor: pointer;
}

form.wpcf7-form textarea {
	padding: 3px;
	margin-top: 3px;
	border: 1px solid #ccc;
}

#page.measure-and-quote div.content p {
	width: 350px;
}

#page div.content h3 {
	font-weight: bold;
	color: #28a2d0;
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 20px;
}

#page div.content h4 {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	clear: both;
	margin-bottom: 3px;
}

#page div.content div.box-options h4 {
	clear: none;
}

#page div.content div.feature-block h4 {
	margin-bottom: 5px;
	color: #28a2d0;
	font-size: 14px;
}

#page div.content p cite {
	font-size: 9px;
}



html, body {
    height: 100%;
}

body {
	background: #fff url(images/bg-default.jpg) no-repeat center top;
	font-family: Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body.locations {
	background: #fff url(images/bg-locations.jpg) no-repeat center top;
}

body.storage {
	background: #fff url(images/bg-storage.jpg) no-repeat center top;
}


#page div.content div.home-gallery img {
	margin-bottom: 25px;
	width: 260px;
	height: 280px;
}

#page div.content a {
	color: #28a2d0;
	text-decoration: none;
	font-weight: bold;
}

div#feature-image.storage {
	background: url(images/feature-storage.png) no-repeat -59px 198px;
	width: 440px;
	height: 330px;
	left: -120px;
}

#feature-image {
	background: url(images/feature-box.png) no-repeat 18px 50px;
	position: absolute;
	width: 300px;
	height: 300px;
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
}

#feature-image:hover {
	-webkit-transform: scale(1.05) rotate(-1deg);
}

#feature-image.locations:hover {
	-webkit-transform: scale(1) rotate(-20deg) skew(-20);
}

#running-total div.total input:hover {
	background-image: none;
	background-color: #7cbd30;
	cursor: text;
}

#map_1 div.gmnoprint div.gmnoprint h4 {
	color: #2783b9;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	display: none;
}

#directions_1 label {
	font-size: 14px;
	color: #666;
}

.googleMap div div div div.gmnoprint div.gmnoprint div {
}

input#new_addr_1 {
	padding: 3px;
	color: #666;
	font: 12px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

.googleMap div div div div.gmnoprint div.gmnoprint div div form#directions_1 {
	margin: 0;
}

#map_1 div div div div.gmnoprint div.gmnoprint div div {
	padding: 0;
}

div.location-selector {
	padding: 11px 20px 12px;
	margin: 35px 0px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background-color: #7cbd30;
	color: #FFF;
	width: 245px;
}

div.ppt {
visibility: hidden;	
}

a.pp_close {
	margin-right: 10px;
}

#page div.content.locations-details a img.size-thumbnail {
	border: 5px solid #68b6da;
	float: right;
	margin-right: 0;
}

#page div.content.locations-details p a:hover img.size-thumbnail {
	border: 5px solid #7cbd30;
}

select#page_id {
	width: 175px;
}

div.content.locations-header {
	height: 160px;
	clear: both;
}

div#map_1.googleMap {
	float: left;
	margin-right: 20px;
	border-style: solid;
	border-width: 1px;
}

#page div.content.locations-details p {
	margin-right: 0;
}

#page div.content.locations-details h2 {
	margin-bottom: 5px;
	margin-top: 25px;
	color: #28a2d0;
	font-weight: bold;
	font-size: 20px;
}

#page div.content.locations-details ul li {
	color: #666;
	font-size: 12px;
	line-height: 20px;
	margin-left: 20px;
	list-style-type: disc;
}

#page div.content.locations-details ul {
	margin-bottom: 20px;
}

#page div.content div.box-options img {
	float: left;
	margin-right: 30px;
}

#page div.content div.box-options {
	float: left;
	width: 560px;
	margin-bottom: 30px;
	margin-top: 30px;
}



.googleMap div div div div.gmnoprint div.gmnoprint div div {
	padding: 10px;
	display: block;
}

#directions_1 input {
	margin-top: 7px;
}

#map_1 div div div div.gmnoprint div.gmnoprint div div {
	font-size: 22px;
	color: #7cbd30;
}

div#feature-image.locations {
	background: url(images/feature-pin.png) no-repeat 38px 23px;
	opacity: 1;
}

div#feature-image.boxes {
	background: url(images/feature-box.png) no-repeat 18px 50px;
}

#header h1 {
	position: absolute;
	top: 28px;
	right: 127px;
	text-indent: -9999px;
}

#header h2 {
	position: absolute;
	top: 90px;
	right: 140px;
	display: none;
}

#page div.content.locations-header div.location-selector h3 {
	float: left;
	color: #fff;
	font-size: 13px;
	margin: 1px 15px 0 0;
}

#header h1 a {
	width: 180px;
	height: 200px;
	display: block;
	background: url(images/logo.png) no-repeat;
}

a.post-edit-link {
	top: 360px;
	background-color: #7cbd30;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	width: 58px;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	position: absolute;
	left: -73px;
}

a:hover.post-edit-link {
	background-color: #188234;
}

.container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
	width: 750px; /*660px*/
	position: relative;
}

#page div.content table tbody tr td {
	border-bottom: 1px solid #eee;
	padding: 5px;
}

#page div.content table tbody tr td font{
	font-size: 11px;
	color: #666;
}

#page div.content table tbody tr td input {
	padding: 5px;
	color: #333;
	font-weight: bold;
	border-style: none;
	float: left;
	width: 40px;
}

#page div.content table tbody tr td input:hover {
	background-color: #eee;
}

#page div.content table tbody tr td font b {
	font-size: 12px;
}

div#running-total {
	position: fixed;
	margin-left: 370px;
	padding: 20px;
	background-color: #7cbd30;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	width: 100px;
	bottom: 20px;
}

#running-total p {
	color: #fff;
}

div.measurement {
	color: #fff;
	position: absolute;
	top: 46px;
	right: 24px;
	font-size: 12px;
}

#page.contact div.content h2 {
	font-size: 62px;
	line-height: 62px;
	letter-spacing: -1px;
}

.content .wpcf7 {
	margin-top: 35px;
}

#running-total h5 {
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 16px;
	text-align: right;
}

#running-total .total input {
	font-weight: bold;
	font-size: 23px;
	padding: 0;
	border-style: none;
	margin-bottom: 10px;
	color: #fff;
	background-color: #7cbd30;
	width: 85px;
	text-align: right;
	background-image: none;
	margin-left: 0;
	margin-right: 21px;
}

#running-total input {
	font-weight: bold;
	color: #fff;
	border-style: none;
	padding: 6px 12px 7px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-left: -25px;
	background: #28a2d0;
	margin-top: 5px;
}
#running-total input:hover {
	color: #fff;
	border-style: none;
	background: #68b6da;
	cursor: pointer;
}

#page div.content table {
	margin-top: 10px;
}
 
div#header {
	height: 300px;
	position: relative;
}

.nav {
	
}

.nav ul.sub {
	float: left;
	padding-top: 7px;
	padding-left: 18px;
}

#page div.content div.home-gallery {
	float: left;
	width: 260px;
	height: 280px;
	margin-right: 30px;
	background-color: #7cbd30;
	position: relative;
}

#page dl.gallery-item dt.gallery-icon a img.attachment-thumbnail {
	width: 60px;
	height: 60px;
	border: 2px solid #68b6da;
}

#page dl.gallery-item dt.gallery-icon a:hover img.attachment-thumbnail {
	border: 2px solid #7cbd30;
}

dt.gallery-icon {
	width: 60px;
	height: 60px;
}

p.pp_description {
visibility: hidden;
	height: 0;
}

div.pp_nav {
	color: #888;
	font-size: 12px;
	position: absolute;
}

#page div.gallery dl.gallery-item {
	width: 60px;
	height: 60px;
	margin: 10px;
}

div.pp_details.clearfix {
}

div.gallery {
	float: right;
}

.nav ul.sub li{
	float: left;
}

.nav ul.sub li a{
	float: left;
	display: block;
	padding: 5px 16px;
	text-decoration: none;
	font-size: 11px;
	color: #999;
	letter-spacing: 1px;
}

.nav ul.sub li a:hover{
	color: #666;
}

.nav ul.sub li.page_item.current_page_item a{
	background-color: transparent;
	color: #666;
}

.footer, .push {
    height: 200px;
	text-align: center;
	font-size: 10px;
}

.footer {
	background-color: #68b6da;
	color: #fff;
}	

.footer p{
	padding-top: 60px;
	_padding-top: 15px;
}

#page {
	min-height: 300px;
	background-color: #fff;
	padding: 5px 50px 50px; /*15px 50px 50px;*/
	clear: both;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-bottom: -50px;
	_margin-bottom: 0px;
	z-index: 1;
}

div#page.home {
	height: 398px;
}

div.mapp-poweredby {
	display: none;
}

div.mapp-div {
	margin-right: 25px;
	margin-bottom: 20px;
}

#copyright span {
	display: none;
}

#copyright a {
	display: none;
}

div.mapp-overlay-div {
	font-size: 11px;
	text-align: left;
	width: 180px;
	font-weight: bold;
}

#mappress1 div div div div.gmnoprint div div {
	color: #28a2d0;
}

input#saddr {
	padding: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #aaa;
	background-color: #eee;
}

#mappress1_directions_div div div.googledir div div table tbody tr td {
	font-size: 12px;
	line-height: 20px;
	color: #333;
}

#mappress1_directions_div div div.googledir div table tbody tr td {
	font-size: 13px;
}

#mappress1 div div div div.gmnoprint div.gmnoprint div div div.mapp-overlay-div a {
	color: #28a2d0;
}

#mappress1 div div div div.gmnoprint div.gmnoprint div div div.mapp-overlay-div a:hover {
	color: #4abdcf;
}

#mappress1 div div div div.gmnoprint div div {
	font-weight: bold;
}

#mappress1 div div div div.gmnoprint div.gmnoprint div div div.mapp-overlay-div {
	color: #7cbd30;
}

li.page_item.page-item-19 a{
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
}

#mappress1_directions_outer_div {
}

#logocontrol a img {
	display: none;
}

li.page_item.page-item-23 a{
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
}

li.page_item.page-item-21 a{
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
}

ul.main li {
	float: left;
}

ul.main li a{
	float: left;
	background-color: #094274;
	padding: 11px 26px 9px;
	text-decoration: none;
	color: #fff;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	margin-right: 1px;
	font-size: 14px;
}

ul.main li a:hover{
	background-color: #fff;
	color: #094274;
}

li.page_item.current_page_item a{
	background-color: #fff;
	color: #188234;
}

li.page_item.current_page_ancestor.current_page_parent a{
	background-color: #fff;
	color: #094274;
}

#page div.content div.feature-block ul li {
	list-style-type: disc;
	margin-left: 25px;
	color: #666;
	font-size: 12px;
	line-height: 21px;
}

div.feature-block {
	padding: 20px;
	border: 1px solid #ccc;
	margin-bottom: 15px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background-color: #fbfbfb;
}

ul.main {
	float: right;
	padding-right: 20px;
}

.footer a {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

#page.locations{
	min-height: 200px;
}
#page.locations .location-list {
	margin-top: 50px;
}
#page.locations .location-list li{
	list-style-type: none!important;
	float: left;
	font-size: 10px!important;
}