/* ----------------------------------------------------------------
    TABLE WRAPPER IN ORDER TO ALLOW IE TABLES WIDTH 100% WITHIN A DIV
---------------------------------------------------------------- */
div.tableContainer {
    width:100%;
}

/* ----------------------------------------------------------------
    SUBMIT BUTTONS AT BOTTOM OF PAGE LINEUP ON LEFT AND RIGHT
---------------------------------------------------------------- */
ul.productOptions {
    list-style: none;
    margin:  0; padding: 0px;
    position: static;
    float: right;
}

ul.productOptions li {
    float: left;
    display: inline;
    height: 19px;
    margin-left: 5px;
    background: none;
    padding: 0;
}

ul.productOptions li a {
    float: left;
    display: block;
    height: 19px;
}

/* ----------------------------------------------------------------
    FORM BUTTONS
---------------------------------------------------------------- */
ul.formOptions {
    list-style: none;
    margin: 0; padding: 0;
    position: static;
    height: 19px;
}

ul.formOptions li {
    float: left;
    display: inline;
    height: 19px;
    margin-right: 5px;
    background: none;
    padding: 0;
}

ul.formOptions a {
    float: left;
    display: block;
    height: 19px;
}

/* ----------------------------------------------------------------
    DEFAULT BOX
---------------------------------------------------------------- */
div.defaultBox {
    background: #fff url(/images/layout/default_border_right.gif) 100% 0 repeat-y;
    padding: 0 24px 0 0;
    margin: 0 -17px 10px 0px;
    position: relative;
    left: -9px;
}

div.defaultBox div.bi {
    padding: 0 0 0 24px;
    background: url(/images/layout/default_border_left.gif) 0 0 repeat-y;
}

div.defaultBox div.bt {
    height: 24px;
    margin: 0px -24px 0 -24px;
    background: url(/images/layout/default_box.gif) 100% 0 no-repeat;
}

div.defaultBox div.bt div {
    width: 24px;
    height: 24px;
    background: url(/images/layout/default_box.gif) 0 0 no-repeat;
}

div.defaultBox div.bb {
    height: 24px;
    margin: 0 -24px;
    background: url(/images/layout/default_box.gif) 100% 100% no-repeat;
}

div.defaultBox div.bb div {
    width: 24px;
    height: 24px;
    background: url(/images/layout/default_box.gif) 0 100% no-repeat;
}

div.defaultBox .trBox, div.defaultBox .prBox {
    float: right;
}

div.defaultBox div.tableContainer {
    position: static;
}

/* ----------------------------------------------------------------
    DEFAULT BOX NO FADE
---------------------------------------------------------------- */
div.boxNoFade,  {
    background: #fff url(/images/layout/nofade_border_right.gif) 100% 0 repeat-y;
    padding: 0 15px 0 0;
    margin: 0 0 10px 0px;
    position: relative;
    left: 0;
}

div.boxNoFade div.bi {
    padding: 0 0 0 15px;
    background: url(/images/layout/nofade_border_left.gif) 0 0 repeat-y;
}

div.boxNoFade div.bt {
    height: 15px;
    margin: 0px -15px 0 -15px;
    background: url(/images/layout/nofade_box.gif) 100% 0 no-repeat;
}

div.boxNoFade div.bt div {
    width: 15px;
    height: 15px;
    background: url(/images/layout/nofade_box.gif) 0 0 no-repeat;
}

div.boxNoFade div.bb {
    height: 15px;
    margin: 0 -15px;
    background: url(/images/layout/nofade_box.gif) 100% 100% no-repeat;
}

div.boxNoFade div.bb div {
    width: 15px;
    height: 15px;
    background: url(/images/layout/nofade_box.gif) 0 100% no-repeat;
}

div.boxNoFade div.tableContainer {
    position: static;
}

/* ----------------------------------------------------------------
    EMPTY BOX
---------------------------------------------------------------- */
div.emptyBox {
    padding:  0 0px;
    margin-bottom: 10px;
}

/* ----------------------------------------------------------------
    DEFAULT TAB BOX
---------------------------------------------------------------- */
div.defaultTabBox {
    background: #fff url(/images/layout/default_border_right.gif) 100% 0 repeat-y;
    padding: 0 24px 0 0;
    margin: 0 -17px 10px 0px;
    position: relative;
    left: -9px;
    display: inline-block;
}

div.defaultTabBox div.bi {
    padding: 0 0 0 24px;
    background: url(/images/layout/default_border_left.gif) 0 0 repeat-y;
}

div.defaultTabBox div.bt {
    display: none;
}

div.defaultTabBox div.bt div {
    display: none;
}

div.defaultTabBox div.bb {
    height: 24px;
    margin: 0 -24px;
    background: url(/images/layout/default_box.gif) 100% 100% no-repeat;
}

div.defaultTabBox div.bb div {
    width: 24px;
    height: 24px;
    background: url(/images/layout/default_box.gif) 0 100% no-repeat;
}

div.defaultTabBox div.tab {
    background: url(/images/layout/default_box_top.gif) 0 0 no-repeat;
    margin-left: -24px;
    padding-left: 24px;
    margin-top: -2px;

}

div.defaultTabBox div.tab ul {
    list-style: none;
    margin: 0 -24px 0 -24px;
    padding: 0;
    height: 49px;
    overflow: hidden;
    background: url(/images/layout/default_box_top.gif) 100% 0 no-repeat;
    position: relative;
}

