/*--------------cluetipcss------------------*/

/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(https://www.guilianocarting.com/images/cluetip/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #1D222A;
 
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #1D222A;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #182C3E;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(https://www.guilianocarting.com/images/cluetip/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(https://www.guilianocarting.com/images/cluetip/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(https://www.guilianocarting.com/images/cluetip/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(https://www.guilianocarting.com/images/cluetip/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(https://www.guilianocarting.com/images/cluetip/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(https://www.guilianocarting.com/images/cluetip/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(https://www.guilianocarting.com/images/cluetip/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(https://www.guilianocarting.com/images/cluetip/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(https://www.guilianocarting.com/images/cluetip/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(https://www.guilianocarting.com/images/cluetip/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(https://www.guilianocarting.com/images/cluetip/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(https://www.guilianocarting.com/images/cluetip/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(https://www.guilianocarting.com/images/cluetip/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(https://www.guilianocarting.com/images/cluetip/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(https://www.guilianocarting.com/images/cluetip/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(https://www.guilianocarting.com/images/cluetip/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}

/*--------------globalcss------------------*/

@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding: 0;
	font:normal 14px Arial, Verdana, sans-serif;
	background: #c1c1c1 url(/images/site-bg.jpg) repeat-x 0 0;
	color: #fff;

	}
	
#main{
	margin:0 auto;
	width:994px;
	background: url(/images/site-body-bg.jpg) repeat-y;
	padding: 0 11px;
	}

a, a:link, a:visited {
	color: #b8bcc7;
}
.clr {
	clear: both;
	margin: 0;
	padding: 0;
}
/* HEADER */
#header{
	float:left;
	width:972px;
	height:165px;
	position:relative;
	background: #000 url(/images/header-bg.jpg) repeat-x;
	}

#logo{
	margin:0;
	}
	
#logo a{
	width:252px;
	height:92px;
	background:url(/images/guiliano-carting-logo.png) no-repeat 0 0;
	padding:0;
	position:absolute;
	left:15px;
	top:17px;
	overflow:hidden;
	text-indent:-9999px;
	}

#header .left-side{
	float:left;
	width:350px;
	height:165px;
	position:absolute;
	top:0px;
	left:622px;
	background: url(/images/g-bg.jpg) no-repeat right top;
	}
#header .left-side .containers-on-demand {
	background: url(/images/containers-on-demand.png) no-repeat top right;
	width: 222px;
	height: 11px;
	display: block;
	text-indent: -99999px;
	margin-left: 42px;
	margin-top: 38px;
	}
#header .left-side .phonenum {
	background: url(/images/866-guiliano.png) no-repeat;
	width: 233px;
	height: 21px;
	display: block;
	text-indent: -99999px;
	margin: 8px 0 8px 30px;
	}
#header .left-side .call-anytime {
	background: url(/images/call-anytime.png) no-repeat;
	width: 224px;
	height: 11px;
	display: block;
	text-indent: -99999px;
	margin-left: 35px;
	}
	
#menu{
	float:left;
	height:38px;
	width: 972px;
	position:absolute;
	top:129px;
	left: 0;
	overflow: hidden;
	background: url(/images/nav-footer-bg.png) no-repeat;
	margin: 0;
	padding: 0;
	display: block;
	}

#menu li{
	float:left;
	height:38px;
	list-style: none;
	}

#menu li a{
	float:left;
	height:38px;
	overflow:hidden;
	text-indent:-9999px;
	}

#menu li a.home{
	width:124px;
	background:url(/images/nav/home.png) no-repeat 0 0;
	}

#menu li a.about{
	width:159px;
	background:url(/images/nav/about.png) no-repeat 0 0;
	}

#menu li a.containers{
	width:189px;
	background:url(/images/nav/containers.png) no-repeat 0 0;
	}

#menu li a.faq{
	width:142px;
	background:url(/images/nav/faq.png) no-repeat 0 0;
	}

#menu li a.order-a-container{
	width:209px;
	background:url(/images/nav/order-a-container.png) no-repeat 0 0;
	}

#menu li a.contact{
	width:151px;
	background:url(/images/nav/contact.png) no-repeat 0 0;
	}

#menu li a.testimonials{
	width:207px;
	background:url(/images/nav/testimonials.png) no-repeat 0 0;
	}

#menu li a:hover{background-position:0 -38px;}

/* FOOTER */
#footer{
	float:left;
	width:972px;
	height:49px;
	padding: 0;
	margin: 40px 0 8px 0;
	text-align:center;
	font:11px Arial, Verdana, sans-serif;
	color:#fff;
	background: #242833 url(/images/nav-footer-bg.png) no-repeat ;
	}
#footer p {
	font: normal 13px Arial, Helvetica, sans-serif;
	margin: 16px auto;
}

