/*
    Document   : quickquote
    Created on : Feb 28, 2014, 2:26:13 PM
    Author     : PrestaMonster.com
    Description:
    Purpose of the stylesheet follows.
*/

a.ajax_add_to_quote_button {
	color: #fff;
	background: #51b11d;
	border: none;
	margin-top: 10px;
}
.product_accessories_description a.ajax_add_to_quote_button {
	position: absolute;
	top: -10px;
	right: 0px;
}
a.ajax_add_to_quote_button:hover {
	background: #359202;
	color: #fff;
}

/*Quote button on list page*/
ul.product_list.grid > li .button-container .ajax_add_to_quote_button {
	position: absolute;
	top: 5px;
	right: 5px;
	margin: 0;
}
ul.product_list.list > li .button-container .ajax_add_to_quote_button {
	background: url('../img/icon-quote.png') 0 0 no-repeat;
	padding: 0 0 0 25px;
	margin-top: 20px;
	font-weight: 700;
	line-height: 20px;
	display: block;
	color: #777;
	margin-bottom: 0 !important;
}
ul.product_list.list > li .button-container .ajax_add_to_quote_button:hover {
	color: #515151;
}
ul.product_list.list > li .right-block .right-block-content .button-container {
	padding-bottom: 10px;
}

/*Quote button on product detail page*/
#product .box-cart-bottom .buttons_add_product_to_quote a {
	background: url('../img/icon-quote-b.png') 0 0 no-repeat;
	padding-left: 38px;
	margin-top: 10px;
	font-weight: 700;
	line-height: 30px;
	display: block;
	cursor: pointer;
}

.quote_top
{
    clear: both;
    float: right;
    font-weight: bold;
    margin: 5px 0;
}
.quote_top, .quote_top a
{
    color: red;
}
.icon_myquote
{
	background: url("../../../logo.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.icon_quote
{
	width: 26px;
}

/*****************************************************************************
					Layer Cart Css
*****************************************************************************/
.layer_quote_overlay {
	background-color: #000;
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 98;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: 0.2; }

* html .layer_quote_overlay {
	position: absolute;
	left: 0;
	margin-left: -160px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: 0.2; }

#layer_quote {
	background-color: white;
	position: fixed;
	bottom: 0;
	top: auto !important;
	right: 0;
	display: none;
	z-index: 99;
}
#layer_quote .layer_quote_product {
    padding: 15px;
    overflow: hidden;
}
#layer_quote .layer_quote_product h2 {
	font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 23px;
	color: #000;
	margin-bottom: 18px;
	margin-top: 0px;
	padding-right: 18px;
}
@media (max-width: 767px) {
	#layer_quote .layer_quote_product h2 {
		font-size: 18px;
		padding-right: 0;
		line-height: normal; } }
#layer_quote .layer_quote_product h2 i {
	font-size: 30px;
	line-height: 30px;
	float: left;
	padding-right: 8px; }
@media (max-width: 767px) {
	#layer_quote .layer_quote_product h2 i {
		font-size: 22px;
		line-height: 22px; } }
#layer_quote .layer_quote_product .product-image-container {
	max-width: 178px;
	border: 1px solid #d6d4d4;
	padding: 5px;
	float: left;
	margin-right: 30px; }
@media (max-width: 480px) {
	#layer_quote .layer_quote_product .product-image-container {
		float: none;
		margin-right: 0;
		margin-bottom: 10px; } }
#layer_quote .layer_quote_product .layer_quote_product_info {
	padding: 38px 0 0 0; }
#layer_quote .layer_quote_product .layer_quote_product_info .layer_quote_product_title {
	display: block;
	padding-bottom: 8px; }
#layer_quote .layer_quote_product .layer_quote_product_info > div {
	padding-bottom: 7px; }
#layer_quote .layer_quote_product .layer_quote_product_info > div strong {
	padding-right: 3px; }
#layer_quote .layer_quote_cart {
    background: #fafafa;
    border-left: 1px solid #d6d4d4;
    padding: 21px 30px 170px 30px;
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    -ms-border-radius: 0px 4px 4px 0px;
    -o-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
    position: relative; }
@media (min-width: 1200px) {
	#layer_quote .layer_quote_cart {
        min-height: 318px; } }
@media (min-width: 992px) and (max-width: 1199px) {
	#layer_quote .layer_quote_cart {
        min-height: 360px; } }
@media (max-width: 991px) {
	#layer_quote .layer_quote_cart {
        border-left: none;
        border-top: 1px solid #d6d4d4; } }
#layer_quote .layer_quote_cart h2 {
	font: 400 23px/29px Arial, Helvetica, sans-serif;
	color: #333333;
	border-bottom: 1px solid #d6d4d4;
	padding-bottom: 13px;
	margin-bottom: 17px; }
@media (max-width: 767px) {
	#layer_quote .layer_quote_cart h2 {
		font-size: 18px; } }
#layer_quote .layer_quote_cart .layer_quote_row {
	padding: 0 0 7px 0; }