div.defaultTabBox div.tab ul li {
    float:  left;
    padding: 0 0 0 21px;
    height: 50px;
    background: none;
    margin: 0 0 0 -21px;
}

div.defaultTabBox div.tab ul li a {
    float: left;
    display: block;
    height: 39px;
    text-decoration: none;
    font-weight: bold;
    line-height:  45px;
    padding: 0 22px 0 0;
    font-size: 10px;
}

div.defaultTabBox div.tab ul li a:hover {
    text-decoration: none;
    color: #83b817 !important
}

div.defaultTabBox div.tab ul li.active {
    background: url(/images/layout/default_tab_left.gif) 0 0 no-repeat;
}

div.defaultTabBox div.tab ul li.first {
    background: url(/images/layout/default_box_top.gif) 0 100% no-repeat;
    margin-left: 0px;
}

div.defaultTabBox div.tab ul li.firstactive {
    background: url(/images/layout/default_tab_left_first.gif) 0 0 no-repeat;
    margin-left: 0px;
}

div.defaultTabBox div.tab ul li.active a, div.defaultTabBox div.tab ul li.firstactive a {
    background: url(/images/layout/default_tab_right.gif) 100% 0 no-repeat;
    color: #000;
}

div.defaultTabBox div.content {
    padding-top: 10px;
    width: 100%;
}

div.defaultTabBox div.content div {
    display: none;
}

div.defaultTabBox div.content div.firstactive, div.defaultTabBox div.content div.active, div.defaultTabBox div.content div div {
    display: block !important;
}


/* ----------------------------------------------------------------
    DEFAULT TAB BOX NO FADE
---------------------------------------------------------------- */
div.tabBoxNoFade {
    background-image: url(/images/layout/nofade_border_right.gif);
    margin: 0 0 10px 0px;
    padding: 0 15px 0 0;
    position: relative;
    left: 0
}

div.tabBoxNoFade div.bi {
    background-image: url(/images/layout/nofade_border_left.gif);
    padding: 0 0 0 15px;
}

div.tabBoxNoFade div.bt {
    display: none;
}

div.tabBoxNoFade div.bt div {
    display: none;
}

div.tabBoxNoFade div.bb {
    margin: 0 -15px;
    background-image: url(/images/layout/nofade_box.gif);
}

div.tabBoxNoFade div.bb div {
    background-image: url(/images/layout/nofade_box.gif);
}

div.tabBoxNoFade div.tab {
    background: url(/images/layout/nofade_box_top.gif) 0 0 no-repeat;
    margin-left: -12px;
    padding-left: 12px;
    margin-top: -2px;
}

div.tabBoxNoFade div.tab ul {
    margin: 0 -15px 0 -15px;
    padding: 0;
    height: 49px;
    background: url(/images/layout/nofade_box_top.gif) 100% 0 no-repeat;
}

div.tabBoxNoFade div.tab ul li {
    padding: 0 13px 0 0;
    height: 50px;
    margin: -7px 0 0 0;
    text-align: center;
    background: url(/images/layout/nofade_tab_right.gif) 100% 0 no-repeat;
}

div.tabBoxNoFade div.tab ul li a {
    height: 60px;
    padding: 20px 0 0 8px;
    text-align: center;
    line-height: 100%;
    background: url(/images/layout/nofade_tab_left.gif) 0 0 no-repeat;
}

div.tabBoxNoFade div.tab ul li a:hover {
    background: url(/images/layout/nofade_tab_left_over.gif) 0 0 no-repeat;
}

div.tabBoxNoFade div.tab ul li:hover {
    text-decoration: none;
    color: #83b817 !important
}

div.tabBoxNoFade div.tab ul li.active {
    background: url(/images/layout/nofade_tab_right.gif) 100% 0 no-repeat;
}

div.tabBoxNoFade div.tab ul li.active a {
    background: url(/images/layout/nofade_tab_left_over.gif) 0 0 no-repeat;
}

div.tabBoxNoFade div.tab ul li.first {
    background: url(/images/layout/nofade_tab_right.gif) 100% 0 no-repeat;
    margin-left: 0px;
}

div.tabBoxNoFade div.tab ul li.first a {
    background: url(/images/layout/nofade_tab_left_first.gif) 0 0 no-repeat;
}

div.tabBoxNoFade div.tab ul li.first a:hover {
    background: url(/images/layout/nofade_tab_left_first_over.gif) 0 0 no-repeat;
}

div.tabBoxNoFade div.tab ul li.firstactive {
    background: url(/images/layout/nofade_tab_right.gif) 100% 0 no-repeat;
    margin-left: 0px;
}

div.tabBoxNoFade div.tab ul li.firstactive a {
    background: url(/images/layout/nofade_tab_left_first_over.gif) 0 0 no-repeat;
}

div.tabBoxNoFade div.tab ul li.firstactive a:hover {
    background: url(/images/layout/nofade_tab_left_first_over.gif) 0 0 no-repeat;
}

div.tabBoxNoFade div.content {
    padding-top: 0px;
}

div.tabBoxNoFade div.content div.moreinfo {
    overflow: auto;
    display: none;
    height: 0px;
    font-size: 11px;
}

div.tabBoxNoFade div.content a {

}

