/* base
-------------------------------------*/
div.col-both {
	padding: 30px 15px 0;
	color:#2a4504;
}
div.col-left,
div.col-right  {
	float: left;
	width: 50%;
	margin: 0 0 40px 0;
	padding: 0 15px;
	line-height: 15px;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}
div.col-right {
	border-left:1px solid #d8dec2;
}
p.help {
	clear:both;
	padding:10px 0 30px 0;
}

@media screen and (max-width: 740px) {
	div.col-both {
		padding: 30px 0 0;
	}
	div.col-left,
	div.col-right {
		padding: 0;
	}
}

/* checkout navigation
-------------------------------------*/
div.navigation-container-top {
	font-size:11px;
	clear:both;
	padding:0;
	margin: 20px 0 20px 0;
	vertical-align:middle;
	background-color:#fff;
	width:100%;
	*margin:20px 0;
}
div.navigation-container-top a,
div.navigation-container-bottom a {
	padding:0 1px;
}
div.navigation-container-top a.no-pad,
div.navigation-container-bottom a.no-pad {
	padding:0;
}
div.navigation-container-top span.disabled,
div.navigation-container-bottom span.disabled {
	color:#cad1b3;
}
div.navigation-container-bottom {
	font-size:11px;
	clear:both;
	padding:0;
	margin:0 0 15px 0;
	vertical-align:middle;
	background-color:#fff;
	width:100%;
	*margin:0 0 10px 0;
}
p.navigation-proceed {
	float: left;
	width: 50%;
	text-align: right;
	padding: 0;
	margin: 0;
}
p.navigation-proceed button.checkout {
	float: none;
	display: inline-block;
	max-width: 100%;
}

/* cart
-------------------------------------*/
table.cart {
	margin:0;
	padding:0;
	border-collapse:collapse;
	width: 100%;
}
table.cart th {
	padding:6px 0;
	color:#fff;
	background-color:#2a4504;
}
table.cart td {
	vertical-align:top;
	color:#2a4504;
	background-color:#fff;
	line-height:15px;
}
table.cart th.title {
	padding: 6px 15px !important;
}
table.cart th.thumb {
	width:190px;
}
table.cart td.thumb {
	width:160px;
	padding:15px 15px 20px 15px;
	text-align: center;
}
table.cart th.description {
	width:220px;
	text-align:left;
}
table.cart td.description {
	width:220px;
	padding:15px 15px 0 0;
}
table.cart td.options {
	padding:0 15px 15px 0;
}
table.cart th.quantity {
	width:150px;
	text-align:center;
}
table.cart td.quantity {
	width:120px;
	padding:15px 15px 0 0;
	text-align: center;
}
table.cart th.price {
	width:75px;
	padding-right:25px;
	text-align:right;
}
table.cart td.price {
	width:80px;
	padding:15px 15px 0 0;
	text-align:right;
}
table.cart tr.product-wrapper td {
	border-bottom:1px solid #d8dec2;
}
table.cart table.product-details td {
	vertical-align:top;
	border:0;
}
table.cart th.left,
table.cart td.left {
	text-align:left;
}
table.cart th.right,
table.cart td.right {
	text-align:right;
}
table.cart th.center,
table.cart td.center {
	text-align:center;
}

@media screen and (max-width: 639px) {
	table.cart,
	table.cart thead,
	table.cart tbody,
	table.cart tr,
	table.cart th,
	table.cart td,
	table.cart table.product-details,
	table.cart table.product-details td {
		display: block;
		width: auto;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: left;
	}
	table.cart td.thumb,
	table.cart td.description,
	table.cart td.quantity,
	table.cart td.price {
		float: left;
	}
	table.cart td.thumb {
		width: 40% !important;
		text-align: center !important;
	}
	table.cart td.description {
		width: 60% !important;
	}
	table.cart td.quantity {
		width: 50% !important;
		clear: left;
	}
	table.cart td.price {
		width: 50% !important;
		clear: right;
		text-align: right !important;
	}
	table.cart td.options {
		clear: both;
		padding-top: 15px !important;
	}
}

/* row highlighting
-------------------------------------*/
tr.highlight td {
	background-color:#ffc;
}

/* product display
-------------------------------------*/
div.product-thumbnail {
	width:130px;
	height:100px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}
