@charset "utf-8";
/* quote.css */

/***************************************************
 *
 * Quote
 *
 ***************************************************/

div#page-quote,
div#page-quote-confirmation {	
	width: 800px;
}

div#page-quote div.header-page,
div#page-quote-confirmation div.header-page {
	margin-bottom: 9px;
}

div#page-quote .quote-controls {
	margin: 10px 0 0 10px;
}

div#page-quote ul.quote-controls {
        list-style: none;
}

div#page-quote ul.quote-controls li {
    float: left;
    margin: 0px;
    padding-right: 40px;

}
	
div#page-quote form#submit-quote-form .request-new-quote-button {
	margin-bottom: 18px;
	margin-left: 10px;
}
	
div#page-quote form#submit-quote-form a.submit {
	color: #257FBA !important;
}

div#page-quote form#submit-quote-form .submit-highlighted {
	margin-bottom: 18px;
	margin-left: 10px;
}

div#page-quote .quote-submit {
	float: right;
}

div#page-quote .intro {
    margin-left: 10px;
}

div#page-quote .quote-intro img {
    float: left;
}

div#page-quote .quote-intro-text {
    float: left;
    margin-left: 10px;
}

h2.quote-items-header {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul#my-quotes-all,
ul#my-quote-items,
ul#my-current-quote {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
	width: 800px;
}

ul#my-quotes-all,
ul#my-current-quote {
	border-top: 1px solid #c7c7c7;
}

ul#my-quotes-all.openAccordion .head,
ul#my-current-quote.openAccordion .head {
	cursor: pointer;	
}

ul#my-quotes-all li,
ul#my-current-quote li,
ul#my-quote-items li {
	margin: 0;
	width: 800px;
}

ul#my-quotes-all li.head,
ul#my-current-quote li.head {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #c7c7c7;
	padding: 10px 0;
}

ul#my-quotes-all li.head.collapsed,
ul#my-current-quote li.head.collapsed {
	background: #efefef url('../images/my_account/icon-arrow-right.png') no-repeat 99% center;
}
	
	
ul#my-quotes-all li.head.expanded,
ul#my-current-quote li.head.expanded {
	background: #efefef url('../images/my_account/icon-arrow-down.png') no-repeat 99% center;
}

ul#my-current-quote li.head div.current-01 {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	width: 360px;
}

ul#my-current-quote li.head div.current-02 {
	float: left;
	padding-right: 10px; 
	width: 370px;
}

ul#my-quotes-all li.head div.submitted-01 {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 90px;
}

ul#my-quotes-all li.head div.submitted-02 {
	float: left;
	padding-right: 10px; 
	width: 160px;
}

ul#my-quotes-all li.head div.submitted-03 {
	float: left;
	padding-right: 10px; 
	width: 90px;
}

ul#my-quotes-all li.head div.submitted-04 {
	float: left;
	padding-right: 10px; 
	width: 370px;
}

div#page-quote-confirmation ul#my-quotes-all li,
div#page-quote-confirmation ul#my-quote-items li,
div#page-quote-confirmation ul#my-current-quote li {
	background: none;
	border-top: 1px solid #dedee0;
	padding: 30px 0 10px 0;
}

div#page-quote-confirmation ul#my-quotes-all li.first,
div#page-quote-confirmation ul#my-quote-items li.first,
div#page-quote-confirmation ul#my-current-quote li.first  {
	border-top: 0;
	padding-top: 10px;
}


	
div#page-quote-confirmation ul#my-quotes-all li ul li,
div#page-quote-confirmation ul#my-quote-items li ul li,
div#page-quote-confirmation ul#my-current-quote li ul li {
	border-top: 0px;
}

ul#my-quotes-all li div.column-01,
ul#my-quote-items li div.column-01,
ul#my-current-quote li div.column-01 {
	float: left;
	margin: 0 20px 0 0;
	width: 150px;
}

ul#my-quotes-all li div.column-02,
ul#my-quote-items li div.column-02,
ul#my-current-quote li div.column-02 {
	float: left;
	width: 620px;
}

ul#my-quotes-all li table#my-quote-items,
ul#my-current-quote li table#my-quote-items {
	border-bottom: 1px solid #c7c7c7;
    margin: 0;
    width: 800px;
}

ul#my-quotes-all li table#my-quote-items td table.show-border,
ul#my-current-quote li table#my-quote-items td table.show-border {
	background: #ffffff url('../images/my_account/my-quotes-bkg.gif') repeat-x right top;
	border-top: 1px solid #C7C7C7;
    width: 800px;
}

ul#my-quotes-all li table#my-quote-items td table.show-border td.first,
ul#my-current-quote li table#my-quote-items td table.show-border td.first {
	padding-top: 20px;
	vertical-align: top;
}