/* ----------------------------------------------------------------
    PRODUCT BOX
---------------------------------------------------------------- */
div.productBox {
    background: url(/images/layout/product_gradient.gif) 0 0 repeat-x #b3dffb;
    margin-bottom:  10px;
    position: relative;
}

div.productBox div.wrap {
    padding: 0 12px 0 0;
}

div.productBox div.bi {
    padding: 0 0 0 12px;
}

div.productBox div.bt {
    height: 12px;
    margin: 0 -12px;
    background: url(/images/layout/product_box.gif) 100% 0 no-repeat;
}

div.productBox div.bt div {
    width: 12px;
    height: 12px;
    background: url(/images/layout/product_box.gif) 0 0 no-repeat;
}

div.productBox div.bb {
    height: 12px;
    margin: 0 -12px;
    background: url(/images/layout/product_box.gif) 100% 100% no-repeat;
}

div.productBox div.bb div {
    width: 12px;
    height: 12px;
    background: url(/images/layout/product_box.gif) 0 100% no-repeat;
}

div.productBox h3 {
    color:  #fff;
    padding: 0;
}

div.productBox div.moreinfo {
    overflow: auto;
    display: none;
    height: 0px;
    font-size: 10px;
}

div.productBox table.liten {
    margin-bottom: 10px;
}

div.productBox div.tableContainer{
    width: auto;
}

/* ----------------------------------------------------------------
    DEFAULT TAB BOX NO FADE
---------------------------------------------------------------- */
div.tabBoxNoFade {
    background-image: url(/images/layout/nofade_border_right.gif);
    margin: 0 0 10px 0px;
    padding: 0 15px 0 0;
    position: relative;
    left: 0
}

div.tabBoxNoFade div.bi {
    background-image: url(/images/layout/nofade_border_left.gif);
    padding: 0 0 0 15px;
}

div.tabBoxNoFade div.bb {
    margin: 0 -15px;
    background-image: url(/images/layout/nofade_box.gif);
}

div.tabBoxNoFade div.bb div {
    background-image: url(/images/layout/nofade_box.gif);
}

div.tabBoxNoFade div.tab {
    background: url(/images/layout/nofade_box_top.gif) 0 0 no-repeat;
    margin-left: -12px;
    padding-left: 12px;
    margin-top: -2px;
}

div.tabBoxNoFade div.tab ul {
    margin: 0 -15px 0 -15px;
    padding: 0;
    height: 49px;
    background: url(/images/layout/nofade_box_top.gif) 100% 0 no-repeat;
}

div.tabBoxNoFade div.tab ul li {
    padding: 0 13px 0 0;
    height: 50px;
    margin: -7px 0 0 0;
    text-align: center;
    background: url(/images/layout/nofade_tab_right.gif) 100% 0 no-repeat;
}

div.tabBoxNoFade div.tab ul li a {
    height: 60px;
    padding: 20px 0 0 8px;
    text-align: center;
    line-height: 100%;
    background: url(/images/layout/nofade_tab_left.gif) 0 0 no-repeat;
}

div.tabBoxNoFade div.tab ul li a:hover {
    background: url(/images/layout/nofade_tab_left_over.gif) 0 0 no-repeat;
}

div.tabBoxNoFade div.tab ul li:hover {
    text-decoration: none;
    color: #83b817 !important
}

div.tabBoxNoFade div.tab ul li.active {
    background: url(/images/layout/nofade_tab_right.gif) 100% 0 no-repeat;
}

div.tabBoxNoFade div.tab ul li.active a {
    background: url(/images/layout/nofade_tab_left_over.gif) 0 0 no-repeat;
}

div.tabBoxNoFade div.tab ul li.first {
    background: url(/images/layout/nofade_tab_right.gif) 100% 0 no-repeat;
    margin-left: 0px;
}

div.tabBoxNoFade div.tab ul li.first a {
    background: url(/images/layout/nofade_tab_left_first.gif) 0 0 no-repeat;
}

div.tabBoxNoFade div.tab ul li.first a:hover {
    background: url(/images/layout/nofade_tab_left_first_over.gif) 0 0 no-repeat;
}

div.tabBoxNoFade div.tab ul li.firstactive {
    background: url(/images/layout/nofade_tab_right.gif) 100% 0 no-repeat;
    margin-left: 0px;
}

div.tabBoxNoFade div.tab ul li.firstactive a {
    background: url(/images/layout/nofade_tab_left_first_over.gif) 0 0 no-repeat;
}

div.tabBoxNoFade div.tab ul li.firstactive a:hover {
    background: url(/images/layout/nofade_tab_left_first_over.gif) 0 0 no-repeat;
}

div.tabBoxNoFade div.content {
    padding-top: 0px;
}

div.tabBoxNoFade div.content div.moreinfo {
    overflow: auto;
    display: none;
    height: 0px;
    font-size: 11px;
}

div.tabBoxNoFade div.content a {

}

/* ----------------------------------------------------------------
    PRODUCT ROUNDED WHITE BOX
---------------------------------------------------------------- */
div.productRoundedBox {
    padding: 0 10px 0 0;
    background: url(/images/layout/product_roundedbox.gif) 100% 0 repeat-y;
    margin: 10px 0 0 0;
    position: relative;
}

div.productRoundedBox div.bi {
    padding: 0 0 0 10px;
    background: url(/images/layout/product_roundedbox.gif) 0 0 repeat-y;
}

