﻿body 
{
    max-width: 750px;
    min-width: 750px;
    background-color: #333333;
    margin-top: 0px;
    padding-top: 0px;
    margin: 0 auto;
    position: relative;
}

#TableLayout
{
    width: 750px;
    margin: 0 auto;
    background-color: White;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;

}

#TableCellLeft
{
    width: 300px;
    background-color: #7EA1C1;
    vertical-align: top;
    background-image: url(Images/defb.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}

#header
{
    background-image: url(Images/bheader.gif);
    background-repeat: repeat-x;
    height: 30px;
    width: 300px;
    text-align: center;
    overflow: visible;
}

#headerimage
{
    position:relative;
        z-index: 100000;
}

.buttons
{
    width: 257px;
    height: 200px;
    margin: 0 auto;
    margin-top: 100px;
    /*background-color: #1E3242;
    border: dotted 1pt white;*/
}

#TableCellRight
{
    width: 450px;
    background-color: #7EA1C1;
    background-image: url(Images/pattern3.gif);
    background-repeat: repeat;
    vertical-align: top;
}

#shirt
{
    position:relative;
    background-image: url(Images/Hob-Top-Shirt.gif);
    background-repeat: no-repeat;
    width: 554px;
    height: 573px;
    margin-top: 50px;
    margin-right: -100px;
    margin-bottom: 100px;
    left: -150px;
    z-index: 1000;
    visibility: visible ;
}

.shirt
{
    position:relative;
    background-image: url(Images/Hob-Top-Shirt.gif);
    background-repeat: no-repeat;
    width: 554px;
    height: 573px;
    margin-top: 50px;
    margin-right: -100px;
    margin-bottom: 100px;
    left: -150px;
    z-index: 1000;
    visibility: visible ;
}

.shirtb
{
    position:relative;
    background-image: url(Images/Hob-Top-Shirt_b.gif);
    background-repeat: no-repeat;
    width: 554px;
    height: 573px;
    margin-top: 50px;
    margin-right: -100px;
    margin-bottom: 100px;
    left: -150px;
    z-index: 1000;
    visibility: visible ;
    color: White;
}

#artwork
{
    position:relative;
    width: 280px;
    height: 425px;
    left: 127px;
    top: 90px;
}

#footer
{
    background-color: White;
    width: 700px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
}

#ShoppingCartError
{
    
}

/* Classes */

.vspacer
{
    width: 10px;
    height: 200px;
}

.hspacer
{
    width: 20px;
    height: 10px;
}

.sepline
{
    background-image: url(Images/lined.gif);
    background-position: left center;
    background-repeat: no-repeat;
    width: 262px;
    height: 4px;
}

.seplinespacer
{
    width:1px;
    height:1px;
}

.footer
{
    padding: 5px;
    padding-top: 7px;
    font-family: Verdana, Arial, Tahoma, Sans-Serif;
    font-size: 10pt;
    background-color: #5C83A0;
    text-align: center;
    color: #F4ECC9;
}    

.footer a
{
        color: #F4ECC9;
        text-decoration: none;
}

.footer a:hover
{
        color: White;
        text-decoration: underline;
}

.copyright
{
    padding: 5px;
    padding-top: 7px;
    font-family: Verdana, Arial, Tahoma, Sans-Serif;
    font-size: 8pt;
    background-color: #333333;
    text-align: center;
    color: #F4ECC9;
}    

.copyright a
{
        color: #F4ECC9;
        text-decoration: none;
}

.copyright a:hover
{
        color: White;
        text-decoration: underline;
}


.button
{
    padding: 5px;
    padding-top: 7px;
    font-family: Verdana, Arial, Tahoma, Sans-Serif;
    font-size: 12pt;
    color: #F4ECC9;
}

.button:hover
{
    padding: 5px;
    padding-top: 7px;
    font-family: Verdana, Arial, Tahoma, Sans-Serif;
    font-size: 12pt;
    background-color: #5C83A0;
}


.button a
{
        color: #F4ECC9;
        text-decoration: none;
}

.button a:hover
{
        color: White;
        text-decoration: underline;
}

.shirtlinkimage
{
    border: 0;
}

.tshirtwrapper
{
    background-image: url(Images/shirtsmall.gif);
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;    
}

.tshirtwrapperb
{
    background-image: url(Images/shirtsmallb.gif);
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;    
}

.tshirtimagebox
{
    width: 77px;
    height: 135px;
    margin-left: 36px;
    padding-top: 25px;
    vertical-align:top;
}

.tshirtwrapperc
{
    position: relative;
    background-image: url(Images/shirtsmall.gif);
    background-repeat: no-repeat;
    left: -30px;
    top: -10px;
    width: 150px;
    height: 200px;    
    margin-right: -120px
}

.tshirtimageboxc
{
    width: 77px;
    height: 135px;
    margin-left: 36px;
    padding-top: 25px;
    vertical-align:top;
}

.ShoppingCartImage
{
overflow: visible;   
}

.tshirtimage
{
    border: 0px;
}

.DisplayTable
{
    margin: 0 auto;
    width: 350px;
}

.displaysub
{
    width: 350px;
    margin-top: 13px;    
}

.tshirttext 
{
    width: 150px;
    text-align: center;
}

.tshirttext a
{
color: Black;
text-decoration: none;
}

.detailsLink
{
    color:#425C72;
    font-size: 8pt;
    padding-top: 5px;
}

.tshirttext a:hover
{
color: #425C72;
text-decoration: underline;
}

.tshirttitle
{
    margin: 0;
    padding: 0;
    font-weight: bold;
}


.ItemTableCell 
{
    padding: 10px;
    font-family: Verdana, Arial, Tahoma, Sans-Serif;
    font-size: 11pt;
}

.ItemTableCell:hover
{
    padding: 10px;
    background-color: White;
}

.tshirtnumber
{
    margin: 0;
    padding: 0;
}

.DetailsData
{
    width:270px;
    text-align:center;
}

.ShirtName
{
    text-align: center;
    font-weight: bold;
}

.SpecialDescription
{
}

.SpecialHeader
{
    font-weight: bold;
        color: #425C72;
    font-size: 14pt;
    font-family: Garamond, Serif;
}

.ErrorText
{
    font-weight: bold;
    font-size: 12pt;
    color: Red;
    font-family: Garamond, Serif;    
    text-align: center;
}

.DisplayTableError
{
    margin: 0 auto;
    width: 350px;
    padding-top: 10px;
}

.CartTable
{
    width: 370px;
    margin: 0 auto;    
    margin-top: 20px;
}

.CartItemTitle
{
 background-color: #5C83A0;
 color: #F5EFD5;
 font-family: Garamond, Serif;
 font-size: 12pt;
 font-weight: bold;
 padding-left: 100px;
}


.CartSpacer2
{
    height: 15px;
}


.CartSpacerTitle
{
    width: 1px;
}

.CartQuantityClass
{
    
}

.CartSizeLine
{
    padding-left: 70px;
}
.CartFiller
{
    height: 20px;
}

.CartPriceClass
{
    text-align: right;
    font-weight: bold;
    font-size: 9pt;
    padding-right: 5px;
}

.addToCart
{
 margin-top: 5px;
}   

.cartShirtImage
{
    width: 77px;
        margin-left: 36px;
    padding-top: 25px;
    vertical-align:top;
} 

.cartShirtWrapper
{
    position: relative;
    width: 150px;
    height: 158px;
    background-repeat: no-repeat;
    background-position: top left;
    left: -30px;
    margin-right: -30px;
}
.cartShirtWrapperCell
{
    vertical-align: top;
}
.cartContentsWrapperCell
{
    vertical-align: top;
}

.cartShirtTitle
{
 background-color: #5C83A0;
 color: #F5EFD5;
 font-family: Garamond, Serif;
 font-size: 12pt;
 font-weight: bold;
}

.cartOutsideWrapper
{
    padding-top: 15px;
}
.cartItemSize
{
    width: 40%;
}
.cartItemQty
{
    width: 15%;
}
.cartItemModifiers
{
    width: 20%;
    font-size: 7pt;
}
.cartItemTotal
{
    width: 35%;
    text-align: right;
}
.cartItemQtyText
{
    width: 20px;
}

.cartItemWrapperTable
{
    margin-top: 15px;
}

.cartTotalTable
{
    width: 100%;
    text-align: right;
    width: 375px;
    margin-top: 20px;
    margin-bottom: 20px;    
}

.ShoppingCartDisplayTable
{
    margin: 0 auto;
    width: 350px;
     font-family: Garamond, Serif;
 font-size: 12pt;
 
}

.totalGrand
{
 background-color: #5C83A0;
 color: #F5EFD5;
 font-size: 14pt;
}
