/***********************************************************************************************************
-----Filename: ContentLayout.css

-----Purpose:  This file is to be used for any extra styles that determine layout in the Content and are
               specific only to one page. 
***********************************************************************************************************/

/*PriceListing Template************************************************************************************/
/*Layout*/
#PriceListingTopAreaContainer
{
    width: 100%;
    margin-top: 30px;
}

#PriceListingLowerContentTable
{
    float: left;
    clear: both;
    margin-top: 10px;
    width: 800px;
}

.ProductBox
{
    font-weight: normal;
    float: left;
    cursor: pointer;
    margin-left:8px;
    width: 190px;
}

.ProductBox .InfoArea
{
    display:block;
    width:150px;
    margin-left:auto; 
    margin-right:auto; 
    padding-left:20px;
}

.ProductBox a
{
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
    width: 190px;
    height: 200px;
    background-position: top left;
    background: transparent url('Images/Edition-Normal.png') no-repeat left top;
    display: block;
    padding: 0px 0px 0px 0px;
}

.ProductBox a:hover
{
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
    width: 190px;
    height: 200px;
    background-position: top left;
    background: transparent url('Images/Edition-Active.png') no-repeat left top;
    display: block;
    padding: 0px 0px 0px 0px;
}

.ProductAddonBoxLeft, .ProductAddonBoxRight
{
    float: right;
    width: 160px;
    height: 60px;
    background: transparent url('Images/Addon-Normal.png') no-repeat center top;
    cursor: pointer;
}
.ProductAddonBoxLeft a, .ProductAddonBoxRight a
{
    text-align: center;
    width: 160px;
    height: 35px;
    display: block;
    text-decoration: none;
    color: White !important;
    font-weight: bold;
    padding-top: 20px;
}
.ProductAddonBoxRight
{
    margin-right: 13px;
}
.ProductAddonBoxLeft
{
    margin-right: 41px;
}

/*PriceButtonLabel*/
.ProductBox a span.PriceButtonLabel
{
    display: block;
    margin-left:auto;
    margin-right:auto;
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding-top: 36px;
    font-family: Tahoma;
    width: 120px;
    height: 20px;
    text-align: center;
}
/**********************************************************************************************************/

/*Signup Template******************************************************************************************/
.SignupSubHeaderDiv
{
    background:url(/media/18889/txt-background-orange.png) no-repeat left top;
    height:26px;
    padding-top:4px;
    padding-left:8px;
    
}



.VideoIconLink .ImageDiv
{
    display:block;
    cursor:pointer;   
   background:url(/media/18976/icon-button-rollover-video.png) no-repeat left top;
       height:75px;
    width:60px;
    float:left;
    cursor:pointer;
}    
.VideoIconLink:hover .ImageDiv
{
    background:url(/media/18976/icon-button-rollover-video.png) no-repeat center -77px;
}
    
.VideoIconLink .IconTextArea
{
    display:block;
    margin-top:14px;
    margin-left:15px;
    float:left; 
    cursor:pointer;
}

.VideoIconLink:hover .IconTextArea
{
    text-decoration:underline;   
    color:#7fc31c !important;
}
/**********************************************************************************************************/

































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
