/**********************************************************************************/
/* //Rapid GB 2012-12-20: Sets up the colour of most of the theme */
/**********************************************************************************/
    /* For most solid coloured blocks */
    #LSerchLnk,
    #RSerchLnk,
    #header .utility-box .utility-box-content,
    .submitbtn,
    .btn-details,
    .comment_title_tab,
    .tell_friend_title_tab,
    #main h1,
    #main h2
{
        background-color: #e32a22;
        color: white;
        background-image: url("../images/HeaderBackground_26px-High.png");
    }
    .btn-details,
    h1,
    h2
{
        color: white;
    }
    /* Colour Headers */
    .main-content .text h3,
    .productsummary .productname
{
        color: #e32a22;
    }
    /* For just the boarder */
    #LSerchLnk,
    #RSerchLnk,
    #header .utility-box .utility-box-content,
    .submitbtn,
    .btn-details ,
    .searchfield,
    .comment_title_tab,
    .tell_friend_title_tab,
    #main h1,
    #main h2,
    .SearchResults #SearchField
{
        border: 1px solid #e32a22;
        border-radius: 10px;
        box-shadow: 2px 2px 4px 0 black;
    }
    /* For mouse over buttons etc... */
    #LSerchLnk:hover,
    #RSerchLnk:hover,
    .submitbtn:hover,
    .btn-details:hover,
    #main .SearchResults .Options .submitbtn:hover
{
        background-color: #FFFFFF;
        background-image: url("../images/menu-mouseover-bg-24px_high.png");
        box-shadow: none;
    }
    
    /* Deals with light backgrounded items */
    #productexdright .productdesc_table
{
        background-color: #F8F8F8;
        border: 1px solid #D9D9D9;
        border-radius: 10px;
    }
    
    /* Deals with slightly darker backgrounded items */
    .LeftDirectionalButtonSurround,
    .RightDirectionalButtonSurround
{
        background-color: #FFDEB3;
    }
    
    /* Colour of all the links */
    a
{
        color: black;
    }
    /* Colour of the tab headers */
    #backgroundWrap .shadetabs li a.selected span
{
        color: #black;
    }
    /* Selected tab colour */
    .shadetabs li a span
{
        color: #e32a22;
    }
    
    /* Colour the product image hover over shadow colour (and size) */
    .product_thumbnail:hover
{
        box-shadow: 0 0 10px 1px #e32a22;
    }
    
    .LeftDirectionalButtonSurround , .RightDirectionalButtonSurround{
        background-color: transparent;
    }
/**********************************************************************************/

html
{
    font-size: 100.01%;
}