ul#my-current-quote li table#my-quote-items td table.show-border td.first input.submit-highlighted {
	margin-bottom: 0;
}

ul#my-quotes-all li table#my-quote-items td table.show-border ul.nav-utility-page {
	padding-top: 20px;
}

ul#my-quotes-all li table#my-quote-items td table.show-border tr.subtotal-row td {
	padding-bottom: 20px;
}

ul#my-quotes-all li table#my-quote-items td.quote-remove {
	border-top: 1px solid #c7c7c7;
	padding: 20px 10px;
	text-align: right;
	width: 800px;
}
	
ul#my-quotes-all li table#my-quote-items td.column-04 div.email-container h3,
ul#my-quotes-all li table#my-quote-items td div.remove-reasons h3 {
    font-size: 8pt;
    margin: 0;
    font-weight: bold;
}

ul#my-quotes-all li table#my-quote-items td div.quote-flyout-container  {
	padding: 4px;
   	z-index: 100;
  	border: 1px solid #DEDEE0;
    font-size: 9px;
    margin-left: -160px;
    position: absolute;
    width: 300px;
}

ul#my-quotes-all li table#my-quote-items td.quote-remove div.quote-flyout-container  {
    margin-left: 472px;
}

ul#my-quotes-all li table#my-quote-items td div.quote-flyout-container div.email-container,
ul#my-quotes-all li table#my-quote-items td div.quote-flyout-container div.remove-reasons {
    margin: 10px 0 0 10px;
    text-align: left;
}

ul#my-quotes-all li table#my-quote-items td div.quote-flyout-container div.email-container .contact-area {
    height: 100px;
    margin-bottom: 5px;
    width: 275px;
}

ul#my-quotes-all li table#my-quote-items td div.quote-flyout-container div.email-container .bin-button{
    float: right;
    margin-right: 10px;
}
	
ul#my-quotes-all li table#my-quote-items td div.quote-flyout-container div.flyout-closer {
    background: transparent url(/consumer/images/header/close_blue.gif) no-repeat;
    float: right;
    height: 12px;
    width: 12px;
}

ul#my-quotes-all li table#my-quote-items td div.remove-reasons ul.remove-list {
    width: 280px;
}
	
ul#my-quotes-all li table#my-quote-items td div.remove-reasons ul.remove-list li {
 	text-align: left;
    width: 289px;
}

	ul#my-quotes-all li table#my-quote-items td div.remove-reasons ul.remove-list li.submit-reason {
		padding: 5px 0 0 0;
	 	text-align: right;
	}

ul#my-quotes-all li table#my-quote-items td div.remove-reasons ul.remove-list li span {
    display: block;
    float: right;
    padding-top: 2px;
    text-aligh: left;
    width: 255px;
}

ul#my-quotes-all li table#my-quote-items td div.remove-reasons ul.remove-list li label {
    width: 280px;
}

ul#my-quotes-all li table#my-quote-items td.first table.show-border,
ul#my-current-quote li table#my-quote-items td.first table.show-border {
	border: none;
}

ul#my-quotes-all li table#my-quote-items td,
ul#my-current-quote li table#my-quote-items td {
    padding: 0 0 10px 0;
    width: 800px;
}

ul#my-quotes-all li table#my-quote-items td.column-01,
ul#my-current-quote li table#my-quote-items td.column-01 {
	margin: 0;
    width: 150px;
}

ul#my-quotes-all li table#my-quote-items td.column-02,
ul#my-current-quote li table#my-quote-items td.column-02 {
	padding-right: 10px;
    width: 380px;
}

ul#my-quotes-all li table#my-quote-items td.column-02 ul.quote-options li,
ul#my-current-quote li table#my-quote-items td.column-02 ul.quote-options li {
    width: 380px;
}

ul#my-quotes-all li table#my-quote-items td.column-02 ul.quote-options li div.options-label,
ul#my-current-quote li table#my-quote-items td.column-02 ul.quote-options li div.options-label {
    width: 200px;
}

ul#my-quotes-all li div.column-02 div.controls,
ul#my-quote-items li div.column-02 div.controls,
ul#my-current-quote li div.column-02 div.controls {
	float: right;
}

ul#my-current-quote li td.column-01-long div.controls {
	width: 120px;
}

ul#my-quotes-all li div.column-02 div.controls a,
ul#my-quote-items li div.column-02 div.controls a ,
ul#my-current-quote li div.column-02 div.controls a {
	padding-right: 10px;
	padding-left: 10px;
}

ul#my-quotes-all li table#my-quote-items td.column-03,
ul#my-current-quote li table#my-quote-items td.column-03 {
	padding-right: 10px;
   	text-align: right;
   	vertical-align: middle;
    width: 80px;
}

ul#my-quotes-all li table#my-quote-items td.column-03.total,
ul#my-current-quote li table#my-quote-items td.column-03.total {
   	vertical-align: top;
}

