
/* begin checkoutBilling */
/* used in templates/checkout.billing.form.tem.php */

#checkoutBilling {

}

#checkoutBilling .form-label,
#checkoutBilling .form-label-required {
  float: left;
  width: 150px;
  margin-bottom: 4px;
}

#checkoutBilling .form-label-required {
  font-weight: bold;
}

#checkoutBilling .form-field {
  margin-left: 160px;
  margin-bottom: 4px;

}

/* end checkoutBilling */






/* begin view cart */
/* used in templates/view.cart.tem.php */

#viewCart {
	text-align: left;
	width: 500px;
}

#viewCart #pageNote {
	height: auto;
	text-align: left;
}

#viewCart #pageError {
	border: 1px solid #C00000;
	padding: 5px;
	line-height: 20px;
	font-weight: bold;
}

#viewCart #cartItems {
	width: 96%;
	border-collapse: collapse;
	float: left;
	clear: left;
    border: 1px solid #cccccc;
    padding: 4px;
}

#viewCart #cartItems thead tr th {
	color: #c17515;
	background-color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	height: 22px;
	font-size: 12px;
    border: 1px solid #cccccc;
    padding: 4px;
}

#viewCart #cartItems tbody tr td {
	border: 1px solid #D8DDE3;
	text-align: left;
	font-weight: normal;
	height: auto;
	padding: 2px 4px;
}

#viewCart #cartItems .cartError {
	background-color: #FF4040;
}

#viewCart #cartItems .normal {
	background-color: yellow;
}

#viewCart #cartItems .cartWarning {
	background-color: #FFFF80;
}

#viewCart #cartInfo {
	height: auto;
	width: 96%;
	border-collapse: collapse;
	float: left;
	clear: left;
}

#viewCart #cartNumItems {
	width: 150px;
	padding-top: 8px;
	height: 35px;
	float:left;
	clear:left;
	text-align: left;
}

#viewCart #cartCoupon {
	height: 35px;
	width: auto;
	text-align: left;
	float:left;
	clear: left;
}

#viewCart #cartAmounts {
	padding-top: 8px;
	margin-bottom: 8px;
	width: auto;
	float: right;
	text-align: right;
}

#viewCart #cartAmounts .field-link {
	width: 130px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: right;
	vertical-align: bottom;
}

#viewCart #cartAmounts .field-price {
	text-align: right;
	font-weight: bold;
	height: 18px;
	padding: 2px;
}

#viewCart #cartAmounts .field-label {
	text-align: left;
	height: 18px;
	clear: left;
	float: left;
	padding: 2px;
}

#viewCart #cartButtons {
	clear: both;
	float: left;
	margin-top: 25px;
	width: 96%;
	text-align: left;
}

#viewCart .gatewayButtons {
	float: right;
	height: 50px;
}

/* end view cart */





/* begin checkoutPayment */
/* used in templates/checkout.payment.form.tem.php */

#checkoutPayment {

}

#checkoutPayment .form-label {
   float: left;
   width: 150px;
   margin-bottom: 4px;
}

#checkoutPayment .form-field {
   margin-bottom: 4px;

}

#checkoutPayment #paymentOpts {

}

#checkoutPayment #paymentOpts .form-label {

}

#checkoutPayment #paymentOpts .form-field {
  	padding: 4px;
	float: left;
}


#checkoutPayment .pageNote {
	clear:left;
	float: left;
	margin: 5px;
}

/* end checkoutPayment */




/* begin checkoutConfirm */
/* used in templates/checkout.confirm.tem.php */

#checkoutConfirm {

}

#checkoutConfirm #billInfo,
#checkoutConfirm #shipInfo,
#checkoutConfirm #paymentInfo {
	float: left;
	width: 230px;
	height: 190px;
	border: 1px solid #D8DDE3;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 6px;
}

#checkoutConfirm #shipInfo {
    float: left;
}

#checkoutConfirm #paymentInfo {
	clear: both;
	height: auto;
}

#checkoutConfirm #orderDetails {
	clear: both;
	border-collapse: collapse;
}

#checkoutConfirm TABLE#orderDetails TR TD,
#checkoutConfirm TABLE#orderDetails TR TH {
	border: 1px solid #D8DDE3;
    padding: 2px 6px;
}

#checkoutConfirm #orderDetails .list {
	height: 22px;
}

#checkoutConfirm .hdr-title {
	color: #c17515;
	font-weight: bold;
}

.submitOrder {
  margin-top: 10px;
}

.pageNote {

}

