﻿/* See also IE7Hacks.css */

/*
 * CSS for the pod shell
 */
/* A requirement (from SD) is for the personalised homepage to have a flat background (stone) */
.stone_backgroundColour
{
    background-color: #F8F3DE !important;
}

.podShell
{
    border: none;
    padding: 0;
    position: relative;
    margin: 0 0 8px;
    background-color: #fff;
}

/*
 * Overlay this in the individual pod style sheets for header gfx
 */
.podShell .podShellHeader
{
    position: relative;
    border-style: solid solid none;
    border-width: 1px;
    border-color: #a09770;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px; /* Webkit */
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    height: 32px;
    background: transparent url(../../_img/pods/header-grad.png) top left repeat-x;
    margin: 0;
    padding: 0;
}


.podShell .podShellHeader .podShellHeaderTitle
{
    margin: 0;
    padding: 0;
    display: inline;
    line-height: 32px;
    vertical-align: top;
}

.podShell .podShellHeader .podShellHeaderTitle a 
{
    border: none;
}

.podShell .podShellHeader .podShellHeaderTitle img
{
    margin: auto 0;
    vertical-align: middle;
}


.podShell .pickupIcon
{
    float: right;
    width: 25px;
    height: 31px;
    border: none;
    padding: 0;
    margin: 0;
    margin-right: 2px; /* Firefox */
}




/* Pod body styles */
.podShell .podShellBody
{
    border-style: none solid solid;
    border-width: 1px;
    border-color: #a09770;
    padding: 10px;
    font-size: 11px;
}

.podShell .podShellBody *
{
    font-size: 11px;
}

.podShellBody div.price
{
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 5px;
}

.podShellBody div.price span
{
    color: #B5121B;
}

.podShellBody .horizontalBar 
{
    background: transparent url(../../_img/pods/dots.png) repeat-x top left;
    border: none;
    margin: 2px 0;
    height: 2px;
    clear: both;
}