/* NOTE:
   A lot of the styles in this css inherit from a parent CSS (BaseStyleSheet.css).
   This stylesheet is for additional styles and style adjustment to the parent styles
*/

/* Body */
#leftPanel div.infoPane div.body
{
    font-size: 0.60em;
}

/* Product Rotator */

#quoteRotator div
{
    width:705px;
    height: 281px;
}

#quoteRotator div.item1
{
    background-image: url(/Images/Products/Hotel-Insurance-Lg.jpg);
    background-repeat: no-repeat;
}

#quoteRotator div.item2
{
    background-image: url(/Images/Products/Guest-House-Insurance-Lg.jpg);
    background-repeat: no-repeat;
}

#quoteRotator div.item3
{
    background-image: url(/Images/Products/Hotel-Developer-Lg.jpg);
    background-repeat: no-repeat;
}

#quoteRotator div div.strapline
{
    background-position: left center;
    background-image: url(/Images/Products/Strapline-Back.png);
    background-repeat: no-repeat;
    height: 80px;
    position: relative;
    /*top: -104px;*/
    top: 177px;
}

#quoteRotator div div.strapline a.getQuote
{
    float: right;
    margin-top: 26px;
    color: #FFF;
    background-image: url(/Images/Products/btn_Get-a-Quote-Lg.png);
    background-repeat: no-repeat;
    background-position: right top;
    width: 139px;
    height: 27px;
    text-align: right;
    text-decoration: none;
    padding-right: 25px;
    padding-top: 1px;
    font-weight: normal;
    font-size: 1.10em;
    font-family: 'Trebuchet MS';
}

#quoteRotator div div.strapline a.getQuote:hover
{
    color: #F0970B;
    background-color: inherit;
    background-image: url(/Images/Products/btn_Get-a-Quote-Lg-over.png);
}

#quoteRotator div div.strapline div.description
{
    width: 510px; /* 522 */
    height: 43px; /* 55 */
    float: left;
    margin-top: 12px;
    padding: 6px;
}

#quoteRotator div div.strapline div.description h2
{
    margin: 0px;
    font-size: 1.10em;
    font-family: 'Trebuchet MS';
    font-weight: normal;
    color: #FFF;
    background-color: inherit;
}

#quoteRotator div div.strapline div.description span
{
    font-family: Verdana;
    color: #FFF;
    font-size: 0.70em;
    background-color: inherit;
    position: relative;
    top: -3px;
}

#quoteRotator div div.strapline div.description img.saveBadge
{
    float: right;
    position: relative;
    top: -17px;
}


/* Buy Me's */
#smallProducts
{
}

#smallProducts div.item
{
    width: 232px;
    height: 200px;
    background-color: #F0970B;
    position: relative;
    top: 288px;
    float: left;
}

#smallProducts div.item img.top,
#smallProducts div.item img.bottom
{
    margin: 0px;
    display: block;
}

#smallProducts div.item img.bottom
{
    margin-top: 0px;
}

#smallProducts div.item div.description
{
    margin: 2px 0px; /* 2px 5px */
    height: 99px; /*72px;*/
    overflow: hidden;
    display: block;
    /*background-color: #c0c;*/
}

#smallProducts div.item div.description h3
{
    margin: 0px 5px;
    font-size: 1.00em;
    font-family: 'Trebuchet MS';
    font-weight: bold;
    color: #1E2237;
    background-color: inherit;
}

#smallProducts div.item div.description span
{
    font-family: Verdana;
    color: #4B3310;
    font-size: 0.55em;
    background-color: inherit;
    line-height: normal;
    display: block;
    margin: 0px 5px;
}

#smallProducts div.item a.getQuote
{
    float: right;
    margin-top: 6px;
    color: #FFF;
    background-image: url(/Images/Products/btn_Get-a-Quote-Sm.png);
    background-repeat: no-repeat;
    background-position: right top;
    width: 205px; /* 205 + padding-right: 15px = 220px */ /* Original: 197px */
    height: 18px;
    text-align: right;
    text-decoration: none;
    padding-right: 15px;
    padding-top: 2px;
    margin-bottom: 1px;
    font-weight: normal;
    font-size: 0.70em;
    font-family: 'Trebuchet MS';
    display: block;
}

#smallProducts div.item a.getQuote:hover
{
    color: #F0970B;
    background-color: inherit;
    background-image: url(/Images/Products/btn_Get-a-Quote-Sm-over.png);
}

#itemLeft
{
}

#itemMiddle,
#itemRight
{
    margin-left: 4px;
}

#itemRight
{
}

#itemRight div.description a.getQuote,
#itemMiddle div.description a.getQuote
{
    margin-top: 18px;
}