/* 
******************************************************************* 
 
Title:			shoppingcart.css 
Browser(s):		Safari, Firefox, IE7 
 
Author:			Andy Davis (adavis@raddsigns.com) 
Version:		v1.0
Last modified:	10.21.2009 
 
******************************************************************* 
*/ 

.cart-font-reset {font-size: 10px!important;}
.cart-font-reset2 {font-size: 12px!important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 20px;}
.cart-padding {padding: 20px;}
.cart-padding h3 { color: #429BAE; font: bold 18px "Helvetica Neue", Helvetica, Arial, sans-serif;  margin-bottom: 20px;}

/*********** CART INFO *************/

#cart_tab {
	width:350px;
	height:25px;
	color:#FFF;
	font: normal 9px Helvetica, Arial, sans-serif;
	float: left;
	padding: 5px 0 0 25px;
	position: absolute;
	top: 3px;
	left: 640px;
	background: url(../images/shopping-cart-icon.png) no-repeat;
	background-position: 0 -2px;
	color: #7a1314;
}

#cart_tab a {
	color: #666;
}

#cart_tab a:hover {
	color: #999;
}

.error,
.warning { color: #ff0000; }

.news-image {
display:block;
margin: 20px 0 25px 0;
}

ul#sp_search {
list-style-type: none;
margin: 30px 0 0 10px;
}

ul#sp_search li {
margin-bottom: 20px;
border-bottom: 1px solid #efefef;
padding-bottom: 20px;
}

/******** Shopping cart definitions ***********/
h3 { font-size: 1.3em; color: #000; }
#sp_breadcrumb {
	font: normal 1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 2px;
margin-bottom: 20px;
}
.warning {
	font: normal 1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	background-color: #ff0000;
	display: block;
	padding: 5px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}
.sp_input_error {
	border: 1px solid #ff0000;
	background-color: yellow;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}
.sp_error {
	font: bold 1.1em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff!important;
	padding: 10px;
	background-color: #ff0000;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
display:block;
}

.sp_box .sp_error, .sp_box .sp_success, .sp_box .sp_hint {margin: 0 15px;}

.sp_success {
	font: bold 1.1em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: green;
	padding: 10px;
	background-color: #eaeaea;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
display:block;
}
.sp_hint {
	color: #999999;
	font-style: italic;
	display: block;
	padding-top: 4px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
font-size: 1.1em;
}

/** cart.html **/
table#sp_cart th {
	font: normal 1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #000;
	color: #fff;
padding: 10px;
}

span.apply-btn input {
font: normal 0.8em "Helvetica Neue", Helvetica, Arial, sans-serif!important;
background-color: #2e7382!important;
color: #fff!important;
padding: 3px 5px!important;
cursor: pointer!important;
margin-left: 2px;
}


table#sp_cart input {
font: normal 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #333;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
background-color: #fff;
border: 1px solid #666;
padding: 2px 0 0 3px;
text-align: left;
}

table#sp_cart tr.main-row td {
text-align: left;
padding: 10px;
font-size: 1.2em;
}

table#sp_cart tr.total-row td {
text-align: left;
padding: 10px;
font-size: 1.2em;
color: #FFF!important;
background-color: #333;
}

.align-rt {
text-align: right!important;
}

.delete-icon {
position: relative;
top: 4px;
}

table#sp_cart tr.nested-row td {
text-align: left;
padding: 5px 5px 0 5px;
font-size: 0.8em;
}

table#sp_cart tr {
	font: normal 1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #eaeaea;
	color: #000;
padding: 0px;
}

.gray1 {
background-color: #CCC!important;
}

.gray2 {
background-color: #EEE!important;
}

.sp_cart_item_name a:link,
.sp_cart_item_name a:active,
.sp_cart_item_name a:visited,
.sp_cart_item_name a:hover {
	font: bold 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
	
}

.sp_cart_item_total,
.sp_cart_subtotal,
.sp_cart_shipping,
.sp_cart_discount,
.sp_cart_total {
	font: bold 1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: right;
}
.sp_cart_total {
	font: bold 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
	
}

/** login.html **/
table.sp_login td {
	font: normal 1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/** account.html **/
ul#sp_account {
	list-style: none;
	font: normal 1.1em "Helvetica Neue", Helvetica, Arial, sans-serif;	
}
ul#sp_account li {
	padding: 5px 0 5px 20px;
}

