﻿/* styles for catalogue product list */
.productListContainer
{
    color: #351a00;
    width: 701px;
    border-bottom: dotted 1px #351a00;
    border-top: solid 0px #00f;
    border-right: solid 0px #00f;
}
.productListImagePanel
{
    height: 130px;
    width: 212px;
    padding: 17px;
    float: left;
    margin: 0px;
    vertical-align: middle;
    border: solid 0px #ccc;
}
.productListCenterPanel
{
    padding: 5px;
    width: 320px;
}
.productListName
{
    color: #b60b01;
    padding: 10px;
    text-align: left;
    height: 40px;
    width: 100%;
    border: solid 0px #ccc;
}
.productListPromoText
{
    color: #351a00;
    padding: 5px 0px 0px 5px;
    text-align: left; 
    height: 65px;
    width: 100%; 
    vertical-align: top;
    border: solid 0px #ccc;  
}
.productListMore
{
    margin-top: 5px;
    text-align: left;
}
.productListMore A
,.productListMore A:link
,.productListMore A:visited
{
    background-image: url(../images/small_arrow_up.gif);
    background-position: right center;
    background-repeat: no-repeat;
    text-decoration: underline;
    color: #b60b01;
    padding-right: 10px;
}
.productListMore A:hover
{
    background-image: url(../images/small_arrow_down.gif);
    background-position: right center;
    background-repeat: no-repeat;
    text-decoration: underline;
}

.productListMore
{
}
.productListQtyPrice
{
}
.productListCenterPanel TABLE
{
    width: 100%;
}

.productListRightPanel
{
    float: right;
    width: 125px;
    padding-bottom: 5px;
    border: solid 0px #ccc;
}
.productListAddToCart
{
    float: right;
    margin-top: 110px;
    /*width: 100px;*/
}
.productListAddToCart A
{
    text-decoration: none;
}
.productListAddToCart SPAN
{
    color: #fff;
}
/* end of styles for catalogue product list */

/* styles for product detail */
#productDetailTopContainer
{
    width: 690px;
    height: 150px;
    margin: 10px 0px;
    border: solid 0px #00f;
}
#productDetailImage
{
    float: left;
    width: 212px;
    text-align: left;
    border: solid 0px #00f;
}
#productDetailNamePrice
{
    float: left;
    width: 214px;
    height: 130px;
    padding: 0px 10px;
    margin: 0px 5px;
    text-align: left;
    font-weight: bold;
    border: solid 0px #ccc;    
}
#productDetailName
{
    color: #351a00;
    font-size: 1.36em;
    font-weight: normal; 
    margin: 17px 0px;
    text-align: left;
}
#productDetailPrice
{
    font-weight: normal;
    margin: 25px 0px;
    text-align: left;
}
#productDetailQty
{
    float: left;
    margin: 0px 0px;
    border: solid 0px #ccc;
}

#productDetailLinks
{
    float: right;
    width: 200px;
    height: 90px;
    padding: 10px 0px 10px 20px;
    margin: 10px 5px;
    border-left: dotted 1px #ccc; 
    text-align: left;
}
#productDetailLinks A.tellAFriend
{
    background-image: url(../images/tell_friend_icon.jpg);
    background-position: right center;
    background-repeat: no-repeat; 
    padding-right: 15px; 
}
#productDetailLinks A.print
{
    background-image: url(../images/print_icon.jpg);
    background-position: right center;
    background-repeat: no-repeat; 
    padding-right: 15px; 
}
.productDescRA
{
    color: #351a00;
    float: left;
    padding: 10px;
    text-align: left; 
    width: 671px; 
    vertical-align: top;
    border: solid 1px #ccc; 
}
/* end of styles for product detail */