#layer_quote .layer_quote_cart .button-container {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0px 30px 20px 30px; }
#layer_quote .layer_quote_cart .button-container .btn {
	margin-bottom: 10px; }
#layer_quote .layer_quote_cart .button-container span.exclusive-medium {
	margin-right: 5px; }
#layer_quote .layer_quote_cart .button-container span.exclusive-medium i {
	padding-right: 5px;
	color: #777777; }
#layer_quote .cross {
    position: absolute;
    right: 7px;
    top: 8px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    color: #333333;
    z-index: 2; }
#layer_quote .cross:before {
	content: "\f057";
	display: block;
	font-family: "FontAwesome";
	font-size: 25px;
	line-height: 25px; }
#layer_quote .cross:hover {
	color: #515151; }
#layer_quote .continue {
    cursor: pointer; }
#layer_quote p {
    padding: 0px; }

#quote_new_account {
		line-height: 20px;
}
#quote_new_account .box {
	padding-bottom: 20px;
}
#quote_new_account .cart_navigation {
	margin-bottom: 53px;
}
#quote_new_account .page-heading.step-num {
	position: relative;
	padding-left: 45px;
	overflow: visible;
}
#quote_new_account .page-heading.step-num span {
	font-weight: bold;
	font-size: 42px;
	line-height: 51px;
	font-style: italic;
	color: #333333;
	position: absolute;
	left: 10px;
	top: -14px;
}
#quote_new_account .form-group .form-control,
#quote_account .form-group .form-control,
#quote_as_guest .form-group .form-control {
	max-width: 350px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
    height: 36px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
#quote_new_account .lost_password {
	display: inline-block;
	text-decoration: underline;
	margin: 5px 0 14px;
}
#quote_new_account .lost_password:hover {
	text-decoration: none;
}
#quote_new_account .title_block {
	font-weight: bold;
	color: #333333;
	padding: 3px 0 6px;
}
#quote_new_account .opc-button {
	padding: 11px 0 0 0;
}
#quote_new_account ul.bullet {
	line-height: 22px;
	margin-bottom: 5px;
}
#quote_new_account .date-select {
	padding-bottom: 10px;
}
#quote_new_account .opc-add-save {
	border-top: 1px solid #d6d4d4;
	margin-top: 20px;
	padding-top: 20px;
}
#quote_new_account #message {
	margin-bottom: 35px;
}
#quote_new_account #opc_payment_methods {
	margin-bottom: 30px;
}
#quote_new_account #opc_payment_methods p.warning {
	color: #F13340;
	font-weight: 700;
}
#quote_new_account #opc_account {
	margin-bottom: 30px;
}
#quote_new_account .address_delivery.select {
	margin-bottom: 15px;
}
#quote_new_account #address_invoice_form.form-group {
	margin-bottom: 30px;
}
#quote_new_account form.std .row .col-xs-4 {
	padding-right: 5px;
	max-width: 97px;
}


.address li.address_update {
	margin: 14px 0 6px 0;
}
#quote_account #address_invoice_form a.btn {
	margin-top: 22px;
}

#hsqqt_top {
		position: absolute;
		top: 62px;
		right: 25.7%;
		z-index: 5;
}
#hsqqt_top .qqt-top-wrap {
	position: relative;
}

#hsqqt_top span.qq-total {
	position: absolute;
	background: #EC0606;
	color: #FFF;
	font-size: 12px;
	min-width: 1.3em;
	display: inline-block;
	text-align: center;
	line-height: 1em;
	padding: 3px 2px;
	top: -8px;
	right: -10px
}


.quote_block .remove_link {
	position: absolute;
	right: 10px;
	top: 19px;
}
.quote_block .remove_link a,
.quote_block .ajax_quote_block_remove_link {
	color: #777777;
	display: block;
	width: 100%;
	height: 100%;
}
.quote_block .remove_link a:before,
.quote_block .ajax_quote_block_remove_link:before {
	display: inline-block;
	content: "\f057";
	font-family: "FontAwesome";
	font-size: 18px;
	line-height: 18px;
}
.quote_block .remove_link a:hover,
.quote_block .ajax_quote_block_remove_link:hover {
	color: #515151;
}
.quote_block .quote-images {
	float: left;
	margin-right: 20px;
}
.quote_block .quote-info {
	overflow: hidden;
	position: relative;
	padding-right: 20px;
}
.quote_block .quote-info .product-name {
	padding-bottom: 5px;
	margin-top: -4px;
}
.quote_block .quote-info .product-name a {
	font-size: 13px;
	line-height: 18px;
	display: inline-block;
}
.quote_block .quote-info .quantity-formated {
	display: inline-block;
	color: #9c9b9b;
	text-transform: uppercase;
	font-size: 10px;
	padding-right: 5px;
}
.quote_block .quote-info .quantity-formated .quantity {
	font-size: 15px;
}
.quote_block dt {
	font-weight: normal;
	overflow: hidden;
	padding: 20px 10px 16px 20px;
	position: relative;
}
.quote_block dd {
	position: relative;
}
.quote_block dd .quote_block_customizations {
	border-top: 1px dashed #333333;
}
.quote_block dd .quote_block_customizations li {
	padding: 10px 20px;
}
.quote_block dd .quote_block_customizations li .deleteCustomizableProduct {
	position: absolute;
	right: 10px;
}
.quote_block .quote_block_no_products {
	margin: 0;
	padding: 10px 20px;
}
.quote_block .quote-prices {
	border-top: 1px solid #d6d4d4;
	font-weight: bold;
	padding: 10px 20px 22px 20px;
}
.quote_block .quote-prices .quote-prices-line {
	overflow: hidden;
	border-bottom: 1px solid #515151;
	padding: 7px 0;
}
.quote_block .quote-prices .quote-prices-line.last-line {
	border: none;
}
.quote_block .quote-buttons {
	overflow: hidden;
	padding: 20px 20px 10px 20px;
	margin: 0;
	background: #f6f6f6;
}
.quote_block .quote-buttons a {
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 10px;
	margin-right: 10px;
}
.quote_block .block_quote_total {
	float: right;
}