/** account_details.html **/
table#sp_account_details {
	font: normal 1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*** account_order_status.html ***/
.sp_account_orders blockquote {
	font: normal 1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ul.sp_order_item_list {
	list-style: none;
	margin-left: 25px;
}
ul.sp_order_item_list li {
	font: normal 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 4px;
}
.sp_account_order_total {
	font: bold 1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 10px 0 0 10px;
}

/*** checkout_register.html ***/
div.sp_checkoutpage {
    width: 40%;
}
div.sp_checkoutpage table td,
div.sp_security {
	font: normal 1.1em "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div.sp_checkoutpage h4 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 0;
	padding: 0;
	border-bottom: 0;
}
div.sp_personal {
    float: left;
	margin-right: 5%;
	padding-top: 20px;
}
div.sp_address {
    float: right;
	margin-right: 5%;
	padding-top: 20px;
}
div.sp_required {
	font-weight: bold;
	color: #ff0000;
}
/*** checkout_billing_shipping.html ***/
.sp_shipping_details tr{
padding: 0px;
}

div.sp_billship {
	width: 45%;
}
div.sp_billing {
	float: left;
	margin-left: 0;
}
div.sp_shipping { 
	float: right;
	margin-right: 2%;
}
div.sp_billship>h4 {
	margin-bottom: 10px;
}
div.sp_billship table th {
	text-align: left;
	padding-right: 10px;
	font: normal 1.1em "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div.sp_billship table td {
	padding: 5px;
}

/**** checkout_shipping_method.html ****/
#sp_address {
	float: left;
	width: 45%;
}
#sp_address table th {
	font: normal 1.1em "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#sp_address table td {
	font: normal 1.1em "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/**** checkout_payment.html *****/
#sp_payment {
	float: left;
	width: 50%;
	font: normal 1.1em "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#sp_cc_info {

}
#sp_order_summary {
	float: left;
	width: 45%;
	font: normal 1.1em "Helvetica Neue", Helvetica, Arial, sans-serif;
}

250px {
width: 250px!important;
}