/* end checkoutConfirm */








/* begin productList */
/* used in templates/product.grid.tem.php */
/* only used when a product is displaying a "list" of products */

#productList {
	width: 100%;
}

#productList h2 { }

#productList #categoryDescription {
	float: left;
	clear: left;
	margin-bottom: 10px;
	border: 1px solid #FFFFFF;
	width: auto;
	height: auto;
}

#productList table {

}

#productList #topOptions {
	width: auto;
}

#productList #topOptions .search {

}

#productList #topOptions .display {
	float: left;
    white-space: nowrap;
}

#productList #topOptions .sort {
	float: right;
    white-space: nowrap;
}

#productList #topOptions .sort .label {
	float: left;
	height: 18px;
	padding: 2px;
	padding-top: 5px;
}

#productList #topOptions .sort .option {
	float: left;
	padding: 2px;
}

#productList .content-even1 {
	float: left;
	border-bottom: 1px dotted #D9D9D9;
	text-align: left;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: auto;
}

#productList .content-odd1 {
	float: left;
	border-bottom: 1px dotted #D9D9D9;
	text-align: left;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: auto;
}

#productList .title {
	width: 500px;
	float: left;
}

#productList .title a {
	text-decoration: underline;
	font-weight: bold;
}

#productList .title a:hover {
	text-decoration: none;
}

#productList .photo {
	float: left;
    padding-right: 10px;
}
#productList img {
	border: 1px solid black;
}

#productList .description  {
    width: 500px;
	float: left;
}
#productList .description p {
    margin-top: 0px;
}
#productList .details {
    width: 500px;
	font-size: 11px;
	font-weight: normal;
	float: left;
	text-align: left;
	color: #464646;
}

#productList .details .sprice {
	float: left;
    font-style: italic;

}

#productList .details .buttons {
	float: left;
	clear: left;
	text-align: left;
	width: 40%;
}

#productList .details .buttons .detailBtn {
	background:url(../design/images/small_btn.gif) no-repeat center center;
	font-weight: bold;
	font-size: 10px;
	float: left;
	padding-top: 6px;
	width: 100%;
	height: 19px
	text-align: center;
	vertical-align: middle;
}

#productList .details .buttons .detailBtn a {
	color: #FFFFFF;
	text-decoration: none;
}

#productList .details .buttons .detailBtn a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#productList .details .buttons .addToCartBtn {
	background:url(../design/images/medium_btn.gif) no-repeat center center;
	font-weight: bold;
	font-size: 11px;
	float: left;
	padding-top: 6px;
	width: 100%;
	height: 19px;
	text-align: center;
	vertical-align: middle;
}

#productList .details .buttons .addToCartBtn a {
	color: #000000;
	text-decoration: none;
}

#productList .details .buttons .addToCartBtn a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#productList .details .pricenote {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #C00000;
	font-weight: italic;
    float: left;
}

#productList .options {
	float: right;
}

#productList .options .qty {
}

#productList .options .qty input {
	color: #464646;
}

#productList .options .form-label {
	text-align: left;
	padding: 3px;
}

#productList .options .form-field {
	text-align: left;
	width: auto;
	padding: 0px;
}

#productList #btmOptions {
	clear: both;
}

#productList #btmOptions .batchAddToCartButton {
	font-weight: bold;
	font-size: 10px;
	float: left;
	width: 158px;
	height: 19px;
	text-align: center;
	padding: 3px;
	vertical-align: middle;
	margin-top: 15px;
}

#productList #btmOptions .batchAddToCartButton a {

}

#productList #btmOptions .batchAddToCartButton a:hover {
	text-decoration: underline;
}

#productList #btmOptions .pagination {
	float: right;
	width: auto;
	height: 19px;
	font-size: 12px;
	padding-top: 15px;
}

#productList #btmOptions .pagination a {
	color: #C00000;
	text-decoration: underline;
}

#productList #btmOptions .pagination a:hover {
	color: #000000;
	text-decoration: none;
}

/* end productList */



/* begin productGrid */
/* used in templates/product.grid.tem.php */
/* only used when a product is displaying a "grid" of products */

#productGrid {
	width: 100%;
}

#productGrid h2 { }

#productGrid #categoryDescription {
	float: left;
	clear: left;
	margin-bottom: 10px;
	border: 1px solid #FFFFFF;
	width: auto;
	height: auto;
}

#productGrid table {

}

#productGrid #topOptions {
	width: auto;
}

#productGrid #topOptions .search {

}