/* styles for cart product list */
.cartProductContainer
{
    height: 70px;
    /*width: 701px;*/
}
.cartProductImage
{
    width: 110px;
    text-align: left;
}
.cartProductName
{
    padding: 10px;
    width: 200px;
    text-align: left;
    vertical-align: middle;
}
.cartProductQty
{
    width: 30px;
    text-align: center;
    vertical-align: middle;
}
.cartProductPrice
{
    font-weight: bold;
    width: 80px;
    text-align: right;
    vertical-align: middle;
}
.cartProductTotal
{
    font-weight: bold;
    width: 80px;
    text-align: right;
    vertical-align: middle;
}
.cartProductRemove
{
    width: 120px;
}
.cartProductRemove A
,.cartProductRemove A:link
,.cartProductRemove A:visited
{
    background-color: Transparent;
    background-image: url(../images/delete_icon.gif);
    background-position: left center;
    background-repeat: no-repeat; 
    color: #b60b01;
    font-weight: bold;
    padding-left: 20px;
    text-decoration: none;       
}
.cartProductRemove A:hover
{
    text-decoration: underline;
}
.cartSubtotal
{
    color: #351a00;
    font-weight: bold;
    height: 50px;
    text-align: right;
    vertical-align: bottom;
}
.cartSpacer
{
    border-bottom: dotted 0px #351a00;
    height: 10px;
}

.cartNoItems
{
    color: #351a00;
    font-weight: bold;
    height: 35px;
    width: 240;
    text-align: center;
    padding-top: 15px;
    margin-top: 50px;
    border: solid 0px #ccc;
}
/* end of styles for cart product list */


/* style for pager buttons*/
.pagerBar
{
    height: 50px;
}
.pagerButtons
{
    float: right;
    margin: 18px 15px 0px 0px;
    text-transform: uppercase;
}
.pagerButtons A
,.pagerButtons A:link
,.pagerButtons A:visited
{
    color: #b60b01;
    font-weight: bold;
    margin: 0px 5px;
    text-decoration: none;
}
.pagerButtons A:hover
{
    color: #351a00;
}
.pagerButtons2
{
    margin: 0px 15px 0px 0px;
    text-transform: uppercase;
}
.pagerButtons2 A
,.pagerButtons2 A:link
,.pagerButtons2 A:visited
{
    color: #b60b01;
    font-weight: bold;
    margin: 0px 5px;
    text-decoration: none;
}
.pagerButtons2 A:hover
{
    color: #351a00;
}

.pagerButtons A.previous
,.pagerButtons A.previous:link
,.pagerButtons A.previous:visited
{
    background-image: url(../images/small_arrow_left.gif);
    background-position: left center;
    background-repeat: no-repeat;
    color: #351a00;
    padding-left: 7px;
    text-decoration: none;
}
.pagerButtons A.previous:hover
{
    color: #b60b01;
}
.pagerButtons A.next
,.pagerButtons A.next:link
,.pagerButtons A.next:visited
{
    background-image: url(../images/small_arrow_up.gif);
    background-position: right center;
    background-repeat: no-repeat;
    color: #351a00;
    padding-right: 7px;
    text-decoration: none;
}
.pagerButtons A.next:hover
{
    color: #b60b01;
}

.pagerButtons SPAN
{
    color: #351a00;
    font-weight: bold;
    margin: 0px 5px;
}


.pagerButtons2 A.previous
,.pagerButtons2 A.previous:link
,.pagerButtons2 A.previous:visited
{
    background-image: url(../images/small_arrow_left.gif);
    background-position: left center;
    background-repeat: no-repeat;
    color: #351a00;
    padding-left: 7px;
    text-decoration: none;
}
.pagerButtons2 A.previous:hover
{
    color: #b60b01;
}
.pagerButtons2 A.next
,.pagerButtons2 A.next:link
,.pagerButtons2 A.next:visited
{
    background-image: url(../images/small_arrow_up.gif);
    background-position: right center;
    background-repeat: no-repeat;
    color: #351a00;
    padding-right: 7px;
    text-decoration: none;
}
.pagerButtons2 A.next:hover
{
    color: #b60b01;
}
.pagerButtons2 SPAN
{
    color: #351a00;
    font-weight: bold;
    margin: 0px 5px;
}

/* end of style for pager buttons*/