ul#my-current-quote li table#my-quote-items td.column-03-long {
	padding-right: 10px;
   	text-align: right;
   	vertical-align: middle;
    width: 300px;
}

ul#my-quotes-all li table#my-quote-items td.column-04,
ul#my-current-quote li table#my-quote-items td.column-04 {
    width: 150px;
}

ul#my-quotes-all li h2,
ul#my-quote-items li h2,
ul#my-current-quote li h2 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul#my-quotes-all li h3,
ul#my-quote-items li h3,
ul#my-current-quote li h3 {
	color: #333;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

ul#my-quotes-all li h4,
ul#my-quote-items li h4,
ul#my-current-quote li h4 {
	color: #333;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul#my-quotes-all ul,
ul#my-quote-items ul,
ul#my-current-quote ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
}

ul#my-quotes-all ul li,
ul#my-quote-items ul li,
ul#my-current-quote ul li {
	background: none;
	float: none;
	margin: 0;
	width: 790px;
}

ul#my-quotes-all .EC img.placeholder-dimensions,
ul#my-quote-items .EC img.placeholder-dimensions,
ul#my-current-quote .EC img.placeholder-dimensions {
	height: 100px;
	width: 120px;	
}

div#page-quote div.controls {
	float: right;
	text-align: right;
	width: 330px;
}

div#page-quote div.controls-02 {
	float: right;
	text-align: right;
	width: 430px;
}

div#page-quote div.controls a {
	float: right;
	margin: 0 0 0 10px;
}

div#page-quote div.controls a.submit {
	float: right;
}

div#page-quote div.controls input.submit-highlighted {
	float: right;
	margin-left: 5px;
	width: 200px;
}

/* Table Based Layout Styles
-------------------------------------------------------------- */

	table#my-quote-items {
		list-style: none;
		margin: 0 0 0 20px;
		padding: 0;
	}
	
	table#my-quote-items td {
		margin: 0 0 0 10px;
		padding: 30px 0 30px 0;
		width: 790px;
	}
	
	table#my-quote-items td.first {
		background: none;
	}
	
	table#my-quote-items td table td {
		background: none;
	}
	
	
	
	div#page-quote-confirmation table#my-quote-items td {
		padding: 10px 0 10px 0;
	}
	
	
	div#page-quote-confirmation table#my-quote-items td {
		border-top: 1px solid #dedee0;
		padding-top: 30px;
	}
	
	div#page-quote-confirmation table#my-quote-items td table td {
		border-top: 0;
	}
	
	div#page-quote-confirmation table#my-quote-items td.first {
		border-top: 0;
		padding-top: 10px;
	}
	
	div#page-quote-confirmation table#my-quote-items td ul li {
		border-top: 0px;
	}
	
	table#my-quote-items .placeholder-dimensions {
		height: 33px;
		width: 33px;
	}
	
	table#my-quote-items .options-swatch .placeholder-dimensions {
		height: 33px;
		width: 33px;
	}
	
	table#my-quote-items td.column-01 {
		float: left;
		margin: 0 20px 0 0;
		vertical-align: top !important;
		width: 150px;
	}
	
	table#my-quote-items td.column-02 {
		float: left;
		vertical-align: top !important;
		width: 330px;
	}
	
	ul#my-current-quote li table#my-quote-items td.column-01-long {
		float: left;
		margin: 0 0 0 160px;
		vertical-align: top !important;
		width: 620px;
	}
	
		ul#my-current-quote li table#my-quote-items td.column-01-long  div.column-02 {
			width: 430px;
		}
		
	table#my-quote-items td.column-02 div.controls {
		float: right;
	}
	
	table#my-quote-items td.column-02 div.controls a {
		padding-right: 30px;
		padding-left: 30px;
	}
	
	table#my-quote-items h2 {
		color: #333;
		font-size: 14px;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	
	table#my-quote-items h3 {
		color: #333;
		font-size: 13px;
		font-weight: normal;
		margin: 0;
		padding: 0;
	}
	
	table#my-quote-items h4 {
		color: #333;
		font-size: 11px;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	
	table#my-quote-items ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: auto;
	}
	
	table#my-quote-items ul li {
		background: none;
		float: none;
		margin: 0;
		padding: 5px 0;
		xxwidth: 620px;
	}
	
	table#my-quote-items .EC img.placeholder-dimensions {
		height: 100px;
		width: 120px;	
	}


ul#my-quotes-all ul li div.column-02 ul.quote-options li,
ul#my-current-quote ul li div.column-02 ul.quote-options li {
	padding: 5px 0;
}

ul.quote-options li div.options-label {
	float: left;
	padding-right: 10px;
	width: 217px;
}