a
{
    outline: 0 none;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

body
{
    font: 64% Arial, Verdana, sans-serif;
    color: #5a5a5a;
    /* background: url(../images/bg.png) repeat-x; //Rapid GB 2012-11-01: Moved into the backgroundWrap div so the header can move it down */
    margin: 0;
}
#backgroundWrap
{
    /* background: url("../images/bg.png") repeat-x scroll 0 0 transparent; */
}

form
{
    display: inline;
    margin: 0;
    padding: 0;
}

input,textarea,select
{
    font: 11px arial,sans-serif;
    vertical-align: middle;
}

fieldset
{
    border: none;
    margin: 0;
    padding-bottom: 5px;
}

img
{
    border: medium none;
    /* float: left; */
    margin-right: 5px;
}

table
{
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

td
{
    margin: 0;
    padding: 0;
}

/* main page wrapper */
#wrap
{
    width: 992px;
    margin: 0 auto;
    padding: 0 0 31px;
    position: relative; /* //Rapid GB 2012-06-18: Added to force it over the background images */
}

/*****  HEADER SECTION  *****/
#header .columns
{
    overflow: hidden;
    /* padding: 10px 0; */
    width: 100%;
}

/* logotype */
.logo
{
    float: left;
    overflow: hidden;
    /* margin: 10px 0 0 0; */ /* //Rapid GB 2012-06-18: Reclaims some of the space from around the Logo */
}

/* welcome box */
#header .utility-box
{
    border: 0 none;
    display: inline;
    float: right;
    padding: 0 10px 0 0;
}

#header .utility-box .utility-box-content
{
    background-image: url("../images/HeaderBackground_24px-High.png");
    min-width: 591px;
}

#header .utility-box .utility-row
{
    color: #FFFFFF;
    display: inline-block;
    float: right;
    font: 11px Arial,Helvetica,sans-serif;
    margin: 0 auto;
    overflow: hidden;
    padding: 5px 10px;
}

#header .utility-box .utility-form-row
{
    overflow: hidden;
    font: 11px Arial, Helvetica, sans-serif;
    color: #fff;
    width: 363px;
    margin: 0 auto;
    padding: 8px 2px 0;
    display: none; /* //Rapid GB 2012-06-18: Hide the Lang and Currency section from the top Welcome Box */
}

#header .utility-box .dotline
{
    float: none;
}

#header .utility-box .utility-row strong
{
    float: left;
    margin: 0 5px 0 0;
}

#header .utility-box .utility-row p
{
    float: right;
    font: 11px Arial, Helvetica, sans-serif;
    line-height: 18px;
    margin: 0 5px 0 0;
}

#header .utility-box .utility-row a
{
    color: #fff;
    text-decoration: none; /* //Rapid GB 2012-07-13: Removed underline */
}

#header .utility-box .utility-form-row select
{
    color: #666;
    border: 1px solid #8C9CAB;
}

/* //Rapid GB 2012-07-05: Re-aligned the row to account for the change in how the borders are created and
removed the background colour that was used as a border as this is now done correctly in the child div */
#content .columns-border
{
    padding-right: 2px;
}

/* //Rapid GB 2012-07-05: Updated to have a semi-transparent background
with real borders instead of the div behind poking though */
#content .columns
{
    width: 100%;
    background: #FFF;
    border: 1px solid #CDCECD;
    padding-bottom: 5px;
    padding-top: 5px;
    border-radius: 10px;
}

/* //Rapid GB 2012-07-25: Java script disabled warning */
#noscript-warning
{
    background-color: #AE0000;
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    left: 0;
    padding: 5px 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 101;
}
#noscript-warning a
{
    color: #FFFF00;
    text-decoration: underline;
}
#noscript-warning a:hover
{
    color: #FF0000;
}
#noscript-padding
{
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
}
#noscript-padding a
{
    color: #FFFFFF;
    background: rgba(255,255,255,1);
}

/* //Rapid GB 2012-07-05: Updated to have a semi-transparent
background and updated the border colour to match the others */
#content .utility-bar
{
    /* overflow: hidden;
    font-size: 11px;
    background: white;
    border: 1px solid #CDCECD;
    border-top: 0;
    border-bottom: 0;
    padding: 5px 18px 5px 12px; */
    /* height: 20px; */
}

* html #content .utility-bar
{
    overflow: visible;
    height: 1%;
}

#content .utility-bar .welcome
{
    font-weight: bold;
    margin-right: 20px;
}

#content .utility-bar .cart_summary
{
    font-weight: bold;
    margin-right: 10px;
}

#content .utility-bar .utility_form
{
    font-weight: bold;
    margin-left: 10px;
    margin-right: 203px; /* //Rapid GB 2012-07-06: Resized to centre the large search box */
}

#content .utility-bar .utility_form .search,.currency,.language
{
    margin-right: 5px;
}

#content .utility-bar p
{
    float: left;
    width: 190px;
    font: 12px/20px Arial, Helvetica, sans-serif;
    color: #484848;
    margin: 0 7px 0 0;
}

.titlenobox
{
    text-align: center;
    margin: 0;
    padding: 0 0 5px;
    display: none;
}

.titlenobox h2
{
    line-height: 46px;
    font: bold 12px/23px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}


/* ======== side boxes ======== */
.sidebarcell
{
    background-color: #F8F8F8;
    border-color: lightgrey;
    border-radius: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 1px;
    color: black;
    margin-bottom: 10px;
    width: 213px;
}

.sidebarcell .contentcell
{
    font: 12px/14px Arial, Helvetica, sans-serif;
    width: 203px;
    padding: 5px 4px 0;
    border-radius: 0 0 10px 10px;
    border-width: 0 1px 1px;
    overflow: hidden;
}

.sidebarcell .sidetwitter
{
    text-align: center;
    margin-bottom: 10px;
    padding: 0;
}

.sidebarcell .sideflash
{
    margin-bottom: 10px;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
}

.sidebarcell .sidelanguage
{
    text-align: center;
    margin-bottom: 10px;
    padding: 5px 10px 0;
}

.sidebarcell  .sidesearch
{
    color: #454545;
    list-style: none;
    overflow: hidden;
    margin: 3px 3px 10px;
    padding: 5px;
}

.sidebarcell .title {
    overflow: hidden;
    padding: 6px;
    width: auto;
    border-bottom: 1px solid #D3D3D3;
	background-color: #E7E7E7;
    border-radius: 10px 10px 0 0;
}

.sidebarcell .title h2
{
    font: bold 13px/13px Arial,Helvetica,sans-serif;
    margin: 0;
    text-transform: uppercase;
	color: #20224E;
}


/* sidebox mini cart */
.sidebarcell .minicart
{
    color: #888787;
    list-style: none;
    overflow: hidden;
    margin: 3px 3px 10px;
    padding: 0 10px;
}

.sidebarcell .minicart li
{
    overflow: hidden;
    width: 100%;
    margin: 15px 0 0;
}

.sidebarcell .minicart li span
{
    float: left;
    width: 30px;
    margin: 0 5px 0 0;
}

.sidebarcell .minicart li div
{
    overflow: hidden;
}

.sidebarcell .minicart-subtotal
{
    border: 1px solid #ccc;
    background: #e4e4e4;
    font-weight: bold;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding: 6px 10px 7px;
}

.sidebarcell .minicart-links
{
    text-align: center;
    font-weight: bold;
    margin: 7px 0 0;
}

.sidebarcell .minicart a
{
    font-weight: bold;
}

.sidebarcell ul#noncatnav
{
    line-height: 30px;
    font: 12px/30px Arial, Helvetica, sans-serif;
    margin: 4px 24px 0 20px;
    padding: 0;
}

.sidebarcell .submenucatnav ul
{
    list-style: none;
    font: 12px/30px Arial, Helvetica, sans-serif;
    margin: 4px 24px 0 20px;
    padding: 0;
}

.sidebarcell .menulist a.detail_link
{
    background: none;
    color: #ABC71C;
    line-height: normal;
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px 15px;
}

.sidebarcell .menulist .submenulist ul
{
    list-style: none;
    font: 12px/20px Arial, Helvetica, sans-serif;
    margin: 0 0 0 20px;
    padding: 0 0 10px;
}

.sidebarcell .menulist .submenulist li a
{
    background: url("../images/BulletPoint.png") no-repeat scroll left center transparent;
    color: #888787;
    margin: 0 15px 5px 0;
}

.sidebarcell .menulist .submenulist li
{
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    list-style: none outside none;
    padding: 3px 0;
}

.sidebarcell .featuredproduct hr
{
    border: none 0;
    border-top: 1px dotted #ddd;
    height: 1px;
    margin: 20px 10px 0;
}

/* //Rapid GB 2012-11-01: Removed as not needed as we are using top borders */
.sidebarcell hr
{
    display: none;
}

.sidebarcell .language
{
    width: 90%;
    margin-bottom: 10px;
    padding: 5px 10px 0;
}

.sidebarcell .language .txtfielddropdown
{
    background-color: #FFF;
    color: #333;
    border: 1px solid #8C9CAB;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    font-size: 11px;
}

.sidebarcell .sidefeaturedproducts
{
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0 10px;
}

/*sidebar bottom  logotypes */
.side-bar .logotypes
{
    list-style: none;
    text-align: center;
    margin: 14px 7px 0 0;
    padding: 0;
}

.side-bar .logotypes li
{
    display: inline;
    margin: 0 2px 0 0;
}

.sidebarcell .sidetopseller,
.sidebarcell .siderandomproducts,
.sidebarcell .sidefreetext,
.sidefreetextnobox,
.sidetwitternobox,
.sidefacebooknobox,
.sidebarcell .sidecurrency,
.sidebarcell .sidevideo,
.sidebarcell .sidevideonobox
{
    /* text-align: center; */
    margin-bottom: 10px;
    /* padding: 0 5px; */ /* //Rapid GB 2012-07-12: Reduced the border around the edge of the side bars */
}

.sidebarcell .sidepage,
.sidebarcell .menulist,
.sidebarcell .infolinks,
.sidebarcell .sidenews,
.sidebarcell .sideblogs{
    list-style: none;
    line-height: 22px;
    text-indent: -15px;
    margin: 0 10px 4px; /* //Rapid GB 2012-08-23: Moved margin from top to bottom to account for the move of the dividing line from bottom to top */
    padding: 0;
}

.sidebarcell .sidepage li,
.sidebarcell .menulist li,
.sidebarcell .infolinks li,
.sidebarcell .sidenews li,
.sidebarcell .sideblogs li{
    /* background: url(../images/dotted-border.gif) repeat-x 0 100%; */ /* //Rapid GB 2012-07-19: Removed as it's beeen replaced with the same style line as the product lists */
    border-top: 1px solid #BEDACC; /* //Rapid GB 2012-08-23: Replaced the dotted line with solid line and swopped to top so we can overwride it for the first one (which has a class of "first" now) */
    padding-top: 5px;  /* //Rapid GB 2012-08-23: Moved from bottom to top to account for border moving from bottom to top */
    padding-left: 15px;
}

/* //Rapid GB 2012-08-23: Added to remove the divider from the top of the frist entry */
.sidebarcell .sidepage li.first,
.sidebarcell .menulist li.first,
.sidebarcell .infolinks li.first,
.sidebarcell .sidenews li.first,
.sidebarcell .sideblogs li.first
{
    border-top: none;
}

.sidebarcell .sidepage a,
.sidebarcell .sidenews a,
.sidebarcell .sideblogs a,
.sidebarcell ul#catnav a,
.sidebarcell .menulist a,
.sidebarcell .infolinks a{
    color: #888787;
    background: url("../images/BulletPoint.png") no-repeat;
    margin: 0;
    padding: 0 0 0 15px;
}

.sidebarcell .sidenews,
.sidebarcell .sideblogs,
.sidebarcell ul#catnav
{
    list-style: none;
    line-height: 30px;
    margin: 4px 10px 0;
    padding: 0;
}

.sidebarcell .sidenews li,
.sidebarcell .sideblogs li,
.sidebarcell ul#catnav li
{
    background: url(../images/dotted-border.gif) repeat-x 0 100%;
}

.sidebarcell .sidenews a.news_title,
.sidebarcell .sideblogs a.news_title,
.sidebarcell .menulist a.news_title
{
    color: #676767;
    background: url(../images/bgsprite2.png) no-repeat -1158px 5px;
    font-weight: bold;
    text-decoration: underline;
    margin: 0;
    padding: 0 0 0 15px;
}

.sidebarcell .sidenews .text_summary,
.sidebarcell .sideblogs .text_summary,
.sidebarcell .menulist .text_summary
{
    color: #888787;
    line-height: normal;
    display: block;
    margin: 0;
    padding: 0;
    text-indent: 0;
}

.sidebarcell .sidenews a.detail_link,
.sidebarcell .sideblogs a.detail_link
{
    background: none;
    color: #ABC71C !important;
    background-image: none !important;
    line-height: normal;
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px 15px !important;
}

.sidebarcell .newsbox h3 a:hover,
.sidebarcell .blogbox h3 a:hover
{
    text-decoration: none;
}

.sidebarcell a:hover,
.sidebarcell ul#catnav a:hover,
.sidebarcell .menulist a:hover,
.sidebarcell .newsbox a:hover,
.sidebarcell .blogbox a:hover,
.sidebarcell .infolinks a:hover{
    text-decoration: underline;
}

.sidebarcell .featuredproduct,
.sidebarcell .topsellers
{
    text-align: center;
    padding: 3px 4px 0; /* //Rapid GB 2012-07-18: Reduced to gain some space */
}

.sidebarcell .featuredproduct .image,
.sidebarcell .topsellers .image
{
    display: block;
    /* border: 1px solid #858C8C; //Rapid GB 2012-08-03: Removed border around side images */
    /* background: #fff; //Rapid GB 2012-12-06: Removed as I don't like it */
    /* margin: 0 0 10px; //Rapid GB 2012-07-18: Removed to gain some space */
    /* padding: 7px 0; //Rapid GB 2012-07-18: Removed to gain some space */
}

.sidebarcell .featuredproduct p,
.sidebarcell .topsellers p
{
    font: bold 12px/16px Arial, Helvetica, sans-serif;
    margin: 2px 0;  /* //Rapid GB 2012-07-18: Reduced to gain some space */
}

.sidebarcell .featuredproduct strong,
.sidebarcell .topsellers strong
{
    color: #6f6f6f;
    font: bold 12px/16px Arial, Helvetica, sans-serif;
}

.sidebarcell .featuredproduct .btn-details,
.sidebarcell .topsellers .btn-details
{
    margin: 2px auto; /* //Rapid GB 2012-07-18: Reduced to gain some space */
    text-decoration: none;
    display: inline; /* //Rapid GB 2012-07-18: Added to remove new line at end putting price on same line as [Details] button to gain space */
    margin: 0 0 0 10px; /* //Rapid GB 2012-07-18: Added resize the [Display] button now its no longer in a block */
    padding: 1px 6px; /* //Rapid GB 2012-07-18: Added resize the [Display] button now its no longer in a block */
}

.sidebarcell .newsbox,
.sidebarcell .blogbox
{
    padding: 6px 20px 15px;
}

.sidebarcell .newsbox ul,
.sidebarcell .blogbox ul
{
    list-style: none;
    font: 12px/14px Arial, Helvetica, sans-serif;
    color: #666;
    margin: 0;
    padding: 0;
}

.sidebarcell .newsbox li,
.sidebarcell .blogbox li
{
    background: url(../images/bgsprite2.png) no-repeat -1158px 5px;
    margin: 9px 0 0;
    padding: 0 0 0 18px;
}

.sidebarcell .newsbox h3,
.sidebarcell  .blogbox h3
{
    font: bold 12px/14px Arial, Helvetica, sans-serif;
    color: #666;
    margin: 0 0 6px;
}

.sidebarcell .newsbox h3 a,
.sidebarcell .blogbox h3 a
{
    text-decoration: underline;
    color: #666;
    font-size: 12px;
}

.sidebarcell .newsbox p,
.sidebarcell .blogbox p,
#footer .bottom-row div
{
    margin: 0;
}

.sidebarcell .newsbox a,
.sidebarcell .blogbox a
{
    color: #7fa811;
    font-size: 11px;
    font-weight: bold;
}

.sidebarcell .sidelogo
{
    margin-bottom: 10px;
    clear: both;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
}



/*****  MAIN CONTENT SECTION  *****/
#main
{
    float: left;
    width: 750px;
    font-size: 12px;
    margin: 3px 0 0;
    padding: 0;
    position: relative;
}
#main-homepage
{
    float: left;
    width: 540px;
    font-size: 12px;
    margin: 3px 0 0;
    padding: 0;
    position: relative;
}
    /* //Rapid GB 2012-07-05: Updated to use a curved border corners instead of background image making colour changes easier */
    #main h1 {
        background: #E7E7E7;
        color: #20224E;
        box-shadow: none;
        border: 1px solid #D3D3D3;
        font: bold 17px/18px Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px;
        padding: 7px;
        text-align: center;
        border-radius: 10px;
        overflow: hidden; /* //Rapid GB 2012-10-16: Stops the text from wrapping */
        white-space: nowrap; /* //Rapid GB 2012-10-16: Stops the text from wrapping */
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis; /* //Rapid GB 2012-10-16: Adds "..." to the end if it does go over */
    }

/* //Rapid GB 2012-07-05: Updated to use a curved border corners instead of background image making colour changes easier */
#main h2
{
    font: bold 16px/18px Arial,Helvetica,sans-serif;
    margin: 10px 0 0;
    padding: 4px 0;
    text-align: center;
    border-radius: 10px;
}

/* //Rapid GB 2014-01-23: Removes the shadow and round corners from the "Add to Account" header */
#main h2.picheader
{
    border-radius: 0;
    box-shadow: none;
}

/* //Rapid GB 2012-06-20: Added to prevent headers getting cut off when in a contentpage e.g. T&C page*/
#main #contentpage h2 , #main #contentpage  h1
{
    background-size: 500px 37px;
}

h2.picheader
{
    background-position: 1% 50% !important;
    background-repeat: no-repeat !important;
    background-color: #F1F1F1 !important;
    border: 1px solid #C3C6CD !important;
    color: #666 !important;
    text-transform: none !important;
    font-size: 12px !important;
    margin: 5px 0 !important;
    padding: 10px 5px 10px 50px !important;
}

#main .product-wrapper
{
    margin-top: 10px;
    width: 100%;
}

/* main content */
.main-content
{
    width: 100%;
    background: url(../images/bgsprite2.png) repeat-y -214px 0;
}

.main-content .top
{
    background: url(../images/main-box-top.png) no-repeat;
}

.main-content .bottom
{
    overflow: hidden;
    width: 100%;
    background: url(../images/main-box-bottom.png) no-repeat 0 100%;
}

.main-content .text
{
    float: left;
    width: 500px;
    display: inline;
    margin: 0 20px 20px;
}

.main-content .text h3
{
    font: bold 24px/30px Arial, Helvetica, sans-serif;
    margin: 0;
}

.main-content .text p
{
    font: 12px/18px Arial, Helvetica, sans-serif;
    color: #666;
    margin: 8px 0 0;
}

.main-content .image
{
    float: right;
    width: 250px;
    margin: 20px 5px 0;
}

#main .main-freetext ul
{
    list-style: none;
    font: 12px/14px Arial, Helvetica, sans-serif;
    color: #666;
    margin: 17px 35px 0 10px;
    padding: 0;
}

#main .main-freetext h3
{
    font: bold 12px/14px Arial, Helvetica, sans-serif;
    color: #666;
    margin: 0 0 8px;
}

#main .main-freetext a
{
    color: #92c508;
    font-size: 11px;
}

/* new product */
#main .main-product ul
{
    text-align: left;
}

#main .main-product .image
{
    text-align: center;
}

#main .main-product h3
{
    font: bold 12px/23px Arial, Helvetica, sans-serif;
    color: #000;
    /* background: #fff; */ /* //Rapid GB 2012-07-06: Removed so it is transparent and the big background logo can be seen though it */
    margin: 0 0 3px;
    padding: 0 10px;
}

#main .main-product p
{
    font: 11px/14px Arial, Helvetica, sans-serif;
    color: #666;
    margin: 0;
}

#main .main-product .prodfooterinfo
{
    border-top: 1px dotted #000;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-top: 3px;
}

#main .main-product .prodfooterinfo strong
{
    float: left;
    font: bold 14px/18px Arial, Helvetica, sans-serif;
    color: #6f6f6f;
    width: 45%;
    margin: 15px 0 0;
}

#main .main-product .priceinfo2cols
{
    float: none;
    font: 12px/18px Arial, Helvetica, sans-serif;
    color: #6f6f6f;
    width: 45%;
    display: block;
}

#main .main-product .prodfooterinfo .divider-vertical
{
    border-right: 1px dotted #000;
    height: 50px;
    display: block;
    width: 1px;
    float: left;
    margin-top: 10px;
}

#main .main-product .prodfooterinfo .divider-vertical2
{
    border-right: 1px dotted #000;
}

#main .main-product .prodfooterinfo .info_column
{
    padding-left: 5px;
    padding-right: 5px;
}

#main .main-product .prodfooterinfo .input_table
{
    float: right;
}

#main .main-product .prodfooterinfo .input_table td
{
    text-align: right;
}

#main .main-product .btn-details
{
    margin: 5px auto;
    text-decoration: none;
    padding-bottom: 2px;
}

#main .main-product .txtfield
{
    margin-bottom: 0;
}

#main .main-product .prodfooterinfo .line_break
{
    height: 10px;
}

#footer .bottom-row .alphabet
{
    height: 30px;
    text-align: center;
    font: 11px/30px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding: 0;
}

#footer .bottom-row .alphabet a{
    margin-left: 5px;	
}

