* {margin:0px;padding:0px;border:0;outline:0;font-family:'Muli';}
body, html {width:100%;height:100%;font-size:1rem;font-family:'Muli';}
.body-container{width:100%;max-width:100%;height:100%;margin:0 auto;font-size:100%;position: absolute;}
*:focus{outline:none;-moz-outline-style:none;}
form{display:inline;width:100%;}
input[type="text"], input[type="password"], textarea, select{border:1px solid gainsboro;}
input[type='range']::-moz-focus-outer {border: 0;outline: none !important;}	/*Get rid of select outline*/
h1{clear:both;color:#2f3293;font-size:180%;font-weight:bold;padding-top:2.5vh;padding-bottom:0.8vh;}
h2{clear:both;color:#2f3293;font-size:150%;font-weight:bold;padding-top:2.5vh;padding-bottom:1.5vh;}
h3{clear:both;color:#2f3293;font-size:120%;font-weight:bold;padding-top:2.5vh;padding-bottom:0.8vh;}
p{clear:both;color:#1e1e1e;font-size:100%;padding-top:2.5vh;padding-bottom:0.5vh;line-height:145%;}
a{text-decoration:none;}
select option{font-family:'Muli';}

/*Main content*/
.content-container{padding:3vh 3% 5vh 3%;background-color:#ffffff;font-size:100%;}
.content-container img{padding:2%;}
.content-container ul{width:87%;text-align:left;margin:0.8% 0% 1.6% 5%;}
.content-container ul li{padding-left:2.3%;padding-top:1%;line-height:130%;color:#3e3e3e;}
.content-col1{clear:both;float:left;width:56%;padding-right:2%;padding-bottom:5vh;}
.content-col2{float:left;width:38%;padding-bottom:6vh;}
@media only screen and (max-width: 720px) { 
.content-col1{width:97%;}
.content-col2{clear:both;width:97%;}
}


/*Background images*/
.mailhouse-bg{width:100%;background-position: center top;background-repeat: no-repeat;background-size:100%;}

/*Login*/
.login-ctr{display:block;text-align:left;margin:5% 0% 3% 4%;padding:0%;font-size:90%;}
.login-ctr input{float:left;width:32%;margin:0.5%;padding:0% 0.3%;line-height:180%;font-size:110%;border:1px solid gainsboro;color:#716e5e;}
.login-lbl{float:left;width:17%;margin:0%;padding:0.8% 1% 2.5% 0%;font-size:110%;}
.login-btn-ctr{clear:both;margin:0%;padding:5% 0% 3.5% 0%;font-size:100%;}
#resetpwd{display:inline-block;margin:1% 0% 0.8% 0.5%;font-size:90%;cursor:pointer;text-decoration:underline;}
#resetpwd:hover{color:black;}
@media only screen and (max-width: 700px) {.login-lbl{width:23%;}.login-ctr input{width:35%;}}
@media only screen and (max-width: 640px) {.login-lbl{width:27%;}.login-ctr input{width:38%;}}
@media only screen and (max-width: 568px) {.login-lbl{width:30%;}.login-ctr input{width:41%;}}
@media only screen and (max-width: 480px) {.login-lbl{width:33%;}.login-ctr input{width:43%;}}
@media only screen and (max-width: 375px) {.login-lbl{width:36%;}.login-ctr input{width:47%;}}
@media only screen and (max-width: 320px) {.login-lbl{width:39%;}.login-ctr input{width:51%;}}

/*Content*/
.content-attributes{clear:both;display:block;padding-bottom:0.5%;}
.content-attributes label{display:inline-block;vertical-align:top;width:11%;font-size:90%;}
.content-attributes select{padding:0.1vh 1vw 0.2vh 0.1vw;font-size:80%;}
.content-attributes input{width:75%;padding:0.1% 0.2% 0.2% 0.5%;font-size:90%;}
.content-attributes textarea{width:75%;padding:0.1% 0.2% 0.2% 0.1%;font-size:90%;}
@media only screen and (max-width: 720px) { 
	.content-attributes label{font-size:85%;width:15%;} .content-attributes input, .content-attributes textarea{width:72%;} }
@media only screen and (max-width: 640px) { 
	.content-attributes label{font-size:80%;width:18%;} .content-attributes input, .content-attributes textarea{width:69%;} }
@media only screen and (max-width: 568px) { 
	.content-attributes label{font-size:75%;width:21%;} .content-attributes input, .content-attributes textarea{width:66%;} }
@media only screen and (max-width: 480px) { .content-attributes label{font-size:70%;} }
@media only screen and (max-width: 375px) { .content-attributes label{font-size:65%;} }
@media only screen and (max-width: 320px) { .content-attributes label{font-size:60%;} }

/*Photo Galleries*/
.photo-galleries-ctr{clear:both;float:left;position:relative;width:100%;font-size:90%;}
.photos-ctr{clear:both;width:100%;text-align:left;margin:0% 0% 2% 0%;padding:0%;}
.photos-ctr li{width:48.6%;margin:1.5% 1.2% 0% 0%;padding:0%;display:inline-block;text-align:left;}
.photos-ctr li img{border:2px solid whitesmoke;max-width:100%;max-height:400px;}
.photos-ctr li input{display:block;clear:both;width:95%;max-width:95%;min-width:95%;}
.photos-frame-ctr{clear:both;float:left;position:absolute;width:94%;padding:1% 3% 3% 3%;background-color:#ffffff;font-size:80%;}
.photos-options-ctr a{float:right;margin-top:1.1vh;margin-right:0.8vw;}
.photos-options-ctr select{margin-left:1vw;margin-top:1.5vh;padding:0.1vh 1vw 0.2vh 0.1vw;}
@media only screen and (max-width: 560px) {.photos-options-ctr select{margin-top:0.9vh;font-family:Muli;font-size:90%;}}


.video-ctr{padding-top:2vh;}
.video-ctr h2{clear:both;margin:0;padding:5vh 0 0 0;}
.video-ctr p{margin:0;padding:3vh 0 2vh 0;}

.video-youtube{clear:both;margin-top:1.5%;width:99%;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;position:relative;
height:0;
overflow:hidden;
}
.video-youtube iframe, .video-youtube object, .video-youtube embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/*Popup window*/
.popupblanket {background-color:gray;filter:alpha(opacity=65);opacity:0.65;position:fixed;z-index:9000;top:0px;left:0px;width:100%;height:100%;}
.popupwindow{float:right;position:relative;top:4vh;right:4.2vw;width:70%;background-color:white;padding:2vh 0vw 2vh 2vw;z-index:9001;
	-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;
	border-top:1px solid #e1e0e0;border-left:1px solid #e6e5e5;border-right:1px solid darkgray;border-bottom:1px solid silver;}

/*Buttons*/
.btn{float:left;border:2px solid #e3e3e3;font-weight:normal;cursor:pointer;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;}
.btn:active{border:2px solid #d5d5d5;}
.view{margin:0;padding:1vh 2.5vw;background-color:#a7a8a9;color:white;}
.view:hover{background-color:dimgray;}.view:active{background-color:red;}
.save{margin:0;padding:0.8vh 2.5vw 1vh 2.5vw;background-color:#80756f;color:#eeeeee;}
.save:hover{background-color:#000000;color:#d5d5d5;}.save:active{background-color:#80756f;}
@media only screen and (max-width: 560px) {.view, .save{font-size:90%;padding:0.7vh 1.9vw;}}
@media only screen and (max-width: 480px) {.view, .save{font-size:84%;padding:0.5vh 1.5vw;}}

.list-valves ul{color:#06a0c6;font-size:80%;margin-top:3%;margin-left:8%;}
.list-valves ul li{font-size:75%;color:dimgray;line-height:240%;}

.mailhouse-img{float:right;width:35%;margin:0;padding:0 0 0 2%;}
.mailhouse-img-LHS{float:left;width:40%;margin:0;padding:0 2% 0 0;}

.mailing-services-list ul, .data-list ul{color:#06a0c6;font-size:70%;margin-top:3%;margin-left:8%;}
.mailing-services-list ul li{padding-top:0.3%;}
.data-list ul li{padding-top:5%;}
.mailing-services-list ul li a, .data-list ul li a{font-size:75%;color:dimgray;padding-left:2%;}

.about-lhs{float:left;width:65%;}
.about-rhs{float:left;width:30%;height:100%;padding-top:0.5%;}
.about-list{font-size:80%;margin-top:3%;margin-left:8%;}
.about-list li{font-size:75%;color:dimgray;line-height:240%;}
.general-content{background-color:white;padding-top:1%;padding-left:2%;padding-bottom:4%;}
.biowrap{width:30%;}
@media only screen and (max-width: 1080px) {.biowrap{width:40%;} }
@media only screen and (max-width: 900px) {.biowrap{width:50%;} }
@media only screen and (max-width: 800px) {.biowrap{width:55%;} }
@media only screen and (max-width: 720px) {.biowrap{width:60%;} }

.fields-ctr{padding-top:1.5vh;font-size:100%;}
.fields-ctr div{clear:both;padding:0.5vh 2%;}
.fields-ctr div label{float:left;width:25%;text-align:right;color:#4c4c4c;padding:0 1% 2px 0px;border:1px solid #fff;font-size:95%;}
.fields-ctr div span{float:left;font-size:95%;color:#4c4c4c;}
.fields-ctr div input{float:left;font-size:95%;width:60%;}
.fields-ctr div textarea{float:left;font-size:95%;width:60%;}
.fields-ctr div a{font-size:100%;}
.fields-ctr div img{max-width:72%;}
.contact-lhs{float:left;width:50%;padding-bottom:2vh;}
.contact-rhs{float:left;width:45%;padding-bottom:2vh;}
.address-ctr{font-size:100%;padding-top:0;}
.address-ctr div{clear:both;padding:0.2vh 0;}
.address-ctr div label{float:left;width:20%;text-align:right;color:#4c4c4c;padding:0 1% 2px 0px;border:1px solid #fff;font-size:95%;}

@media only screen and (max-width: 720px) {.fields-ctr{font-size:95%;} }
@media only screen and (max-width: 640px) {.fields-ctr{font-size:90%;} }
@media only screen and (max-width: 480px) {.fields-ctr{font-size:80%;} }
@media only screen and (max-width: 415px) {.fields-ctr{font-size:75%;} .fields-ctr div label{width:23%;} }
@media only screen and (max-width: 320px) {.fields-ctr{font-size:70%;} }


.submitbtn{text-decoration:none;font-family:arial;font-size:60%;color:white;background-color:#464646;cursor:pointer;
position:relative;margin:0px 0.5%;padding-top:2%;padding-bottom:2%;padding-left:3%;padding-right:3%;
-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;border:1px solid dimgray;}
.submitbtn:hover{background-color:#06a0c6;color:white;border:1px solid lightgray;}
.submitbtn:active{top:1px;}


/*menus*/
.dd-mailing-hdr{position:relative;background-color:#2f3293;}
.dd-mailing-logo-ctr{clear:both;float:left;width:100%;height:100%;
	background-image: url("/mailing/d-and-d-mailing-services-mailhouse-australia.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size:100%;}
.mailhouse-menu-ctr{float:right;width:54%;height:100%;}
.strip-above-menu{width:100%;height:2vh;}
.suckerfish-menu{clear:both;width:96%;padding-left:2%;padding-right:2%;padding-top:1.5%;}
.nav, .nav ul{margin:0 auto;list-style:none;z-index:9;}
.nav li{float:left;position:relative;}
.nav li a{float:left;
padding-left:1.2vw;padding-right:1.2vw;padding-top:4.9vw;padding-bottom:2vw;
text-decoration:none;color:gainsboro;font-weight:normal;
font-family: arial;font-size:100%;
outline:none;
}
.nav li a:hover{color:#ffffff;}
.nav li  ul{display:none;}
.nav li ul li{width:100%;}
.nav li ul li a{width:100%;min-width:100%;color:gainsboro;font-size:90%;text-align:right;}
.nav li ul li a:hover {color:#ffffff;}




#navmailhouse{position:absolute;top:100%;left:26.7%;width:63%;z-index:999;visibility:hidden;}
.menu-items{width:100%;padding-top:2%;padding-bottom:2%;
-webkit-border-bottom-left-radius:3px;-khtml-border-bottom-left-radius:3px;border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;-khtml-border-bottom-right-radius:3px;border-bottom-right-radius:3px;
}
.menu-items a{display:inline-block;font-weight:bold;text-align:center;color:#ce000c;
opacity: 1.0;filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.menu-items a:hover{opacity:0.80;filter: alpha(opacity=80);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.menu-items a div{color:dimgray;font-size:95%;}
.menu-items a div:hover{color:black;}
.menu-items a img{width:100%;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;}
.mailing-services, .our-company{padding-left:2%;
background-color:#f4f3f3;
background: -moz-radial-gradient(center, ellipse cover, rgba(243,243,243,1) 0%, rgba(252,252,252,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(243,243,243,1) 0%,rgba(252,252,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(243,243,243,1) 0%,rgba(252,252,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f3f3', endColorstr='#fcfcfc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-box-shadow: 6px 6px 5px 0px rgba(48,48,48,1);
-moz-box-shadow: 6px 6px 5px 0px rgba(48,48,48,1);
box-shadow: 6px 6px 5px 0px rgba(48,48,48,1);
}
.mailhouse-services a{width:20%;max-width:20%;padding-left:2%;padding-right:2%;}
.mailing-services a{width:22.7%;max-width:22.7%;padding-left:0.7%;padding-right:0.7%;}
.our-company a{width:30.2%;max-width:30.2%;padding-left:1%;padding-right:1%;}
.mailing-services a div, .our-company a div{font-size:80%;}


/*footer*/ 
.footer-ctr{clear:both;width:100%;font-size:100%;background-color:#2f3293;}
.footer-links{float:left;padding-left:1.5%;}
.footer-links div{color:#e8e8e8;font-size:90%;font-weight:bold;}
.footer-links a{clear:both;float:left;color:#e8e8e8;font-size:85%;line-height:160%;text-decoration:none;}
.footer-links a:hover{color:#ffffff;}
.ctr1{width:36%;padding-top:1.5%;padding-bottom:3%;}
.ctr2{width:25%;padding-top:1.5%;padding-bottom:3%;}
.ctr1 div, .ctr2 div{font-weight:bold;padding-bottom:1vh;}
.footer-logo-ctr{float:right;width:32.5%;padding-right:1.5%;padding-top:1.8%;font-size:85%;line-height:145%;text-align:right;color:#d6d6d6;}
.footer-logo-ctr img{width:95%;padding-bottom:1%;vertical-align:middle;}
.call-ddmail{padding-top:0;padding-bottom:1vh;}
.call-ddmail a{color:#e8e8e8;font-size:125%;font-weight:bold;line-height:100%;}
.call-ddmail a:hover{color:#ffffff;}
.call-ddmail a span{display:inline-block;padding-left:2%;}
.call-ddmail a div{color:#e8e8e8;font-size:80%;font-weight:normal;}

.contact-ddmail{padding:2vh 0 2vh 0;color:#2f3293;font-size:125%;font-weight:bold;}
.contact-ddmail:hover{color:black;}
.call-ddmailing{padding-top:2vh;padding-bottom:0;}
.call-ddmailing a{color:#2f3293;font-size:125%;font-weight:bold;}
.call-ddmailing a:hover{color:#000000;}

.kennedyfox{clear:both;padding-top:0.6vh;padding-bottom:1vh;}
.kennedyfox a{color:#c4c3c4;font-size:80%;}
.kennedyfox a:hover{color:#d7d7d7;}

@media only screen and (max-width: 1620px) {
	.footer-links a{color:#e8e8e8;}
}
@media only screen and (max-width: 1440px) { 
	.nav li a{padding-top:4.7vw;padding-bottom:2vw;}
	#navmailhouse{left:27%;}
}
@media only screen and (max-width: 1334px) { 
	.nav li a{padding-top:4.5vw;padding-bottom:2vw;}
	#navmailhouse{left:27.5%;}
}

@media only screen and (max-width: 1280px) {
	.footer-links a{color:#e8e8e8;}
	.nav li a{padding-top:4.4vw;padding-bottom:2vw;}
	#navmailhouse{left:27.9%;}
}
@media only screen and (max-width: 1242px) {
	.footer-links a{color:#e8e8e8;}
	.nav li a{padding-top:4.3vw;padding-bottom:2vw;}
	#navmailhouse{left:28.3%;}
}
@media only screen and (max-width: 1136px) {
	.nav li a{font-size:95%;padding-top:4.4vw;padding-bottom:1.8vw;}
	#navmailhouse{left:28.3%;}
}
@media only screen and (max-width: 1125px) {
	.nav li a{font-size:95%;padding-top:4.3vw;padding-bottom:1.8vw;}
	#navmailhouse{left:29.2%;}
	.call-ddmail a{font-size:115%;}
	.call-ddmailing a{font-size:115%;}
	.mailhouse-img-LHS{width:45%;}
}
@media only screen and (max-width: 1080px) {
	.mailhouse-menu-ctr{width:56%;}
	.nav li a{padding-top:4.2vw;padding-bottom:1.8vw;}
	.mailing-services{padding-left:1.8%;}
	#navmailhouse{left:26.8%;}
}
@media only screen and (max-width: 1024px) {
	.nav li a{padding-top:3.9vw;padding-bottom:1.8vw;}
	#navmailhouse{left:27.5%;}
	.call-ddmail a{font-size:105%;}
	.call-ddmailing a{font-size:105%;}
}

@media only screen and (max-width: 900px) {
	.nav li a{padding-top:3.5vw;padding-bottom:1.8vw;}
	.mailhouse-menu-ctr{width:60%;}
	#navmailhouse{left:25.4%;}
	.mailing-services a{width:22.5%;max-width:22.5%;}
	.mailing-services a div, .our-company a div{font-size:70%;}
	.mailhouse-services a div{font-size:85%;}
	.mailhouse-img{width:40%;}
	.mailhouse-img-LHS{width:50%;}
}
@media only screen and (max-width: 854px) {
	.nav li a{font-size:90%;padding-top:3.3vw;padding-bottom:1.8vw;}
	.footer-links a{font-size:80%;}
	.footer-logo-ctr{font-size:75%;}
	#navmailhouse{left:25.4%;}
	.our-company a{padding-left:0.6%;padding-right:0.6%;}	
	.mailing-services a div, .our-company a div{font-size:65%;}
	.mailhouse-services a div{font-size:80%;}
}
@media only screen and (max-width: 800px) {
	.nav li a{padding-top:3.1vw;padding-bottom:1.8vw;}
	#navmailhouse{left:26.6%;}
	.mailing-services a{width:22.3%;max-width:22.3%;}
	.mailing-services a div, .our-company a div{font-size:60%;}
	.mailhouse-services a div{font-size:72%;}
	.call-ddmail a{font-size:100%;}
	.call-ddmailing a{font-size:100%;}
}
@media only screen and (max-width: 768px) {
	.footer-links a{font-size:75%;}
	.footer-logo-ctr{font-size:68%;}
	.nav li a{font-size:80%;padding-top:2.9vw;padding-bottom:1.8vw;}
	#navmailhouse{left:25.3%;}
	.mailing-services a div, .our-company a div{font-weight:300;font-size:50%;}
	.our-company a{width:29.2%;max-width:29.2%;}
	.mailhouse-services a div{font-size:64%;}
}
@media only screen and (max-width: 720px) {
	.nav li a{padding-top:2.8vw;padding-bottom:1.8vw;}
	.mailhouse-menu-ctr{width:63.5%;}
	#navmailhouse{left:23%;}
	.call-ddmail a{font-size:95%;}
	.call-ddmailing a{font-size:95%;}
}
@media only screen and (max-width: 640px) {		/*mobile*/
.menu-bars{width:100%;cursor:pointer;}
.menu-bars img{float:right;width:16%;padding-top:0.1vh;padding-bottom:0.5vh;}
.nav ul{position:absolute;top:0vh;left:0;right:-2vh;index-z:999;display:block;background-color:#2f3293;
opacity: 0.87;
}
ul.nav li {clear:both;float:right;width:85%;margin:0;padding:0;}
.nav li a{display:none;}
.nav li ul{display:inline-block;padding-top:1vh;padding-bottom:1vh;}
.nav li ul li{padding-right:5vw;}
.nav li ul li a{display:inline-block;font-size:95%;line-height:155%;color:white;}
.menu-title{display:none;}
.call-ddmail a{font-size:85%;}
.call-ddmailing a{font-size:85%;}
.mailhouse-img{width:45%;}
.mailhouse-img-LHS{width:55%;}
}
@media only screen and (min-width: 640px) { .menu-bars{display:none;} }

@media only screen and (max-width: 560px) {
.menu-bars img{padding-bottom:0.4vh;}
}

@media only screen and (max-width: 480px) {
	.call-ddmail a span{clear:both;display:block;padding-left:0vw;}
	.menu-bars img{padding-bottom:0.3vh;}
	.footer-links a{font-size:65%;color:#e8e8e8;}
	.footer-logo-ctr{font-size:60%;}
	.mailhouse-services a div{font-size:42%;}

}
@media only screen and (max-width: 412px) {
.menu-bars img{padding-bottom:0.25vh;}
}
@media only screen and (max-width: 384px) {
.menu-bars img{padding-bottom:0.2vh;}
}
@media only screen and (max-width: 375px) {
	.footer-links a{font-size:60%;line-height:170%;color:#e8e8e8;}
	.footer-logo-ctr{font-size:55%;}
	.call-ddmail a{font-size:107%;}
	.call-ddmailing a{font-size:107%;}
	.mailhouse-services a div{font-size:36%;}
	.nav li a{font-size:65%;}
	.nav li ul li a{font-size:65%;}
}
@media only screen and (max-width: 320px) {
	.footer-links a{font-size:50%;line-height:180%;color:#e8e8e8;}
	.call-ddmail a{font-size:95%;}
	.call-ddmailing a{font-size:95%;}
	.mailhouse-services a div{font-size:32%;}
}





.clear{clear:both;}
.cleargap{clear:both;padding-top:2%;}
.hide{display:none;}