div.productRoundedBox div.bt {
    height: 10px;
    margin: 0 -10px 0 -10px;
    background: url(/images/layout/product_roundedbox.gif) 100% 0 no-repeat;
}

div.productRoundedBox div.bt div {
    width: 10px;
    height: 10px;
    background: url(/images/layout/product_roundedbox.gif) 0 0 no-repeat;
}

div.productRoundedBox div.bb {
    height: 10px;
    margin: 0 -10px;
    background: url(/images/layout/product_roundedbox.gif) 100% 100% no-repeat;
}

div.productRoundedBox div.bb div {
    width: 10px;
    height: 10px;
    background: url(/images/layout/product_roundedbox.gif) 0 100% no-repeat;
}

div.productRoundedBox div.tableContainer {
    width: auto;
    position: relative;
}

div.productRoundedBox ul.productOptions {
    position: absolute;
    top: 0px;
    right: 0px;
}

div.productRoundedBox div.specialsBox div.tableContainer {
    width: 100%;
    position: static;
}

div.productRoundedBox div.splash {
    position: relative;

}

div.productRoundedBox div.splash div {
    position: absolute;
    left: -75px;
    top: -10px;
}

/* ----------------------------------------------------------------
    SPECIALS BOX
---------------------------------------------------------------- */
div.specialsBox {
    padding: 0 9px 0 0;
    margin: 0 0 5px 0;
    background: #f6f5f5 url(/images/layout/specials_border_right.gif) 100% 0 repeat-y;
}

div.specialsBox div.bi {
    padding: 0 0 0 9px;
    background: url(/images/layout/specials_border_left.gif) 0 0 repeat-y;
}

div.specialsBox div.bt {
    height: 9px;
    margin:  0 -9px;
    background: url(/images/layout/specials_box.gif) 100% 0 no-repeat;
}

div.specialsBox div.bt div {
    height: 9px;
    width: 9px;
    background: url(/images/layout/specials_box.gif) 0 0 no-repeat;
}

div.specialsBox div.bb {
    height: 16px;
    margin: 0 -9px;
    background: url(/images/layout/specials_box.gif) 100% 100% no-repeat;
}

div.specialsBox div.bb div {
    height: 16px;
    background: url(/images/layout/specials_box.gif) 0 100% no-repeat;
}


/* ----------------------------------------------------------------
    SIMPLE BOX
---------------------------------------------------------------- */
div.simpleBox {
    padding: 0;
    margin: 0 0 5px 0;
    background: #ededed;
}

div.simpleBox div.sb_bi, div.simpleBox div.bi {

}

div.simpleBox div.sb_bt, div.simpleBox div.bt {
    height: 10px;
    background: url(/images/layout/simple_box.gif) 100% 0 no-repeat;
}

div.simpleBox div.sb_bt div, div.simpleBox div.bt div {
    height: 10px;
    width: 10px;
    font-size: 1px;
    background: url(/images/layout/simple_box.gif) 0 0 no-repeat;
}

div.simpleBox div.sb_bb, div.simpleBox div.bb {
    height: 10px;
    background: url(/images/layout/simple_box.gif) 100% 100% no-repeat;
}

div.simpleBox div.sb_bb div, div.simpleBox div.bb div {
    height: 10px;
    width: 10px;
    font-size: 1px;
    background: url(/images/layout/simple_box.gif) 0 100% no-repeat;
}

div.simpleBox div.sb_tc, div.simpleBox div.tableContainer {
    width: auto;
    padding: 0 10px;
}

/* ----------------------------------------------------------------
    SIMPLE BOX DARK
---------------------------------------------------------------- */
div.simpleBox.sb_dark {
    margin: 0 0 10px 0;
    background: #cdcdcd;
    width:100%;
}

div.simpleBox.sb_dark div.sb_bi {

}

div.simpleBox.sb_dark div.sb_bt {
    background: #fff url(/images/layout/simple_box_dark.gif) 100% 0 no-repeat;

}

div.simpleBox.sb_dark div.sb_bt div {
    width: 13px;
    background: #fff url(/images/layout/simple_box_dark.gif) 0 0 no-repeat;
}

div.simpleBox.sb_dark div.sb_bb {
    height: 9px;
    background: #fff url(/images/layout/simple_box_dark.gif) 100% 100% no-repeat;
}

div.simpleBox.sb_dark div.sb_bb div {
    height: 9px;
    width: 13px;
    background: #fff url(/images/layout/simple_box_dark.gif) 0 100% no-repeat;
}

div.simpleBox.sb_dark div.sb_tc {
    padding: 0 9px 0 10px;
}


/* ----------------------------------------------------------------
    SIMPLE BOX SMALL
---------------------------------------------------------------- */
div.simpleBox.sb_small {
    margin: 0 0 10px 0;
}

div.simpleBox.sb_small div.sb_bt {
    height: 7px;
}

div.simpleBox.sb_small div.sb_bt div {
    height: 7px;
    width: 7px;
}

div.simpleBox.sb_small div.sb_bb {
    height: 7px;
}

div.simpleBox.sb_small div.sb_bb div {
    height: 7px;
    width: 7px;
}

div.simpleBox.sb_small div.sb_tc {
    padding: 0 7px;
}

