/* 
    Document   : products
    Created on : Jun 16, 2009, 8:16:09 AM
    Author     : tabish
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
#products-box
{
    float:left;
    /*border: 1px solid #FF0000;*/
    background: url(../../images/products-box.png) no-repeat;
    /*background-color: yellow;*/
    height: 500px;
    margin-top: 5px;
}

#productsbox_description
{
    width: 565px;
    height: 50px;
    margin: 25px 0px 10px 20px;
    /*border: 1px solid #00FF00;*/
    padding-right: 30px;
}

#product-screenshot
{
    margin-left: 45px;
    width: 525px;
    height: 443px;
    /*background: url(../../images/widget-image.png) no-repeat;*/
}
#navigation-content
{
    /*border: 1px solid #FF0000;*/
    float:left;
    margin: 30px 10px 0px 0px;
    width: 200px;
}
#navigation-content h3
{
    margin-top: 10px;
}

#navigation-content h3 a
{
    /*color:#f7a414;*/
}

#navigation-content p
{
    width: 225px;
    font-size: 14px;
}

#widget-content
{
    /*width: 500px;*/
    font-size: 16px;
}

#widget-content a, #room-content a
{
    text-decoration: underline;
    color: #f7a414;
    /*font-size: 18px;*/
}

#room-content
{
    /*width: 500px;*/
    font-size: 16px;
}

#widget-link
{
    font-size: 22px;  
    text-align: center;
    padding: 5px 0px;
    letter-spacing: 1px;
}

.carousel-navigation-link
{
    font-size: 22px;
    text-align: left;
    padding: 5px 0px 5px 10px;
    letter-spacing: 1px;
}

.carousel-navigation-link a
{
    color:#f7a414;
}

.add-selection-background
{
   background: url(../../images/productslink-box.png) no-repeat;
}

#room-link
{
    font-size: 22px;
    /*background-color: gray;*/
    /*background: url(../../images/productslink-box-unselected.png) no-repeat;*/
    text-align: center;
    padding: 5px 0px;
    letter-spacing: 1px;
}

#widget-link a, #room-link a
{
    color:#f7a414;
    
}

.clear-both
{
    clear:both;
}