body
{
	background: #FFF;
	color: #000;
	font-family: Myriad Pro, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 12.9px;
	margin: 0px;
}
.divinline {
	display: inline;
	vertical-align: top;
}
h1 {
	margin-top: 0px;
	margin-bottom: 4px;
	color: #004D21;
	font-weight: 300;
	font-size: 23px;
}
h2 {
	margin-top: 0px;
	margin-bottom: 4px;
	color: #004D21;
	font-weight: normal;
	font-size: 16px;
}
a {
	color: #00a446;
}
a:hover {
	color: #004D21;
}
a:hover.mildhover {
	color: #009e43 !important;
}
img {
	border: 0px;
}
.inner a{text-decoration: none;}

.td_dark {background-color: #0C4E28; font-weight: bold; color: #FFF;}

.divinline span {
	display: table-cell;
	display: inline-block;
	margin-right: -4px;
	overflow: hidden;
	text-align: left;
	vertical-align: top;
}
#header
{
	z-index: 900;
	background: url('/images/rent-portable-cabins.jpg');
	height: 208px;
	width: 1008px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#header .imgdiv {
	z-index: 999;
	color: #004e22;
	font-size: 17px;
	position: relative;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 14px;
	background: url('/images/mrc_top_whitefade.png') top left repeat-x;
	width: 342px;
	height: 208px;
}
#header .imgdiv p {margin: 0px; padding: 0px;}
#header .imgdiv .inner 
{
	margin-left: 0px;
	width: 326px;
	text-align: center;
}
#nav {height: 33px;}
.menu {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background: url('https://www.moreroomcabins.co.nz/images/mrc_menu_back.png');
	width: 978px;
	height: 33px;
	margin-top: 7px;
	font-size: 0px;
	text-decoration: none;
	z-index: 999;
}
.menu a {
	background: url('https://www.moreroomcabins.co.nz/images/mrc_menu_text.png');
	display: inline-block; width: 100%; height: 33px;
}

.menu li:hover {
	background: url('https://www.moreroomcabins.co.nz/images/mrc_menu_sel.png') no-repeat bottom center;
	background-size: 80% 51px;
}

.menu li {
	margin-top: -18px;
	padding-top: 18px;
	background-size: 80% 51px;
}

.menu .selected {
	background: url('https://www.moreroomcabins.co.nz/images/mrc_menu_sel.png') no-repeat bottom center;
	z-index: 1400;
	background-size: 80% 51px;
}

.mobileOnlyShow {
	display: none;
}

#fadesep {
	background: url('/images/fade.png') repeat-x bottom;
	height: 19px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 160px;
	font-size: 1px;
	z-index: -111;
}

#headsep
{
	background: #fff url('/design.jpg') no-repeat center top;
	height: 25px;
	width: 100%;
	top: 170px;
	left: 0px;
	position: absolute;
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
}
#footer
{
	border-top: 1px #c1c1c1 solid;
	height: 25px;
	width: 700px;
	font-size: 10px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 27px;
	padding-bottom: 7px;
	color: #c1c1c1;
}
#footer-right
{
	background: url('/images/mrc_footer_background.png') repeat-x;
	color: #FFF;
	font-weight: 600;
	height: 29px;
	line-height: 29px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	text-align: right;
	right: 0px;
	margin-left: 5px;
	width: 641px;
	z-index: 900;
}
.lol
{
	text-align: center;
	padding-top: 6px;
}
#errordiv
{
	padding: 5px;
	border: 1px #CC3300 solid;
	background-color: #BCA299;
}
.error
{
	color: #BB132A;
	font-weight: bold;
	font-style: italic;
}
#successdiv
{
	padding: 5px;
	border: 1px #CC3300 solid;
	background-color: #A1BC99;
}
.success
{
	color: #000;
	font-weight: bold;
	font-style: italic;
}
#container
{
	width: 979px;
	height: 100%;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 27px;
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
	padding: 0px;
}
#rbw-pl {
	padding-left: 45px;
	padding-bottom:  25px;
}
#left-box-green
{
	position: absolute;
    bottom: 0px;
	width: 329px;
	height: 100%;
	text-align: left;
	background: #d7e3da;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

#enquire-button
{
	font-size: 0px;
	line-height: 0px;
	text-align: center;
	position: absolute;
	bottom: 0px;
	right: 7px;
	height: 165px;
}
 #enquire-button img {height: 165px;}

.space {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}

#left-box-green ul {padding-left: 16px; margin-left: 0px;}
#left-box-green li {padding-left: 0px; margin-left: 0px;}
#left-box-green img {display: block;}
.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
}