/*** EXPRESS CHECKOUT ***/
#sp_checkout { color: #000; background-color: #0b0f11; padding: 20px; width: 900px; font-size: 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
input.textbox {font: normal 1.2em "Helvetica Neuee", Helvetica, Arial, sans-serif; color: #333; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #fff; border: 2px solid #666; padding: 2px 0 0 3px; text-align: left; }

#sp_page_title { font: bold 1.8em "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 32px; color: #429BAE; margin: 0 0 30px 0; border: none;}
.sp_section_title { font: bold 1.4em "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 32px; color: #FFF; margin-bottom: -6px; text-transform: uppercase;}

#sp_continue_shopping { padding: 2px 0 15px 0; }
#sp_continue_shopping a:link,
#sp_continue_shopping a:active,
#sp_continue_shopping a:visited { font-size: 1.2em; color: #FFF; text-decoration: none; background-color: #2e7382; padding: 8px 10px; margin-bottom: 40px!important; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#sp_continue_shopping a:hover {background-color: #333;}

a { outline: none; }

a:active { outline: none; }

span.sp_shipping_message {display:block; margin: 10px 15px; font-size: 1.1em;}

a.sp_shipping_btn {font-size: 1.1em; color: #FFF; text-decoration: none; background-color: #2e7382; padding: 5px 7px; margin-bottom:10px; margin-left: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: relative: left: 15px;}

a.sp_noaccount_btn {font-size: 1.2em; color: #FFF; text-decoration: none; background-color: #2e7382; padding: 5px 7px; margin-bottom:10px; width: 160px; margin-left: 120px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: relative: left: 15px;display:block; text-align: center;}

a.sp_shipping_btn:hover,
a.sp_noaccount_btn:hover {background-color: #333;}

.textbox {margin-bottom: 5px;}

/* Cart summary */
/*
#cart_checkout {
    position:absolute;
    left:50%;
}
*/
/* Auto-complete */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not set or set 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	color: #000;
}

.ac_loading {
	background: white url('../images/indicator.gif') right center no-repeat;
	color: #000;
}

.ac_odd,
.ac_even {
	background-color: #eaeaea;
	color: #000;
}

.ac_over {
	background-color: #999999;
	color: #fff;
}

div.sp_leftbox { float: left; width: 400px; margin-right: 20px;  }
div.sp_rightbox { float: right; padding-left: 20px; width: 400px; }

div.sp_right input.button {margin-bottom: 10px;}

div.sp_clear { clear: both; }

div.sp_box { padding: 3px 0px; background-color: #efefef; margin-bottom: 20px; -moz-border-radius: 6px; 
	-webkit-border-radius: 6px;}

div.sp_field { padding: 10px 0 0 0; overflow: auto; height: 100%; }
    div.sp_field div.sp_left { float: left; width: 110px; margin-right: 15px; padding-top:12px; text-align: right;  font-weight: bold;}
    div.sp_field div.sp_required { font-weight: bold; }
    div.sp_field div.sp_left span.sp_instructions { font: 10px 'Arial', 'Helvetica'; color: #999; font-style: italic; text-transform: none;}

    div.sp_field div.sp_right { }
    div.sp_field div.sp_right span.sp_error { font-size: 90%; color: #600;}
		
span.sp_required { margin-top: 10px; text-align: center; }
.sp_success { margin-top: 10px; text-align: center;}
.sp_message {
	font: bold 1.1em "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #FFF;
	padding: 10px;
	background-color: #333;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
        display:block;
        text-align: center;
        margin-top: 10px;
        margin-right: 15px;
        margin-left: 15px;
}

table#sp_cart_summary { padding: 10px; }
table#sp_cart_summary span.sp_item_price { font-size: 80%; color: #999; }

table#sp_cart_summary thead { background-color: #ccc; border: 1px solid #A7DAFA; padding: 2px 4px!important; }
table#sp_cart_summary thead th { padding: 4px; color: #333333; font-weight: bold; }

#sp_head_item { text-align: left; }
#sp_head_quantity { text-align: center; }
#sp_head_price { text-align: right; }

table#sp_cart_summary tbody td { 1.2em; padding: 5px 10px; border-bottom: 1px solid #999; }

.sp_cart_item { text-align: left; font-size: 1.1em; }
.sp_cart_item_quantity { text-align: center; }
.sp_cart_item_price { text-align: right; padding: 3px; }

.sp_cart_item_options { margin-left: 10px; list-style: none; }
.sp_cart_item_options li { font-size: 1.1em; color: #555555; }

tfoot { font-size: 1.1em; color: #000; font-weight: bold; background-color: #e8e8e8;}
tfoot tr {border-bottom: #e1e1e1;}
td#sp_subtotal_label, td#sp_shipping_label, td#sp_tax_label, td#sp_total_label  {border-left: 1px solid #999; text-indent: 5px; color: #666;}
td#sp_subtotal, td#sp_shipping, td#sp_tax, td#sp_total  {border-right: 1px solid #999; text-indent: -5px!important;}
td#sp_total_label, td#sp_total {border-bottom: 1px solid #999;}
td#sp_subtotal_label, td#sp_subtotal, td#sp_shipping_label, td#sp_shipping, td#sp_tax_label, td#sp_tax {border-bottom: 1px solid #ccc;}

.col1 { padding: 8px 5px 8px 5px; border-right: none;}
.col2 {  padding: 8px 5px 8px 5px; text-align: right; border-right: none;}
#total_label, #total_row { font-weight: bold; }

#cc_logos { margin-top: 15px; }

.sp_separator { background: url('../images/dotted-line-bg.gif') repeat-x; height: 20px; width: 90%; margin-left: 15px; margin-bottom: 5px; margin-top: 20px; border: none;}
table.sp_order_summary { padding: 10px; }
table.sp_order_summary td { padding: 2px; font-size: 1.3em;}
.sp_order_summary th { text-align: right; padding-right: 5px; width: 30%}
.sp_order_total,
.sp_order_total_label { font-weight: bold; }
.sp_subscribe {padding-left: 10px;}


.sp_shipping_methods, .sp_shipping_message { margin: 15px; font-size: 1.2em; }
.sp_shipping_message {font-size: 1.4em; font-weight: bold;}
#step4 {
float: right!important;
margin-right: none!important;
padding-left: 20px;
clear: after;
}