* html ul.quote-options li div.options-label {
	w\idth: 227px;
	width: 217px;
}

ul.quote-options li div.options-swatch{
	float: left;
	height: 32px;
	width: 32px;
}

ul.quote-options li div.options-burner-image {
	float: left;
	width: 60px;
}

ul#my-quotes-all ul.quote-options li div.options-swatch img,
ul#my-current-quote ul.quote-options li div.options-swatch img {
	height: 32px;
	width: 32px;
}

ul.quote-options li div.options-fuel-image {
	float: left;
	width: 227px;
}

td.promo-message-cell span.promo-message,
td.promo-message-cell span.promo-message sup,
td.promo-message-cell span.screen-only {
	color: #f00 !important;
}

div.ECcontent ul li {
	padding: 10px;
	width: 600px;
}

ul#my-quotes-all li div.column-02 div.ECcontent ul li div.column-01,
ul#my-quote-items li div.column-02 div.ECcontent ul li div.column-01,
ul#my-current-quote li div.column-02 div.ECcontent ul li div.column-01 {
	float: left;
	margin: 0 20px 0 0;
	width: 120px;
}

ul#my-quotes-all li div.column-02 div.ECcontent ul li div.column-02,
ul#my-quote-items li div.column-02 div.ECcontent ul li div.column-02,
ul#my-current-quote li div.column-02 div.ECcontent ul li div.column-02 {
	float: left;
	margin: 0;
	width: 460px;
}

div.ECcontent ul li div.column-02 div.controls {
	float: right;
}

ul#my-quotes-all li div.column-02 div.ECcontent ul li h3,
ul#my-quote-items li div.column-02 div.ECcontent ul li h3,
ul#my-current-quote li div.column-02 div.ECcontent ul li h3 {
	color: #333;
	font-size: 12px;
	font-weight: bold;
}

ul#my-quotes-all li div.column-02 div.ECcontent ul li h4,
ul#my-quote-items li div.column-02 div.ECcontent ul li h4,
ul#my-current-quote li div.column-02 div.ECcontent ul li h4 {
	color: #333;
	font-size: 11px;
	font-weight: normal;
}

ul#my-quotes-all li div.column-02 div.ECcontent a.add-more,
ul#my-quote-items li div.column-02 div.ECcontent a.add-more,
ul#my-current-quote li td.column-01-long div.ECcontent a.add-more {
	border-top: 1px solid #ccc;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0;
	text-align: right;
}

/* New Quote
-------------------------------------------------------------- */

ul#my-quote-items {
	margin: 0;
}

ul#my-quote-items li {
	background: url(../images/background-item-divider.gif) repeat-x;
	margin: 0 0 0 10px;
	padding: 30px 0 30px 0;
}

ul#my-quote-items ul li {
	padding: 5px 0;
	width: 620px;
}

ul#my-quote-items ul.quote-options li div.options-swatch img {
	height: 32px;
	width: 32px;
}

ul#my-quote-items img.placeholder-dimensions {
	height: 160px;
	width: 160px;	
}

/* Product Category Links
-------------------------------------------------------------- */

h3.product-category-links {
	clear: both;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin: 9px 0 9px 10px;
	padding: 0;
}

ul.product-category-links {
	list-style: none;
	margin: 0 0 9px 10px;
	padding: 0;
}
	
	ul.product-category-links li {
		float: left;
		margin: 0;
		padding: 0;
	}
	
		ul.product-category-links li a {
			display: block;
			font-size: 12px;
			font-weight: bold;
			padding-top: 14px;
			height: 38px;
		}
			
		ul.product-category-links li.cooking a {
			background: url(../images/product-category-links-cooking.jpg) no-repeat;
			text-indent: 42px;
			width: 111px;
		}
		
		ul.product-category-links li.ventilation a {
			background: url(../images/product-category-links-ventilation.jpg) no-repeat;
			text-indent: 66px;
			width: 150px;
		}
		
		ul.product-category-links li.refrigeration a {
			background: url(../images/product-category-links-refrigeration.jpg) no-repeat;
			text-indent: 36px;
			width: 132px;
		}
		
		ul.product-category-links li.wine-cellars a {
			background: url(../images/product-category-links-wine_cellars.jpg) no-repeat;
			text-indent: 33px;
			width: 130px;
		}
		
		ul.product-category-links li.kitchen-cleanup a {
			background: url(../images/product-category-links-kitchen_cleanup.jpg) no-repeat;
			text-indent: 33px;
			width: 145px;
		}
		
		ul.product-category-links li.outdoor a {
			background: url(../images/product-category-links-outdoor.jpg) no-repeat;
			text-indent: 61px;
			width: 112px;
		}
		

div#page-address-confirmation p {
	margin-left: 10px;
}

div#page-address-confirmation input.submit {
	margin-left: 10px;
}