﻿div#mainOuterWrapper
{
    background: transparent url('/Portals/0/_images/get_mixing_background.gif') 0 0 no-repeat;
    width: 780px;
    height: 660px;
    position: relative;
    font-family: Arial, Verdana, Sans-Serif;
}

div#mainInnerWrapper1
{
    width: 706px;
    height: 611px;
    position: absolute;
    top: 3px;
    left: 36px;
    overflow: hidden;
}

div#mainInnerWrapper2
{
    width: 2824px;
    height: 611px;
    position: relative;
}

div#productList1
{
    width: 706px;
    height: 611px;
    position: absolute;
    top: 0;
    left: 0;
}

div#productList2
{
    width: 706px;
    height: 611px;
    position: absolute;
    top: 0;
    left: 707px;
}

div#productList3
{
    width: 706px;
    height: 611px;
    position: absolute;
    top: 0;
    left: 1413px;
}

div#productList4
{
    width: 706px;
    height: 611px;
    position: absolute;
    top: 0;
    left: 2119px;
}

div#mainInnerWrapper2 ol
{
    float: left;
    display: block;
    margin: 0;
    padding: 20px 0 10px;
    border-bottom: 1px solid black;
    width: 500px;
}

div#mainInnerWrapper2 li
{
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding-left: 20px;
    font-size: 1.2em;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    color: Black;
}

li.productList1
{
    background: transparent url('/Portals/0/_images/breadcrumb1.gif') 0 0 no-repeat;
}

li.productList2
{
    background: transparent url('/Portals/0/_images/breadcrumb2.gif') 0 0 no-repeat;
}

li.productList3
{
    background: transparent url('/Portals/0/_images/breadcrumb3.gif') 0 0 no-repeat;
}

li.productList4
{
    background: transparent url('/Portals/0/_images/breadcrumb4.gif') 0 0 no-repeat;
}

div#productList1 li.productList1,
div#productList2 li.productList2,
div#productList3 li.productList3,
div#productList4 li.productList4
{
    color: #990D16;
    background-position: 0 -16px;
}

div.productListWrapper
{
    clear: both;
}

div.getMixingLogo
{
    width: 154px;
    height: 67px;
    background: transparent url('/Portals/0/_images/get_mixing_title.gif') 0 0 no-repeat;
    float: left;
    margin: 10px 20px;
}

div#leftArrowBar
{
    width: 33px;
    height: 652px;
    background: transparent url('/Portals/0/_images/left_arrow.gif') 0 0 no-repeat;
    position: absolute;
    top: 1px;
    left: 3px;
    z-index: 100;
}

div#rightArrowBar
{
    width: 33px;
    height: 652px;
    background: transparent url('/Portals/0/_images/right_arrow.gif') 0 0 no-repeat;    
    position: absolute;
    top: 2px;
    right: 3px;
    z-index: 100;
}

div#leftLink
{
    width: 25px;
    height: 10px;
    position: absolute;
    bottom: 60px;
    left: 50px;
    z-index: 100;
}

div#rightLink
{
    width: 25px;
    height: 10px;
    position: absolute;
    bottom: 60px;
    right: 50px;
    z-index: 100;
}

div.productListTextBlock
{
    clear: both;
    width: 515px;
    height: 126px;
    padding: 20px;
    margin: 0 auto;
    background: transparent url('/Portals/0/_images/textblock_555_166.gif') 0 0 no-repeat;
}

div.productListTextBlock p
{
    padding: 0;
    margin: 12px auto;
    font-size: 1.2em;
    display: block;
    width: 440px;
    padding-left: 20px;
    background: transparent url('/Portals/0/_images/black_square.gif') 0 4px no-repeat;
}

div.productListWrapper
{
    width: 612px;
    margin: 10px auto;
}

div.productItemWrapper
{
    width: 146px;
    height: 160px;
    float: left;
    margin: 10px 29px 0;
    position: relative;
}

div.productImage
{
    width: 146px;
    height: 124px;
    position: relative;
    z-index: 10000;
}

div.productTextWrapper
{
    color: #555;
}

span.productName
{
    font-size: 1.2em;
    font-weight: bold;
    float: left;
    width: 112px;
    display: block;
}

span.productPrice
{
    float: left;
    clear: left;
}

span.addItem
{
    float: right;
    font-size: 1.2em;
    color: Black;
    font-weight: bold;
}

span.addItem a
{
    color: Black;
}

span.addItem a:hover
{
    color: #990D16;
    text-decoration: none;
    cursor: pointer;
}

div.productTooltip
{
    display: none;
    border: 1px solid #555;
    background: White;
    color: #555;
    position: absolute;
    width: 146px;
    z-index: 100000 !important;
}

div.productTooltip p
{
    padding: 0;
    margin: 5px;
    font-size: 1.1em;
    font-family: Arial, Verdana, Sans-Serif;
}

div.productTooltip h6
{
    padding: 0 0 3px 0;
    margin: 5px;
    color: #990D16;
    border-bottom: 1px solid #990D16;
    font-weight: normal;
    font-size: 1.1em;
}

div.newGraphic
{
    width: 33px;
    height: 20px;
    background: transparent url('/Portals/0/_images/newProduct.gif') 0 0 no-repeat;
    position: absolute;
    bottom: 0;
    left: 15px;
}

div#saveContinue
{
    clear: both;
    width: 166px;
    height: 30px;
    float: right;
    margin: 100px 66px 0 0;
    position: relative;
}

div#saveContinue a.btnSaveandContinue
{
    display: block;
    font-size: 0;
    text-indent: -9999px;
    overflow: hidden;
    width: 166px;
    height: 30px;
    background: transparent url('/Portals/0/_images/save_continueBtn.gif') 0 0 no-repeat; 
}

div#saveContinue a.btnSaveandContinue:hover
{
    cursor: pointer;
    background-position: 0 -30px;
}
