﻿/*  
   Default colors:
   Green: #C4A2BB
   Background: #3F1664
   Pale Blue: #F4F2E5 */

/*  Variants have the following classes. Each comes in Small Medium and Large 

    VariantBox                  The div that surrounds the entire variant display
    VariantListBox              The div that surrounds the list of variants
    VariantListItem             The div that surrounds a given list item
    VariantCheckItem            The class of the checkbox for a given item
    VariantBuyItem              The class of the buy now image for a given item
    VariantItemDescription      The class of the item description for a given item
    VariantFileLink             The class of the file preview link for a given item
    VariantPrice                The class of the price for a given item
    VariantBuyDefaultItemBox    The div that surrounds the buy now button at the bottom
    VariantBuyDefaultItem       The class of the buy now button at the bottom

*/
.VariantSmallBox
{
    float:left;
    clear:both;
    width:61px;
}
.VariantSmallListBox
{
    float:right;
    clear:both;
    width:auto;
}
.VariantSmallListItem
{
    float:left;
    clear:both;
    width:61px;
    min-height:16px;
    text-align:left;
}
.VariantSmallCheckItem
{
    float:left;
    width:25px;
    min-height:20px;
    font-size:8pt;
    display:none;
}
.VariantSmallBuyItem
{
    float:left;
    width:25px;
    min-height:20px;
    font-size:8pt;
    display:none;
}
.VariantSmallItemDescription
{
    float:left;
    width:30px;
    min-height:16px;
    font-size:8pt;
}
.VariantSmallFileLink
{
    float:left;
    width:30px;
    text-align:center;
    min-height:20px;
    font-size:8pt;
    display:none;
}
.VariantSmallPrice
{
    float:right;
    width:25px;
    min-height:16px;
    font-size:8pt;
    text-align:right;
}
.VariantSmallBuyDefaultItemBox
{
    float:right;
    clear:both;
    width:auto;
}
.VariantSmallBuyDefaultItem
{
    float:right;
    clear:both;
    background-image:url(/images/AddToCart.jpg);
    background-repeat:no-repeat;
    min-height:22px;
    line-height:22px;
    width:102px;
    text-decoration:none;
    cursor:hand;
    display:none;
}


.VariantMedBox
{
    float:left;
    clear:both;
    width:120px;
}
.VariantMedListBox
{
    float:right;
    clear:both;
    width:auto;
}
.VariantMedListItem
{
    float:left;
    clear:both;
    width:120px;
    min-height:16px;
    text-align:left;
}
.VariantMedCheckItem
{
    float:left;
    width:25px;
    min-height:20px;
    font-size:8pt;
    display:none;
}
.VariantMedBuyItem
{
    float:left;
    width:25px;
    min-height:20px;
    font-size:8pt;
    display:none;
}
.VariantMedItemDescription
{
    float:left;
    width:60px;
    min-height:16px;
    font-size:8pt;
}
.VariantMedFileLink
{
    float:left;
    width:50px;
    text-align:center;
    min-height:20px;
    font-size:8pt;
    display:none;
}
.VariantMedPrice
{
    float:right;
    width:25px;
    min-height:16px;
    font-size:8pt;
    text-align:right;
}
.VariantMedBuyDefaultItemBox
{
    float:right;
    clear:both;
    width:auto;
}
.VariantMedBuyDefaultItem
{
    float:right;
    clear:both;
    background-image:url(/images/AddToCart.jpg);
    background-repeat:no-repeat;
    min-height:22px;
    line-height:22px;
    width:102px;
    text-decoration:none;
    cursor:hand;
}

.VariantLargeBox
{
    float:left;
    clear:both;
    width:410px;
    margin-left: 5px;
}
.VariantLargeListBox
{
    float:right;
    clear:both;
    width:auto;
    width:410px;
}
.VariantLargeListItem
{
    float:left;
    clear:both;
    width:410px;
    min-height:18px;
    margin-bottom:2px;
}
.VariantLargeCheckItem
{
    float:left;
    width:25px;
    height:20px;
    font-size:8pt;
}
.VariantLargeBuyItem
{
    float:left;
    width:32px;
    min-height:18px;
    font-size:8pt;
    background-image:url(/images/buy.jpg);
    background-repeat:no-repeat;
}
.VariantLargeItemDescription
{
    float:left;
    min-height:16px;
    font-size:8pt;
}
.PriceWide
{
  float:left;
  min-height:16px;
  max-height:16px;
  height:16px;
  font-size:8pt;
  width:270px;
  margin-left:10px;
    overflow:hidden;
}
.PriceWideDefaultItem
{
  float:left;
  min-height:16px;
  font-size:9pt;
  width:278px;
  font-weight:bold;
  margin-left:2px;
}
.VariantLargeFileLink, .VariantLargePreview
{
    float:left;
    width:42px;
    min-height:18px;
    font-size:8pt;
    background-image:url(/images/listen.jpg);
    background-repeat:no-repeat;
    cursor:hand;
}
.VariantLargePrice
{
    float:right;
    width:25px;
    min-height:16px;
    font-size:8pt;
    text-align:right;
}
.VariantLargeBuyDefaultItemBox
{
    float:right;
    clear:both;
    width:auto;
}
.VariantLargeBuyDefaultItem
{
  display:none;
    float:right;
    clear:both;
    background-image:url(/images/AddToCart.jpg);
    background-repeat:no-repeat;
    min-height:22px;
    line-height:22px;
    width:102px;
    text-decoration:none;
    cursor:hand;
}