/* ----------------------------------------------------------------
    LANDING BOX
---------------------------------------------------------------- */
div.landingBox {
    padding: 0 10px 0 0;
    margin: 0 0 15px 0;
    background: #fff url(/images/layout/landing_box_border.gif) 100% 0 repeat-y;
}

div.landingBox div.lb_bi {
    padding: 0 0 0 10px;
    background: #fff url(/images/layout/landing_box.gif) 0 0 repeat-y;
}

div.landingBox div.lb_bt {
    height: 13px;
    margin:  0 -10px;
    background: #fff url(/images/layout/landing_box.gif) 100% 0 no-repeat;
}

div.landingBox div.lb_bt div {
    height: 13px;
    width: 13px;
    font-size: 1px;
    background: #fff url(/images/layout/landing_box.gif) 0 0 no-repeat;
}

div.landingBox div.lb_bb {
    height: 13px;
    margin: 0 -10px;
    background: #fff url(/images/layout/landing_box.gif) 100% 100% no-repeat;
}

div.landingBox div.lb_bb div {
    height: 13px;
    width: 13px;
    font-size: 1px;
    background: #fff url(/images/layout/landing_box.gif) 0 100% no-repeat;
}

div.landingBox div.lb_tc {
    width: auto;
    margin: 0;
    padding: 0 15px 15px 15px;
    position:static;
}

div.landingBox h2 {
    color:#fff;
    padding: 16px 0 20px 0;
    position: relative;
}

div.landingBox h1 {
    padding: 0 0 0 15px;
    background-color: #ffffff;
    color: #000000;
    margin: 0 -15px 25px -15px;
}

div.landingBox h1 p, div.landingBox h2 p {
    margin: 0; padding: 0;
}

/* Changed by Jessica 17/1 -10 */
div.landingBox h3, div.orderflowTabBox h3 {
    color: #0099ff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    /*border-bottom: 1px solid #ccc;*/
    /*margin-bottom: 15px;*/
    line-height: 132%;
    padding: 10px 0;
}

div.orderflowTabBox div.articleSection h3 {
    padding:0 0 10px 0;
}

/* ----------------------------------------------------------------
    BORDER BOX
---------------------------------------------------------------- */
div.borderBox h3 {
    color: #0099ff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    line-height: 132%;
}

div.borderBox {
    padding: 0 10px 0 0;
    margin: 0 0 15px 0;
    background: #fff url(/images/layout/border_box_border.gif) 100% 0 repeat-y;
    display:inline-block;
    width:98%;
}

div.borderBox div.bb_bi {
    padding: 0 0 0 10px;
    background: #fff url(/images/layout/border_box.gif) 0 0 repeat-y;
}

div.borderBox div.bb_bt {
    height: 13px;
    margin:  0 -10px;
    background: #fff url(/images/layout/border_box.gif) 100% 0 no-repeat;
}

div.borderBox div.bb_bt div {
    height: 13px;
    width: 13px;
    font-size: 1px;
    background: #fff url(/images/layout/border_box.gif) 0 0 no-repeat;
}

div.borderBox div.bb_bb {
    height: 13px;
    margin: 0 -10px;
    background: #fff url(/images/layout/border_box.gif) 100% 100% no-repeat;
}

div.borderBox div.bb_bb div {
    height: 13px;
    width: 13px;
    font-size: 1px;
    background: #fff url(/images/layout/border_box.gif) 0 100% no-repeat;
}

div.borderBox div.bb_tc {
    width: auto;
    margin: 0;
    padding: 15px;
    position:static;
}


/* ----------------------------------------------------------------
    LANDING BOX INSIDE SIMPLE BOX
---------------------------------------------------------------- */
div.landingBox.lb_small {
    padding: 0;
    margin: 0;
    background: #fff;
}

div.landingBox.lb_small  div.lb_bi {
    background: url(/images/layout/landing_box_flat.gif) 0 0 no-repeat;
}

div.landingBox.lb_small div.lb_bt {
    height: 10px;
    margin:  0 0 0 -10px;
    background: url(/images/layout/landing_box_flat.gif) 100% 0 no-repeat;
}

div.landingBox.lb_small div.lb_bt div {
    height: 10px;
    width: 10px;
    background: url(/images/layout/landing_box_flat.gif) 0 0 no-repeat;
}

div.landingBox.lb_small div.lb_bb {
    height: 10px;
    margin:  0 0 0 -10px;
    background: url(/images/layout/landing_box_flat.gif) 100% 100% no-repeat;
}

div.landingBox.lb_small div.lb_bb div {
    height: 10px;
    width: 10px;
    background: url(/images/layout/landing_box_flat.gif) 0 100% no-repeat;
}

div.landingBox.lb_small div.lb_tc {
    width: auto;
    padding: 0 10px 0 0;
    position: static;
}

div.landingBox.lb_small h2 {
    color:#fff;
    line-height:44px;
    position: relative;
    padding: 0 0 16px 0;
}
div.landingBox.lb_small h2 .icon {
    position: absolute;
    top: -3px;
    right: -3px;
}

/* ----------------------------------------------------------------
    ORDEFLOW TAB MENU
---------------------------------------------------------------- */

ul.orderflowTabMenu {
    /*width: 100%;
    float: left;*/
    height: 32px;
    margin: 0;
    padding: 0;
}

