/* ------------------------- colors ---------------------------
  dark_grey: #a0a2a0;
  medium_grey: #c6c8c6;
  another_grey: #c1c3c1;
  light_grey: #efefef;
  green: #88a727;
*/

/* ----- main holder ------ */
#body {
  width: 100%;
  padding-top: 20px;
  background-image: url(/images/global/pattern_back.png);
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 0 0;
}
#body #content {
  width: 620px;
  margin-left: -310px;
	margin-bottom: 10px;
  left: 50%;
}
#body .column.content {
  padding: 10px;
}
#body .column.content, .form_notifier, .errorExplanation {
  width: 100%;
  margin: 5px 0;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	-moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
}
.form_notifier, .errorExplanation {
  padding: 0 0 10px 30px;
  width: 610px;
	-moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
}
.form_notifier.success {
  padding: 10px 0 10px 30px;
  width: 610px;
}
#body #content h1 {
  font-size: 3em;
  color: #fff;
  margin-bottom:10px;
  background: transparent url(/images/cart/white_arrow.png) scroll no-repeat 0 5px;
  padding-left: 20px;
  margin-left: -20px;
}
/* ----- accoutn info ------ */
#account_info {
	background:#FFFFFF none repeat scroll 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 20px;
	padding: 10px;
	width: 100%;
	margin: 0 0;
}
#account_info a.edit {
	float: right;
	font-size: 1.2em;
}

#account_info p.line_through {
	clear: both;
	border-bottom: 1px solid #efefef;
	text-align: center;
	font-size: 1.1em;
}
#account_info p.line_through span {
	background: #fff;
	padding: 0 10px;
	position: relative;
	top: 7px;
	font-style: italic;
}
#account_info .account_links {
  padding-top: 10px;
  width: 100%;
}
#account_info .account_links a {
  float: left;
}
#account_info .account_links a:hover {
  float: left;
  opacity: .7;
}
#account_info .account_links a img {
  float: left;
}

#account_info h3 {
	background: transparent url(/images/global/account_icon.png) no-repeat;
	font-size: 2.2em;
	line-height: .8em;
	padding: 0 0 0 30px;
	margin-top: 10px;
	float: left;
}
#account_info h3 a {
	display: block;
	font-size: .55em;
	font-style: italic;
	padding-top: 3px;
}
#account_info h3 a:hover {
	color: #88a727;
}

button.submit.checkout, a.button.checkout {
  font-size: 2.2em;
}
button.submit.checkout span, a.button.checkout span {
  background-position: 0 -127px;
  height: 23px;
  padding-top: 4px;
  text-align: center;
  padding-bottom: 5px;
}
button.submit.checkout strong, a.button.checkout strong {
  background-position: 100% -127px;
  padding-right: 30px;
  padding-top: 0;
  height: 22px;
}
button.submit.checkout:hover span, a.button.checkout:hover span {
  background-position: 0 -164px;
}
button.submit.checkout:hover strong, a.button.checkout:hover strong {
  background-position: 100% -164px;
}
button.submit.continue, a.button.continue {
  font-size: 2.2em;
}
button.submit.continue span, a.button.continue span {
  background-position: 0 -412px;
  height: 19px;
  padding-top: 4px;
  text-align: center;
}
button.submit.continue strong, a.button.continue strong {
  background-position: 100% -412px;
  padding-top: 0;
	padding-right: 30px;
  height: 22px;
}
button.submit.continue:hover span, a.button.continue:hover span {
  background-position: 0 -451px;
}
button.submit.continue:hover strong, a.button.continue:hover strong {
  background-position: 100% -451px;
}
button.submit.wishlist span, a.button.wishlist span {
  background-position:0 -63px;
}
button.submit.wishlist strong, a.button.wishlist strong {
  background-position:100% -63px;
}
button.submit.remove span, a.button.remove span {
  background-position:0 -275px;
}
button.submit.remove strong, a.button.remove strong {
  background-position:100% -275px;
}
button.submit.place_order, a.button.place_order {
  font-size: 2.2em;
}
button.submit.place_order span, a.button.place_order span {
  background-position: 0 -203px;
  height: 23px;
  padding-top: 4px;
}
button.submit.place_order strong, a.button.place_order strong {
  background-position: 100% -203px;
  padding-top: 0;
  height: 22px;
	padding-right: 30px;
}
fieldset.payment button.submit.place_order {
	font-size: 1.4em;
}
fieldset.payment button.submit.place_order span{
	background-position: 0 -308px;
}
fieldset.payment button.submit.place_order strong {
	background-position: 100% -308px;
	font-weight: bold;
	padding-top: 6px;
}
fieldset.payment button.submit.place_order:hover span, fieldset.payment a.button.submit.place_order:hover span{
	background-position: 0 -345px;
}
fieldset.payment button.submit.place_order:hover strong, fieldset.payment a.button.submit.place_order:hover strong {
	background-position: 100% -345px;
}
button.submit.place_order:hover span, a.button.place_order:hover span {
  background-position: 0 -240px;
}
button.submit.place_order:hover strong, a.button.place_order:hover strong {
  background-position: 100% -240px;
}

