/**
 * STYLE SHEET :: PRODUCTS
 *
 * Specifies styles specific to products pages
 */


/*/////[ PRODUCT CATEGORY NAVIGATION ]/////*/


#product-categories {
    margin-bottom: 2px;
	}

#product-categories * {
    font-size: 12px;
	line-height: 1.4em;
    color: #040;
	}

    #product-categories ul {
        margin: 0;
        padding: 0;
        list-style: none;
        }

    #product-categories li {
        margin: 0 !important;
        margin-bottom: -1.4em;
        padding: 0;
        }

        #product-categories a {
            display: block;
            margin-bottom: 2px;
            text-decoration: none;
            border-bottom-width: 0;
            }

        #product-categories span {
            display: block;
            margin-bottom: 0;
            padding: 0.5em 0.6em 0.5em 0.6em;
            font-weight: normal;
            }

        #product-categories a:hover span,
        #product-categories a span strong {
            font-weight: bold;
            color: #050;
            }

#product-categories #level1 li a {
    background: #B5DE21 url(/images/menu/product-level1-top.gif) top no-repeat;
    }

#product-categories #level1 li a span {
    background: transparent url(/images/menu/product-level1-bottom.gif) bottom no-repeat;
    }

#product-categories #level2 li a {
    background: #D6EF7B url(/images/menu/product-level2-top.gif) top no-repeat;
    }

#product-categories #level2 li a span {
    background: transparent url(/images/menu/product-level2-bottom.gif) bottom no-repeat;
    }

#product-categories #level3 li a {
    background: #E7F7B5 url(/images/menu/product-level3-top.gif) top no-repeat;
    }

#product-categories #level3 li a span {
    background: transparent url(/images/menu/product-level3-bottom.gif) bottom no-repeat;
    }

#product-categories #level4 li a {
    background: #EFF7D6 url(/images/menu/product-level4-top.gif) top no-repeat;
    }

#product-categories #level4 li a span {
    background: transparent url(/images/menu/product-level4-bottom.gif) bottom no-repeat;
    }

#product-categories #level5 li a {
    background: #FFF none;
    }

#product-categories #level5 li a span {
    background: #FFF none;
    }


/*/////[ PRODUCT PAGINATION ]/////*/


#content div.pagination-block {
    clear: both;
    border-top: 1px dashed #CCC;
    border-bottom: 1px dashed #CCC;
    padding: 0.3em 0.1em;
/*
    background-color: #F9F9F9;
*/
	}

	.pagination-block p {
        margin: 0;
        font-size: 11px;
        color: #333;
		}

    .pagination-block p.search-info {
        padding: 0.1em 0 0 0.3em !important;
        padding: 0 0 0.1em 0;
        line-height: 1.7em;
		}

	.pagination-block p.page-nav {
        position: relative;
        float: right;
        padding-right: 0.2em;
        font-weight: bold;
		}

        .page-nav span,
        .page-nav a,
        .page-nav button {
            position: relative;
            float: left;
            display: block;
            width: 25px;
            margin-left: 2px;
            border: 1px solid #CCC;
            padding: 2px 0 1px 0;
	        font-size: 11px;
            color: #006BA1;
	        text-align: center;
            line-height: 1.3em;
            line-height: 15px;
            }

        .page-nav span {
            cursor: default;
            }

        .page-nav span.nextPrevDisabled,
        .page-nav a.nextPrevButton {
            width: 20px;
            padding: 0px 0 2px 0;
            font-size: 18px;
            line-height: 16px;
            color: #A3B930;
            background-color: #F9F9F9;
            }

        .page-nav span.nextPrevDisabled {
            color: #CCC;
            }

        .page-nav a,
        .page-nav button {
            text-decoration: none;
            background-color: #FFF;
            cursor: pointer;
            }

        .page-nav span,
        .page-nav a:hover,
        .page-nav button:hover {
            background-color: #EEE;
            }


/*/////[ PRODUCT SUMMARY ]/////*/


table.product-list {
    width: 100%;
    }