ul.orderflowTabMenu li {
    list-style: none;
    float: left;
    background: url(/images/layout/orderflow_tab.gif) 0 0 no-repeat;
    padding: 0 0 0 10px;
    margin: 0 3px 0 0;
}

ul.orderflowTabMenu li a {
    background: url(/images/layout/orderflow_tab.gif) 100% 0 no-repeat;
    padding-right: 13px;
    color: #000 !important;
    display: block;
}

ul.orderflowTabMenu li.active {
    background-image: url(/images/layout/orderflow_tab_active.gif);
}

ul.orderflowTabMenu li.active a {
    background-image: url(/images/layout/orderflow_tab_active.gif);
}

div.simpleBox.sb_small ul.orderflowTabMenu li {
    margin-right:0;
    padding-left:5px;
}

ul.orderflowTabMenu.small {
    height: 21px;
}

ul.orderflowTabMenu.small li {
    margin: 0 2px 0 0;
}

/* ----------------------------------------------------------------
    ORDERFLOW TAB BOX
---------------------------------------------------------------- */
div.orderflowTabBox {
    padding: 0 15px 0 0;
    margin: 0;
    background: url(/images/layout/orderflow_tab_box.gif) 100% 0 repeat-y;
    /*margin-top: 32px;*/
    /*clear: both;*/
}

div.orderflowTabBox div.otb_bi {
    padding: 0 0 0 10px;
    background: url(/images/layout/orderflow_tab_box.gif) 0 0 repeat-y;
}

div.orderflowTabBox div.otb_bt {
    height: 10px;
    margin: 0 -15px 0 -10px;
    background: url(/images/layout/orderflow_tab_box.gif) 100% 0 no-repeat;
}

div.orderflowTabBox div.otb_bt div {
    height: 10px;
    width: 13px;
    font-size: 1px;
    background: url(/images/layout/orderflow_tab_box.gif) 0 0 no-repeat;
}

div.orderflowTabBox div.otb_bb {
    height: 20px;
    margin: 0 -15px 0 -10px;
    background: url(/images/layout/orderflow_tab_box.gif) 100% 100% no-repeat;
}

div.orderflowTabBox div.otb_bb div {
    height: 20px;
    width: 13px;
    font-size: 1px;
    background: url(/images/layout/orderflow_tab_box.gif) 0 100% no-repeat;
}

div.orderflowTabBox div.otb_tc {
    width: auto;
    padding: 15px 15px 0 15px;
    position:relative;
    min-height: 150px;
}

div.orderflowTabBox div.leftCorner{
    background:#fff;
    width:5px;
    height:15px;
    font-size:1px;
    position:absolute;
    top:-10px;
    left:-10px;
}

/* ----------------------------------------------------------------
    ORDERFLOW TAB BOX SMALL WHITE
---------------------------------------------------------------- */
div.orderflowTabBox.otb_small {
    background-image: url(/images/layout/orderflow_tab_box_white.gif);
    margin: 0;
    /*clear: both;*/
    line-height: normal;
}

html[xmlns] div.orderflowTabBox.otb_small {
    margin-top: 2px;
}

div.orderflowTabBox.otb_small div.otb_bi {
    background-image: url(/images/layout/orderflow_tab_box_white.gif);
}

div.orderflowTabBox.otb_small div.otb_bt {
    background-image: url(/images/layout/orderflow_tab_box_white.gif);
}

div.orderflowTabBox.otb_small div.otb_bt div {
    background-image: url(/images/layout/orderflow_tab_box_white.gif);
}

div.orderflowTabBox.otb_small div.otb_bb {
    background-image: url(/images/layout/orderflow_tab_box_white.gif);
    height: 10px;
}

div.orderflowTabBox.otb_small div.otb_bb div {
    background-image: url(/images/layout/orderflow_tab_box_white.gif);
    height: 10px;
}

div.orderflowTabBox.otb_small div.otb_tc {
    padding: 5px;
    min-height: 150px;
}

/* ----------------------------------------------------------------
    ORDERFLOW TAB BOX DASHED
---------------------------------------------------------------- */
div.orderflowTabBox.otb_dashed {
    background-image: url(/images/layout/orderflow_tab_box_dashed.gif);
}

div.orderflowTabBox.otb_dashed div.otb_bi {
    background-image: url(/images/layout/orderflow_tab_box_dashed.gif);
}

div.orderflowTabBox.otb_dashed div.otb_bt {
    background-image: url(/images/layout/orderflow_tab_box_dashed.gif);
}

div.orderflowTabBox.otb_dashed div.otb_bt div {
    background-image: url(/images/layout/orderflow_tab_box_dashed.gif);
}

div.orderflowTabBox.otb_dashed div.otb_bb {
    background-image: url(/images/layout/orderflow_tab_box_dashed.gif);
}

div.orderflowTabBox.otb_dashed div.otb_bb div {
    background-image: url(/images/layout/orderflow_tab_box_dashed.gif);
}

div.orderflowTabBox.otb_dashed div.otb_tc {
    padding: 0;
}

/* ----------------------------------------------------------------
    ORDERFLOW TAB BOX SMALL PRICES
---------------------------------------------------------------- */
div.orderflowTabBox .frontDescription {
    height:77px;
    overflow:hidden;
    padding-bottom:20px;
    font-size:10px;
    position: relative;
    margin-bottom: 18px;
    width:100%;
}

div.orderflowTabBox .frontDescription * {
    font-size:10px;
    color: #323232;
}

