@charset "utf-8";
body {background:#f2fcfe url(../images/bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; line-height:1.2em; } /* line-height:1.3em; */
#clouds{ background:url(../images/clouds.jpg) no-repeat top center; width:100%; background-color:##f2fcfe; }
#main-wrapper{width:100%; background: url(../images/footer-bg.jpg)  bottom repeat-x}
.text2 {font-size:11px; color:#333333; font-weight:normal;}
.text10{font-size:10px !important}
.text9{font-size:11px !important}
.text15{font-size:15px !important}
.text13{font-size:13px !important}
.text19{font-size:19px !important}
.textbold{font-weight:bold !important;}
.textred{color:#ff0000}
.textgreen{color:#2d5b06}
.linknostyle{text-decoration:none !important; color:#000;}
a{text-decoration:none:}
strong {font-weight:bold !important}
em {font-style:italic !important}
.marginleft{margin-left: 20px}
.fltlft{float:left}
.fltrt{float:right}
img{margin:0; padding:0}

.clear{clear:both;}
h1{ font-size:22px !important; font-family:Arial, Helvetica, sans-serif; color:#0e64a7; font-weight:bold !important; margin-bottom:25px!important;}
h2 {color:#036a08 !important; font-size:16px !important; margin-bottom:18px !important; font-weight:bold !important}
h3 {color:#036a08 !important; font-size:20px !important; margin-bottom:23px !important}

/*Header*/
#header{width:961px; height:119px; margin:0 auto; position:relative}
.logo{float:left; margin-left:20px; width:313px; height:118px;}
.callus{float:right;color:#0e598e;margin:0 80px 0 0;	font-size:18px;	font-weight:bold;	position:absolute;	right:-5px;	top:4px}
.callus a{color:#0e598e; font-size:12px; font-weight:bold; text-decoration:none}

/*Menu*/
.menu{width:550px; float:left; font-size:11px; margin:12px 0 0 22px;}
.menu ul {list-style:none;}
.menu li {display:inline;}
.menu li a{color:#000; text-decoration:none; margin-top:5px; background:url(../images/nav-bg.png) no-repeat; width:87px; height:30px; float:left; text-align:center; padding-top:8px; margin-right:2px}

.navmenu ul{float: left; font: bold 13px Arial; width:951px; background: url(../images/bg-nav.jpg) center center repeat-x; padding-left:75px;}
.navmenu li{display: inline; }
.navmenu li a{float: left; color: #FFFFFF; padding: 9px 15px; text-decoration: none;}
.navmenu li a:hover, .navmenu li a.current{color:  #FFFFFF; background: transparent url(../images/bg-nav-hover.jpg) center center repeat-x;}



/*Navigation*/
.navigation{ width:818px; height:96px; padding-top:11px;}
.navigation ul li {display:inline;}
.navigation ul li img {margin:0px; padding:0; border:none; float:left}
.navigation ul li a.junk-removal {background:url(../images/junk-removal.jpg); width:153px; height:96px; font-size:23px; float:left}
.navigation ul li a.junk-removal:hover {background:url(../images/junk-removal-hover.jpg);}
.navigation ul li a.dumpster {background:url(../images/dumpsters&roll-offs.jpg); width:170px; height:96px; font-size:23px; float:left}
.navigation ul li a.dumpster:hover {background:url(../images/dumpsters&roll-offs-hover.jpg);}
.navigation ul li a.recycling {background:url(../images/recycling.jpg); width:147px; height:96px; font-size:23px; float:left}
.navigation ul li a.recycling:hover {background:url(../images/recycling-hover.jpg);}
.navigation ul li a.valet {background:url(../images/valet-trash.jpg); width:188px; height:96px; font-size:23px; float:left}
.navigation ul li a.valet:hover {background:url(../images/valet-trash-hover.jpg);}
.navigation ul li a.contact {background:url(../images/contact-us.jpg); width:160px; height:96px; font-size:23px; float:left}
.navigation ul li a.contact:hover {background:url(../images/contact-us-hover.jpg);}

/*Wrapper*/
#wrapper {width:880px; margin:0 auto;}
#subheader {width:830px; background:url(../images/wrapper-bg.jpg) repeat-x; padding:0 25px; z-index:1000}
#container {width:830px; background:url(../images/container-bg.png) repeat-y;  padding:0 25px; z-index:1000}
.checklist{background:url(../images/ckeck-bg.jpg); width:380px; height:280px; float:left; text-align:left}
.checklist .imgpayment {margin:40px 0 0 100px;}
.checklist ul li{ background:url(../images/arrow.png) no-repeat; padding:0 0 0 40px; line-height:40px; font-size:20px; font-style:italic; margin-bottom:10px}
.checklist ul li a {color:#a1e1ff}
.checklist ul{ margin:10px 0 0 70px}
.slideshow{ float:left}

/*left-Container*/
#left-container{width:490px; float:left; margin-top:20px;}
#left-container p {font-size:13px; margin-bottom: 20px; line-height:16px;}
#left-container .container1 p{ width:480px; line-height:200% !important}
#left-container .container1 img{float:left; margin:0px 4px 15px 0}
#left-container .box{ width:460px; background:#fff; border:1px solid #678f0b; padding:10px 10px 0 10px;}
#left-container .box img{padding: 10px 0 10px 0;}
#left-container .box2{width:235px; border-right:hidden;}
#left-container .box3{width:235px; float:left; padding:3px 0 3px 3px;}
#left-container .boxcustomheight{height:350px;}
#left-container .box2 p, .box3 p{padding-left:15px;}

#left-container .container4{ width:470px !important; border:#333 1px solid; padding:10px; margin-bottom:20px}
#left-container .container4 p{ margin:0; font-size:12px}
#left-container .container4 img{ margin-bottom:10px;!important}
#left-container .container4 .paper{width:230px; color:#036a08; text-align:center}
#left-container .container4 .commingled{width:230px; color:#0e64a7; text-align:center}

#left-container .container5{width:240px; padding-bottom:10px;}
#left-container .container6 img{ margin-bottom:20px}
#left-container .container6{ background:url(../images/container6-bg.jpg) repeat-y; width:490px; }
#left-container .container6 p{ margin:5px}
#left-container .container6 li{ font-size:11px; margin:12px 5px; list-style-type: disc; list-style-position:inside}

#left-container .contact_info li, .contact_info p{background:url(../images/envelope.jpg) no-repeat; padding-left:20px;}
#left-container .contact_info p{background:none; margin-bottom:2px; font-size:16px;}

/* new Updates 1 - feb - 10 */
#left-container .biggerFont p{font-size:14px; line-height:18px;}
/* END: new Updates 1 - feb - 10 */

#left-container .logo1{width:230; margin-right:50px;}
#left-container .logo1 img, .logo2 img{margin-bottom:20px;}
#left-container .logo2{width:230;}
#left-container a.blue_link{color:#065c9e;}

#left-container .left_image, .left_image img{margin-right:5px;}
#left-container .right_text{width:290px;}

.validation-advice {color:#FF0000;float:left;margin-left:10px;width:100%;}

.junknum1 p, .junknum2 p, .junknum3 p{font-size:12px; color:#666633;  margin-left:79px; padding-top:15px;}
.junknum1 img, .junknum2 img, .junknum3 img{float:left; width:69px; height:69px; margin:5px}
.junknum1{background:#aed173; width:480px;margin:10px; padding:0 10px 5px 0}
.junknum2{background:#d8e8b9; width:480px;margin:10px; padding:0 10px 5px 0}
.junknum3{background:#eef2db; width:480px;margin:10px; padding:0 10px 5px 0}
.dumphl {color:#036a08;font-weight:bold;}

.management{background:#d0ea8e; width:100%; padding:18px 0}
.management-list{margin:2px 9px !important; height:60px; float:left}
.management-list p{width:400px; float:left; font-size:12px; color:#000; line-height:12px !important}
.management-list img{float:left; width:53px; height:53px; margin:0 5px}
.management-list p.margintop{margin-top:16px}

/*right-Container*/
#right-container{ width:330px; float:right;  margin:20px 0 0 10px; font-size: 13px; line-height:16px; }
#right-container .container1 img, container1 img.charity_image{margin-bottom:20px !important}
#right-container.left_image, .left_image img{margin-right:10px;}
#right-container .container1 img.close{margin-bottom:2px !important}
#right-container .container2 img{margin-bottom:10px !important}
#right-container .green_box{background:#a6cc59; font-size:12px; padding:15px 10px; line-height:1.3em;}
#right-container .green_box strong{color:#666633;}
#right-container .green_box ul{ list-style-image:url(../images/arrow_white.png)}
#right-container .green_box_list{}
#right-container .green_box_list li{margin-bottom:5px;}
#right-container .green_box2{background:#85b27e url(../images/green2-bottom.jpg) bottom no-repeat; font-size:12px; width:259px; padding:8px 8px 0px}
#right-container .green_box2 p{ float:left; width:135px; text-align:left; font-size:11px; line-height:16px}
#right-container .green_box2 img{ float:right; margin:0}
#right-container .servicemap {float:right; margin-top:10px; margin-right:10px;}
.container3 {margin-top:50px}

/*updated*/
.contact-form {font-size:11px; padding:10px; }
.contact-form h2  {float:left;}
.contact-form p { font-size:13px; line-height:16px; text-align:left !important; margin-top:45px;}
hr.separator {margin:5px 0px 15px; width:100%;}
#form5 {float:left; text-align:left; margin:10px; }
#form5 td {padding:3px;}
#form5 .indication {color:#F00; font-weight:normal;}
#form5 .q7, .q11, .q29, .q31 { float:left; margin-top:-47px;}
#form5 .input1, .input2, .input3, .input4, .input5, .input6, .input8, .input10, .input11, .input12, .input13, .input14, .input15, .input16, .input18  {width:250px;height:22px;}
#form5 .input7, .input9, .input17, .input19 {width:250px;height:46px;}
#form5 .select1, .select2, .select3, .select4, .select5, .select6, .select7, .select8, .select9, .select10, .select11, .select12 {height:22px;}
.submit3, .qright2 {padding-top:10px; padding-left:234px; display:inline-block;}
.qright2 .reset{ background:url(../images/reset.jpg) no-repeat; width:95px; height:34px; padding-top:18px; cursor:pointer; }
.fb_like {padding:5px;}
.fb_like iframe {height:auto !important;} 

.tw { margin-right:10px;}
#siteseal {margin-left:718px; display:inline-block;}
.left-container img {padding:5px;}


.gbox {background:url(../images/gbox.jpg) no-repeat; width:306px; height:371px; font-size:11px; line-height:1.3em; padding:9px; color:#143B0D; font-family:Arial;}
.gbox strong {color:#666633; font-size:12px;}
.gbox ul {margin-top:5px;}
.gbox ul li {line-height:17px;}


/*Dumpster Quote*/
#dquote {padding:10px;font-size:11px;}
#dquote hr {margin:5px 0px 15px 0px;}
#dquote div.left {float:left;width:50%;margin-top:20px;}
#dquote div.right {float:right;width:50%;margin-top:20px;}
#dquote table.q1 {width:95%;margin-bottom:10px;}
#dquote table.q2 {width:50%;margin-top:10px;float:right;height:50px;}
#dquote table.q1 td {padding:3px;}
#dquote table.q2 td {padding:3px;}
.input {background-color:#e8f3df; border:solid 1px #d4e1ca;font-size:12px;}
.size1 {width:250px;height:22px;}
.size2 {width:250px;height:46px;}
.size3 {width:152px;height:22px;}
.size4 {width:83px;height:22px;}
.size5 {width:307px;height:79px;margin-left:40px;}
#dquote p {margin:10px 0;}
#dquote div.submit {margin:10px 0;}
#dquote div.submit div.qright{float:right;padding:5px;}
#dquote div.submit2 {width:307px; margin-left:40px;}
#dquote div.submit2 .qright{width:175px; float:right; margin-bottom:15px}
#dquote div.submit2 img{float:left}


/*Footer*/
#footer {padding:10px}
#footer p {color:#fff; font-size:13px; float:left; margin-top:15px}
#footer .links {float:right}
#footer .links img {margin:0px 5px}
#footer a{color:#FFFFFF}

/*List*/
.list1 li { background:url(../images/list1-bullet.jpg) no-repeat; padding-left:20px; font-size:12px; margin-bottom:10px}
.list1 a {text-decoration:none; color:#0772a4;}
.list2 li {padding:0 0 3px 0; list-style:none;font-size:11px; line-height:12px; margin-bottom:10px;border-bottom:solid 1px #5f6a0e;}
.list2 li ul {padding:5px 0;}
.list2 li ul li {text-indent:15px;padding:0;border:none;margin:0;}
.list3 ul{ margin-left:15px}
.list3 ul li{ background:url(../images/green-arrow.jpg) no-repeat; padding-left:20px; font-size:11px; margin:13px 0; line-height:15px;}

/* Accordion */
.acc {cursor: hand; cursor: pointer; font-size:11px;}
.acc2 {cursor: hand; cursor: pointer; font-size:11px;}
.contentacc {font-size:11px; margin:5px 0 5px 5px; line-height:15px; }
.contentacc table {border:2px solid #5f6a0e; border-collapse:collapse;}
.contentacc td {border:1px solid #5f6a0e; height:30px; padding:5px; text-align:center;}
.contentacc th {border:1px solid #5f6a0e; height:30px; padding:5px; text-align:center; font-weight:bold; color:#5f6a0e; font-size:12px;}
.brline {border-bottom:1px solid #5f6a0e; margin:5px 5px;}
.openacc {font-weight:bold;}

.contentacc2 {font-size:11px; margin:5px 0 5px 5px; line-height:15px; }
.contentacc2 table {border:2px solid #5f6a0e; border-collapse:collapse;}
.contentacc2 td {border:1px solid #5f6a0e; height:30px; padding:5px; text-align:center;}
.contentacc2 th {border:1px solid #5f6a0e; height:30px; padding:5px; text-align:center; font-weight:bold; color:#5f6a0e; font-size:12px;}

/* image rollover */
.navbg {margin-left:20px;}
.navbg ul li {display:inline; text-decoration:none; margin:0; padding:0; float:left;}
.navbg ul li img {border:none; padding:0; list-style:none; border-left:1px solid #DDD;}
.navbg ul li a {outline:none;}

.quotebooking {background:url(../images/tampa-booking.jpg) no-repeat; width:159px; height:107px; cursor:pointer; border:none; float:right;}

/* popup box */
  #popupbox{
  margin: 0; 
  margin-top: 50px; /* Makes it a little off the top of the screen */
  padding-top: 10px; /*  Make the text not touching the top on the login box */
  width: 60%; /* For centering it on the screen */
   /* The height of the login box */
  position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
  background: #F3FFE5; /* Login Box background color. Change this if desired. */
  border: solid #064A07 2px; /* Makes a black border around the login box */
  z-index: 25; /* Makes it on top of everything else */
  font-family: Arial, Helvetica, sans-serif; /* Sets the font */
  visibility:hidden; /* Makes it hidden at first. Very Important.*/
  font-size:12px;
  left:80px;
  }
#popupbox .errorlog { color:#FF0000; font-size:11px; margin-bottom:10px; }
#popupbox input{ border:1px solid #064A07; padding:3px; }
#popupbox .btnlogin { background:url(../images/btnlogin.jpg) no-repeat; width:80px; height:30px; border:none; cursor:pointer;}
#popupbox .margininput {margin-bottom:7px;}
#popupbox .xclose { text-align:right; margin-right:10px; }

/* Payment page styles */
div#wrapper2 {width:700px; float:left; margin-left:20px;}
.stepz {font-size:10pt;	color:#336600;}
div#wrapper2 img {border:none;}
.sub_title {font-family:Arial, Helvetica, sans-serif; font-size:12pt; color:#336600;}
.col{ float:left; margin-top:75px;}
.contactbox {width:200px; margin:0 0 0 20px; padding:10px; background: #ffffff; border:2px solid #3A653A;}
.quotepaymentval {margin-left:20px; margin-top:5px; border:2px solid #3A653A;}
.paymentform{width:700px;float:left;border:solid 2px #3A653A;background-color: #ffffff;font-size:11px;color:#336600; padding:10px 0;}
.payment-jrp {background:url(../images/junk-removal-payment.png) no-repeat; width:271px; height:30px; cursor:pointer; border:none; margin:20px 0 0 60px;}
.payment-drp {background:url(../images/dumpster-payment.png) no-repeat; width:271px; height:30px; cursor:pointer; border:none; margin:15px 0 0 60px;}
.payment-vts {margin:15px 0 0 60px;}
.quotedumppayment {background:url(../images/dumpster-payment.jpg) no-repeat; width:218px; height:225px; cursor:pointer; border:none;}
.paymentform input{float:left;font-size:12px;padding:2px 2px;border:solid 1px #3C3C3C;/*width:200px;*/margin:2px 0 5px 10px;}
.paymentform label{display:block; text-align:right; vertical-align:top; }
.paymentform select{float:left;	font-size:12px;	padding:2px 2px;border:solid 1px #336600;	/*width:200px;*/margin:2px 0 5px 10px;	}

/* Property preservation */
.prop-prsrv {width:230px;}
.prop-prsrv ul li {list-style:disc; border:none; margin-left:20px;}
/* Carousel */
#list {height:130px; width:480px; }
.slider {float:left;left: -5000px; margin:4px; position:relative; visibility:hidden;}
.slider ul {height:100px; width:600px; }
.slider ul li {padding:0 7px;}
.slider ul li img {padding-top:3px; height:157px; width:201px; }
.prev {cursor:pointer; float:left; padding-top:70px;}
.next {cursor:pointer; float:right; padding-top:70px;}
/* Sitemap */
ul.tree, ul.tree ul { list-style-type: none; background: url(../images/vline.png) repeat-y; margin-left: 40px; padding: 0; font-size:12px;}
ul.tree ul { margin-left: 10px; } 
ul.tree li { margin: 0; padding: 0 12px; line-height: 20px; background: url(../images/node.png) no-repeat;} 
ul.tree li a {text-decoration:none; color:#000000;}
ul.tree li a:hover {text-decoration:underline;}
ul.tree li.last { background: #fff url(../images/lastnode.png) no-repeat; } 

/**/
.gallery{position:relative; width:299px; height:194px; }
.gallery a{background:url(../images/preview1.jpg);width:299px; height:194px; left:0; top:0; position:absolute}
.gallery a:hover{background:url(../images/preview1-hover.jpg);width:299px; height:194px; left:0; top:0; position:absolute}