#footer .bottom-row .alphabet .tdleft
{
    background: url(../images/bgsprite.png) no-repeat -200px -190px;
    width: 10px;
    height: 30px;
}

#footer .bottom-row .alphabet .tdcenter
{
    background: #e4e4e4;
}

#footer .bottom-row .alphabet .tdright
{
    background: url(../images/bgsprite.png) no-repeat -200px -250px;
    width: 10px;
    height: 30px;
}

#footer .bottom-row
{
    overflow: hidden;
    width: 99%; /* //Rapid GB 2012-06-18: Shrunk a bit to make it look better in the white out border that covers the backgrounds */
    font: 11px/14px Arial, Helvetica, sans-serif;
    color: #949494;
    text-align: center;
    margin: 0 auto; /* //Rapid GB 2012-06-18: Re-Centered it again after re-size */
}

#footer .bottom-row .bottomlinks ul
{
    list-style: none;
    text-align: center;
    margin: 5px auto 5px; /* //Rapid GB 2012-07-13: Added top margin to prevent cutoff in chrome */
    padding: 0;
}

#footer .bottom-row .bottomlinks li
{
    display: inline;
    padding: 0 10px 0 14px;
    border-left: 1px solid #949494;
}

#footer .bottom-row .bottomlinks li:first-child
{
    background: none;
    border: 0 none;
}

#footer .bottom-row a
{
    color: #949494;
}

/* CUSTOM FORM STYLES */
.btn-details
{
    display: block;
    width: 89px;
    font: bold 12px/18px Arial, Helvetica, sans-serif;
    background-image: url("../images/HeaderBackground_18px-High.png");
    text-align: center;
}

.searchresultwrapper
{
    z-index: 999;
    position: absolute;
    width: 150px;
    background: #FFC;
    font-family: arial;
    font-size: 11px;
    text-align: left;
    visibility: hidden;
    padding: 3px 1px 3px 5px;
}

/****** BLOG AND NEWS STYLE *****/
/* .comment_container
{
    margin-bottom: 30px;
} */

.comment_title
{
    background: url(../images/comment_title_tab_bg.gif) no-repeat center top;
    width: 465px;
    height: 26px;
    margin: 0 auto;
    padding: 10px 15px 0;
}

.form_title
{
    background: url(../images/comment_title_bg.gif) no-repeat center top;
    width: 484px;
    height: 26px;
    font-weight: bold;
    padding: 10px;
}

.form_content
{
    border: 1px solid #d6d6d6;
    border-top: none;
    width: 502px;
    padding: 10px 0;
}

.comment_title_tab,
.tell_friend_title_tab
{
    border-radius: 10px;
    font-size: small;
    font-weight: bold;
    padding: 9px;
    width: 463px;
}

.tell_friend_text_tab
{
    /* border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 10px 10px; */
    width: 463px;
    padding: 10px;
}

.comment_text
{
    border: 1px solid #ccc;
    border-top: none;
    width: 463px;
    margin: 0 auto;
    padding: 10px;
}

.comment_author
{
    font-size: 10px;
}

/**** BLOG and NEWS LISTING VIEW***/
#contentpage ul.monthly_listing
{
    list-style: circle inside;
    margin: 0 0 10px 10px;
    padding: 0;
}

#contentpage ul.monthly_listing li
{
    display: list-item;
    text-indent: 0;
    margin: 0;
    padding: 5px 0;
}

ul.daily_listing
{
    margin-top: 5px;
}

ul.daily_listing li
{
    padding: 5px 0;
}

hr
{
    border: 0;
    height: 1px;
    background: #d6d6d6;
    margin-bottom: 10px;
}

.newsheading
{
    margin: 0;
    padding: 0;
}

.addotherbtnwrapper
{
    padding-left: 10px;
}

.noproductmessage,
.error,
.info
{
    border: 1px solid #FF0000; /* //Rapid GB 2012-08-13: Updated border colour to red for errors to help it stand out */
    margin-bottom: 10px;
    text-align: center;
    background-color: #f8f8f8;
    padding: 10px;
    border-radius: 5px; /* //Rapid GB 2012-07-19: Added to give the same curved look as the other boxes */
    color: #FF0000; /* //Rapid GB 2012-08-13: Added red text colour for errors to help it stand out */
}

.info
{
    border-color: blue;
    color: blue;
}

.infoMsg
{
    background-color: #F8F8F8;
    border: 1px solid #1400FF;
    border-radius: 5px 5px 5px 5px;
    color: #1400FF;
    margin-top: 20px;
    padding: 10px;
    text-align: center;
}

.message
{
    width: auto;
    display: block;
    text-align: center;
    clear: both;
    padding: 10px;
}

.category_container
{
    min-height: 130px;
    height: auto !important;
}


.reviewproductiframe
{
    overflow: hidden;
    border: 0;
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
    height: 900px;
}

.footertable
{
    margin-bottom: 20px;
    font-size: 1px;
    line-height: 1px;
}

.footertable .tdleft
{
    /* background: url(../images/bgsprite.png) no-repeat -200px -155px; /* //Rapid GB 2012-07-05: Removed as we are now using CSS3 border corners */ */
    width: 10px;
    height: 10px;
}

.footertable .tdright
{
    /* background: url(../images/bgsprite.png) no-repeat -200px -120px; /* //Rapid GB 2012-07-05: Removed as we are now using CSS3 border corners */ */
    width: 10px;
    height: 10px;
}

/* //Rapid GB 2012-07-05: Removed as we are now using other CSS3 borders */
/* .footertable .tdcenter
{
    border-bottom: 1px solid #d9d9d9;
    background: #fff;
} */

.img_addthis
{
    width: 125px;
    height: 16px;
    border: 0;
}

.img_polyvore
{
    width: auto;
    height: 16px;
    border: 0;
}

.question_container
{
    width: 495px;
    margin: 0 auto 10px;
}

.question_title_tab
{
    background: url(../images/comment_title_tab_bg.gif) no-repeat top;
    width: 465px;
    height: 26px;
    font-weight: bold;
    padding: 10px;
}

.question_form_container fieldset
{
    padding-bottom: 5px;
    border: 0;
}

.question_form_container label
{
    float: left;
    margin-right: 10px;
    font-size: 12px;
    display: block;
    width: 180px;
    padding-bottom: 5px;
}

.question_form_container .inputfield
{
    float: left;
    font: 11px Arial, Helvetica, sans-serif;
    color: #666;
    height: 16px;
    border: 1px solid #8C9CAB;
    padding: 0 0 0 2px;
}

.question_form_container .captcha_wrapper
{
    float: left;
    width: 250px;
}

.question_form_container a
{
    margin: 0 5px;
}

/* '700 - 2010.04.15 - category box enhancement */
.selectedcategory
{
    color: #7fa811;
    font-weight: bold;
}

/* ========== vertical flyout menu=========== */
.flyout ul
{
    padding-left: 10px;
    list-style-type: none;
    width: 180px;
    margin: 0;
}

.flyout ul li
{
    position: relative;
    background: url(../images/dotted-border.gif) repeat-x 0 100%;
    z-index: 1000;
    padding-bottom: 1px;
}

/* Top level menu links style */
.flyout ul li a
{
    display: block;
    color: #888787;
    text-decoration: underline;
    background: url(../images/bgsprite2.png) no-repeat -1158px 10px;
    padding: 7px 0 7px 15px;
}

/*Sub level menu items */
.flyout ul li ul
{
    position: absolute;
    width: 170px;
    top: 0;
    visibility: hidden;
    border: 1px solid #ddd;
    background: #fff;
}

.flyout ul li ul li
{
    padding: 0 10px 1px;
}

/* Holly Hack for IE \*/
* html .flyout ul li
{
    float: left;
    height: 1%;
}

* html .flyout ul li a
{
    height: 1%;
}