#left-box-arrow-green
{
	position: absolute;
	top: 45px;
	left: 329px;
	right: auto;
	width: 39px;
	height: 78px;
	font-size: 0px;
	line-height: 0px;
	background: url('/images/mrc_left_arrow.png');
	z-index: 9999;
}

#right-box-white
{
	width: 600px;
	text-align: left;
	position: relative;
    margin-left: 330px;
	overflow: visible;
}
#lefttable
{
	width: 380px;
	min-width: 380px;
	max-width: 380px;
	text-align: left;
	vertical-align: top;
	padding: 6px;
}
#righttable
{
	width: 380px;
	min-width: 380px;
	max-width: 380px;
	text-align: left;
	vertical-align: top;
	padding: 6px;
	overflow: hidden;
}

.titleedit
{
	font-size: 25px;
	color: #3B4249;
}
.titleedith2
{
	font-size: 18px;
	color: #3B4249;
}

.phweeb
{
	width: 180px;
	height: auto;
	border: 1px #C7C7C7 solid;
	background-color: #FFFFFF;
	padding: 5px;
}
.phweeb:hover
{
	border-color: #8A8A8A;
	background-color: #C7C7C7;
}

.red-button {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red-button:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}

/*Table Design*/

table {border: 2px #FFF solid; margin-bottom: 27px;}
th {background-color: #0C4E28; padding: 12px; font-weight: bold; color: #FFF; width: 188px;}
td {background-color: #D8E5DB; padding: 12px; font-weight: normal; color: #000; width: 188px;}

#footer-right a {
	 color: #FFFFFF;
}

.footerTextL {
	padding-right: 30px;
	text-align: center;
}

@media (min-width: 0px) and (max-width: 750px) {
	body {
		
	}
	.menu {
		display: block;
		background: #005625;
		width: 100%;
	}
	.menu a {
		background: none;
	}
	.menu .mobileNoShow {
		display: none;
	}
	.mobileOnlyShow {
		font-size: 17px;
		text-align: center;
		line-height: 35px;
		width: 50%;
		display: list-item !important;
	}
	.mobileOnlyShow a {
		text-decoration: none !important;
	}
	#container, #header, #footer {
		width: 100%;
	}
	#header {
		background: none;
	}
	.inner img {
		
	}
	#footer-right {
		width: 100%;
		text-align: center;
		margin-left: 0px;
		height: auto;
		background: none;
		color: #004D21;
	}
	#footer-right a {
		color: #004D21;
	}
	a img {
		text-decoration: none;
	}
	.imgdiv {
		background: none !important;
		margin-left: 0px !important;
		width: 100% !important;
	}
	.inner {
		text-align: center;
		width: 100% !important;
	}
	#enquire-button {
		display: none;
	}
	
	#rbw-pl {
		padding-left: 0px;
	}
	#rbw-pl table, #rbw-pl td {
		border: 0px;
		-webkit-border-horizontal-spacing: 0px;
		-webkit-border-vertical-spacing: 0px;
	}
	
	#right-box-white {
		display: block;
		width: 100%;
		margin: 0px;
	}
	#left-box-green {
		display: block;
		width: 100%;
		position: relative;
		margin: 0px;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
		margin-bottom: 17px;
	}
	#left-box-arrow-green {
		display: none;
	}
	.footerTextL {
		padding-right: 0px;
		text-align: center !important;
		display: block !important
	}
	.footerTextR {
		display: block !important;
		text-align: center !important;
		width: 100%;
	}
	#contactTable td {
		display: block;
		width: 100% !important;
	}
	#contactTable {
		width: 100%;
	}
	
	#rbw-pl {
		padding-left: 17px;
	}
	#rbw-pl table {
		margin-left: -17px;
	}
	.ca-container {
		margin-left: -17px !important;
		width: 100% !important;
	}
}