div.orderflowTabBox .frontDescription a.more {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #0099ff;
    background: #fff;
    padding-left: 10px;
    padding-top: 2px;
}

div.orderflowTabBox .frontDescription a.more:hover {
    color: #83b817;
}

div.orderflowTabBox .frontPriceRow {
    position:relative;
    font-size:9px;
    height:18px;
}

div.orderflowTabBox .frontPriceRow .col1 {
    position:absolute;
    top:0;
    left:0;
    color:#606060;
    white-space: nowrap;
}

div.orderflowTabBox .frontPriceRow .col2 {
    position:absolute;
    top:0;
    left:20px;
    color:#606060;
    white-space: nowrap;
}

div.orderflowTabBox .frontPriceRow .col3 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#606060;
    text-align:right;
    width:40px;
    cursor:default;
    position:absolute;
    right:0;
    top:0;
    white-space: nowrap;
}

div.orderflowTabBox .frontPriceRow .selectedbox {
    width:132px;
    height:15px;
    margin-top: 1px;
    background:url(/images/layout/selectbox.gif) no-repeat;
}

div.orderflowTabBox .frontPriceRow .optionbox {
    text-indent:3px;
    position:absolute;
    top:16px;
    left:20px;
    background:url(/images/layout/optionbox.gif) no-repeat;
    width:132px;
    height:37px;
}

div.orderflowTabBox .frontPriceRow .selectedbox {
    text-indent:3px;
    display:block;
    width:100%;
    cursor:default;
    color:#606060;
}

div.orderflowTabBox .frontPriceRow .optionbox a{
    color: #333 !important;
    display:block;
    width:100%;
    cursor:default;
}

div.orderflowTabBox .frontPriceRow .optionbox a:hover {
    color: #fff !important;
    background: #0099ff;
}

div.orderflowTabBox .frontOrderTable {
    width:100%;
    margin:8px 0 0 0;
}

div.orderflowTabBox .frontOrderTable td.total {
    text-align:right;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px !important;
    font-weight:bold;
    width: 1%;
    white-space:nowrap;
    vertical-align: bottom;
    padding-bottom: 2px;
}

div.orderflowTabBox .frontPriceRow .highlight {
    color:#232323;
}

/* ----------------------------------------------------------------
    REMOTE BOX
---------------------------------------------------------------- */
div.remoteBox {
    background: url(/images/layout/remote_box.gif) 0 0 repeat-x #efefef;
    font-size: 10px;
    position: relative;
    margin: -9px 0px 9px 0;
    right: -9px;
    line-height: normal;
    width: 202px;
}

div.remoteBox h3 {
    padding: 0 0 0 0px; 
}

div.remoteBox h4 {
    padding: 0 0 0 0px; 
}

div.remoteBox h5 {
    padding: 0 0 0 0px; 
}

div.remoteBox h6 {
    padding: 0 0 0 0px; 
}

div.remoteBox div.wrap {
    padding: 0 24px 0 0;
    background: url(/images/layout/remote_box.gif) 100% 0 repeat-y;
}

div.remoteBox div.bi {
    padding: 0 0 0 24px;
    background: url(/images/layout/remote_box.gif) 0 0 repeat-y;
}

div.remoteBox div.bt {
    height: 24px;
    margin: 0 -24px;
    padding-right: 26px;
    background: none;
}

div.remoteBox div.bt div {
    height: 24px;
    background: url(/images/layout/remote_box.gif) 0 0 no-repeat;
}

div.remoteBox div.bb {
    height: 24px;
    margin: 0 -24px;
    background: url(/images/layout/remote_box.gif) 100% 100% no-repeat;
}

div.remoteBox div.bb div {
    width: 24px;
    height: 24px;
    background: url(/images/layout/remote_box.gif) 0 100% no-repeat;
}

div.remoteBox div.tableContainer {
    width: auto;
}

div.remoteBoxBeige, div.remoteBoxBeige div.wrap, div.remoteBoxBeige div.bi,
div.remoteBoxBeige div.bt div, div.remoteBoxBeige div.bb, div.remoteBoxBeige div.bb div
{
    background-image: url(/images/layout/remote_box_beige.gif);
}

div.remoteBoxCitrus, div.remoteBoxCitrus div.wrap, div.remoteBoxCitrus div.bi,
div.remoteBoxCitrus div.bt div, div.remoteBoxCitrus div.bb, div.remoteBoxCitrus div.bb div
{
    background-image: url(/images/layout/remote_box_citrus.jpg);
}

div.remoteBoxSilver, div.remoteBoxSilver div.wrap, div.remoteBoxSilver div.bi,
div.remoteBoxSilver div.bt div, div.remoteBoxSilver div.bb, div.remoteBoxSilver div.bb div
{
    background-image: url(/images/layout/remote_box_silver.gif);
}

div.remoteBoxBlue, div.remoteBoxBlue div.wrap, div.remoteBoxBlue div.bi,
div.remoteBoxBlue div.bt div, div.remoteBoxBlue div.bb, div.remoteBoxBlue div.bb div
{
    background-image: url(/images/layout/remote_box_blue.gif);
}

div.remoteBoxSilver dd {
    background-image: url(/images/layout/arrow_right_green.gif) !important;
    font-size: 11px;
}

div.remoteBoxSilver dd a {
    color: #8c8c8c !important;
}