.prod_border_table
{
    background: url("../images/box-border.gif") repeat-x scroll 0 0 #FFF;
    margin: 0;
}

.prod_border_table .td1
{
    background: url("../images/box-border.gif") repeat-y scroll 100% 0 transparent;
}

.prod_border_table .table1
{
    background: url("../images/box-border.gif") repeat-x scroll 100% 100% transparent;
}

.prod_border_table .td2
{
    background: url("../images/box-border.gif") repeat-y scroll 0 0 transparent;
}

.prod_border_table .table2
{
    background: url("../images/box-top-left.png") no-repeat scroll 0 0 transparent;
}

.prod_border_table .td3
{
    background: url("../images/box-top-right.png") no-repeat scroll 100% 0 transparent;
}

.prod_border_table .table3
{
    background: url("../images/box-bottom-left.png") no-repeat scroll 0 100% transparent;
}

.prod_border_td
{
    background: url("../images/box-bottom-right.png") no-repeat scroll 100% 100% transparent;
    height: 28px;
    vertical-align: middle;
    padding: 7px 7px 8px;
}

/* 701 - 2010.11.01 - Missing layout class to "side-by-side" customer shipping form */
.custformshipping .comment_title
{
    background: #F8F8F8;
    width: auto;
    border: 1px solid #ccc;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
}

.custformshipping .comment_text
{
    width: auto;
    min-height: 552px;
}


#header .utility-box .utility-row a:hover,
#main a:hover,
#main .main-news a:hover,
#main .main-blog a:hover,
#main .main-freetext a:hover,
#footer .bottom-row .alphabet a:hover,
#footer .bottom-row a:hover
{
    text-decoration: underline;
}

#header .utility-box .utility-form-row .language,#header .utility-box .utility-form-row .currency,#header .utility-box .utility-form-row .search
{
    float: right;
    margin-right: 8px;
}

#content,#footer
{
    padding: 0;
}

#content .utility-bar a:hover,#main .main-news h3 a,#main .main-blog h3 a,#main .main-freetext h3 a,#footer .bottom-row .alphabet a
{
    color: #666;
}


.side-bar,.rightside-bar
{
    float: left;
    width: 213px;
    display: inline;
    margin: 3px 6px 0;
}

#main h1 a,#main h2 a
{
    font: bold 14px/18px Arial, Helvetica, sans-serif !important;
    color: #fff !important;
}

#main h1 a:hover,#main h2 a:hover
{
    text-decoration: underline !important;
}

#main .main-news,#main .main-blog,#main .main-freetext
{
    margin: 13px 0 0;
}

#main .main-news ul,#main .main-blog ul
{
    list-style: none;
    font: 11px/14px Arial, Helvetica, sans-serif;
    color: #666;
    margin: 17px 35px 0 10px;
    padding: 0;
}

#main .main-news li,#main .main-blog li,#main .main-freetext li
{
    background: url(../images/BulletPoint.png) no-repeat scroll 0 3px transparent;
    margin: 11px 0 0;
    padding: 0 0 0 17px;
}

#main .main-news h3,#main .main-blog h3
{
    font: bold 11px/14px Arial, Helvetica, sans-serif;
    color: #666;
    margin: 0 0 8px;
}

#main .main-news p,#main .main-blog p,#main .main-freetext p
{
    font-size: 11px;
    margin: 4px 0;
}

#main .main-news a,#main .main-blog a
{
    font-size: 11px;
    text-decoration: none;
}

#main .main-flash,#footer .bottom-row .bottomflash,.product-box,#main .main-video,#footer .bottom-row .bottomvideo
{
    margin-bottom: 10px;
}

#main .mainlogo,#footer .bottom-row .bottomlogo
{
    clear: both;
    margin: 0 auto 5px;
    padding: 0;
}

#footer .bottom-row .freetext,#footer .bottom-row .poweredby
{
    margin: 0 auto 5px;
    padding: 0;
}

.searchresultwrapper a,.searchresultwrapper a:active,.searchresultwrapper a:hover,.searchresultwrapper a:active
{
    color: #666 !important;
    font-weight: normal !important;
}

.comment_text_tab,.question_text_tab
{
    /* border: 1px solid #ccc;
    border-top: none; */
    width: 463px;
    padding: 10px;
}

.tellfriendiframe,.questioniframe
{
    overflow: hidden;
    border: 0;
    width: 100%;
    height: 600px;
    margin-top: 10px;
}

.question_form_container,.prod_border_td .brief_desc
{
    padding: 5px;
}

.flyout ul li a:link,.flyout ul li a:active,.flyout ul li a:active,.flyout ul li a:hover
{
    background-color: transparent;
}

#shopcustregister .custformshipping{
    width: auto;
    float: none;
    margin-left: 0;
}

#shopcustregister .custformshipping .comment_title{
    background: url(../images/comment_title_tab_bg.gif) no-repeat center top;
    width: 465px;
    height: 26px;
    margin: 0 auto;
    padding: 10px 15px 0;
    border: 0 none;
}

#shopcustregister .custformshipping .comment_text
{
    border: 1px solid #ccc;
    border-top: none;
    width: 463px;
    margin: 0 auto;
    padding: 10px;
    min-height: 0;
}

/* VPASP 700 CART AND FORM ELEMENTS 
 General override styles */
    .ac
{text-align: center !important;}
    .ar
{text-align: right !important;}
    .al
{text-align: left !important;}
    .fr
{float: right !important;}
    .fl
{float: left !important;}
    .vt
{vertical-align: top !important;}
    .vm
{vertical-align: middle !important;}
    .vb
{vertical-align: bottom !important;}
    .cb
{
    clear: both;
    display: block;
    font: 1px/0 serif;
    content: ".";
    height: 0;
    visibility: hidden;
}

/* breadcrumbs */
div.breadcrumb
{
    text-align: left;
    color: #bbb;
    font-size: 10px;
    margin: 10px 0 10px 10px;
    position: absolute;
    top: -42px;
    left: 140px;
}


div.breadcrumb a
{
    color: #bbb !important;
    text-decoration: none;
}

div.breadcrumb a:hover
{
    text-decoration: underline;
}

/* common form elements */
.txtfield
{
    background-color: #FFF;
    border: 1px solid #8C9CAB;
    color: #333;
}

#welcomeboxstretchform3 .searchfield
{
    font:  16px/18px Arial, Helvetica, sans-serif; /* //Rapid GB 2012-07-06:  Increase the seach box font size */
    color: black; /* //Rapid GB 2012-10-30: Made the search text box's font black */
    height: 17px; /* //Rapid GB 2012-07-06:  Increase the height of the search bar */
    width:  367px; /* //Rapid GB 2012-07-06:  Make the search box much longer */
    padding:  4px 10px 3px; /* //Rapid GB 2012-07-06:  Resized the hight of the search box to match the [GO] button */
    border-radius:  10px 0 0 10px /* //Rapid GB 2012-07-06:  Added curved corners to the left side of the search box to match right side of [GO] button */
}

.searchfield
{
    font: 11px/12px Arial, Helvetica, sans-serif;
    color: #666;
    height: 12px;
    padding: 2px 0 3px 2px;
}

/* //Rapid GB 2012-07-06:  Added to updated [GO] button to be nice and big with a curved right side and but up againsed the search box */
#welcomeboxstretchform3 .submitbtn
{
    font:  bold 15px Arial, Helvetica, sans-serif;
    height: 26px;
    border-radius:  0 10px 10px 0; /* Made right sides corners round to match left side of search box */
    margin-left:  -4px; /* Moved left so it buts up againsed the search box */
}

.submitbtn
{
    font: bold 11px Arial, Helvetica, sans-serif;
    text-align: center;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-top: 1px;
    border-radius:  7px; /* //Rapid GB 2012-08-01:  Rounded borders to make it look nice and like the rest of the buttons */
}

.txtfielddropdown
{
    background-color: #FFF;
    color: #333;
    border: 1px solid #8C9CAB;
    font-size: 11px;
}

.imgbtn
{
    border: 0;
}

/* General styles */
.menuhdr
{
    background-color: #B3B7BB;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    padding: 3px 5px;
}

.menubdr
{
    background-color: #B3B7BB;
}

.txtheader
{
    color: #000;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
}

.hdrproduct
{
    color: #000;
    font-weight: bold;
}

.dashed
{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #F7F7F7;
}

.dottedBorder
{
    border: 1px dotted #ccc;
    background-color: #F9F9F9;
    padding: 10px;
}

.dateformbody
{
    position: absolute;
    visibility: hidden;
    background-color: #FFF;
}

.custformshipping
{
    margin-left: 14px;
    width: auto;
    float: left;
    width: 235px;
}

.registrantform
{
    background-color: #EEE;
    text-align: left;
}

.xmlform
{
    position: relative;
    top: 10px;
}

.dateform
{
    background-color: #E5E5E5;
}

.hiddenstyle
{
    visibility: hidden;
}

.populatemenu
{
    border-top: solid 1px #99c;
}

.applywidthauto
{
    width: auto;
}

.upsrowcolor
{
    background-color: #EFEFEF;
}

.expiredprojectrecord
{
    background-color: #FF8600;
}

.fontbold
{
    font-weight: bold;
}

.smlpad
{
    padding: 15px !important;
}

.pricesmall
{
    font-size: 12px;
}

.price
{
    font-size: 12px;
    font-weight: bold;
}

/* shopsearch.asp styles */
#searchform
{
    color: #666;
    font-size: 12px;
}

#searchform .searchsummary
{
    background: #F1F1F1;
    border: 1px solid #C3C6CD !important;
    margin-bottom: 30px;
    text-align: left;
    font-weight: bold;
    padding: 10px;
}

#searchform table.words
{
    border-collapse: collapse;
    margin: 10px 0 30px 10px;
}

#searchform table.words td
{
    padding: 5px 5px 5px 0;
}

#searchform table.fieldchooser
{
    border-collapse: collapse;
    margin: 10px 0 30px 30px;
}

#searchform table.fieldchooser td
{
    padding: 0;
}

#searchform .searchfilters
{
    clear: both;
    border-top: 1px dotted #000;
    margin-bottom: 30px;
    line-height: 24px;
    padding: 20px 0 0 10px;
}

#searchform .searchfilters div
{
    padding: 5px 0 0;
}

#searchform table.searchprice td
{
    padding: 0 10px 0 0;
}

#contactusinfo
{
    color: #666;
    font-size: 12px;
    padding: 20px;
}

#contactgooglemap
{
    padding: 20px;
}

/* shopcontent.asp styles */
#contentpage
{
    padding: 5px 20px 20px;
}

#contentpage .right_image
{
    margin-left: 5px;
}

#contentpage .left_image
{
    margin-right: 5px;
}
.shopcontentbody
{
    margin: 20px ;
}