#productGrid #topOptions .display {
	float: left;
    white-space: nowrap;
}

#productGrid #topOptions .sort {
	float: right;
    white-space: nowrap;
}

#productGrid #topOptions .sort .label {
	float: left;
	height: 18px;
	padding: 2px;
	padding-top: 5px;
}

#productGrid #topOptions .sort .option {
	float: left;
	padding: 2px;
}

#productGrid .content-even2 {
	float: left;
	border-bottom: 1px dotted #D9D9D9;
	text-align: left;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: auto;
}

#productGrid .content-odd2 {
	float: left;
	border-bottom: 1px dotted #D9D9D9;
	text-align: left;
	vertical-align: top;
	padding: 8px;
	margin:	1px;
	width: auto;
}

#productGrid .title {
/*	float: left; */
  padding-right: 15px;
}

#productGrid .title a {
	text-decoration: underline;
	font-weight: bold;
}

#productGrid .title a:hover {
	text-decoration: none;
}

#productGrid .photo {
	float: left;
  padding-right: 10px;
}
#productGrid img {
	border: 1px solid black;
}

#productGrid .details-right {
  float: left;
  padding-right: 5px;
}

#productGrid .description  {
/*    width: 500px;
	float: left; */
}
#productGrid .description p {
    margin-top: 0px;
}
#productGrid .details {
/*    width: 500px; */
	font-size: 11px;
	font-weight: normal;
/*	float: left; */
	text-align: left;
	color: #464646;
}

#productGrid .details .sprice {
/*	float: left; */
  font-style: italic;
  padding-top: 5px;

}

#productGrid .details .buttons {
	float: left;
	clear: left;
	text-align: left;
	width: 40%;
}

#productGrid .details .buttons .detailBtn {
	background:url(../design/images/small_btn.gif) no-repeat center center;
	font-weight: bold;
	font-size: 10px;
	float: left;
	padding-top: 6px;
	width: 100%;
	height: 19px
	text-align: center;
	vertical-align: middle;
}

#productGrid .details .buttons .detailBtn a {
	color: #FFFFFF;
	text-decoration: none;
}

#productGrid .details .buttons .detailBtn a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#productGrid .details .buttons .addToCartBtn {
	background:url(../design/images/medium_btn.gif) no-repeat center center;
	font-weight: bold;
	font-size: 11px;
	float: left;
	padding-top: 6px;
	width: 100%;
	height: 19px;
	text-align: center;
	vertical-align: middle;
}

#productGrid .details .buttons .addToCartBtn a {
	color: #000000;
	text-decoration: none;
}

#productGrid .details .buttons .addToCartBtn a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#productGrid .details .pricenote {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #C00000;
	font-weight: italic;
    float: left;
}

#productGrid .options {
	float: right;
}

#productGrid .options .qty {
}

#productGrid .options .qty input {
	color: #464646;
}

#productGrid .options .form-label {
	text-align: left;
	padding: 3px;
}

#productGrid .options .form-field {
	text-align: left;
	width: auto;
	padding: 0px;
}

#productGrid #btmOptions {
	clear: both;
}

#productGrid #btmOptions .batchAddToCartButton {
	font-weight: bold;
	font-size: 10px;
	float: left;
	width: 158px;
	height: 19px;
	text-align: center;
	padding: 3px;
	vertical-align: middle;
	margin-top: 15px;
}

#productGrid #btmOptions .batchAddToCartButton a {

}

#productGrid #btmOptions .batchAddToCartButton a:hover {
	text-decoration: underline;
}

#productGrid #btmOptions .pagination {
	float: right;
	width: auto;
	height: 19px;
	font-size: 12px;
	padding-top: 15px;
}

#productGrid #btmOptions .pagination a {
	color: #C00000;
	text-decoration: underline;
}

#productGrid #btmOptions .pagination a:hover {
	color: #000000;
	text-decoration: none;
}

/* end productGrid */






/* begin productDetail */
/* used in templates/product.detail.tem.php */

#productDetail {

}

#productDetail #productPhotos {
	float: left;
    margin-right: 10px;
    text-align: center;
}

#productDetail #productPhotos IMG {
    border: 1px solid #666666;
}

#productDetail #prodThumbnails {
	clear: left;
}

#productDetail #extraDetails {
	float: left;
}

#productDetail #extraDetails strong{
	color: #c17515;
}

#productDetail .submitBtn {

}


#productDetail #qtyPricing {
	float: left;
	border-collapse: collapse;
	margin-bottom: 15px;
}

