﻿.foo{}

/* Product Data List */
/* Inherits properties from style.css */
#shop-right .product-listing h3
{
    background-color: Blue;
}
.product-listing .AspNet-DataList table
{
    width: 100%;
}
.product-listing .AspNet-DataList table tbody tr td
{
    width: 150px;
    text-align: center;
    padding: 3px 3px 10px 3px;
    vertical-align: top;
}
.product-listing .AspNet-DataList table tbody tr td .product .img
{
    margin: 0px 0px 5px 0px;
    border: 0px;
}
.product-listing .AspNet-DataList table tbody tr td .product a
{
    display: block;
}
.product-listing .AspNet-DataList table tbody tr td .product .info
{
    display:block;
    margin-top: 5px;
    border: 0px;
}
.product-listing .product .info .Strike
{
    color: Red;
    text-decoration: line-through;
}
.product-listing .AspNet-DataList table tbody tr td .product .price
{
    border: 0px;
    margin: 10px 0px;
}
.product-listing .AspNet-DataList table thead tr th,
.product-listing .AspNet-DataList table caption
{
    visibility: hidden;
}

/* Product Gallery */
/* inherits some properties from style.css */
.product-gallery
{
    margin-top: 20px;
}
.product-gallery .AspNet-DataList table
{
    width: 100%;
}
.product-gallery .AspNet-DataList table caption
{
    text-align: left;
}
.product-gallery .AspNet-DataList table tbody tr td
{
    text-align: center;
    width: 205px;
    padding: 3px;
}
.product-gallery .AspNet-DataList table tbody tr td input
{
    display: block;
}
.product-gallery .AspNet-DataList table tbody tr td input,
.product-gallery .AspNet-DataList table tbody tr td a
{
    margin-bottom: 5px;
}

/* Product Details FormView */
.product-details .AspNet-FormView-Data .product .right table
{
    width: 100%;
}

.product-details .AspNet-FormView
{
    display: block;
    overflow: hidden;
}
/* HeaderText or <HeaderTemplate> */
.product-details .AspNet-FormView-Header
{

}
/* FooterText or <FooterTemplate> */
.product-details .AspNet-FormView-Footer
{
}
/* Controls the appearance of whatever you define in the <ItemTemplate> */
.product-details .AspNet-FormView-Data
{
}
.product-details .AspNet-FormView-Data .product
{
    overflow: hidden;
    height: 100%;
}
.product-details .AspNet-FormView-Data .product ul.nav,
.product-details .AspNet-FormView-Data .product ul.nav li
{
    padding: 0px;
    list-style-type: none;
}
.product-details .AspNet-FormView-Data .product ul.nav
{
    margin: 0px 0px 10px 0px;
}
.product-details .AspNet-FormView-Data .product ul.nav li
{
    display: inline;
    margin: 0px;
}
.product-details .AspNet-FormView-Data .product ul.nav li a
{
    padding: 0px 10px;
    border-left: solid 1px Blue;
}

.product-details .AspNet-FormView-Data .product .left
{
    float: left;
    width: auto;
}
.product-details .AspNet-FormView-Data .product .right
{
    float: right;
    width: auto;
}
.product-details .AspNet-FormView-Data .product .left a,
.product-details .AspNet-FormView-Data .product .left img
{
    display: block;
}
.product-details .AspNet-FormView-Data .product .left a
{
    text-align: center;
}
.product-details .AspNet-FormView-Data .product .left img.main
{
    margin-bottom: 15px;
}
/* Defined in styles.css */
#shop-right .product-details .AspNet-FormView-Data .product h3
{
    background-color: Blue;
    margin-bottom: 10px;
}
#shop-right .product-details .AspNet-FormView-Data .product .right .item
{
    margin: 10px 0px;
}
.product-details .AspNet-FormView-Data .product .right table.prod-items
{
    width: auto;
    border: solid 1px Silver;
}
.product-details .AspNet-FormView-Data .product .right table.prod-items thead tr th,
.product-details .AspNet-FormView-Data .product .right table.prod-items tbody tr td
{
    border: solid 1px Silver;
    padding: 1px 3px;
}
.product-details .AspNet-FormView-Data .product .right table.prod-items thead tr th
{
    background-color: #D0DFFE;
    font-weight: normal;
}