.categorysummary table td
{
    text-align: center;
}

.categorysummary .catmemo
{
    font-size: 11px !important;
}

.categorysummary .cattitle a
{
    font-weight: bold !important;
}

.productsummary h3
{
    font-size: 16px;
    font-weight: bold;
    padding: 0 5px;
}

.productsummary table td
{
    text-align: left;
}

.productsummary .productname
{
    background-color: #eaeaea;
    font-weight: bold;
    line-height: 24px;
    text-align: left;
    padding-left: 5px;
    margin-bottom: 10px;
}

.productsummary .productcode
{
    padding: 0 10px 10px;
}

.productsummary .productdesc
{
    margin-bottom: 10px;
    padding: 0 10px;
}

.productsummary .productoptions
{
    text-align: left;
    margin-left: 10px;
}

.productsummary prod_img
{
    padding: 0 10px;
}

.productsummary .dotline
{
    border-top: 1px dotted #6f6f6f;
    width: 100%;
    height: 1px;
    margin: 8px 0;
}

.productsummary .divider,#productexd .divider
{
    height: 10px;
}

.productsummary label
{
    padding-right: 5px;
    font-size: 11px;
}

.thumbnail_img
{
    float: left;
    margin: 3px;
}

.thumbnail_img img
{
    width: auto !important;
    height: 40px !important;
}

#productexdleft
{
    width: auto;
    float: left;
    text-align: center;
}

#productexdleft img
{
    margin: 10px auto;
}

#productexdleft .main_image
{
    border-radius: 10px;
    width: 200px;
    margin: 10px auto;
}

#productexdleft .image_wrapper
{
    width: 250px;
}

#productexdright
{
    width: 425px;
    float: left;
}

#productexdright .productdesc_table
{
    padding: 5px 10px;
}

#productexdright .productdesc
{
    text-align: left;
    padding: 10px 5px;
}

#productexdright .productinfo
{
    float: left;
    padding: 0;
}

#productexdright span.productinfolabel
{
    float: left;
    width: 70px;
    line-height: 20px;
}

#productexdright span.productinfodetails
{
    float: left;
    line-height: 20px;
    width: 330px;
}

#productexdright span.productinfodetails p
{
    margin: 0;
    padding: 0;
}

.productinfodetails span.noStock
{
    color: #FF0000;
}

.productinfodetails span.inStock
{
    color: #008000;
}

#productexdright .productbuy
{
    margin-top: 10px;
}

#productexdright fieldset .inputfield
{
    float: left;
}

#productexdright label
{
    float: left;
    font-size: 12px;
    padding: 0 5px;
}

/* shopcustadmin.asp,shopaffadmin.asp styles */
table.customerservice
{
    width: 95%;
    background: #F9F9F9;
    border: 1px solid #CCC !important;
    border-collapse: collapse;
    margin: 10px auto;
}

table.customerservice th
{
    height: 35px;
    background-position: 1% 50%;
    background-repeat: no-repeat;
    font-weight: bold;
    color: #333;
    font-size: 12px;
    border-bottom: 1px solid #CCC;
    background-color: #FFF;
    text-align: left;
    padding-left: 50px;
    vertical-align: middle;
}

table.customerservice ul
{
    font: 12px/20px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0 10px 0 25px;
}

#loginform .logintable
{
    border-collapse: separate !important;
    padding: 5px !important;
}

#loginform form table td
{
    padding: 2px !important;
}

#customerform
{
    color: #666;
    font-size: 12px;
    padding: 10px 20px;
}

table.tbl_customer
{
    border-collapse: collapse;
    width: 100%;
    margin: 10px;
}

table.tbl_customer th
{
    width: 35%;
    vertical-align: top;
    text-align: left;
    font-weight: bold;
}

table.tbl_customer iframe
{
    width: 100%;
}

table.tbl_compare
{
    width: 100%;
    border-collapse: collapse;
    border: 0;
}

table.tbl_compare td
{
    vertical-align: top;
    text-align: left;
    padding: 0 5px;
}

table.tbl_compareproduct
{
    line-height: 18px;
    border: 1px solid #d4d4d4;
    margin: 0;
}

/* standard table display */
.std_table
{
    background: #F1F1F1;
    border: 1px solid #C3C6CD !important;
    margin-bottom: 5px; /* //Rapid GB 2012-08-28: Reduced to make the gaps the same */
    text-align: left;
    vertical-align: top;
    line-height: 20px;
    font-size: 11px;
    padding: 5px;
}

.std_table th
{
    vertical-align: top;
    width: 35%;
    font-weight: normal;
    padding: 0 10px 0 0;
}

.std_table td
{
    padding: 0 5px 0 0;
}

table.tbl_subproduct
{
    border-collapse: collapse;
    margin-right: 2px;
    margin-bottom: 2px;
    border: 1px solid #ddd;
    background: #F7F7F7;
    text-align: center;
    width: 100%;
}

table.tbl_subproduct td
{
    padding: 3px 5px;
}

.productcolwrapper
{
    vertical-align: top;
    padding: 5px;
}

.item_row
{
    font-size: 11px;
    padding: 10px 10px 0 0;
}

.item_row2
{
    font-size: 11px;
}

.carttittle
{
    margin-bottom: 5px;
    display: block;
}

.ipwarningtable
{
    border: 1px solid #D6D6D6;
}

.btncontainer
{
    margin-top: 5px;
    margin-bottom: 5px;
}

.ordercompletemsg
{
    border: 1px solid #D6D6D6 !important;
    color: #666 !important;
    font-weight: bold !important;
    margin-top: 10px;
    line-height: 18px;
    padding: 5px !important;
}

.largeinfofont
{
    color: #666;
    font-weight: bold;
}

.info_table
{
    margin-bottom: 20px;
    border-collapse: separate;
    border: 1px solid #D6D6D6;
}

.info_table .odd_row
{
    background: #FCFCFC;
}

.info_table .even_row
{
    background: #FFF;
}

.sort_product_container
{
    width: 520px;
    float: right;
    padding: 10px 0 10px 10px;
}

.sort_product_container label
{
    float: left;
    margin-right: 5px;
    font-size: 12px;
}

.sort_product_container .inputfield
{
    float: left;
    margin-right: 5px;
}

.tell_friend_container,
.comment_container
{
    border-color: lightgray;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    padding: 0;
}

.blog_review_container fieldset,.tell_friend_container fieldset,.invoice_summary_container fieldset
{
    /* margin-bottom: 10px; //Rapid GB 2012-12-20: Removed for Review and Tell Friend tabs */
    border: 0;
}

.blog_review_container label,.tell_friend_container label,.invoice_summary_container label
{
    float: left;
    margin-right: 10px;
    font-size: 12px;
    display: block;
    width: 160px;
}

.blog_review_container .inputfield,.tell_friend_container .inputfield,.invoice_summary_container .input_field
{
    float: left;
    font: 11px Arial, Helvetica, sans-serif;
    color: #666;
    height: 16px;
    border: 1px solid #8C9CAB;
    padding: 0 0 0 2px;
}

.blog_review_container .captcha_wrapper,.tell_friend_container .captcha_wrapper
{
    float: left;
    width: 250px;
}

.blog_review_container a,.tell_friend_container a
{
    margin: 0 5px;
}

.submit_btn_container
{
    border: 1px solid #ccc;
    border-top: 0;
    width: 473px;
    background: #F1F1F1;
    text-align: right;
    margin: 0 auto;
    padding: 5px;
}

.titlecolor
{
    color: #fff;
}

#invoice_summary_table table.info_table
{
    font-size: 11px;
    background: #fff;
    border-collapse: separate;
    margin: 0 0 10px;
}

#invoice_summary_table table.info_table th
{
    background-color: #e0dede;
    text-align: left;
    padding: 5px;
}

#invoice_summary_table table.info_table td
{
    background: #f8f8f8;
    line-height: 20px;
    padding: 3px;
}

#invoice_summary_table table.info_table td.highlight
{
    background: #BBD50D;
}

#contentpage li
{
    margin-bottom: 5px;
    text-indent: -16px;
    list-style: inside;
    margin-left: 16px;
}

.data_table
{
    font-size: 9px;
}

.product_thumbnail
{
    width:  auto !important; /* // Rapid GB 2012-07-19: Added "!important" to force the overwriting of any element styles */
    height:  auto !important; /* // Rapid GB 2012-07-19: Added "!important" to force the overwriting of any element styles */
    max-height: 120px; /* // Rapid GB 2012-07-19: Added to restrict the maximum height to prevent the columns falling out of line */
    max-width: 100px;
    margin-top: 5px; /* // Rapid GB 2012-12-06: Adds space for the hover shadow */
    margin-bottom: 5px; /* // Rapid GB 2012-12-06: Adds space for the hover shadow */
    border-radius: 5px;
}
/* // Rapid GB 2012-07-19:  Added to restrict the maximum width of the sidebar images */
.topsellers .product_thumbnail
{
    max-width:  180px;
    max-height:  100px;
}

.tracking_form
{
    background: #fff;
    padding: 10px;
}

#searchform table.searchprice,.std_table table
{
    border-collapse: collapse;
}

#blogsreviewform,#newsreviewform,#contactusform
{
    color: #666;
    font-size: 12px;
    padding: 5px 20px 20px;
}

#blogsreviewform table,#newsreviewform table,#contactusform table,#contactusinfo table
{
    border-collapse: collapse;
    margin: 20px 10px 0;
}

#blogsreviewform table td,#newsreviewform table td,#contactusform table td,#contactusinfo table td,table.tbl_customer td
{
    vertical-align: top;
    padding: 0 30px 10px 0;
}

.categorysummary,.productsummary p,table.tbl_compareproduct td,.blog_review_container,.invoice_summary_container
{
    padding: 5px;
}

.productsummary,#productexdright fieldset,#productexdbottom .productcompare
{
    margin-bottom: 10px;
}

.productsummary .productrating,.productsummary .productlinks
{
    padding-top: 5px;
    font-size: 11px;
    line-height: 16px;
}

#productexd,#loginform,#shopcustomer,#shopcustregister,#shopcustadmincoupon
{
    width: 95%;
    margin: 10px auto;
}

#productexdright .productprice,#productexdbottom
{
    clear: both;
    padding: 15px 0;
}

table.customerservice td,#loginform .iconlogin,.ipwarningtable td
{
    padding: 10px;
}

.info_table td,.data_table td
{
    padding: 3px;
}


