/* base
-------------------------------------*/
div.col-both {
    padding: 30px 15px 0;
	color: #2a4504;
}
div.col-both.product-detail-top {
    padding-top: 0;
}
div.col-left,
div.col-right {
    float: left;
    width: 50%;
    margin: 0 0 40px 0;
    padding: 0 15px;
    line-height: 15px;
}
div.col-right {
    border-left: 1px solid #d8dec2;
}

@media screen and (max-width: 740px) {
    div.col-both {
        padding: 20px 0 0;
    }
    div.col-left,
    div.col-right {
        display: block;
        float: none;
        width: auto;
        padding: 0 0 20px;
        margin: 0;
    }
    div.col-right {
        padding: 20px 0;
        border-left: none;
        border-top: 1px solid #d8dec2;
    }
}

p.help {
	clear:both;
	padding-top:30px;
}

/* product navigation
-------------------------------------*/
div.navigation-container-top {
	font-size:11px;
  clear:both;
  padding:0 10px 3px 10px;
	margin:0 0 30px 0;
  vertical-align:middle;
	background-color:#ecf0de;
	_width:100%;
}
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;
}
p.navigation-top {
	color:#4f6b23;
  float:right;
  padding:0;
  margin:0;
}
div.navigation-container-bottom {
	font-size:11px;
  clear:both;
  padding:0 10px 3px 10px;
	margin:0 0 10px 0;
  vertical-align:middle;
	background-color:#ecf0de;
	_width:100%;
}
p.navigation-bottom {
	color:#4f6b23;
  float:right;
  padding:0;
  margin:0;
}
p.navigation-listing {
	*width:50%;
	_width:auto;
  padding:0;
}
form.navigation {
	_width:auto;
  padding:0;
	margin:0;
}
div.breadcrumbs {
	font-size:11px;
    clear:both;
    padding:0 0 3px 0;
	margin:0 0 10px 0;
    vertical-align:middle;
	_width:100%;
}

/* product description
-------------------------------------*/
p.product-name {
	margin-bottom:10px;
}
span.name {
	font-size:14px;
	color: #e45b00;
	font-weight:bold;
	line-height:15px;
}
span.item-number {
	color:#7f8773;
	font-size:12px;
}
div.product-image-detail {
	text-align:center;
	margin-bottom:10px;
}
div.product-image-detail img {
	border:1px solid #d8dec2;
}
div.product-image-icon {
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	margin-bottom:10px;
}
div.product-image-icon img {
	vertical-align:middle;
}
p.customize {
	color:#e45b00;
	line-height:12px;
	margin:0 0 10px 0;
	font-weight:bold;
}

/* form mods
-------------------------------------*/
div.form {
    display: block;
    padding: 0;
	margin: 0 0 20px 0;
    width: auto;
}
div.form select.full {
	width: 100%;
}
div.form select.half {
	width: 50%;
}
div.form input.half {
	width: 50%;
}
div.form table {
    width: 100%;
}
div.form table tbody label {
	font-weight:bold;
	line-height:20px;
	padding-right:15px;
}
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#f-price {
    width: 100%;
}
div.form table tbody tr td div#price {
	padding:2px 3px 4px 3px;
	margin-bottom:3px;
	font-weight:bold;
	width:80px;
	color:#2a4504;
	background-color:#d3e4b2;
	border:1px solid #e45b00;
	text-align:right;
}
div.form table tbody td.button {
	vertical-align: middle;
    text-align: right;
}
div.form table tbody td.button button {
    display: inline;
    margin: 15px 0 0;
}
button.add-to-cart,
button.add-to-cart:hover {
	margin:0;
	padding:0;
	border:0;
	background:none;
	outline:none;
}
button.add-to-cart:hover {
	cursor:pointer;
}

@media screen and (max-width: 740px) {
    div.form table td,
    div.form table td.button {
        padding-bottom: 15px !important;
    }
}


/* pricing chart
-------------------------------------*/
div#matrix {
	margin-top:40px;
}
table.pricing-chart {
	margin:0;
	padding:0;
	border-collapse:collapse;
	width: 100%;
}
table.pricing-chart th,
table.pricing-chart td {
	padding:6px;
}
table.pricing-chart th {
	color:#fff;
	background-color:#2a4504;
}
table.pricing-chart td {
	color:#2a4504;
	background-color:#fff;
	border-top:1px solid #d8dec2;
}
table.pricing-chart td.first {
	border:0;
}
table.pricing-chart th.right,
table.pricing-chart td.right {
	text-align:right;
}
table.pricing-chart td.quantity {
	width:18px;
	text-align:right;
}