tr.product {
    background: transparent url(/images/bg-dotted-border.gif) bottom repeat-x;
    }

    tr.product td {
        vertical-align: top;
        }

        tr.product td a {
/*
            border-bottom-width: 0;
*/
            }

    tr.last {
        background-image: none;
        }

td.product-image {
/*
    width: 116px
*/
    padding: 14px 0 15px 0;
    text-align: center;
    }

    td.product-image a {
        display: block;
        padding: 8px;
        border: 1px solid #F0F0F0;
        width: 100px;
        height: 100px;
/*
        background-color: #F7F7F7;
        background: #FFF url(/images/background/html.png);
*/
        }

        td.product-image a img {
            display: block;
            margin: 0 auto;
/*
            padding: 4px;
*/
            background-color: #FFF;
            }

.product-details {
    padding: 13px 10px 15px 10px;
    }
    
    .product-details a {
        border-bottom-width: 0;
	    }

    .product-details h2 {
        margin: 0 0 0 0;
        font-weight: normal;
        color: #91B900;
        }

        .product-details h2 em a {
            display: block;
            margin-bottom: 0.2em;
            font-style: normal;
            line-height: 1.2em;
            text-decoration: none;
            }

        .product-details h2 em span.brand {
            display: block;
            margin-bottom: 0.1em;
            font-size: 11px;
            color: #91B900;
            text-transform: uppercase;
            }

        .product-details h2 em span.subtitle {
            font-weight: normal;
            }

    td.product-details p {
	    margin: 0.7em 0 0 0;
	    line-height: 1.35em;
        font-size: 11px;
        color: #333;
	    }

    td.product-details div.book {
	    margin: 0;
	    }

    td.product-details p em {
            font-style: normal;
            border-bottom: 1px dashed #DDD;
            }

    td.product-size {
        }

.book {
    }

    #content .book p {
	    margin: 0;
        color: #666;
        }

    #content .book p.author {
	    margin-bottom: 1.0em;
        color: #999;
        }

td.product-compare-prices {
    width: 113px;
    padding: 40px 0 15px 5px;
    text-align: center;
    }

    #content td.product-compare-prices p {
        font-size: 12px;
        margin-bottom: 0.6em;
        color: #999;
        }

    td.product-compare-prices p span {
        font-size: 17px;
        font-weight: bold;
        color: #D00;
        }

    td.product-compare-prices a {
        display: block;
        width: 104px;
        margin: 0 auto 0.4em auto;
        padding: 2px 3px 5px 3px;
        border-bottom-width: 0;
        background: transparent url(/images/btn-compare-prices.gif) top left no-repeat;
        font-size: 10px;
        font-weight: normal;
        color: #000;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        }

    td.product-compare-prices a:hover {
        background: transparent url(/images/btn-compare-prices-over.gif) top left no-repeat;
        font-weight: bold;
        }


/*/////[ PRODUCT SUBCATEGORIES ]/////*/


.subcategory {
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
    background: #F7F7F7 url(/images/bg-subcategory-bottom.png) bottom left no-repeat;
    }

    .subcategory a:hover {
        color: #7DB909;
        }

/*
    .subcategory img {
        float: left;
        margin: 0 0 -9px 10px;
        padding: 0px;
        }
*/

    .subcategory h2 {
        margin: 0;
        padding: 0.4em 0.6em 0.4em 0.6em;
        background: transparent url(/images/bg-subcategory-top.png) top left no-repeat;
        }

        .subcategory h2 a {
            text-decoration: none;
            border-bottom-width: 0;
            }

        .subcategory h2 a:hover {
            text-decoration: underline;
            }

    .subcategory p {
        margin: -0.3em 0 0 0;
        padding: 0 0.6em 0.6em 0.6em;
        line-height: 1.6em;
        color: #888;
        }

        .subcategory p a {
            color: #888;
            text-decoration: none;
            border-bottom-color: #7DB909;
            }

        .subcategory p a:hover {
            border-bottom-color: transparent;
            }



