/***********************************************************************/
/* Grange farm logs                                                    */
/***********************************************************************/
/* Product information panel                                           */
/***********************************************************************/

#pi
{
    float: left;
    width: 570px;
    margin: 0px;
}

/***********************************************************************/
/* Product left / right panels                                         */
/***********************************************************************/

#pi .pileft
{
    float: left;
    width: 300px;
}

#pi .piright
{
    float: left;
    width: 250px;
    margin-left: 20px;
}

/***********************************************************************/
/* Title                                                               */
/***********************************************************************/

#pi .pititle
{
    float: left;
    width: 570px;
    margin-bottom: 10px;
}

#pi .pititle h2
{
    padding: 8px 8px 8px 8px;
}

/***********************************************************************/
/* Images                                                              */
/***********************************************************************/

#pi .piimg
{
    float: left;
    width: 300px;
    text-align: center;
}

#pi .piimg p
{
    clear: left;
    text-align: center;
}

#pi .piimgx
{
    float: left;
    width: 570px;
    margin-top: 10px;
}

#pi .piimgx img
{
    margin: 10px;
}

/* If image not aligning centrally */
#pi .piimg a
{
	margin-left: auto;
	margin-right: auto;
}

/***********************************************************************/
/* Gallery                                                             */
/***********************************************************************/

#pi .gallery
{
    float: left;
    margin-top: 8px;
}

#pi .gallery h4
{
}

#pi .gallery .piimg_large
{
    float: left;
    padding: 1px;
    margin: 1px;
    border: solid 1px #e8e8e8;
}

/***********************************************************************/
/* Description panes                                                   */
/***********************************************************************/

#pi .pidesc, #pi .pidescx
{
    float: left;
    clear: both;
    padding: 10px 0px 5px 0px;
}

#pi .pidesc h2, #pi .pidescx h3
{
    float: left;
    padding: 10px 0px 5px 0px;
}

#pi .pidesc p, #pi .pidescx p
{
    float: left;
    padding: 10px 0px 5px 0px;
}

/***********************************************************************/
/* Brand and Manufacturer                                              */
/***********************************************************************/

#pi .brandmanu
{
    float: left;
    clear: left;
    padding: 10px 0px;
}

#pi .brandmanu h5
{
    float: left;
    clear: left;
    width: 100px;
    padding: 3px 0px;
}

#pi .brandmanu h6, #pi .brandmanu p, #pi .brandmanu a
{
    float: left;
    padding: 3px 0px;
}

#pi .brandmanu a
{
    font-size: 14px;
}

/***********************************************************************/
/* Links, File & Flags panes                                           */
/***********************************************************************/

#pi .pilinks, #pi .pifile, #pi .piflags
{
    float: left;
    clear: both;
    padding: 4px 0px 10px 0px;
}

#pi .pilinks .bt, #pi .pilinks .bb, #pi .pifile .bt, #pi .pifile .bb, #pi .piflags .bt, #pi .piflags .bb
{
    display: none;
}

#pi .pilinks .bc, #pi .pifile .bc, #pi .piflags .bc
{
    float: left;
    border: none;
}

#pi .pilinks ul li, #pi .pifile ul li
{
    float: left;
    clear: both;
    padding: 5px 0px 3px 0px;
}

#pi .pilinks ul li .linkimg, #pi .pifile ul li .linkimg
{
    float: left;
    width: 50px;
}

#pi .pilinks ul li .lnk, #pi .pifile ul li .lnk
{
    float: left;
    padding: 5px 0px;
}

/***********************************************************************/
/* Social bookmarks pane                                               */
/***********************************************************************/

#pi .socbook
{
    float: left;
    clear: both;
    padding: 0px 10px 10px 20px;
}

#pi .socbook li
{
    display: inline;
    padding: 5px;
}

/***********************************************************************/
/* Telephone orders                                                    */
/***********************************************************************/

#pi .piphone
{
    float: left;
    clear: left;
    padding: 10px 0px;
}

#pi .piphone h4
{
    float: left;
    padding: 5px 0px;
}

#pi .piphone h5
{
    float: left;
    clear: left;
    padding: 5px 0px;
}

#pi .piphone p
{
    float: left;
    clear: left;
}

/***********************************************************************/
/* Buy pane                                                            */
/***********************************************************************/

#pi .pibuy
{
    float: left;
    padding: 10px 0px 5px 0px;
    margin: 0px;
}

#pi .pibuy .bt
{
    display: none;
}

#pi .pibuy .bc
{
    width: 250px;
}

#pi .pibuy .bb
{
    display: none;
}

#pi .pibuy h5
{
    display: none;
}

#pi .pibuy .bc .price, #pi .pibuy .bc .offer, #pi .pibuy .bc .prevprice, #pi .pibuy .bc .rrp, #pi .pibuy .bc .trade
{
    clear: both;
    padding: 2px;
}

#pi .pibuy .bc .price label, #pi .pibuy .bc .offer label, #pi .pibuy .bc .prevprice label, #pi .pibuy .bc .rrp label, #pi .pibuy .bc .trade label
{
    float: left;
    width: 70px;
    padding: 5px 0px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 14px;
    text-align: right;
}

#pi .pibuy h6
{
    float: right;
    padding: 5px 0px;
}

/* Messages */
#pi .pibuy p
{
    clear: both;
    padding: 5px 5px 5px 5px;
}

/***********************************************************************/
/* Buy pane form                                                       */
/***********************************************************************/

#pi .pibuy form label
{
    float: left;
    clear: left;
    margin-top: 6px;
    margin-right: 2px;
    padding: 0px;
}

#pi .pibuy form input, #pi .pibuy form select, #pi .pibuy form textarea
{
    float: left;
    padding: 0px;
    margin: 3px 3px 3px 6px;
}

#pi .pibuy .submit
{
    float: right;
    clear: both;
    margin: 10px 10px 10px 150px;
}

/***********************************************************************/
/* Associate, Recommended and Related products                         */
/***********************************************************************/

#pi .pass h3, #pi .prec h3, #pi .prel h3
{
    float: left;
    clear: both;
    width: 560px;
    margin: 10px 0px 0px 0px;
    padding: 4px 10px 4px 0px;
    color: #15729e;
    font-size: 18px;
}

/***********************************************************************/
/* Main image zoom                                                     */
/***********************************************************************/

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens
{
    border: 1px solid #888;
    margin: -2px; /* Set this to minus the border thickness. */
    background-color: #fff;
    cursor: move;
}

/* This is for the title text. */
.cloud-zoom-title
{
    font-family: Arial, Helvetica, sans-serif;
    position: absolute !important;
    background-color: #000;
    color: #fff;
    padding: 3px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    top: 0px;
}

/* This is the zoom window. */
.cloud-zoom-big
{
    border: 1px solid #ccc;
    overflow: hidden;
    margin-left: 5px;
}

/* This is the loading message. */
.cloud-zoom-loading
{
    position: absolute;
    top: 0px;
    margin: 0px;
    color: white;
    background: #222;
    padding: 3px;
    border: 1px solid #000;
}