/* //Rapid GB 2012-08-03: Adds spacing to a simplified random product template */
.RandomFrontPageProduct, .NewProductFrontPageProduct
{
    padding: 7px 7px 8px
}
.RandomFrontPageProductImageHeight
{
    height: 130px;
}
.RandomProductDesc
{
    height: 2.5em;
    overflow: hidden;
}
.randomproduct
{
    border: 1px solid #D9D9D9;
    border-radius: 10px 10px 10px 10px;
    margin: 4px 2px;
    padding: 0 !important;
    width: 90%;
}
#main .main-product .randomproduct h3{
    font: bold 12px/14px Arial,Helvetica,sans-serif;
    height: 3.5em;
    margin: 5px 0;
    overflow: hidden;
    padding: 3px;
}
/* // Rapid GB 2012-07-26: Table formating for the Card Payment selection table */
#CardList table
{
    width: 100%;
    text-align: center;
}
#CardList td{
    border: 1px solid #C3C6CD;
    padding: 0 3px;
}
#CardList th{
    border: 1px solid #C3C6CD;
    width: auto;
    font-weight: bold;
    padding: 0 5px;
}
#CardList .Row1
{ /* Alt Row */
    background: #DDDDDD;
}
#CardList .NewCardRow
{
    font-style: italic;
    font-weight: bold;
}
.rightbtn{
}
#CardList .PaymentHeader
{
    font-size: 12px;
    font-weight: bold;
}

/* //Rapid RE 2016-03-19: Checkout page */
.CheckoutReturnButton{
    margin-top: 15px;
    height: 24px;
}

.CheckoutReturnButton .submitbtn{
    padding: 2px 5px 2px 5px;
}
.CheckoutReturnButton .submitbtn:hover
{
    padding-bottom: 2px;
    padding-top: 2px;
    text-decoration: none;
}


/* //Rapid GB 2012-08-28: RealVault's RealEx Checkout page */
.CardListHeader
{
    background-color: #F1F1F1;
    background-image: url("../../../images/icons/creditcards.gif");
    background-position: 1% 50%;
    background-repeat: no-repeat;
    border: 1px solid #C3C6CD;
    color: #666666;
    height: 18px;
    margin: 5px 0;
    padding: 10px 5px 10px 50px;
    font-weight: bold;
}
.PaymentHeaderRight{
    float: right;
    width: 50%;
    text-align: right;
}
.PaymentHeaderLeft{
    float: left;
    width: 50%;
}


/* //Rapid GB 2012-09-26: TODO: TEMP!!! THIS NEEDS REMOVING ONCE WE HAVE A PAGE TO MANAGE THE CARDS!!! */
.PaymentHeaderRight .submitbtn
{
    display: none;
}

/* //Rapid GB 2012-10-16: Formats the secure card processing logo */
.RealExLogo
{
    text-align: center;
}
#CardList .RealExLogo
{
    margin: 10px;
}

#contentpage ul li,#main .main-product .productdesc ul li,#productexd .productdesc ul li
{
    margin-bottom: 5px;
    text-indent: -16px;
    list-style: inside;
    margin-left: -20px;
}

#main .main-product .productdesc li,#productexd .productdesc li
{
    margin-bottom: 5px;
    margin-top: 5px;
    text-indent: -16px;
    list-style: inside;
    margin-left: 16px;
}

.selectproductbuttonwrapper
{
    padding: 5px;
}

.std_table_customer
{
    margin: 0 auto 10px; 
    width: 473px;
}

/* //Rapid GB 2012-08-03: Adds spacing to random products and new products templates for the front screen to make it  */
.RandomFrontPageProduct, .NewProductFrontPageProduct
{
    padding: 7px 7px 8px;
    border-radius: 10px; /* //Rapid GB 2012-10-30: Added border */
    padding: 7px 7px 8px; /* //Rapid GB 2012-10-30: Added border */
}

/* //Rapid GB 2012-11-15: Reduces the padding at the top of the password reset box */
.blog_review_container.Small_Padding
{
    padding-top: 5px;
}
/* //Rapid GB 2012-11-15: Removes the extra spacing ether side of the "click here" link */
.blog_review_container.Small_Padding a
{
    margin: 0;
}

/* //Rapid GB 2012-07-25: Java script disabled warning */
#noscript-warning
{
    background-color: #AE0000;
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    left: 0;
    padding: 5px 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 101;
}
#noscript-warning a
{
    color: #FFFF00;
    text-decoration: underline;
}
#noscript-warning a:hover
{
    color: #FF0000;
}
#noscript-padding
{
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
}
#noscript-padding a
{
    color: #FFFFFF;
}

/* //Rapid GB 2012-09-26: Adding a background to most of the divs that where transparent */
#checkoutsteps, #ShopThanksBorder, .main-product, .contactusborder, .noproductmessageborder, .searchborder, .BasketBorder, .OrderDetailsBorder, .PaymentScreenBorder
{
    background-color: white;
    padding: 0 5px 5px;
}
.contactusborder
{
    padding: 10px 0;
}
.noproductmessageborder, .searchborder, .PaymentScreenBorder
{
    padding: 10px;
}
/* //Rapid RE 2016-02-19: List pages - bestsellers etc*/
.main-list-product
{
    position: relative;
    margin-left: 10px;
    width: 740px;
}

/* //Rapid GB 2012-09-25: Carousels */
.main-product
{
    position: relative;
}
.center_randomproductscarousel_body_Hidder
{
    overflow: hidden;
    margin: 0 30px;
    background-color: white;
    position: relative;
}
.RandomFrontPageProductCarouselProduct
{
    padding: 3px 3px 0;
}
.RandomFrontPageProductCarouselProduct p
{
    color: black;
    font: 12px Helvetica Neue,Helvetica,Arial,Sans-Serif;
    height: 3.6em;
    overflow: hidden;
    text-align: left;
    width: 105px;
}
.RandomFrontPageProductCarouselColumn
{
    border-top: 1px solid #CCCCCC;
    margin-top: 0;
    height: 260px;
}
.prodfooterinfo
{
    text-align: center !important;
    height: 35px;
}
.prodfooterinfo .RRP{
    height: 30px;
}
.prodfooterinfo .btn-details{
    margin-top: 5px;
    margin-left: 6px;
}

.carousel .product_title h2 {
    font: bold 16px/18px Arial,Helvetica,sans-serif;
    padding: 4px 0;
    text-align: center;
    margin: 0;
    background: #E7E7E7;
    color: #20224E;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #D3D3D3;
}
/* Adds the buttons to let the user scroll left and right though the carousels */
.LeftDirectionalButtonSurround
{
    left: 0;
    top: 0;
    background-position: 2px 50%;
    background-repeat: no-repeat;
    content: " ";
    height: 100%;
    position: absolute;
    width: 30px;
}
.RightDirectionalButtonSurround
{
    right: 0;
    top: 0;
    background-position: 2px 50%;
    background-repeat: no-repeat;
    content: " ";
    height: 100%;
    position: absolute;
    width: 30px;
}
.LeftDirectionalButtonSurround:hover, .RightDirectionalButtonSurround:hover
{
    cursor: pointer;
}
.GoLeftButton
{
    background-image: url("../images/ArrowLeft.png");
}
.GoRightButton
{
    background-image: url("../images/ArrowRight.png");
}

.GoLeftButton, .GoRightButton
{
    background-color: transparent;
    /* border-radius: 12px; */
    height: 24px;
    left: 3px;
    margin: -12px 0 0;
    position: absolute;
    top: 50%;
    width: 23px;
    border: none;
}
.carousel .product-wrapper
{
    /* position: relative; */
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 1225px; /* //Rapid GB 2012-10-01: TEMP!!! REMOVE ONCE CORRECT WIDTH IS CALCULATED */
}

/* Hides the buttons when there are no products to scroll though that way (e.g. your at the far end or there aren't enough products) */
.GoLeftButton.NoButton,
.GoRightButton.NoButton
{
    background-image: url("../images/ArrowEnd.png") !important;
    cursor: auto !important;
}
.RightDirectionalButtonSurround:hover .GoRightButton
{
    background-image: url("../images/ArrowRight-Hover.png");
}
.LeftDirectionalButtonSurround:hover .GoLeftButton
{
    background-image: url("../images/ArrowLeft-Hover.png");
}
.GoLeftHiddenButton, .GoRightHiddenButton
{
    background: transparent;
    border: none;
    height: 100%;
    width: 100%;
}
.GoLeftHiddenButton:hover, .GoRightHiddenButton:hover,.GoLeftButton:hover, .GoRightButton:hover
{
    cursor: pointer;
}
/* Hides the pointer when the NoButton class has been applied to the button */
.GoLeftHiddenButton.NoButton, .GoRightHiddenButton.NoButton{
    /* visibility: hidden; */
    cursor: auto;
}
/* //Rapid GB 2012-10-09: Formating for the Categorie Carousels */
.CategoriesCarousel
{
    margin-bottom: 5px;
    margin-top: 5px;
}

/* //Rapid GB 2012-10-04: All of the items in the header bar */
#HeaderBar
{
    top: 0;
    width: 100%;
}
#FloatingHeaderBar
{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101;
}
/* //Rapid GB 2012-10-04: EU Cookie Info fomatting */
.EUCookieInfo
{
    background: none repeat scroll 0 0 #E5E3E4;
    display: block;
    text-align: center;
    border-bottom: 1px solid #7B7B7B;
    box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.82);
    z-index: 102;
}
.EUCookieInfo.Dummy
{
    position: inherit;
    visibility: hidden;
}
.NoDisplay
{
    display: none !important;
}
.EUCookieInfoInner
{
    margin: 0 auto;
    padding: 10px 0;
    position: relative;
    width: 992px;
}
.EUCookieInfo p
{
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    vertical-align: middle;
    text-align: left;
    margin: 0;
    width: 780px;
}
#accept-cookies:hover
{
    background: url("../images/icon-tick-black.png") no-repeat scroll 5px 7px #BEBEBE;
    color: #000000;
    text-decoration: none;
}
#accept-cookies
{
    vertical-align: middle;
    background: url("../images/icon-tick.png") no-repeat scroll 5px 7px #383838;
    border: 1px solid #383838;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 7px 4px 26px;
    display: inline-block;
}

.EUCookiesDisabled
{
    background: none repeat scroll 0 0 #EE6E09;
    color: white;
    display: block;
    text-align: center;
    border-bottom: 1px solid #7B7B7B;
    box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.82);
}
.EUCookiesDisabled.Dummy
{
    position: inherit;
    visibility: hidden;
}
.EUCookiesDisabledInner
{
    margin: 0 auto;
    padding: 10px 0;
    position: relative;
    width: 992px;
}
.EUCookiesDisabled p
{
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    vertical-align: middle;
    text-align: left;
    margin: 0;
}
.EUCookiesDisabled a
{
    color: #FFFFFF;
    text-decoration: underline;
}
.OrderDetailsBorder
{
    padding: 0 0 1px;
}
.AccPayment, .CardListBorder, .OtherPaymentsBorder
{
    background-color: #F1F1F1;
    border: 1px solid #A2A2A2;
    margin-bottom: 20px;
    padding: 3px;
}
.PaymentScreenBorder .std_table
{
    background-color: white;
}
#main .PaymentScreenBorder h2, #main .PaymentScreenBorder .CardListHeader
{
    background-color: white !important;
}
#ShopThanksBorder
{
    padding: 0 0 10px;
}
/* Added to get the same effect as the header on the branch page for "High Wycombe (Bucks)" */
.BrightHeader
{
    background: none repeat scroll 0 0 #F1F1F1;
    color: #9933CC;
    font-size: 1.6em;
    padding: 3px 10px;
}