/* styles for cart button */
#cartButton
{
    background-image: url(../images/cart_box.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    float: right;
    height: 39px;
    width: 204px;
    padding-left: 60px;
    margin-right: 12px;
    border: solid 0px #000;
}
#cartButton A
,#cartButton A:link
,#cartButton A:visited
{
    position: relative;
    top: 15px;
    left: 0px;
    float: left;
    color: #351a00;
    text-decoration: underline;
    text-transform: uppercase;
}
#cartButton SPAN
{
    position: relative;
    top: 15px;
    right: -8px;
    /*/left: 10px;*/
    color: #351a00;
}
/* end of styles for cart button */

/* styles for cart iems popup */
#cartItemsPopup
{
    display: none;
    position: absolute;
    background-color: #fff;
    background-image: url(../images/cart_body.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 526px;
    width: 264px;
    z-index: 1000;
    border: solid 0px #000;
}
.shoppingCartPopupItems
{
    position: relative;
    left: 0px;
    background-color: #fff;
    border: solid 1px #ccc;
    width: 260px;
    height: 160px;
    margin-left: 0px;
    overflow: auto;
    z-index: 1000;
}
.shoppingCartPopupButtons
{
    background-color: Transparent;
    width: 230px;
    margin-bottom: 0px;
    margin-left: 0px; 
    border:solid 0px #00f;
}
#shippingEstimate
{
    border-top: dotted 1px #351a00;
    clear: both;
    width: 235px;
    margin-left: 10px;
}
#shippingEstimate TH
{
    color: #351a00;
    font: bold 12px verdana, arial;
    text-align: left;
}
#shippingEstimate.postalCodeToShipTo
{
    color: #333333;
    font: normal 11px verdana, arial;
    text-align: left;
}
#shippingEstimate DIV
{
    color: #b70b01;
    font: bold 11px verdana, arial;
    margin-top: 12px;
    
}
.divButtonsCP
{
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
    width: 175px;
}
.divButtonsCP A
{
    font-weight: bold;
}
#divBtnEditCartCP 
{
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
}
#divBtnCheckoutCP 
{
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
}
#divBtnGetEstimateCP
{
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
}

/** cart items **/
#cpProduct
{
    font-size: 0.95em;
    float: left;
    margin-left: 10px;
    width: 220px;
    text-align: left;
    padding: 5px;
}
#cpProductSpacer
{
    border-top: dotted 1px #351a00;
    clear: both;
    float: left;
    margin: 10px 0px 0px 10px;
    width: 230px;
}
#cpProduct SPAN
{
    font-weight: bold;
    color:  #351a00;
}
#cpQuantity
{
    float: left;
    width: 70%;
    text-align: left;
}
#cpPrice
{
    float: right;
    width: 29%;
    text-align: right;
    font-weight: bold;
    color:  #b60b01;
}
#cpSubtotal
{
    text-align: right;
    font: bold 11px Verdana, Arial;
    color:  #351a00;
    margin: 10px;
    width: 230px; 
    border:solid 0px #f00;
}

#cpClose A
{
    background-image: url(../images/small_arrow_up.gif);
    background-position: right center;
    background-repeat: no-repeat;
    text-decoration: underline;
    color: #b60b01;
    font-size: 11px;
    padding-right: 10px;    
}
/* end of styles for cart iems popup */

/* styles for previously viewed products */
.previouslyViewed
{
    position: relative;
    left: -5px;
    margin: 25px 0px 0px 0px;
    width: 221px;
}
#previouslyViewedHeader
{
    background-image: url(../images/prev_viewed_top.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    height: 28px;
    width: 221px;
    text-align: center;
    font-weight: bold;
    font-size: medium;
    padding-top: 15px
}
#previouslyViewedBody
{
    background-color: #00f;
    background-image: url(../images/prev_viewed_spacer.jpg);
    background-position: center top;
    background-repeat: repeat-y;
    float: left;
    width: 221px;  
    padding: 0px 0px 2px 0px;
}
.previouslyViewedContent
{
    position: relative;
    top: 1px;
    left: 7px;
    bottom: 3px;
    float: left;
    width: 205px;
    margin-left: 0px;
    /*height: 300px;*/
    padding: 0px; 
    border: solid 1px #ccc;
}
#previouslyViewedBody A
{
    background-color: Transparent;
    background-position: left center;
    background-repeat: no-repeat;
    color: #351A00;
    display: block;
    float: left;
    padding: 15px 0px 15px 30px;
    margin-left: 10px;
    text-align: left;
    width: 150px;
}
.previouslyViewedContent DIV
{
    clear: both;
    float: left;
    height: 10px;
    width: 190px;
    margin: 0px  0px 5px 5px;
    border-bottom: dotted 1px #351a00;
    /*border: solid 0px #009;*/
}
#previouslyViewedFooter
{
    background-image: url(../images/prev_viewed_bottom.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    height: 5px;
    width: 221px;
    clear: both;
}
/* end of styles for previously viewed products */


/* styles for print product */
#printContainer
{
    margin: 0px auto;
}
#printProduct
{
    margin-top: 17px;
}
#printProductNamePrice
{
    float: left;
    width: 340px;
    height: 130px;
    padding: 0px 10px;
    margin: 0px 5px;
    text-align: left;
    font-weight: bold;
    border: solid 0px #ccc;  
}
#printProductName
{
    color: #3a352f;
    float: left;
    font-size: medium;
    margin: 5px 0px;
    text-align: left;
}
#printProductPrice
{
    clear: both;
    float: left;
    margin-top: 17px;
    text-align: left;
    border: solid 0px #ccc;
}
#printProductPromoText
{
    float: left;
    font-weight: normal;
    margin-top: 17px;
    width: 340px;
}
#printProductDesc
{
    clear: both;
    float: left;
    padding: 0px 10px;
    margin-top: 17px;
    width: 580px;
    text-align: left;
}
#printProductDesc SPAN
{
    color: #351a00;
    font-size: large;
    font-weight: bold;
}
#printProductLink
{
    background-image: url(../images/print_icon.jpg);
    background-position: right center;
    background-repeat: no-repeat; 
    padding-right: 15px;
    display: block;
    text-decoration: underline;
    position: absolute;
    top: 20px;
    right: 20px;
}
/* end of styles for print product */


/* styles for order historty*/
.orderHistoryLabel
{
    font-weight:bold; text-transform:uppercase
}
#orderHistoryItem
{
    border-bottom: dotted 1px #351a00;
    clear: both;
    float: left;
    margin: 10px 0px;
    width: 690px;
}
#ohiNumberDate
{
    float: left;
    margin-bottom: 10px;
    width: 690px;
    border: solid 0px #ccc;
}
#ohiNumber
{
    float: left;
    width: 49%;
    text-align: left;
}
#ohiDate
{
    float: right;
    width: 49%;
    text-align: right;
}
#ohiStatusTotal
{
    float: left;
    margin: 10px 0px;
    width: 640px;
    border: solid 0px #ccc;
}
#ohiStatus
{
    float: left;
    width: 49%;
    text-align: left;
}
#ohiTotal
{
    float: right;
    padding: 0px 0px 10px 0px;
    width: 49%;
    text-align: right;
}

#ohiItemQtyPrice
,#ohiItemQtyPriceL
{
    float: left;
    margin: 1px 0px;
    position: relative;
    left: 0px;
    width: 640px;
    border: solid 0px #ccc;
}
#ohiItemQtyPrice DIV.ohiItemName
,#ohiItemQtyPriceL DIV.ohiItemName
{
    float: left;
    width: 45%;
    text-align: left;
}
#ohiItemQtyPrice DIV.ohiQty
,#ohiItemQtyPriceL DIV.ohiQty
{
    float: right;
    width: 16%;
    text-align: center;
    border: solid 0px #ccc;
}
#ohiItemQtyPrice DIV.ohiUnitPrce
,#ohiItemQtyPriceL DIV.ohiUnitPrce
{
    float: right;
    width: 16%;
    text-align: right;
    border: solid 0px #ccc;
}
#ohiItemQtyPrice DIV.ohiPrce
,#ohiItemQtyPriceL DIV.ohiPrce
{
    float: right;
    width: 16%;
    text-align: right;
    border: solid 0px #ccc;
}
/* end of styles for order historty*/

/* styles for thank you page */
#orderThankYou
{
    color: #341a00;
    float: left;
    font-weight: bold;
    margin: 17px;
    width: 680px;
    text-align: left;
    border: solid 0px #ccc;
}
#orderThankYou A
{
    background-image: url(../images/print_icon.jpg);
    background-position: right center;
    background-repeat: no-repeat; 
    padding-right: 15px;
    float: right;
    margin: -25px 10px 0px 0px;
}
#orderThankYou SPAN
{
    color: #b60b01;
}
/* end of styles for thank you page */

/* styles for shipping estimate */
.shippingEstimateCart
{
    clear: both;
    border-bottom: dotted 1px #351a00;
    border-top: dotted 1px #351a00;
    float: left;
    padding: 20px 0px;
    margin-top: 20px;
    width: 690px;
}
/* end of styles for shipping estimate */

.minPurchaseCost
{
    clear: both;
    color: #00f;
    font-size: 1.05em;
    font-weight: bold;
    float: right;
    margin: 10px;
    text-align: right; 
    width: 400px;
    border: solid 0px #ccc;
}

/* bundles */
.bundlesHeader
{
    text-align: left;
    font-weight: bold;
    font-size: medium;
    padding-top: 15px
}
/* end of bundles */

/* styles for bundle list */
.bundleListContainer
{
    color: #351a00;
    width: 701px;
    border-bottom: dotted 1px #351a00;
    border-top: solid 0px #00f;
    border-right: solid 0px #00f;
}
.bundleListImagePanel
{
    height: 130px;
    width: 212px;
    padding: 17px;
    float: left;
    margin: 0px;
    vertical-align: middle;
    border: solid 0px #ccc;
}
.bundleListCenterPanel
{
    padding: 5px;
    width: 320px;
}
.bundleListName
{
    color: #351a00;
    font-size: large;
    font-weight: bold;
    padding: 10px;
    text-align: left;
    border: solid 0px #ccc;
    height: 120px;
}
.bundleListPromoText
{
    color: #351a00;
    text-align: left; 
    vertical-align: top;
    border: solid 0px #ccc;  
    padding: 5px 0px 0px 0px;
    font-size:x-small;
    font-weight: normal;
}
.bundleListCenterPanel TABLE
{
    width: 100%;
}

.bundleListRightPanel
{
    float: right;
    width: 125px;
    padding-bottom: 5px;
    border: solid 0px #ccc;
}
.bundleListAddToCart
{
    float: right;
    vertical-align:bottom;
}
.bundleListAddToCart A
{
    text-decoration: none;
}
.bundleListAddToCart SPAN
{
    color: #fff;
}
/* end of styles for bundle list */


/* style for cart inventory error */
.cartInventoryError
{
    color: #f00;
    float: left;
    margin-top: 15px;
    text-align: left;
    border: solid 0px #ccc;
}
.cartInventoryError A
,.cartInventoryError A:link
,.cartInventoryError A:visited
{
    font-weight: bold;
    text-decoration: underline;
}
.cartInventoryError A:hover
{
}
/* end of style for cart inventory error */


/* style for subscription products */
TABLE.subscriptionProducts
{
	width: 100%;
}
TABLE.subscriptionProducts TR TD.productImage
{
	text-align: left;
}
TABLE.subscriptionProducts TR TD.productName
{
	text-align: left;
	/*width: 400px;*/
}
TABLE.subscriptionProducts TR TD.quantity
{
	text-align: right;
	white-space: nowrap;
}
TABLE.subscriptionProducts TR TD.total
{
	text-align: right;
	white-space: nowrap;
}
/* end of  style for subscription products */