#footer p .txt {
vertical-align: top;
padding-right: 8px;
color: #8187A3;
}

#footer .highlight {
	color: #b8bcc7;
	font-weight: bold;
}


/* ------------------------------------------------- */
/* CONTENT */
/* ------------------------------------------------- */

#content{
	float:left;
	width:972px;
	padding: 0;

	}

#content .flash-holder{
	float:left;
	width:966px;
	margin:8px 0 10px;
	padding: 2px;
	border: 1px solid #5c657e;
	height:194px;
	display: block;
	background: #000;
	}
	
#content .flash-holder .txt-side {
	float: left;
	background: url(/images/flash-left.png) no-repeat;
	width: 321px;
	height: 222px;
	display: block;
	text-indent: -99999px;
}	
#content .flash-holder .flash-side {
	float: right;
	width: 651px;
	height: 222px;
	display: block;
	background: #000;
}
	

#content .secondary-header {
	background: url(/images/secondary-header.jpg) repeat-x;
	height: 73px;
	width: 970px;
	border: solid 1px #5c657e;
	margin: 8px 0 10px;
}
#content .secondary-header h1 {
	text-indent: -99999px;
	display: block;
	margin: 27px 20px;
}

#content .main-box{
	float:left;
	width:972px;
	padding: 10px 0 0 0;
	}

#content .main-box .left-inner{
	float:left;
	width:478px;
	padding: 0 21px;
	line-height: 20px;
	}

#content .main-box .left-inner-full{
	float:left;
	width: 930px;  /* 788px; */
	margin: 0;
	padding: 0 21px;
	line-height: 20px;
	}

#content .main-box .right-inner{

	float:left;
	width:410px;
	padding: 0px 0 0 9px;
	}

.hp-title {
	background:url(/images/a-new-breed-of-container-service.png) no-repeat;

	width: 423px;
	height: 17px;
	display: block;
	text-indent: -999999px;
	overflow: hidden;
	margin: 7px 0 0 0;
	padding: 0; 
}
.hp-subtitle {
	background:url(/images/24-hours-a-day-7-days-a-week.png) no-repeat;
	width: 341px;
	height: 10px;
	display: block;
	text-indent: -999999px;
	overflow: hidden;
	margin: 0;
	padding: 0;

}

.hp-order-title {
	background: url(/images/book-your-dumpster-online.png) no-repeat;
	width: 369px;
	height: 17px;
	display: block;
	text-indent: -999999px;
	overflow: hidden;
	margin: 7px 0 0 0;
	padding: 0; 
}
.hp-order-subtitle {
	background: url(/images/need-a-dumpster-start-here.png) no-repeat;
	width: 214px;
	height: 10px;
	display: block;
	text-indent: -999999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}






















.we-serve-box {
	background: url(/images/we-proudly-serve-box.png) no-repeat;
	width: 316px;
	display: block;
	float: right;
	padding: 35px 0 10px 0;
	margin: 0;
}

.we-serve-box .left-list {
	float: left;
	margin: 0;
	padding: 0 0 0 30px;
}
.we-serve-box .left-list li {
	list-style: url(/images/serve-bulletpt1.png);
	margin: 0;
	padding: 0 0 8px 0;
	width: 110px;
}
.we-serve-box .left-list li:hover, .we-serve-box .right-list li:hover {
	list-style: url(/images/serve-bulletpt.png);
	color: #fff;
}

.we-serve-box .right-list {
	float: left;
	margin: 0;
	padding: 0;
}
.we-serve-box .right-list li {
	list-style: url(/images/serve-bulletpt1.png);
	margin: 0;
	padding: 0 0 8px 0;
	width: 80px;
}
.we-serve-box p {
	float: left;
	margin-top: 14px;
	clear: both;
	width: 300px;
	padding-bottom: 10px;

}

.homeowners-box {
	background: url(/images/homeowners-img.jpg) no-repeat;
	width: 313px;
	display: block;
	float: right;
}
.homeowners-box .homeowners-title {
	background: url(/images/homeowners-txt.png) no-repeat;
	margin-top: 170px;
	width: 112px;
	height: 11px;
	display: block;
	text-indent: -99999px;
}
.homeowners-box p {
	float: left;
	margin: 0;
	padding: 0;
}	

.standard-list {
	margin: 0;
	padding: 0;
}

.standard-list li {
	margin: 0 0 0 8px;
	padding: 0 0 5px 0;
}

.line {
	background: url(/images/line.png) repeat-x;
	height: 1px;
	width: 100%;
	display: block;
}

.sideimg {
	padding: 2px;
	border: solid 1px #adb3c2;
	width: 325px;
}

/*carting system css*/