div.remove {
	background:url(/images/icon_remove_x.gif) 5px 15px transparent no-repeat;
	width:130px;
	padding:10px 0 0 5px;
	margin:0;
}
p.item-number,
div.remove a {
	color:#7f8773;
	font-size:11px;
	line-height:15px;
}
div.remove a:hover {
	color:#af5f1a;
}
p.product-name {
	font-weight:bold;
	color:#e45b00;
	line-height:15px;
}
p.category {
	font-size:11px;
	line-height:15px;
}
ul.product-options {
	list-style:none;
	margin:10px 0;
	color:#2a4504;
}
ul.product-options li {
	line-height:15px;
	margin-bottom:5px;
}
div.edit {
	background:url(/images/icon_edit.gif) 0px 3px transparent no-repeat;
	padding:0 0 0 11px;
}
div.edit a {
	font-size:11px;
	line-height:15px;
}

@media screen and (max-width: 639px) {
	div.product-thumbnail {
		display: block;
		width: 100%;
		height: auto;
	}
	div.remove {
		width: auto;
		display: inline-block;
		background-position: 0 15px;
		padding-left: 10px;
	}
}

/* form mods
-------------------------------------*/
div.form select.shipping-method {
	width:215px;
	padding-top:2px;
}
div.form select.half {
	width:160px;
}
div.form table tbody label {
	font-weight:bold;
	line-height:20px;
}
div.form table tbody tr.required label {
  background:url(/images/field_required.gif) 0 2px transparent no-repeat;
}
div.form table tbody tr.error label {
  background:url(/images/field_error.gif) 0 2px transparent no-repeat;
	color:#920000;
}
div.form table tbody tr.required td {
  background:none;
}
div.form table tbody tr.error td {
  background:none;
}
div.form table tbody tr.required td label,
div.form table tbody tr.error td label {
  padding-left:15px;
}
div.form table tbody td {
  padding:0;
	font-size:12px;
}
div.form table tbody td.caption,
div.form table tbody td span.caption {
	padding-bottom:6px;
}
div.form table tbody td.button button {
	width:150px;
	margin:15px 0 0 145px;
	_margin:15px 0 0 72px;
}

button.save,
button.save:hover {
	*margin-right:26px !important;
}
td#action button {
	width:90px;
	overflow:visible;
	padding:3px 10px 3px 7px; /* ie6 */
}
td#action button[type] {
	padding:3px 10px 4px 7px; /* firefox */
	line-height:14px; /* safari */
}
*:first-child+html button[type] {
	padding:3px 10px 3px 7px; /* ie7 */
}

/* ups and shipping elements
-------------------------------------*/
table.ups {
	margin:0 0 20px 0;
	padding:0;
	border-collapse:collapse;
	width:660px;
	border-bottom:1px solid #d8dec2;
}
table.ups td {
	vertical-align:top;
}
table.ups table td table {
	margin:0;
	padding:0;
	border-collapse:collapse;
}
table.ups table.info {
	width:160px;
	margin-right:26px;
	margin-bottom:15px;
}
table.ups td.thumb {
	width:160px;
	padding:0;
	text-align:center;
}
table.ups td.zipcode {
	width:258px;
	padding:0;
}
table.ups td.shipping-method {
	*padding-left:15px;
	margin-top:-1px;
}
table.ups td#action {
	padding:20px 0 0 0 !important;
}
table.ups td.action button {
	padding:3px 6px 4px 6px !important;
}
table.ups td.no-caption {
	padding-bottom:3px;
}
table.ups td.center {
	text-align:center;
}
table.ups p {
	padding-bottom:10px;
}
input.zipcode {
	width:128px;
	padding:3px 2px;
	margin:0;
}


/* ups map
-------------------------------------*/
div.ups-map {
	float:left;
}


/* subtotals
-------------------------------------*/
div.subtotals {
	float:right;
	margin-right:10px;
	margin-bottom:15px;
	margin-top:20px;
}
div.subtotals table {
	border-collapse:collapse;
}
div.subtotals table td {
	font-weight:bold;
	text-align:right;
	vertical-align:top;
	padding-bottom:5px;
}
div.subtotals table td.pad {
	padding-left:50px;
}
div.subtotals table tr.total td {
	border-top:1px solid #2a4504;
	padding-top:5px;
	color:#e45b00;
}
div.subtotals span.shipping-method {
	font-size:11px;
	font-weight:normal;
}

@media screen and (max-width: 639px) {
	div.subtotals {
		margin-right: 0;
	}
}

/* green form
-------------------------------------*/
div.green {
	background-color:#ecf0de;
}
div.green table tbody td {
	background-color:#ecf0de !important;
}
div.green table tbody td input.checkbox,
div.green table tbody td input.radio-button {
	color:#fff;
	background-color:#ecf0de !important;
}
div.green table tbody td input.cc-radio {
	vertical-align:6px;
	margin-right:1px;
	border:0 !important;
	background-color:#ecf0de !important;
}