/* View Order */
.view-order .AspNet-FormView, .view-order .AspNet-FormView-Data .section
{
    border: solid 1px Silver;
    margin-bottom: 2px;
}
.view-order .AspNet-FormView
{
    padding: 2px 2px 0px 2px;
    margin-bottom: 10px;
}
.view-order .AspNet-FormView-Data
{
}
.view-order .AspNet-FormView-Data .section, .view-order .AspNet-FormView-Data .section .item
{
    overflow: hidden;
    height: 100%;
}
.view-order .AspNet-FormView-Data .section .item
{
    padding: 3px 0px;
}
.view-order .AspNet-FormView-Data .section .item h5
{
    margin: 0px;
    padding: 0px 3px 6px 3px;
    font-size: 8pt;
}
.view-order .AspNet-FormView-Data .section .item .col
{
    width: 49%;
    float: left;
    margin-right: 3px;
}
.view-order .AspNet-FormView-Data .section .item .col .left
{
    width: 49%;
    float: left;
    text-align: right;
}
.view-order .AspNet-FormView-Data .section .item .col .right
{
    width: 49%;
    float: right;
}

/* Shopping Cart */
.cart .AspNet-GridView
{
    width: 100%;
    margin-top: 4px;
}
.cart .AspNet-GridView table
{
    border-collapse: collapse;
    width: 100%;
}
.cart .AspNet-GridView table tbody tr td,
.cart .AspNet-GridView table tfoot tr td
{
    border: solid 1px #CCCCCC;
    height: 20px;
    padding: 2px;
}
.cart .AspNet-GridView table tbody tr td.Center
{
    text-align: center;
}
.cart .AspNet-GridView table tbody tr td.Right,
.cart .AspNet-GridView table tfoot tr td.Right
{
    text-align: right;
    width: 10%;
}
.cart .AspNet-GridView table thead tr th.Right
{
    white-space: nowrap;
}
.cart .AspNet-GridView table tfoot tr td.Label
{
    text-align: right;
    font-weight: bold;
    white-space: nowrap;
}
.cart .AspNet-GridView table tbody tr td.Button,
.cart .AspNet-GridView table thead tr th.Button,
.cart .AspNet-GridView table tfoot tr td.Blank
{
    text-align: center;
    border: 0px;
    background-color: White;
    
}
.cart .AspNet-GridView table tbody tr td.Button
{
    width: 5%;
}
.cart .AspNet-GridView table thead tr th,
.cart .AspNet-GridView table tfoot tr td.Label
{
    border: solid 1px #CCCCCC;
    height: 20px;
    padding: 2px;
    text-align: center;
    background-color: #E7EFF7;
}
.cart .AspNet-GridView table tbody tr.AspNet-GridView-Selected td
{
    background-color: #D0DFFE;
}


/* Search row with previous and next buttons */
.search
{
    overflow: hidden;
    height: 100%;
    margin-bottom: 10px;
}
.search span
{
    color: Navy;
}
/* Items on shop/default.aspx */
.search p
{
    margin: 0px;
    line-height: 150%;
}

.general .search-left, .search .search-left
{
    float: left;
    width: 79%;
}
.general .search-right, .search .search-right
{
    float: right;
    width: 20%;
    text-align: right;
    padding-right: 5px;
}

/* Page Guidance and Instructions */
/* Inherit from style.css */
.guidance .AspNet-FormView .AspNet-FormView-Data
{
    margin-bottom: 20px;
}
#shop-right .guidance .AspNet-FormView .AspNet-FormView-Data h4,
#left .guidance .AspNet-FormView .AspNet-FormView-Data h4
{
    background-color: #008000;
}

.err
{
    color: Red;
    padding: 5px 0px;
}

/* Using a repeater instead of Data-List to include more detail */
.product-listing-detail
{
    overflow: hidden;
    height: 100%;
    padding: 10px 0px;
    border-top: solid 1px Silver;
}
.product-listing-detail .img
{
    margin: 0px 10px 0px 0px;
}
.product-listing-detail .img-link
{
    margin: 0px 10px 5px 0px;
    float: left;
}
.product-listing-detail .desc, .product-listing-detail .item
{
    float: left;
    padding-right: 5px;
}
.product-listing-detail .item
{
    width: auto;
}
.product-listing-detail .desc
{
    width: 60%;
}
.product-listing-detail .price
{
    float: right;
    width: auto;
    margin: 0px 5px;
    text-align: right;
}
.product-listing-detail .price div
{
    margin-bottom: 5px;
}
.product-listing-detail .price .amount
{
    padding: 3px;
    background-color: #F1F1F1;
    border: solid 1px Silver;
    white-space: nowrap;
}

.product-listing-detail .Link
{
}
.product-listing-detail .info, .product-listing-detail .promo
{
    margin: 5px;
}
.product-listing-detail .promo
{
    color: Red;
}
.product-listing-detail .price .Strike
{
    color: Red;
    text-decoration: line-through;
}