/*validation error display*/
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
	width:85%;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('http://www.guilianocarting.com/carting/images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('http://www.guilianocarting.com/carting/images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('http://www.guilianocarting.com/carting/images/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('http://www.guilianocarting.com/carting/images/error.gif');
}

.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('http://www.guilianocarting.com/carting/images/validation.png');
}

/*quote css*/


.hp-quick-quote-box {
	width: 415px;
	display: block;
	padding: 30px 10px 5px 10px;
	background-color: #2F3541;

}
.hp-quick-order-box
{
width: 525px;
}

.hp-quick-quote-box p {
	margin: 0;
	padding: 0;
}
.hp-quick-quote-box form {
	padding: 10px 0;
	margin: 0;
}

.hp-quick-quote-box input {
	padding: 5px;
}

div.hp-quick-quote-box
{	
border:1px solid #ffffff;


}

.hp-quick-quote-box table td
{
padding:8px;
}

.hp-quick-quote-box h1, .hp-quick-quote-box h2, .hp-quick-quote-box h3
{
margin:5px;
padding:5px;
}

div.price
{
text-align:center;
font-size:14px;
width:90%;
}

.hp-quick-quote-box label, .hp-quick-quote-box input
{
margin:5px;
}

div.agreement
{
color: #D63301;
border: 1px solid;
margin: 10px 0px;
padding:15px;
background-color: #FFCCBA;
width:95%;

}
div.agreement div
{
width:95%;
height:150px;
overflow:auto;
background-color:#ffffff;
font-size:9px;
color:#000000;
}
div.agreement ol
{
text-align:left;

}
div.agreement ol li
{
padding:4px;

}
.orderprice
{
padding:8px;
text-align:left;
width:60%;
margin:auto;
}

#loading {
    display:none;
    font-weight:bold;
    text-align:center;
	min-height:230px;
	height:auto!important;
	height:230px; 
}

#loading img{
    margin-top:70px; 
}

#ajaxquote
{
line-height:default;
background-image:none;
background-color: #2F3541;
min-height:230px;
height:auto!important;
height:230px; 
}


input.quoteformbutton
{
float:right;
margin-right: 50%;
margin-top: 25px;
}

#quotebackform
{
width:80px;
}



.quoteformstepbuttons
{
background-color:inherit;
border:0px;
}



/*--------------uidatepicker------------------*/

/*
 * Smoothness Theme for jQuery UI Datepicker
 * Generated by Theme Roller ( http://ui.jquery.com/themeroller/ )
 * Authors: 
 *		Filament Group ( http://www.filamentgroup.com )
 * 		Marc Grabanski ( http://marcgrabanski.com/ )
*/
#ui-datepicker-div,
#ui-datepicker-div table,
.ui-datepicker-div,
.ui-datepicker-div table,
.ui-datepicker-inline,
.ui-datepicker-inline table {
	font-size: 12px !important;
}
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	background: #ffffff;
	font-size: 1.1em;
	border: 4px solid #d3d3d3;
	width: 15.5em;
	padding: 2.5em .5em .5em .5em;
	position: relative;
}
#ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
	background: #ffffff;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	background: #e6e6e6 url(https://www.guilianocarting.com/images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: #dadada url(https://www.guilianocarting.com/images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(https://www.guilianocarting.com/images/888888_7x7_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #d3d3d3;
	cursor: pointer;
}
.ui-datepicker-next a {
	background: url(https://www.guilianocarting.com/images/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
	background: url(https://www.guilianocarting.com/images/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
	background: url(https://www.guilianocarting.com/images/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
	background: url(https://www.guilianocarting.com/images/222222_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
	background: url(https://www.guilianocarting.com/images/222222_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-other-month
{
color:#E5E5E5;
}
.ui-datepicker-status
{
color:#000000;
}
.ui-datepicker-header select {
	border: 1px solid #d3d3d3;
	color: #555555;
	background: #e6e6e6;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
	
}
.ui-datepicker-header select.ui-datepicker-new-month {
width: 7em;
left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
width: 5em;
left: 9.4em;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}
table.ui-datepicker td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #555555;
	background: #e6e6e6 url(https://www.guilianocarting.com/images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	cursor: pointer;
	border: 1px solid #ffffff;
}
table.ui-datepicker td a:hover {
	border: 1px solid #999999;
	color: #212121;
	background: #dadada url(https://www.guilianocarting.com/images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active {
	border: 1px solid #dddddd;
	color: #222222;
	background: #ffffff url(https://www.guilianocarting.com/images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #222222;
	text-transform: uppercase;
	/*border-bottom: 1px solid #d3d3d3;*/
}

table.ui-datepicker .ui-datepicker-title-row td a {
	color: #222222;
}

/* ___________ IE6 IFRAME FIX ________ */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}