/* Pen History CSS */

@import url("reset.css");

/* content wrappers 
--------------------*/

#maincontent-container {
  width: 809px;
  background-color: #000;
  display: inline-block;
}

	#shoppingHeader {
	  width: 793px;
	  background-color: #fff;
	  margin: 9px auto 9px auto;
	  color: #000;
	}

	#shoppingHeader h1.shopping-cart-h1{
	  float: left;
	  margin: 35px 0 30px 21px;
	  background: url("../images/shopping/title_shoppingCart.gif") no-repeat;
	  text-indent: -9999em;
	  height: 35px;
	  width: 301px;
	}

	#emptycarth2 {
	  background: url('../images/shopping/ecom_h2-emptycart.gif') no-repeat;
	  height: 19px;
	  margin-bottom: 10px;
	  text-indent: -99999em;
	}

#support-header, #pen-header {
	height: 66px;
	background: url("../images/penhistory/pen-hist-headbg.gif") repeat-y;
	border: #494949 solid 1px;
	position: relative;
	margin-bottom: 10px;
}

	#support-header h1.orderstatus-header-h1{
		margin: 19px 0 0 20px;
		background: url("../images/shopping/title_orderstatus.gif") no-repeat;
		text-indent: -9999em;
		height: 28px;
		width: 227px;
	}

	h3.checkstatus-h3{
		margin: 15px 0 20px 0;
		background: url("../images/shopping/title_checkstatus.gif") no-repeat;
		text-indent: -9999em;
		height: 19px;
		width: 293px;
	}

	h3.noorders-h3{
		margin: 15px 0 20px 0;
		background: url("../images/shopping/title_noorders.gif") no-repeat;
		text-indent: -9999em;
		height: 19px;
		width: 195px;
	}

	#support-header h1.policy-header-h1{
		margin: 19px 0 0 20px;
		background: url("../images/shopping/title_policy.gif") no-repeat;
		text-indent: -9999em;
		height: 28px;
		width: 493px;
	}

	#support-header h1.contact-header-h1{
		margin: 19px 0 0 20px;
		background: url("../images/shopping/title_contact.gif") no-repeat;
		text-indent: -9999em;
		height: 28px;
		width: 403px;
	}

	#support-header h1.tax-header-h1{
		margin: 19px 0 0 20px;
		background: url("../images/shopping/title_taxexempt.gif") no-repeat;
		text-indent: -9999em;
		height: 28px;
		width: 193px;
	}

	#support-header h1.retail-header-h1{
		margin: 19px 0 0 20px;
		background: url("../images/shopping/title_retailfinder.gif") no-repeat;
		text-indent: -9999em;
		height: 28px;
		width: 252px;
	}

	#support-header h1.reconditioned-h1{
		margin: 19px 0 0 20px;
		background: url("../images/shopping/title_reconditioned.gif") no-repeat;
		text-indent: -9999em;
		height: 28px;
		width: 427px;
	}

	#shoppingHeader #addedProduct {
	  float: right;
	  margin: 28px 21px 18px 0px;
	  text-align: center;
	}

	#shoppingHeader #addedProduct img {

	}

	#shoppingHeader #addedProduct p {
	  margin: 0 auto 0 auto;
	}

	#shoppingHeader #addedProduct a {
	  color: #08107b;
	  font-weight: bold;
	}

		#shoppingHeader #addedProduct a:hover {
	  	  color: #ffbb00;
		}

	#maincontent{
	  width: 793px;
	  background-color: #fff;
	  margin: 9px auto 9px auto;
	  color: #000;
	  padding-top: 20px;
	}

	#emptycart {
	  padding: 0px 20px 0px 20px;
	}

		#emptycart hr {
		  margin: 10px 0px 10px 0px;
		}

	#cart {
	  width: 751px;
	  margin: 0 auto 0 auto;
	}

	#cart #cartTitle {
	  background-color: #0F3F71;
	  border-left: 1px solid #0F3F71;
	}

	#cart #cartTitle h3 {
	  color: #fff;
	  font-weight: bold;
	  font-size: 12pt;
	  font-family: arial;
	  margin: 10px 0px 8px 13px;
	}

	#cart .cartCat {
	  background-color: #999;
	  padding: 13px 0px 10px 0px;
	  font-weight: bold;
	  color: #fff;
	  text-align: center;
	  border-top: 1px solid #fff;
	  border-right: 1px solid #ccc;
	}

		#cart .cartCatLeft {
	  	  border-left: 1px solid #ccc;
		  text-align: left;
		  padding-left: 14px;
		}

	#cart .cartProduct {
	  width: 510px;
	  padding: 23px 0px 22px 14px;
	  border-left: 1px solid #ccc;
	  border-top: 1px solid #ccc;
	}

		#cart .cartProduct a {
		  color: #000;
		  font-weight: bold;
		}

		#cart .cartProduct a:hover {
		  color: #666;
		  font-weight: bold;
		}

	#cart .cartQty {
	  width: 69px;
	  text-align: center;
	  border-left: 1px solid #ccc;
	  border-top: 1px solid #ccc;
	}

		#cart .cartQty input {
	  	  width: 44px;
		  font-family: verdana;
		  font-size: 8pt;
		}

	#cart .cartPrice {
	  width: 87px;
	  text-align: center;
	  border-left: 1px solid #ccc;
	  border-top: 1px solid #ccc;
	}

	#cart .cartRemove {
	  width: 85px;
	  text-align: center;
	  border-left: 1px solid #ccc;
	  border-right: 1px solid #ccc;
	  border-top: 1px solid #ccc;
	}

	#cart #cartSubtotal {
	  background-color: #EBEBEB;
	  padding: 19px 15px 13px 0px;
	  text-align: right;
	  border-right: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  border-bottom: 1px solid #ccc;
	}

		#cart #cartSubtotal h4 {
		  font-size: 14px;
		}

		#cart #cartSubtotal p {
		  color: #666;
		}


	#shoppingBtns {
	  float: right;
	  margin: 28px 21px 35px 0px;
	}
	
