/**
LAYOUT
Theme colours: Yellow #FFDF39, Blue #1B35A3
@mainBrandColor:        #ffdf39; (yellow)
@secondBrandColor:      #36b54a; (green)
@thirdBrandColor:       #21469e; (blue)
@callToActionColor:     #21469e; (blue)
*/
/*
CONTAINER:::
	max-width = 826px - (border-width*2)
	margin-left = width of header-right.png / 2 (121px/2 = 60px)
*/
body {font-family:"Merriweather Sans","Helvetica Neue",Helvetica,Arial,sans-serif;text-align:justify} /*background:#98c585 url("/ui/img/layout/background.jpg") repeat;*/
.container {max-width:818px;}
.cnt-wrapper {width:100%;/*margin-left:-60px;*/)}
#cnt-main {background-color:#ffffff;box-shadow:0 2px 5px 0 #000033;}
#jp-header, #header-right {display:none}
.content-box {padding:10px 20px;}

#side-widgets {display:none}

.cnt-box {border:solid #1B35A3;border-width:8px;border-radius:30px;padding-bottom:30px;position:relative}
.cnt-box-4px {border-width:4px;}
.cnt-box-0px {border-width:0px;}
.cnt-box-green {border-color:#36b54a}
.img-frame {border:solid #1B35A3;border-width:4px;border-radius:20px;}

#main-book-online-form {display:block;width:765px;height:300px;position:relative;
	background:url('/ui/img/layout/main-junkporters-book-online-save-10percent.jpg') no-repeat;}
#main-book-online-form form {position:absolute;top:135px;left:420px;width:265px;height:75px;text-align:center}
#main-book-online-form input {text-transform:uppercase}
/* Form on the book-online page */
form .form-section {position:relative;padding:70px 25px 0 25px;}

.form-section-label {position:absolute;display:block;top:20px;left:-16px;width:183px;height:39px;}
#form-section-label-details {background:url("/ui/img/layout/form-section-label-details.png") no-repeat;}
#form-section-label-finalise {background:url("/ui/img/layout/form-section-label-finalise.png") no-repeat;}

.carousel img {max-width:100%;}

#callback-error {margin:10px 0;padding:5px;display:none}

#footer {background:#23489D;position:relative;width:100%;}
#footer > div {margin:0 auto;padding:0;max-width:960px;}
#footer .footer-links {float:left;font-size:12px;margin:2em 0 0 0;text-align:left;width:100%;}
#footer .footer-links > div {float:left;width:240px;}
#footer .footer-links > div > ul {list-style:none outside none;margin-left:5em;padding:5px 0 5px 20px;}
#footer .footer-links > div > ul > li {background:none repeat scroll 0 0 transparent;color:#169F57;font-weight:bold;line-height:22px;}
#footer .footer-links > div > ul > li > a {background:url("/ui/img/layout/bullet-yellow.png") no-repeat scroll left center transparent;color:#169F57;padding-left:10px;}
#footer .footer-links > div > ul > li > a:hover {color:#F8E237;}
#footer .footer-copyright {font-size:14px;height:60px;width:100%;}
#footer .footer-copyright .copyright {color:#cccccc;font-size:12px;letter-spacing:1px;}
#footer .footer-copyright .follow-us {}
#footer .footer-copyright .follow-us > img {display:inline-block;margin-left:10px;vertical-align:baseline}
#footer .footer-bottom-links {color:#152B82;font-size:12px;line-height:20px;text-align:center;}
#footer .footer-bottom-links > a {color:#36B54A;margin:0 5px;text-decoration:none;}
#footer .footer-bottom-links > a:hover {color:#F8E237;}
#footer .footer-seperator {box-shadow:0 1px rgba(252, 223, 57, 0.1) inset;}

/*
OTHER ELEMENTS
*/
dl.question-answer > dt {font-weight:bold;margin-top:15px;color:#36b54a}
dl.question-answer > dt.well {margin-bottom:3px}
dl.question-answer > dd {margin:5px auto;}
dl.question-answer > dd.well {margin-left:35px;}

img.framed {border-radius:15px;border:solid #1B35A3;border-width:8px;}

/*
TEXT
*/
.txt-c {text-align:center} .txt-l {text-align:left} .txt-r {text-align:right}
.uppercase {text-transform:uppercase}

h1,h2,h3,h4,h5 {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
h1,h2,h3 {line-height:30px}
h1 small {display:block;margin-top:10px;}

ul.ucfirst > li {text-transform:capitalize}

/*
POSITIONING
*/
.p-10px {padding:10px}
.m-top-8px {margin-top:8px;} .m-bottom-8px {margin-bottom:8px;}
.m-bottom-none {margin-bottom:0px}
.m-right-30px {margin-right:30px} .m-bottom-30px {margin-bottom:30px} .m-left-30px {margin-left:30px}
.float-left {float:left}
.position-absolute {position:absolute} .position-relative {position:relative}

.mw-700px {max-width:700px}

.inline {display:inline}
.inline-block {display:inline-block}

/*
OTHER STYLES
*/
.white1 {color:#ffffff}
.error-yellow, .control-group.error.error-yellow .control-label {color:#F9D904}
.green1 {color:#36b54a}
.yellow-primary {color:#ffdf39}

.back-lYellow1 {background-color:#FCFC9F!important}
.back-lBlue1 {background:#425D9B}
.back-blue1 {background:#21469e} .back-blue2 {background:#2C44A0}
.back-green1 {background:#36b54a}

.back-sidebar-widgets {
	background: rgb(0,71,153); /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNDc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGFlZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgb(0,71,153) 0%, rgb(0,174,255) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(0,71,153)), color-stop(100%, rgb(0,174,255))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(0,71,153) 0%, rgb(0,174,255) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(0,71,153) 0%, rgb(0,174,255) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgb(0,71,153) 0%, rgb(0,174,255) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgb(0,71,153) 0%, rgb(0,174,255) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004799', endColorstr='#00aeff', GradientType=0 ); /* IE6-8 */
}

/* Addded by manoj on 7/20/2013 */
.back-sidebar-column { color: #FFF; min-height: 30px; outline: #999 solid 1px; text-align: center; }
.back-sidebar-txt { padding-top: 5px; color: #FFF; }
.back-sidebar-txt a { color: #FFF; }
.back-sidebar-txt a:hover { color: #FFF; text-decoration: underline; }
/* Addded by manoj on 7/20/2013e */

.border-right-1px {border:inset #ccc;border-width:0 1px 0 0}
.rounded-4px {border-radius:4px}
.shadow-small {box-shadow:0 2px 5px 0 #000033} .shadow-medium {box-shadow:0 2px 10px 0 #000033} .shadow-big {box-shadow:0 2px 20px 0 #000033}

ul.roman-numerals > li {list-style-type:lower-roman}

/* menu Color Scheme */
#jp-menu {}
.meganizr {background:none;}
.mzr-menu {border:none;}
.mzr-menu > li {border:5px solid #1B35A3;border-radius:8px;margin:2px 5px;background:#FFDF39;height:35px}
.mzr-menu > li:hover {background:#36b54a;}
.meganizr > li.mzr-drop:hover {background:#36b54a;}

.mzr-menu>li>a,.mzr-menu>li.mzr-search input {color:#1B35A3;}/*text-shadow:0 1px 1px #141314*/
.mzr-menu>li>a {line-height:30px;transition:none;text-shadow:1px 1px 0 #F9EB9A;letter-spacing:1px;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.mzr-menu>li:hover > a, .mzr-menu>li>a:hover, .mzr-menu>li>a:active, .mzr-menu>li>a:focus {color:#ffffff;text-shadow:0 1px 1px black}
.mzr-menu>li.mzr-search input[type=submit] {background:url(/ui/img/menu/search-icon.png) no-repeat 0 0}
.meganizr > li > div, .meganizr > li > ul, .meganizr > li > ul li > ul {border-color:#1B35A3;border-width:6px 0;top:45px;padding:0}
.mzr-content h3, .mzr-content h3 > a {font-size:18px;background:#FFDF39;border-radius:2px;line-height:20px;margin-top:0;padding:2px 2px 2px 10px}
.mzr-content h3 > a {padding-left:0px}
.mzr-content .mzr-links a {padding:2px 0;}
.mzr-content a:hover {color:#21469e}

/*.chzn-container-active.chzn-with-drop .chzn-single {background:#ffdf39;}
.chzn-container-single .chzn-single {color:#1B35A3;font-weight:bold}*/
#jp-menu > div.hidden-desktop > a {display:inline-block;height:35px;line-height:36px;background:#ffdf39;color:#1B35A3;border:none;
	border-radius:8px;padding:0 0 0 8px;font-size:13px;font-weight:bold;margin-top:1px;overflow:hidden;text-overflow:ellipsis;
	white-space:nowrap;box-shadow:0 0 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.1);text-decoration:none;width:212px;
	vertical-align:middle;float:left}
#jp-menu > div.hidden-desktop > a:hover {background:#36b54a;color:#FFFFFF;}

.clear {clear:both}

/*
BUTTONS
*/
.btn {color:#FFDF39;text-shadow:none;border-radius:3px;moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #007830;background:#a7e099;background:-moz-linear-gradient(top,rgba(167,224,153,1) 0,rgba(123,210,103,1) 3%,rgba(127,214,99,1) 7%,rgba(108,205,98,1) 14%,rgba(88,200,92,1) 21%,rgba(79,195,94,1) 24%,rgba(47,182,87,1) 34%,rgba(18,172,84,1) 45%,rgba(6,169,80,1) 48%,rgba(3,167,80,1) 52%,rgba(75,194,92,1) 76%,rgba(97,202,101,1) 83%,rgba(108,206,93,1) 86%,rgba(118,210,99,1) 90%,rgba(126,214,102,1) 93%,rgba(119,212,98,1) 97%,rgba(152,216,138,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(167,224,153,1)),color-stop(3%,rgba(123,210,103,1)),color-stop(7%,rgba(127,214,99,1)),color-stop(14%,rgba(108,205,98,1)),color-stop(21%,rgba(88,200,92,1)),color-stop(24%,rgba(79,195,94,1)),color-stop(34%,rgba(47,182,87,1)),color-stop(45%,rgba(18,172,84,1)),color-stop(48%,rgba(6,169,80,1)),color-stop(52%,rgba(3,167,80,1)),color-stop(76%,rgba(75,194,92,1)),color-stop(83%,rgba(97,202,101,1)),color-stop(86%,rgba(108,206,93,1)),color-stop(90%,rgba(118,210,99,1)),color-stop(93%,rgba(126,214,102,1)),color-stop(97%,rgba(119,212,98,1)),color-stop(100%,rgba(152,216,138,1)));background:-webkit-linear-gradient(top,rgba(167,224,153,1) 0,rgba(123,210,103,1) 3%,rgba(127,214,99,1) 7%,rgba(108,205,98,1) 14%,rgba(88,200,92,1) 21%,rgba(79,195,94,1) 24%,rgba(47,182,87,1) 34%,rgba(18,172,84,1) 45%,rgba(6,169,80,1) 48%,rgba(3,167,80,1) 52%,rgba(75,194,92,1) 76%,rgba(97,202,101,1) 83%,rgba(108,206,93,1) 86%,rgba(118,210,99,1) 90%,rgba(126,214,102,1) 93%,rgba(119,212,98,1) 97%,rgba(152,216,138,1) 100%);background:-o-linear-gradient(top,rgba(167,224,153,1) 0,rgba(123,210,103,1) 3%,rgba(127,214,99,1) 7%,rgba(108,205,98,1) 14%,rgba(88,200,92,1) 21%,rgba(79,195,94,1) 24%,rgba(47,182,87,1) 34%,rgba(18,172,84,1) 45%,rgba(6,169,80,1) 48%,rgba(3,167,80,1) 52%,rgba(75,194,92,1) 76%,rgba(97,202,101,1) 83%,rgba(108,206,93,1) 86%,rgba(118,210,99,1) 90%,rgba(126,214,102,1) 93%,rgba(119,212,98,1) 97%,rgba(152,216,138,1) 100%);background:-ms-linear-gradient(top,rgba(167,224,153,1) 0,rgba(123,210,103,1) 3%,rgba(127,214,99,1) 7%,rgba(108,205,98,1) 14%,rgba(88,200,92,1) 21%,rgba(79,195,94,1) 24%,rgba(47,182,87,1) 34%,rgba(18,172,84,1) 45%,rgba(6,169,80,1) 48%,rgba(3,167,80,1) 52%,rgba(75,194,92,1) 76%,rgba(97,202,101,1) 83%,rgba(108,206,93,1) 86%,rgba(118,210,99,1) 90%,rgba(126,214,102,1) 93%,rgba(119,212,98,1) 97%,rgba(152,216,138,1) 100%);background:linear-gradient(to bottom,rgba(167,224,153,1) 0,rgba(123,210,103,1) 3%,rgba(127,214,99,1) 7%,rgba(108,205,98,1) 14%,rgba(88,200,92,1) 21%,rgba(79,195,94,1) 24%,rgba(47,182,87,1) 34%,rgba(18,172,84,1) 45%,rgba(6,169,80,1) 48%,rgba(3,167,80,1) 52%,rgba(75,194,92,1) 76%,rgba(97,202,101,1) 83%,rgba(108,206,93,1) 86%,rgba(118,210,99,1) 90%,rgba(126,214,102,1) 93%,rgba(119,212,98,1) 97%,rgba(152,216,138,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7e099',endColorstr='#98d88a',GradientType=0);}
.btn:hover, .btn:focus {background-position:0 -3px;color:#FFFFFF}

/*
PRICES PAGE
*/
#price-panel {margin:12px 0 0 0;height:90px;letter-spacing:-1px;font-family:Helvetica,Arial,sans-serif;}
#price-panel a {color:#fff;text-decoration:none}
#price-panel ul.sizes li {float:left;width:100px;list-style-image:none;list-style-type:none}
#price-panel ul.sizes li > div {color:#fff;height:32px;padding-left:10px;margin:0 10px 5px 0;cursor:pointer;
	background:transparent url(/ui/img//buttons/btnContent.png) no-repeat top left;}
#price-panel ul.sizes li > div.selected {background:transparent url(/ui/img//buttons/btnContentAlt.png) no-repeat top left}
#price-panel ul.sizes li > div > div.size-text {font-size:16px;display:block;padding-top:7px;padding-right:0;height:28px;
	background:transparent url(/ui/img//buttons/btnEnd.png) no-repeat top right}
#price-panel ul.sizes li > div.selected > div.size-text {background:transparent url(/ui/img//buttons/btnEndAlt.png) no-repeat top right}
#price-panel ul.sizes li > div > div.size-text > span {font-size:small;}
#price-illustration {position:relative;max-width:600px;height:340px;margin:0 auto;}
#load-sizes-rubbish {max-width:600px;margin-top:40px;}/*margin-left:-27px;*/
#load-sizes-truck {width:102px;margin:0 auto;background-color:#ffdf39;border-radius:8px;border:1px solid #ffdf39;padding:1px;
	display:inline-block;}
#load-sizes-truck p {margin:5px}
#img-truck {border-radius:8px;}
#load-price {line-height:30px;height:35px;padding:3px;font-size:xx-large;font-weight:bold;border-radius:8px;display:inline-block;
	background-color:#ffdf39;}

/*
TESTIMONIALS PAGE
*/
#testimonials-box {background:#132C62;border-radius:15px;color:white;padding:20px;max-width:718px;}
#testimonials-title {margin-bottom:40px;text-align:center}
#testimonials-box > blockquote > small {color:#ffdf39;font-weight:bold;margin-top:10px}

#areas-testimonials-box {background:#132C62;border-radius:5px;color:white;height:100%;position:relative;margin-bottom:30px}
#areas-testimonials-title {margin-bottom:10px;padding:20px 0 0 20px;text-align:left}
#areas-testimonials-box ul {margin:0;height:100%;}
#areas-testimonials-box ul > li {padding:20px;}
#areas-testimonials-box ul > li > blockquote {margin:0}
#areas-testimonials-box ul > li > blockquote > small {color:#ffdf39;font-weight:bold;margin-top:10px}
#areas-testimonials-ring {padding:0 20px 20px 20px;color:white;line-height:16px;position:absolute;bottom:0;right:0;z-index:100}
#areas-testimonials-ring img {vertical-align:bottom}
#areas-testimonials-ring a {color:white;font-weight:bold;font-size:16px}
#areas-testimonials-more-info {position:absolute;bottom:-10px;right:300px;z-index:100}

.review-title {font-weight:bold;font-size:17px;color:#FFDF39;}
.addthis_native_toolbox, .addthis_horizontal_follow_toolbox {text-align:center;margin:5px auto 0px auto;display:inline-block;}
#atftbx > p {display:none;}

/*.icons-ul > li {text-align:left;}*/

@media only screen and (max-width: 959px) {
	#jp-menu {margin:10px;}
	.mzr-responsive {margin:0;}
	.mzr-responsive > li, .mzr-responsive > li.mzr-align-right {width:auto;}
	.mzr-responsive.mzr-menu > li.mzr-search #search-form {border-color:#FFDF39;}
	.mzr-responsive.mzr-menu > li, .mzr-responsive.mzr-menu > li.mzr-align-right { border:none;}
	.mzr-responsive.mzr-menu > li.mzr-drop > a, .mzr-responsive.mzr-menu > li > ul li.mzr-drop > a,
	.mzr-responsive.mzr-menu > li > ul li.mzr-align-right.mzr-drop > a {background:none;}
	.mzr-responsive.mzr-menu > li.mzr-drop {background:#FFDF39;}
	.mzr-responsive.mzr-menu > li.mzr-drop:hover {background:#36b54a;}
    br.break-left-on-menu-collapse {clear:left}

    /* Show the reduced book online form version on the main page */
	#main-book-online-form {width:400px;height:300px;background:url('/ui/img/layout/main-junkporters-book-online-save-10percent-mini.jpg') no-repeat;}
	#main-book-online-form form {left:55px;}

	.breadcrumb {margin-top:0px}
}

/* Start displaying the sidebar widgets */
@media (min-width: 1069px) {
	#jp-header > div {margin-left:100px;}
	#cnt-main {margin-left:100px;}
	#jp-menu {position:absolute;top:-22px;left:25px}

	#side-widgets {display:block;float:left;margin-left:-206px;width:180px;text-align:center} /*position:absolute;*/
	.widget-title {margin-bottom:10px}
	.widget-arrow {position:absolute;top:-10px;left:0;text-align:center;z-index:1}

	/* Widget box addded by manoj on 7/15/2013 */
	.widget-frame {margin-bottom:50px;}
	.widget-frame .p {color:#fff;font-family:"Comic Sans MS",cursive;font-size:16px}
	.widget-box-top {padding:15px 0 0 0;border-bottom:#0053d0 solid 1px;border-top-right-radius:8px;border-top-left-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-topleft:8px;-webkit-border-top-right-radius:8px;-webkit-border-top-left-radius:8px}
	.widget-box-bottom {background:#36B54A;padding:5px 0;border-bottom-right-radius:8px;border-bottom-left-radius:8px;-moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px}
	.widget-box-count {margin-bottom:2px;max-height:45px;color:#FFF;font-weight:400;}
	/* Widget box addded by manoj on 7/15/2013 */

	#widget-in-action .widget-arrow {top:10px;left:0px;}
	#widget-in-action div.cnt-box {padding:10px;}
	#widget-request-callback .widget-arrow {top:10px;left:-20px;}
	#side-widgets .cnt-box {padding:5px;border-radius:16px;margin-bottom:50px}/*border-radius:0 0 30px 30px;*/
	#side-widgets form {margin-bottom:0}
	#side-widgets img {border-radius:16px;}/*border-radius:0 0 16px 16px*/

	/* JS Counter addded by manoj on 7/15/2013 */
	.digit{	background:url(/ui/img/sidebar/jquery.counter-analog.png) repeat-y scroll 0 0 transparent; color: transparent;
	display: inline-block;font: 0px/0 a; height: 40px;  margin: 0; text-align: center; text-shadow: none;
	vertical-align:baseline; width: 26px;}
	.num1{background-position:0 -240px;}
	.num2{background-position:0 -480px;}
	.num3{background-position:0 -720px;}
	.num4{background-position:0 -960px;}
	.num5{background-position:0 -1200px;}
	.num6{background-position:0 -1440px;}
	.num7{background-position:0 -1680px;}
	.num8{background-position:0 -1920px;}
	.num9{background-position:0 -2160px;}
	.numhide{display:none;}
	/* JS Counter addded by manoj on 7/15/2013 */
}

/* Start displaying the header banner at this screen size and above */
@media (min-width: 1023px) {
	#jp-header {display:block;margin:0 auto 20px auto;}
	#jp-header > div {position:relative;display:block;width:894px;}
}

/* Display the truck and price boxes differently on the prices page when screen size is smaller than this */
@media (min-width: 1023px) {
	#load-sizes-truck {position:absolute;top:-50px;left:220px;}
	#load-price {position:absolute;top:-50px;left:0px;}
}

/* Portrait tablet downwards */
@media (max-width:767px) {
	h1,h2,h3,h4,h5 {text-align:left}
}