#header .quote_block {
	position: absolute;
	top: 40px;
	right: -15px;
	z-index: 100;
	display: none;
	height: auto;
	background: #484848;
	color: white;
	width: 270px;
}
#header .empty {
	background: none;
}
@media (max-width: 1200px) {
	#hsqqt_top {
		right: 32.2%;
	}
}
@media (max-width: 768px) {
	#hsqqt_top {
		clear: both;
		position: static;
		text-align: right;
		width: 100%;
		padding: 15px 25px 0;
		margin: 0;
	}
}

#hsqqt_top .quote_block:before {
	position: absolute;
	top: -7px;
	right: 10px;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #484848 transparent;
}
#hsqqt_top .quote_block.empty:before {
	display: none;
}

#header .quote_block a {
	color: white;
}
#header .quote_block a:hover {
	color: #9c9b9b;
}
#header .quote_block .remove_link a,
#header .quote_block .ajax_quote_block_remove_link {
	color: white;
	outline: none;
	text-decoration: none;
}
#header .quote_block .remove_link a:hover,
#header .quote_block .ajax_quote_block_remove_link:hover {
	color: #9c9b9b;
}
#header .quote_block .price {
	color: white;
}
#header .quote_block dt {
	background: url(../img/quote-shadow.png) repeat-x;

}
#header .quote_block dt.first_item {
	background: none;
}
#header .quote_block .product-atributes {
	padding-bottom: 10px;
	font-size: 11px;
}
#header .quote_block .product-atributes a {
	color: #9c9b9b;
}
#header .quote_block .product-atributes a:hover {
	color: white;
}
#header .quote_block .quote-prices {
	border: none;
	background: url(../img/quote-shadow.png) repeat-x #3d3d3d;
}
#header .quote_block .quote-buttons {
	background: url(../img/quote-shadow.png) repeat-x #333333;
}

#header .block_content {
	margin-bottom: 0;
}
#hsqqt_top .quote_block .quote-buttons a.checkout_quote {
	margin-right: 0;
	border: none;
}
#hsqqt_top .quote_block .quote-buttons a.checkout_quote span {
	padding: 7px 0;
	font-size: 1.1em;
	border: solid 1px #63c473;
	background: #43b155;
}
#hsqqt_top .quote_block .quote-buttons a.checkout_quote:hover span {
	border: solid 1px #358c43;
	background: #2e7a3a;
	color: white;
}

.table tbody > tr > td.quote_quantity {
		padding: 41px 14px 25px;
		width: 88px;
}
.quote_quantity .quote_quantity_input {
	height: 27px;
	line-height: 27px;
	padding: 0;
	text-align: center;
	width: 57px;
}
.table tbody > tr > td.quote_quantity .quote_quantity_button {
	margin-top: 3px;
}
.table tbody > tr > td.quote_quantity .quote_quantity_button a {
	float: left;
	margin-right: 3px;
}
.table tbody > tr > td.quote_quantity .quote_quantity_button a + a {
	margin-right: 0;
}
.table tbody > tr > td.quote_delete {
	text-align: center;
	padding: 5px;
}
.table tbody > tr > td.quote_delete a {
	font-size: 23px;
	color: #333;
}
.table tbody > tr > td.quote_delete a:hover {
	color: #C0C0C0;
}
.table tfoot > tr > td.total_detail {
	font: 600 18px/24px "Open Sans", sans-serif;
	color: #555454;
	text-align: right;
}
.table tfoot > tr > td.total_price {
	text-align: right;
	background: #fff;
	font: 600 18px/24px "Open Sans", sans-serif
}

#quote_new_account select.form-control {
	width:120px;
}

#quote_new_account select#years, 
#quote_new_account select#months, 
#quote_new_account select#days {
	width: 80px;
}

#quote_new_account select#id_country {
	width:150px;
}
.col-xs-12 #submit_guest_account
{
	margin-top: 22px;
}

.block_quote_content_product
{
	padding-bottom: 70px;
}
.block_quote_content_products
{
	padding-top: 30px;
	padding-bottom: 70px;
}

.block_cus_quote_content_products
{
	padding-top: 30px;
}