/* order status */

#print-logo {
  display: none;
}

#orderstatus-form, #orderstatus-noorders, #orderstatus-summary {
  padding: 0px 20px 0px 20px;
}

#orderstatus-form p, #orderstatus-noorders p {
  margin: 0px 0px 10px 0px;
}

#orderstatus-form label {
  font-weight: bold;
  display: inline-block;
  width: 105px;
  margin: 0px 0px 0px 0px;
}

#orderstatus-form span {
  margin: 0px 0px 0px 4px;
  color: #666;
  font-size: 10px;
}

#orderstatus-form span img {
  vertical-align:middle;
}

#orderstatus-form input {
  vertical-align:middle;
}

#orderdetails-h2 {
	background: url('../images/shopping/title_orderdetails.gif') no-repeat;
	width: 251px;
	height: 19px;
	margin-bottom: 10px;
	text-indent: -99999em;
}
p#thankyou {
	display: block;
	margin: 15px 0 15px 0;
}
table#proddesc {
	width: 100%;
}
	#proddesc thead  tr td{
		background-color: #999999;
		padding: 6px 10px;
		font-weight: bold;
		color: #ffffff;
		border: 1px solid #cccccc;
	}
	#proddesc tr td.prodname{
		font-weight: bold;
	}
		#proddesc tr td.prodname a{
			color: #000000;
		}
		#proddesc tr td.prodname a:link, a:active, a:visited{
			text-decoration: underline;
			color: #000000;
		}
		#proddesc tr td.prodname a:hover{
			text-decoration: none;
		}
	#proddesc tr td.prodqty,
	#proddesc tr td.prodprice{
		text-align: center;
	}
	#proddesc tbody {  }
		#proddesc tbody tr td {
			border: 1px solid #cccccc;
			vertical-align: middle;
			padding: 15px 10px;
		}
		#proddesc tbody tr td.totals {
			background-color: #ebebeb;
			font-size: 14px;
			font-weight: bold;
			text-align: right;
		}
			#proddesc tbody tr td.totals span{
				width: 100px;
				display: inline-block;
			}
			#proddesc tbody tr td.totals .taxerror {
			  color: #ff0000;
			}
			#proddesc tbody tr td.totals .taxerror-later {
			  color: #000;
			  font-size: 9px;
			}

			#editcart{
				float: left;
				margin-top: 3px;
			}
			#proddesc tbody tr td.totals p.totaldetail {
				font-size: 11px;
				font-weight: normal;
			}
			#proddesc tbody tr td.totalamount{
				background-color: #dbdbdb !important;
			}
			#proddesc td.cartRemove {
				text-align:center;
			}

#details p {
	margin-bottom: 10px;
}
#details fieldset h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 30px 0 10px 0;
}
#details fieldset#billing h3{
	margin-left: 20px;
}
	#details label {
		display: inline-block;
		margin-bottom: 10px;
		width: 137px;
	}
	#details #billing label{
		margin-left: 20px;
	}
	#details input, #details select{
		margin-bottom: 10px;
	}
	#details input.long {
		width: 180px;
	}
	#details input.short {
		width: 52px;
	}
	#details input.phonesm {
		width: 29px;
	}
	#details input.phonelg {
		width: 36px;
	}
	fieldset#billing {
		background-color: #ebebeb;
		float: left;
		margin: 0 30px 30px 0;
		padding: 0 15px 15px 15px;
		width: 420px;
	}
		p#bill_req{
			margin-left: 20px;
		}

	#confdetails ul{
		float: left;
		line-height: 20px;
		margin: 20px 0px;
		width: 250px;
	}
	
		#confdetails ul h3{
			font-size: 14px;
		}
			#confdetails ul h3 span{
				font-size: 11px;
			}

.errormsg {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #ff0000;
}


/* purchase and return policy */

#store-policy, #store-contact, #store-taxexempt {
  padding: 0px 20px 0px 20px;
}

	#store-policy hr {
	  margin: 8px 0px 13px 0px;
	}

	#store-policy h4 {
	  font-size: 14px;
	  margin: 0px 0px 3px 0px;
	}

	#store-policy p, #store-contact p, #store-taxexempt p {
	  margin: 0px 0px 10px 0px;
	}

	#store-policy a, #store-contact a, #store-taxexempt a {
	  color: #003399;
	  font-weight: bold;
	}

	#store-policy a:hover, #store-contact a:hover, #store-taxexempt a:hover {
	  color: #ffbb00;
	}

	#store-policy table {

	}

		#store-policy table thead td {
		  font-weight: bold;
		  padding: 5px 25px 5px 2px;
		  background-color: #ccc;
		}

		#store-policy table tbody td {
		  padding: 5px 10px 5px 2px;
		}

		#store-policy table .alt {
		  background-color: #eee;
		}