/* Give the facebook like and Google Plus buttons a bit of a border */
.GooglePlus1, .fb-like
{
    display: inline-block;
    padding: 0 0 4px;
}
.fb-like span
{
    height: 23px !important; /* //Rapid GB 2012-10-22: Alignes the fb and G1+ buttons on the search results screen (side by side) */
}

/* Setup the Scrolling Banners box when no flash or javascript installed */
#ScrollBanners
{
    display: table-cell;
    height: 211px;
    min-height: 10em;
    text-align: center;
    vertical-align: middle;
    width: 539px;
}
#ScrollBanners #ScrollBannersInner
{
    color: black;
    background: none repeat scroll 0 0 #CCCCCC;
    display: table-cell;
    height: 211px;
    min-height: 10em;
    text-align: center;
    vertical-align: middle;
    width: 539px;
}

/* //Rapid GB 2012-07-04: Adds a white mainly opaque background behind the
footer to sit over the background logo so you can read the footer text */
#vp_footer
{
    background: rgba(255,255,255,1);
    border-radius: 10px 10px 30px 30px;
}

/* //Rapid GB 2012-07-06: Formats the Advanced Search Box
including moveing it to it's correct location on the right */

/* //Rapid GB 2012-07-13: Moves this link to the Right of the big search box */
#RSerchLnk
{
    cursor: pointer;
    font: bold 15px Arial,Helvetica,sans-serif;
    left: 805px;
    padding: 4px 10px 5px;
    position: absolute;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
    height: 15px;
}
.RSerchLnk{
    text-decoration: none !important; /* Mainly just to remove the underline in Safari */
}

/* //Rapid GB 2012-07-13: Moves this link to the left of the big search box */
#LSerchLnk
{
    cursor: pointer;
    font: bold 15px Arial,Helvetica,sans-serif;
    left: 40px;
    padding: 4px 10px;
    position: absolute;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
}
#RSerchLnk:hover
{
    padding-bottom: 4px;
    padding-top: 5px;
}

.LSerchLnk{
    text-decoration: none !important; /* Mainly just to remove the underline in Safari */
}
#LCardImage
{
    position: absolute;
    left: 25px;
}

/* //Rapid GB 2012-08-22: Added top border instead of bottom border (was using a <hr>) */
.siderandomproducts .contentdiv
{
    border-top: 1px solid #CCCCCC;
}
/* //Rapid GB 2012-08-23: Added to hide the first divider (as they are at the top it isn't needed for the first row) */
.siderandomproducts .contentdiv.first
{
    border-top: none;
}

.replysmsg
{
    border: 1px solid #D6D6D6; /* //Rapid GB 2012-07-19: Updated to match other grey boxes */
    margin-top: 5px;
    text-align: center;
    background-color: #F8F8F8; /* //Rapid GB 2012-07-19: Updated to match other grey boxes */
    font-size: 12px;
    padding: 10px;
    border-radius: 5px 5px 5px 5px; /* //Rapid GB 2012-07-19: Added to give the same rounded edge that the other boxes have */
}
.wrapper
{
    margin: 0 auto;
    width: 485px;
}
.sidelogo
{
    margin-bottom: 10px;
}

/* Library feature */
.item_row .LibSurround .LibEdit:hover,
.item_row .LibSurround .LibEdit.Populated:hover
{
    background-image: url("../images/Pencil_Blue.png");
    cursor: pointer;
}
.item_row .LibSurround .LibPreview
{
    background-image: url("../images/Preview.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 20px;
}
.item_row .LibSurround .LibEdit{
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
}
.item_row .LibSurround .LibEdit
{
    background-image: url("../images/Pencil_Red.png");
}
.item_row .LibSurround .LibEdit.Populated
{
    background-image: url("../images/Pencil_Green.png");
}
.item_row .LibSurround
{
    position: relative;
}
.item_row .LibSurround .LibPopupPreview
{
    background-color: white;
    border: 1px solid black;
    border-radius: 10px;
    box-shadow: 4px 4px 10px 1px black;
    left: -50px;
    position: absolute;
    min-width: 100px;
    z-index: 10;
}

.LibPopupPreview table
{
    margin: 5px;
}
.LibPopupPreview table tr th
{
    background-color: #DADADA;
    color: black;
}
.LibPopupPreview table tr
{
    border: 1px solid black;
}
.LibPopupPreview table tr
{
    border: 1px solid black;
}
.LibPopupPreview table tr.Odd
{
    background-color: #E6E6E6;
}
.LibPopupPreview table tr td, .LibPopupPreview table tr th
{
    border: 1px solid black;
    padding: 3px;
    white-space: nowrap;
}
.LibCartRow.Zero,
.LibCartRow.Zero select,
.LibCartRow.Zero input
{
    color: red;
}
.LibPopupPreview .LibCartRow.Zero .Quantity
{
    font-size: 15px;
    font-weight: bold;
}
.LibValueEditingPane,
.item_row .LibSurround.ForcePopupHide .LibPopupPreview,
.Hidden
{
    display: none !important;
}
.LibPopupPreview:hover
{
    visibility: hidden;
}
.item_row .LibSurround.ForcePopupHide .LibEdit.Populated
{
    /* cursor: auto; */
}
.item_row .LibSurround .LibEdit.Open
{
    background-image: url("../images/Pencil_Grey.png");
}
.item_row .LibSurround .LibEdit.Open:hover
{
    background-image: url("../images/Pencil_Red.png");
}
.info_table .LibValueEditingPanel
{
    border: 1px solid #D6D6D6;
}
.LibValueEditPanelInner .LibValueUpdating
{
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 12;
}
.LibValueEditPanelInner
{
    min-height: 300px;
    position: relative;
}
.LibValueUpdating div
{
    background-color: rgba(255, 255, 255, 0.99);
    box-shadow: 0 0 70px 100px white;
    color: black;
    margin: 100px 30%;
    position: relative;
    text-align: center;
}

.right
{
    float: right;
}
.inline
{
    display: inline;
}

.submitbtn.Disabled, .submitbtn.Disabled:hover
{
    background-color: #D3D3D3;
    background-image: none;
    border-color: #D3D3D3;
    box-shadow: none;
    color: #000000;
    cursor: not-allowed;
    padding-bottom: 0;
    padding-top: 2px;
}
.ButtonDisabledPopup
{
    background-color: white;
    border: 1px solid red;
    border-radius: 5px;
    bottom: 20px;
    color: darkred;
    height: auto;
    left: -7px;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 135px;
}
#CheckoutButtonHolder
{
    display: inline-block;
    position: relative;
}
.LibCartRow .CopyToAll
{
    display: inline;
    padding: 4px;
    position: relative;
}
.LibCartRow .CopyToAll_Info
{
    background-color: white;
    border: 1px solid black;
    border-radius: 5px 5px 5px 5px;
    bottom: 20px;
    padding: 3px;
    position: absolute;
    left: 20px;
    width: 80px;
}
.LibUpdateForm select,
.LibUpdateForm input
{
    border: 1px solid lightgrey;
}
.LibUpdateForm .LibUpdateFormObj_Opt1.origin,
.LibUpdateForm .LibUpdateFormObj_Opt2.origin,
.LibUpdateForm .LibUpdateFormObj_Opt3.origin,
.LibUpdateForm .LibUpdateFormObj_Quant.origin
{
    background-color: greenyellow;
}
.LibUpdateForm .LibUpdateFormObj_Opt1.target,
.LibUpdateForm .LibUpdateFormObj_Opt2.target,
.LibUpdateForm .LibUpdateFormObj_Opt3.target,
.LibUpdateForm .LibUpdateFormObj_Quant.target
{
    background-color: yellow;
}
.CopyToAll .CopyToAllArrow
{
    cursor: pointer;
    display: inline;
}
.Invisible
{
    opacity: 0;
    transition-duration: 0.3s;
    transition-property: visibility, opacity;
    visibility: hidden;
}

.RRP label
{
    padding-right: 5px;
}
.RRP
{
    color: grey;
}
.RRP .fontbold
{
    font-weight: bold;
}
.RRP span
{
    text-decoration: line-through;
}
.RRP .OurPrice
{
    text-decoration: none;
    font-weight: bold;
}


#welcomeboxstretchform3 .searchfield,
#welcomeboxstretchform3 .submitbtn,
#RSerchLnk
{
    position: absolute;
    top: 81px;
}
#welcomeboxstretchform3 .searchfield
{
    right: 234px;
    z-index: 1;
}
#welcomeboxstretchform3 .submitbtn
{
    right: 200px;
    width: 35px;
    z-index: 1;
}
#RSerchLnk
{
    position: absolute;
    right: 30px;
}
#header
{
    padding: 20px;
}
#welcomeboxstretchform3 .submitbtn:hover
{
    padding-top: 2px;
    z-index: 0;
}
#main .main-product .btn-details:hover
{
    padding-bottom: 0;
    padding-top: 2px;
}
.submitbtn:hover
{
    padding-bottom: 0;
    padding-top: 2px;
}
#vp_bodycontent > .carousel
{
    margin-top: 10px;
    border: 1px solid #E0E0E0;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
}

.Visible
{
    visibility: visible !important;
}
#Forthcoming
{
    text-align: left;
}
#Forthcoming > div
{
    margin-bottom: 10px;
}
#Forthcoming > div > div,
#Forthcoming .submit,
#ForthcomingAval .ForthComingSortBy
{
    text-align: center;
}

#Forthcoming .stars .star
{
    background-image: url("../images/StarEmpty.png");
    cursor: pointer;
    display: inline-block;
    height: 24px;
    line-height: 25px;
    width: 24px;
}
#Forthcoming .stars.allStars .star
{
    background-image: url("../images/StarGrey.png");
}
#Forthcoming .stars .star.checked,
#Forthcoming .stars .star:hover
{
    background-image: url("../images/StarFull.png");
}
#Forthcoming .stars .all
{
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    line-height: 25px;
}
#Forthcoming .stars .all:hover,
#Forthcoming .stars .all.checked
{
    color: black;
    text-shadow: 3px 3px 2px orange;
    font-weight: bold;
}
#Forthcoming input.hidden
{
    display: none;
}
#ForthcomingTitlesIFrame
{
    border: none;
    height: 260px;
    width: 193px;
}
#Forthcoming .submit input
{
    padding: 0 6px;
}
#Forthcoming input
{
    vertical-align: bottom;
}
#vp_footer .bottom-row .Telephone
{
    margin-bottom: 20px;
}

/* Order Status */
#OrderStatusTable.table
{
    display: table;
    width: 100%;
}
#OrderStatusTable .table-column
{
    display: table-column;
}
#OrderStatusTable .table-column.SalesID_Column
{
}
#OrderStatusTable .table-cell
{
    border-bottom: 1px dashed grey;
    display: table-cell;
    padding: 5px;
}
#OrderStatusTable .table-row.header
{
    font-weight: bold;
}
#OrderStatusTable .table-row
{
    display: table-row;
}
#OrderStatus .Header.SalesID,
#OrderStatus .Header.Orders,
#DuesReport .Header.Orders
{
    background-color: #F8F8F8;
    border: 1px solid #D3D3D3;
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
}
form#DuesReport
{
    background-color: #F8F8F8;
    border: 1px solid #D3D3D3;
    border-radius: 10px 10px 10px 10px;
    display: block;
    padding: 10px;
}
#DuesReport > p
{
    color: #000000;
    font-weight: bold;
    margin: 0 0 10px;
}
#DuesReport > div
{
    margin: 5px 0;
}

/* Product History */
.Header.Table
{
    display: table;
}
.Header.Table .Row
{
    display: table-row;
}
.Header .ISBN,
.Header .Title,
.Header .Author,
.Header .Price
{
    font-weight: bold;
    display: table-cell;
}
.Header .Label.ISBN,
.Header .Label.Title,
.Header .Label.Author,
.Header .Label.Price
{
    padding-right: 10px;
}
.LastPurchaseDate
{
    color: #000000;
    font-weight: bold;
}
.productinfodetails.LastPurchaseDate a
{
    color: #0000FF;
}
.SearchSummary > .submitbtn
{
    display: inline-block;
    margin: 5px;
    padding-bottom: 1px;
    padding-top: 1px;
    width: 80px;
}
/* Makes the main section full width */
#main.FullWidth
{
    width: 100%;
}
/* Moves the breadcrumbs into their correct place for 1 column (full width) layouts */
#main.FullWidth div.breadcrumb {
    left: 365px;
}
/* Minimize the customer and shipping entry info for the checkout (as it's defaulted) */
#shopcustomer .CustomerForm.Minimized .comment_text,
#shopcustomer .ShippingForm.Minimized .comment_text,
#shopcustomer .CustomerForm.Minimized .hide,
#shopcustomer .ShippingForm.Minimized .hide,
.CustomerForm .show,
.CustomerForm .hide,
.ShippingForm .show,
.ShippingForm .hide {
    display: none;
}
#shopcustomer .CustomerForm.Minimized .show,
#shopcustomer .CustomerForm .hide,
#shopcustomer .ShippingForm.Minimized .show,
#shopcustomer .ShippingForm .hide {
    display: inline;
}
#shopcustomer .CustomerForm .show,
#shopcustomer .CustomerForm .hide,
#shopcustomer .ShippingForm .show,
#shopcustomer .ShippingForm .hide {
    color: #808080;
    font-size: smaller;
    font-style: italic;
}
#shopcustomer .CustomerForm .comment_title,
.ShippingForm .comment_title {
    cursor: pointer;
}