div.remoteBoxSilver dd a:hover {
    /*text-decoration:underline !important;*/
    color: #c2cd23 !important;
}


/* ----------------------------------------------------------------
    REMOTE PUFF
---------------------------------------------------------------- */
div.remotePuff {
    font-size: 10px;
    margin: -9px 0px 6px 0;
    position: relative;
    right: -9px;
}

/* ----------------------------------------------------------------
    REMOTE ROUNDED WHITE BOX
---------------------------------------------------------------- */
div.remoteRoundedBox {
    margin: 10px 0 0 0;
    position: relative;
}

div.remoteRoundedBox div.bi {
    background: none;
    padding: 0;
}

div.remoteRoundedBox div.bt {
    height: 10px;
    margin: 0 0 0 24px;
    padding: 0 24px 0 0;
    background: url(/images/layout/remote_roundedbox.gif) 100% 0 no-repeat;
}

div.remoteRoundedBox div.bt div {
    width: 24px;
    height: 10px;
    left: -24px;
    position: relative;
    background: url(/images/layout/remote_roundedbox.gif) 0 0 no-repeat;
}

div.remoteRoundedBox div.bb {
    height: 10px;
    margin: 0 0 0 24px;
    padding: 0 24px 0 0;
    background: url(/images/layout/remote_roundedbox.gif) 100% 100% no-repeat;
}

div.remoteRoundedBox div.bb div {
    width: 24px;
    height: 10px;
    left: -24px;
    position: relative;
    background: url(/images/layout/remote_roundedbox.gif) 0 100% no-repeat;
}

div.remoteRoundedBox div.tableContainer {
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

div.remoteRoundedBox div.tableContainer span,
div.remoteRoundedBox div.tableContainer p {

}

div.remoteRoundedBox div.tableContainer dl {
    margin: 0;
}

div.remoteRoundedBox div.tableContainer dl a {
    text-transform: capitalize;
}


/* ----------------------------------------------------------------
    CONTENT ROUNDED BOX
---------------------------------------------------------------- */
div.contentRoundedBox {
    padding: 0 10px 0 0;
    background: url(/images/layout/content_roundedbox.gif) 100% 0 repeat-y;
    margin: 0 0 15px 0;
    position: relative;
}

div.contentRoundedBox div.bi {
    padding: 0 0 0 10px;
    background: url(/images/layout/content_roundedbox.gif) 0 0 repeat-y;
}

div.contentRoundedBox div.bt {
    height: 10px;
    margin: 0 -10px 0 -10px;
    background: url(/images/layout/content_roundedbox.gif) 100% 0 no-repeat;
}

div.contentRoundedBox div.bt div {
    width: 10px;
    height: 10px;
    background: url(/images/layout/content_roundedbox.gif) 0 0 no-repeat;
}

div.contentRoundedBox div.bb {
    height: 10px;
    margin: 0 -10px;
    background: url(/images/layout/content_roundedbox.gif) 100% 100% no-repeat;
}

div.contentRoundedBox div.bb div {
    width: 10px;
    height: 10px;
    background: url(/images/layout/content_roundedbox.gif) 0 100% no-repeat;
}

div.contentRoundedBox div.tableContainer {
    min-height: 90px;
}

/* ----------------------------------------------------------------
    CUSTOMER SERVICE INFORM BOX
---------------------------------------------------------------- */
div.informBox {

}

div.informBox div.row {
    border-top: 1px dashed #c6dd89;
    padding: 6px 0 0 0;
    margin: 6px 0 0 0;
}

div.informBox div.row.rounded {
    background: url(/images/layout/simple_box.gif) top right no-repeat;
    border-top: none;
    padding: 0 0 3px 0;
    margin: 5px 0 0 0;
}

div.informBox div.even {

}

div.informBox div.odd {

}

div.informBox div.first {
    border-top: none;
    margin-top: -6px;
}

div.informBox div.rounded.first {
    margin-top: 0px;
}

div.informBox div.row div.title {
    padding: 0 0 3px 22px;
    color: #000;
    background: url(/images/layout/expand.gif) 0 1px no-repeat;
}

div.informBox div.active div.title {
    background-image: url(/images/layout/contract.gif);
}

div.informBox div.row div.title.rounded {
    background: url(/images/layout/simple_box.gif) top left;
    margin-right: 5px;
    color: #00abff;
    padding: 6px 0 3px 10px;
}

div.informBox div.row div.title a {
    color: #626d44;
}

div.informBox div.rounded div.title a {
    color: #444;
}

div.informBox div.row div.title a:hover,
div.informBox div.active div.title a{
    color: #000;
    text-decoration: underline;
}

div.informBox div.short {
    display: none;
}

div.informBox div.row div.title span.date {
    color: #999;
    font-size: 9px;
}

div.informBox div.row .long {
    color: #000;
    font-size: 11px;
}

div.informBox div.rounded .long {
    padding-left: 21px;
}

div.informBox div.row .pad {
    padding: 5px 0;
}

div.informBox div.row .long a {
    text-decoration: underline;
}

a.bb_upp {
    width: 40px;
    height: 23px;
    background:transparent url(/images/layout/upp.gif) repeat scroll 0 0;
}
a.bb_upp:hover {
    background:transparent url(/images/layout/upp_over.gif) repeat scroll 0 0;
}