#productDetail #qtyPricing .hdr-title-left {
	float: left;
	background-color: #878787;
	text-align: left;
	font-weight: bold;
	width: 60px;
}

#productDetail #qtyPricing .hdr-title-right {
	float: left;
	color: #FFFFFF;
	background-color: #878787;
	text-align: left;
	font-weight: bold;
	padding: 3px;
	width: 120px;
}

#productDetail #qtyPricing .list-left {
	clear: left;
	float: left;
	border-bottom: 1px solid #D8DDE3;
	width: 60px;
}

#productDetail #qtyPricing .list-right {
	float: left;
	border-bottom: 1px solid #D8DDE3;
	width: 110px;
}


#productDetail .form-label {

}

#productDetail .form-field {

}

#productDetail #customerUpload {
	margin-top: 15px;
	clear: left;
	float: left;
}


#productDetail #detailGroup {
	float: left;
	clear: left;
}

#productDetail #detailTabs {
	clear: left;
	float: left;
	width: 98%;
}

#productDetail #detailTabs ul {
	margin: 0;
	padding: 10px 10px 0 5px;
	list-style: none;
}

#productDetail #detailTabs li {
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#productDetail #detailTabs a .current {
  	color: #FFFFFF;
  	font-size: 150%;
}

#productDetail #detailTabs a {
	float: left;
	background: url(../design/images/tab-left.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 5px;
	text-decoration: none;
}

#productDetail #detailTabs a span {
	float: left;
	display: block;
	background: url(../design/images/tab-right.gif) no-repeat right top;
	padding: 5px 10px 5px 3px;
	color: #404040;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#productDetail #detailTabs a span {
	float: none;
}

/* End IE5-Mac hack */
#productDetail #detailTabs a:hover span {
  	color: #FFFFFF;
}

#productDetail #detailTabs a:hover {
	color: #FFFFFF;
}

#productDetail #detailTabs a:hover span {
	color: #FFFFFF;
}

#productDetail .hdr-title {
	float: left;
	color: #FFFFFF;
	background-color: #878787;
	text-align: left;
	font-weight: bold;
	padding: 5px;
	width: 98%;
}

#productDetail .container {
	clear: both;
	float: left;
}

#productDetail .body {
	clear: left;
	padding: 5px;
}

#productDetail #productDescription {
	margin-top: 15px;
	float: left;
	clear: left;
	width: 485px;
	height: auto;
	text-align: left;
}

#productDetail #productDescription p {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#productDetail #productReviews {
	border: 1px solid #666666;
	width: 485px;
	float: left;
	clear: left;
	height: auto;
	margin-top: 15px;
	text-align: left;
}

#productReviews .body {
	width: 470px;
}

#productReviews .form-field {
	width: 320px;
}

#productDetail #productReviews #productReviewsAddNote {
	display: block;
}

#productDetail #productReviews #productReviewsAdd {
	display: none;
}

#productDetail #productsRelated {
	margin-top: 15px;
	border: 1px solid #404040;
	float: left;
	clear: left;
	width: 485px;
	border-collapse: collapse;
	margin-bottom: 15px;
	text-align: left;
}

#productDetail #productsRelated .content-odd {
	text-align: center;
	width: 165px;
	float: left;
	height: auto;
}

#productDetail #productsRelated .content-even {
	text-align: center;
	width: 165px;
	float: left;
	height: auto;
	border-left: 1px dotted #D8DDE3;
}

#productDetail #productsRelated .title {
	width: 165px;
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: center;
	clear: both;
}

#productDetail #productsRelated .title a {
	color: #C50024;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
	line-height: 16px;
}

#productDetail #productsRelated .title a:hover {
	text-decoration: none;
}

#productDetail #productsRelated .photo {
	text-align: center;
}

#productDetail #productsRelated .details {
	width: 165px;
	text-align: center;
	padding-bottom: 8px;
}

#productDetail #productsRelated .details .sprice {
	width: 165px;
	text-align: center;
	margin-top: 8px;
	font-size: 125%;
	font-weight: bold;
	height: 28px;
	color: #878787;
	width: auto;
}

#productDetail #productsRelated .details .detailsBtn {
	background:url(../design/images/small_btn.gif) no-repeat center center;
	font-weight: bold;
	height: 22px;
	margin: 5px;
	padding-top: 8px;
	text-align: center;
}

#productDetail #productsRelated .details .detailsBtn a {
	color: #FFFFFF;
	text-decoration: none;
}

#productDetail #productsRelated .details .detailsBtn a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* end productDetail */