/* Accelerated Reader Options */
/* Fiction Selector */
#fictionSelector
{
    text-align: center;
}

/* Buttons */
#fictionSelector > div.button,
.levelSelector div.button,
.levelRangeSelector div.button,
#rangeToggleOutter > div.button
{
    border: 1px solid #000000;
    border-radius: 5px;
    box-shadow: 2px 2px 4px 0 #000000;
    cursor: pointer;
    display: inline-block;
    margin: 5px;
    padding: 3px;
    text-align: center;
    width: 110px;
}
#rangeToggleButton .tick
{
    border: 1px solid #000000;
    border-radius: 5px;
    display: inline-block;
    height: 16px;
    width: 16px;
}
#rangeToggleButton .label
{
    display: inline-block;
    margin: 0 8px;
}
#rangeToggleOutter > div.button.selected
{
    box-shadow: none;
    color: #000000;
}
#rangeToggleOutter > div.button.selected .tick
{
    background-color: #FF0000;
    color: #FFFFFF;
}
#rangeToggleOutter > div.button .tick
{
    color: rgba(0, 0, 0, 0);
}
#rangeToggleOutter > div.button.selected
{
    box-shadow: none;
    color: #000000;
}
#rangeToggleOutter > div.button.selected.mouseInteraction:hover .tick
{
    box-shadow: 0 0 5px 2px #FFFFFF inset;
    color: transparent;
}
#rangeToggleOutter > div.button.mouseInteraction:hover .tick
{
    box-shadow: 0 0 5px 0 #FF0000 inset;
    color: #FF0000;
}

/* On Mouse Over */
#fictionSelector > div.button:hover,
.levelSelector div.button:hover,
.levelRangeSelector div.button:hover
{
    border-color: #e32a22;
    color: #e32a22;
}
/* When Clicked */
#fictionSelector > div.button:active,
.levelSelector div.button:active,
.levelRangeSelector div.button:active,
#rangeToggleOutter > div.button:active
{
    box-shadow: none;
}
/* When the fiction is selected */
#fictionSelector > div.button.selected
{
    background-color: #e32a22;
    border-color: #e32a22;
    box-shadow: none;
    color: #FFFFFF;
}

#fictionSelector,
/* Level Selector */
.levelSelector,
.levelRangeSelector
{
    position: relative;
    text-align: center;
}
/* The sub-level pop-up */
.IntLevelPopup
{
    background-color: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 10px;
    box-shadow: 2px 2px 4px 0 #000000;
    display: inline-flex;
    left: 0;
    padding: 5px;
    position: absolute;
    top: 75%;
    visibility: hidden;
    z-index: 1;
}
/* Makes the main level pop-up visible on hover and touched */
.mainLevel:hover .IntLevelPopup,
.mainLevel.touched .IntLevelPopup
{
    visibility: visible;
}
/* The main level block */
.AcceleratedReaderOptions .mainLevel
{
    display: inline-block;
    position: relative;
}
/* Hider for when the fiction type hasn't been selected yet */
#fictionHider
{
    visibility: hidden;
}
#fictionHider.enabled
{
    visibility: visible;
}
/* Range Toggle */
#rangeToggleOutter
{
    text-align: center;
    position: relative;
    margin: 20px;
}
#rangeToggle
{
    display: none;
}
/* Title (displays which level selector this is */
.levelSelector .Title,
.levelSelector .AcceleratedReaderOptions,
.levelRangeSelector .Title,
.levelRangeSelector .AcceleratedReaderOptions
{
    box-shadow: 4px 4px 4px 0 #444444;
}
.levelSelector .Title,
.levelRangeSelector .Title
{
    background-color: #FFD700;
    border: 1px solid #808080;
    border-radius: 5px 5px 0 0;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: -1px;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
}

.searchSubmission
{
    margin-top: 5px;
    text-align: center;
}
.searchSubmission input.singleLevel,
.searchSubmission input.lowerRangeLevel,
.searchSubmission input.upperRangeLevel,
.searchSubmission input.interest
{
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #808080;
    border-radius: 5px;
    color: #000000;
    text-align: center;
    width: 25px;
}
.searchSubmission input.interest
{
    width: 75px;
}
/* Hides/Shows the fiction dependent level selector */
#fictionHider.fiction div.non-fiction,
#fictionHider.non-fiction div.fiction,
#fictionHider.range div.levelSelector ,
#fictionHider.single div.levelRangeSelector 
{
    display: none;
}
.searchSubmission > input
{
    margin: 0 5px;
}

/* Range upper level */
#fictionHider .AcceleratedReaderOptions .upperRange
{
    border: 1px solid #000000;
    border-radius: 5px;
    display: none;
    margin-bottom: 10px;
    padding: 2px;
}
/* Sets up and hides the range upper level */
#fictionHider  .upperRange .AcceleratedReaderOptions .YearBand
{
    margin: 0;
}
/* Hides the upper range section until needed */
#fictionHider .levelRangeSelector .upperRange .AcceleratedReaderOptions.Range .YearBand,
#fictionHider .levelRangeSelector .selectionOuterContainer.upperRange
{
    display: none;
}
#fictionHider .levelRangeSelector .upperRange .AcceleratedReaderOptions.Range .YearBand.enabled,
#fictionHider .levelRangeSelector .selectionOuterContainer.upperRange.enabled
{
    display: inherit;
}

/* Level Range Help */
#rangeToggleOutter .RangeLabel {
    margin: 5px;
}
#rangeToggleOutter .RangeHelpPopup
{
    background-color: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 5px;
    box-shadow: 2px 2px 4px 0 #000000;
    display: none;
    left: 50%;
    margin-left: -155px;
    padding: 5px;
    position: absolute;
    top: -155px;
    width: 300px;
    z-index: 1;
}
#rangeToggleButton:hover .RangeHelpPopup
{
    display: block;
}

/* Limited the width of the ForthComing Titles "Category" drop-down */
#Forthcoming .category > select {
    width: 200px;
}

/* Accelerated Reader */
#acceleratedReaderOptionsForm {
    margin: 20px auto 0px;
    display: block;
    width: 230px;
}
#acceleratedReaderOptionsForm label.header {
    display: block;
    font-size: 17px;
    font-weight: bold;
    margin: 5px 0
}
#acceleratedReaderOptionsForm input.submitBtn {
    float: right;
}
#acceleratedReaderOptionsForm input.radio,
#acceleratedReaderOptionsForm label.radio
{
    margin-top: -1px;
    vertical-align: middle;
    height: 20px;
}
/*Bestsellers Page*/
#bestsellerOptionsForm {
    margin: 3px 75px 3px;
    display: block;
    width: 460px;
}
#bestsellerOptionsForm label.header {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0
}
#bestsellerOptionsForm input.submitBtn {
    float: right;
    margin-top: 5px;
}
#bestsellerOptionsForm .category_dropdown {
    width: 225px;
    margin-left: 15px;
}
/*New Titles Page*/
#newtitlesOptionsForm {
    margin: 3px 75px 3px;
    display: block;
    width: 460px;
}
#newtitlesOptionsForm label.header {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0
}
#newtitlesOptionsForm input.submitBtn {
    float: right;
    margin-top: 5px;
}
#newtitlesOptionsForm .category_dropdown {
    width: 225px;
    margin-left: 15px;
}


/* Temp hide Country and Lang selection from Forthcoming & New search */
#Forthcoming .country,
#Forthcoming .Language {
    display: none;
}