button.submit.yellow strong, a.button.yellow strong {
  background-position:100% -29px;
}
button.submit.yellow span, a.button.yellow span {
  background-position: 0 -29px;
}
button.submit.cart strong, a.button.cart strong {
  background-position:100% -379px;
}
button.submit.cart span, a.button.cart span {
  background-position: 0 -379px;
}

.required {
  float: left;
  display: block;
  font-size: 2em;
  padding: 0 5px;
}
input.set_size {
  width: auto;
}
form p.hint {
  float: right;
  width: 240px;
  font-size: 1.1em;
}
fieldset.inline label {
  width: auto;
}
/* ----- cart structure ----- */

.cart .titles, .item {
  width: 100%;
}
.cart .titles h3 {
  float: left;
  padding-top: 5px;
}
.cart .functions {
	margin-top: 10px;
  width:100%;
}
.cart .functions form {
  float: left;
}
.functions input {
} 
.functions label {
  margin-right: 5px;
}
.cart .item .quantity {
	border-right: 1px solid #e7e7e7;
	float: left;
	height: 85px;
  width: 55px;
  text-align: center;
}
.cart .item .quantity_reg {
  width: 40px;
}
.cart .item form.quantity input {
  width: 2em;
}
.cart .item img {
  float: left;
	margin-left: 5px;
  margin-right: 10px;
}
.cart .description {
  width: 40%;
}
.description h4 {
  font-size: 1.4em;
  color: #c1c3c1;
}
.description h4 strong {
  color: #88a727;
  font-size: 1.2em;
  font-style: italic;
  font-weight: bold;
  letter-spacing: -0.15em;
  padding-right: 5px;
}
.cart .item .description {
  margin-bottom: 0;
	padding-right: 5px;
}
.cart .item .description dl {
  float: left;
  font-size: 1.1em;
}
.cart .item .description dl dt {
  float: left;
  clear: both;
  background: transparent url(/images/global/green_splat.png) no-repeat scroll 2px 7px;
  padding: 5px 5px 5px 20px;
}
.cart .item .description dl dd {
  float: left;
  padding: 5px;
}
.cart .titles h3.quantity {
	margin-left: 0;
  width: 55px;
}
.cart .titles h3.actions {
	margin-left: 0;
  width: 80px;
	text-align: right;
}
.cart .titles h3.description {
	margin-left: 0;
  width: 56%;
}
.cart .titles h3.price {
  float: left;
	padding-right: 0;
	padding-left: 5px;
	width: 15%;
}
.price p {
  text-align: right;
  font-size: 2em;
  letter-spacing: -0.05em;
  color: #7dbfcd;
}
.price del {
  text-align: right;
  text-decoration: line-through;
  font-style: italic;
  font-size: 1.15em;
}
.cart .titles h3.savings {
  float: left;
	width: 18%;
}
.cart .savings {
	border-color: #e7e7e7;
	border-style: solid;
	border-width: 0 1px;
  width: 18%;
  text-align: center;
  float: left;
  padding: 0;
}
.cart .totals {
  width: 100%;
}
.cart .price, .cart .totals h4 strong, .cart .totals h3.total {
  width: 12%;
  text-align: right;
  padding: 0 2%;
  float: right;
}
.cart .reg_price {
  width: 15%;
  text-align: right;
  padding: 0 2%;
  float: left;
}
.cart .actions {
	float: left;
	width: 100px;
}
.cart .totals h4 strong, .cart .totals h3.total {
  width: 15%;
}
.cart .totals h4 {
  width: 100%;
  text-align: right;
  float: right;
}
.cart .totals h4 strong {
  display: inline-block;
}
.cart .totals form, .cart .totals h3 {
  float: right;
}
.cart div.no_items {
	color: #FF0000;
	margin: 0 29%;
}
.navi.tabs {
  width: 103%;
  z-index: 1;
  top: 1px;
  left: 1px;
  margin-top: 10px;
  margin-bottom:-5px;
}
.navi.tabs a {
  font-size: 1.3em;
  letter-spacing: 0.02em;
  border: 1px solid #f7f7f7;
  border-bottom: 0px;
  padding: 3px 10px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  background-color: #fff;
  display: block;
  float: left;
  margin-left: -1px;
  z-index: 0;
  position: relative;
  color: #c0c5c0;
}
.navi.tabs .active a, .navi.tabs a:hover {
  z-index: 1;
  color: #909590;
  border-color: #e7e7e7;
}
.navi.tabs a:hover {
}
.navi.tabs .active a, .navi.tabs .active a:hover {
  color: #88a727;
  padding-bottom: 6px;
  border-bottom: 0px;
  padding-top: 3px;
  margin-top: -2px;
}


